@orangecatai/adgen-canvas 0.0.20 → 0.0.21

package/dist/dev/index.js

@@ -13,7 +13,6 @@ import {
   canvasToBlob,
   centerScrollOn,
   createFile,
-  dataURLToFile,
   dataURLToString,
   encodePngMetadata,
   exportToCanvas,
@@ -67,10 +66,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-ILOOQ6LL.js";
+} from "./chunk-WFKR6OGI.js";
 import {
   define_import_meta_env_default
-} from "./chunk-Y6SGUVKW.js";
+} from "./chunk-RD5LX7MN.js";
 import {
   en_default
 } from "./chunk-4K5LIQQU.js";
@@ -9771,7 +9770,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-MFQPU4SU.js").then(
+        (blob2) => import("./data/image-DSU2H6P5.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -23049,12 +23048,6 @@ import { useEffect as useEffect32, useRef as useRef26, useState as useState29 }
 import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords6 } from "@orangecatai/common";
 import { getElementAbsoluteCoords as getElementAbsoluteCoords9 } from "@orangecatai/element";
 
-// utils/openRouterApiKey.ts
-function resolveOpenRouterApiKey(propKey) {
-  const normalizedPropKey = propKey?.trim();
-  return (normalizedPropKey ? normalizedPropKey : void 0) ?? (typeof import.meta !== "undefined" && define_import_meta_env_default?.VITE_APP_OPENROUTER_API_KEY ? define_import_meta_env_default.VITE_APP_OPENROUTER_API_KEY : "") ?? "";
-}
-
 // components/auto-resize/AutoResizePanel.tsx
 import { useCallback as useCallback15, useEffect as useEffect31, useRef as useRef25, useState as useState28 } from "react";
 
@@ -23071,7 +23064,7 @@ import {
 import { FRAME_STYLE as FRAME_STYLE2, arrayToMap as arrayToMap22 } from "@orangecatai/common";
 
 // utils/imageApi.ts
-async function callOpenRouterImageAPI(prompt, modelId, aspectRatio, imageSize, textOutput, apiKey, referenceImageDataUrl, signal) {
+async function callOpenRouterImageAPI(prompt, modelId, aspectRatio, imageSize, textOutput, imageGenUrl, referenceImageDataUrl, signal) {
   const contentParts = [];
   if (referenceImageDataUrl) {
     contentParts.push({
@@ -23091,18 +23084,14 @@ async function callOpenRouterImageAPI(prompt, modelId, aspectRatio, imageSize, t
     stream: false,
     image_config: imageConfig
   };
-  const response = await fetch(
-    "https://openrouter.ai/api/v1/chat/completions",
-    {
-      method: "POST",
-      signal,
-      headers: {
-        Authorization: `Bearer ${apiKey}`,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(body)
-    }
-  );
+  const response = await fetch(imageGenUrl, {
+    method: "POST",
+    signal,
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(body)
+  });
   if (!response.ok) {
     let message = `OpenRouter API error ${response.status}`;
     try {
@@ -23541,7 +23530,7 @@ async function runReviewerAgent(opts) {
     imagePlacement,
     userBrief,
     brandContext,
-    apiKey,
+    chatUrl,
     reviewerModel = "qwen/qwen3.7-plus",
     signal,
     iteration
@@ -23607,10 +23596,9 @@ async function runReviewerAgent(opts) {
   };
   let response;
   try {
-    response = await fetch("https://openrouter.ai/api/v1/chat/completions", {
+    response = await fetch(chatUrl, {
       method: "POST",
       headers: {
-        Authorization: `Bearer ${apiKey}`,
         "Content-Type": "application/json",
         "HTTP-Referer": "https://dughub.app",
         "X-Title": "ADGEN Reviewer"
@@ -24148,7 +24136,7 @@ Prioritise: (1) readability of text, (2) prominence of the primary CTA, (3) bran
   return result;
 }
 var VALID_SLOT_TYPES = /* @__PURE__ */ new Set(["logo", "product", "decoration", "cta"]);
-async function tagImageElementsWithVision(info, screenshotDataUrl, openRouterApiKey, model, signal) {
+async function tagImageElementsWithVision(info, screenshotDataUrl, autoResizeUrl, model, signal) {
   const imageEls = info.foreground.filter(
     (el) => el.kind === "image" && !el.slotType
   );
@@ -24178,12 +24166,11 @@ Assign each element exactly one role:
 Return ONLY a JSON object mapping the element number (string key) to its role. Example: {"1": "logo", "2": "product"}`;
   try {
     const response = await fetch(
-      "https://openrouter.ai/api/v1/chat/completions",
+      autoResizeUrl,
       {
         method: "POST",
         signal,
         headers: {
-          Authorization: `Bearer ${openRouterApiKey}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
@@ -24317,14 +24304,13 @@ Only change positions and sizes.
 Return ONLY the raw HTML. No markdown, no code fences, no explanation.`;
   return { prompt, imagePlaceholders };
 }
-async function callOpenRouterForHtml(prompt, apiKey, model, signal) {
+async function callOpenRouterForHtml(prompt, autoResizeUrl, model, signal) {
   const response = await fetch(
-    "https://openrouter.ai/api/v1/chat/completions",
+    autoResizeUrl,
     {
       method: "POST",
       signal,
       headers: {
-        Authorization: `Bearer ${apiKey}`,
         "Content-Type": "application/json"
       },
       body: JSON.stringify({
@@ -24373,7 +24359,7 @@ async function runAutoResizeForDimension(opts) {
     placementX,
     placementY,
     app,
-    openRouterApiKey,
+    autoResizeUrl,
     chatModel,
     agentImageModel,
     customFontMap = {},
@@ -24439,7 +24425,7 @@ async function runAutoResizeForDimension(opts) {
         const compressedBgUrl = await downscaleForGemini(srcBgUrl);
         debug(
           `[AutoResize] bg-regen starting: ar=${ar}`,
-          `keyLen=${openRouterApiKey.length}`,
+          `keyLen=${autoResizeUrl.length}`,
           `compressedLen=${compressedBgUrl.length}`,
           `model=${agentImageModel || DEFAULT_BG_REGEN_MODEL}`
         );
@@ -24459,7 +24445,7 @@ No new text, logos, watermarks, or unrelated objects added.`,
           ar,
           resolution,
           true,
-          openRouterApiKey,
+          autoResizeUrl,
           compressedBgUrl,
           signal
         );
@@ -24533,7 +24519,7 @@ No new text, logos, watermarks, or unrelated objects added.`,
     );
     let html = await callOpenRouterForHtml(
       prompt,
-      openRouterApiKey,
+      autoResizeUrl,
       chatModel,
       signal
     );
@@ -24744,7 +24730,7 @@ No new text, logos, watermarks, or unrelated objects added.`,
         userBrief: `Auto-resize ad from ${Math.round(
           srcFrame.width
         )}\xD7${Math.round(srcFrame.height)} to ${tgtW}\xD7${tgtH}`,
-        apiKey: openRouterApiKey,
+        chatUrl: autoResizeUrl,
         reviewerModel: chatModel,
         signal,
         iteration: reviewRounds + 1
@@ -24816,7 +24802,7 @@ async function runAutoResize(opts) {
     sourceFrameId,
     targetDimensions,
     app,
-    openRouterApiKey,
+    autoResizeUrl,
     chatModel = "qwen/qwen3.7-plus",
     agentImageModel,
     customFontMap = {},
@@ -24844,7 +24830,7 @@ async function runAutoResize(opts) {
     await tagImageElementsWithVision(
       info,
       sourceScreenshot,
-      openRouterApiKey,
+      autoResizeUrl,
       chatModel,
       signal
     );
@@ -24894,7 +24880,7 @@ async function runAutoResize(opts) {
             placementY: placements[i].y,
             existingFrameId: preCreatedFrameInfos?.[i]?.frameId,
             app,
-            openRouterApiKey,
+            autoResizeUrl,
             chatModel,
             agentImageModel,
             customFontMap,
@@ -25082,7 +25068,7 @@ var AutoResizePanel = ({
   onBeforeAutoResize,
   onAfterAutoResize,
   onRunningChange,
-  openRouterApiKey,
+  autoResizeUrl,
   chatModel,
   agentImageModel
 }) => {
@@ -25185,7 +25171,7 @@ var AutoResizePanel = ({
         targetDimensions: allDimensions,
         preCreatedFrameInfos: preCreatedFrames.length > 0 ? preCreatedFrames : void 0,
         app,
-        openRouterApiKey,
+        autoResizeUrl,
         chatModel,
         agentImageModel,
         customFontMap,
@@ -25232,7 +25218,7 @@ var AutoResizePanel = ({
     cleanupShimmer,
     onBeforeAutoResize,
     onAfterAutoResize,
-    openRouterApiKey,
+    autoResizeUrl,
     chatModel,
     agentImageModel
   ]);
@@ -25503,9 +25489,7 @@ var AutoResizePanelHost = ({ app }) => {
           onRunningChange: (running) => autoResizePanelStore.setRunning(running),
           onBeforeAutoResize: app.props.onBeforeAutoResize,
           onAfterAutoResize: app.props.onAfterAutoResize,
-          openRouterApiKey: resolveOpenRouterApiKey(
-            app.props.openRouterApiKey
-          ),
+          autoResizeUrl: app.props.autoResizeUrl ?? "",
           chatModel: app.props.chatModel ?? "google/gemini-3.1-flash-lite-preview",
           agentImageModel: app.props.agentImageModel
         }
@@ -26567,7 +26551,7 @@ var ImageGeneratorPanel = ({
     };
   };
   const appState = app.state;
-  const resolvedApiKey = resolveOpenRouterApiKey(app.props.openRouterApiKey);
+  const imageGenUrl = app.props.imageGenUrl;
   const [prompt, setPrompt] = useState32(() => getPendingPrompt(element.id));
   const [selectedModel, setSelectedModel] = useState32(() => {
     const stored = getStoredSettings(element);
@@ -26787,9 +26771,9 @@ var ImageGeneratorPanel = ({
       setGenerateError("Please enter a prompt.");
       return;
     }
-    if (!resolvedApiKey) {
+    if (!imageGenUrl) {
       setGenerateError(
-        "No OpenRouter API key found. Set VITE_APP_OPENROUTER_API_KEY in .env."
+        "Image generation is not configured."
       );
       return;
     }
@@ -26832,7 +26816,7 @@ var ImageGeneratorPanel = ({
         selectedRatio,
         cfg.supportsImageSize ? selectedResolution : null,
         cfg.textOutput,
-        resolvedApiKey,
+        imageGenUrl,
         referenceImage ?? void 0,
         controller.signal
       );
@@ -26861,7 +26845,7 @@ var ImageGeneratorPanel = ({
     }
   }, [
     prompt,
-    resolvedApiKey,
+    imageGenUrl,
     selectedModel,
     selectedRatio,
     selectedResolution,
@@ -27085,18 +27069,6 @@ import { useCallback as useCallback18, useState as useState34 } from "react";
 import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords9 } from "@orangecatai/common";
 import { getElementAbsoluteCoords as getElementAbsoluteCoords12 } from "@orangecatai/element";
 
-// utils/leonardoApiKey.ts
-function resolveLeonardoApiKey(propKey) {
-  const normalizedPropKey = propKey?.trim();
-  return (normalizedPropKey ? normalizedPropKey : void 0) ?? (typeof import.meta !== "undefined" && define_import_meta_env_default?.VITE_APP_LEONARDO_API_KEY ? define_import_meta_env_default.VITE_APP_LEONARDO_API_KEY : "") ?? "";
-}
-
-// utils/removeBgApiKey.ts
-function resolveRemoveBgApiKey(propKey) {
-  const normalizedPropKey = propKey?.trim();
-  return (normalizedPropKey ? normalizedPropKey : void 0) ?? (typeof import.meta !== "undefined" && define_import_meta_env_default?.VITE_APP_REMOVE_BG_API_KEY ? define_import_meta_env_default.VITE_APP_REMOVE_BG_API_KEY : "") ?? "";
-}
-
 // components/ImageQuickEditPanel.tsx
 import { useCallback as useCallback17, useEffect as useEffect35, useRef as useRef29, useState as useState33 } from "react";
 import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords8 } from "@orangecatai/common";
@@ -27264,7 +27236,7 @@ var ImageQuickEditPanel = ({
   onClose
 }) => {
   const appState = app.state;
-  const resolvedApiKey = resolveOpenRouterApiKey(app.props.openRouterApiKey);
+  const imageGenUrl = app.props.imageGenUrl;
   const [isOpen, setIsOpen] = useState33(
     () => forceOpen || hasPendingGeneration(element.id)
   );
@@ -27355,10 +27327,8 @@ var ImageQuickEditPanel = ({
       setGenerateError("Please enter a prompt.");
       return;
     }
-    if (!resolvedApiKey) {
-      setGenerateError(
-        "No OpenRouter API key found. Set VITE_APP_OPENROUTER_API_KEY in .env or pass openRouterApiKey as a prop."
-      );
+    if (!imageGenUrl) {
+      setGenerateError("Image generation is not configured.");
       return;
     }
     setIsGenerating(true);
@@ -27401,7 +27371,7 @@ var ImageQuickEditPanel = ({
         selectedRatio,
         cfg.supportsImageSize ? selectedResolution : null,
         cfg.textOutput,
-        resolvedApiKey,
+        imageGenUrl,
         refDataUrl,
         controller.signal
       );
@@ -27440,7 +27410,7 @@ var ImageQuickEditPanel = ({
     }
   }, [
     prompt,
-    resolvedApiKey,
+    imageGenUrl,
     selectedModel,
     selectedRatio,
     selectedResolution,
@@ -27661,48 +27631,7 @@ var ImageQuickEditPanel = ({
 
 // components/ImageEditToolbar.tsx
 import { Fragment as Fragment15, jsx as jsx94, jsxs as jsxs52 } from "react/jsx-runtime";
-var LEONARDO_API_BASE = "https://cloud.leonardo.ai/api/rest/v1";
-var LEONARDO_POLL_INTERVAL_MS = 1500;
-var LEONARDO_MAX_POLLS = 40;
-var getLeonardoHeaders = (apiKey) => ({
-  Authorization: `Bearer ${apiKey}`,
-  "Content-Type": "application/json"
-});
-var getImageExtension = (mimeType) => {
-  switch (mimeType) {
-    case "image/jpeg":
-      return "jpeg";
-    case "image/jpg":
-      return "jpg";
-    case "image/webp":
-      return "webp";
-    default:
-      return "png";
-  }
-};
-var getOperationLabel = (operation) => operation === "upscale" ? "Upscale" : "Remove background";
-var getOperationStatus = (operation) => operation === "upscale" ? "Upscaling image..." : "Removing background...";
-var sleep = (ms) => new Promise((resolve) => {
-  window.setTimeout(resolve, ms);
-});
-var readLeonardoError = async (response, fallbackMessage) => {
-  try {
-    const body = await response.json();
-    const message = body?.error?.message ?? body?.message ?? body?.detail ?? body?.errors?.[0]?.message;
-    if (typeof message === "string" && message.trim()) {
-      return message;
-    }
-  } catch {
-  }
-  try {
-    const text = await response.text();
-    if (text.trim()) {
-      return text.trim();
-    }
-  } catch {
-  }
-  return `${fallbackMessage} (${response.status})`;
-};
+var getOperationStatus = (_operation) => "Removing background...";
 var exportSourceImageDataURL = async (element, sourceDataURL) => {
   const crop = element.crop;
   if (!crop) {
@@ -27736,150 +27665,28 @@ var exportSourceImageDataURL = async (element, sourceDataURL) => {
     img.src = sourceDataURL;
   });
 };
-var uploadImageToLeonardo = async (sourceDataURL, apiKey) => {
-  const extension = getImageExtension(getMimeTypeFromDataURL(sourceDataURL));
-  const initResponse = await fetch(`${LEONARDO_API_BASE}/init-image`, {
+var callImageProxy = async (proxyUrl, imageDataUrl) => {
+  const response = await fetch(proxyUrl, {
     method: "POST",
-    headers: getLeonardoHeaders(apiKey),
-    body: JSON.stringify({ extension })
-  });
-  if (!initResponse.ok) {
-    throw new Error(
-      await readLeonardoError(
-        initResponse,
-        "Leonardo init image request failed"
-      )
-    );
-  }
-  const initData = await initResponse.json();
-  const uploadInitImage = initData.uploadInitImage;
-  if (!uploadInitImage?.id || !uploadInitImage.url) {
-    throw new Error("Leonardo init image response was incomplete.");
-  }
-  const rawFields = uploadInitImage.fields ?? {};
-  const fields = typeof rawFields === "string" ? JSON.parse(rawFields) : rawFields;
-  const formData = new FormData();
-  Object.entries(fields).forEach(([key, value]) => {
-    formData.append(key, value);
-  });
-  formData.append(
-    "file",
-    dataURLToFile(sourceDataURL, `image.${extension}`)
-  );
-  await fetch(uploadInitImage.url, {
-    method: "POST",
-    body: formData,
-    mode: "no-cors"
-  });
-  return uploadInitImage.id;
-};
-var removeBackgroundWithRemoveBg = async (sourceDataURL, apiKey) => {
-  const mimeType = getMimeTypeFromDataURL(sourceDataURL);
-  const extension = getImageExtension(mimeType);
-  const file2 = dataURLToFile(sourceDataURL, `image.${extension}`);
-  const formData = new FormData();
-  formData.append("size", "auto");
-  formData.append("image_file", file2);
-  const response = await fetch("https://api.remove.bg/v1.0/removebg", {
-    method: "POST",
-    headers: { "X-Api-Key": apiKey },
-    body: formData
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ imageDataUrl })
   });
   if (!response.ok) {
-    let errorMessage = `Remove background failed (${response.status})`;
+    let message = `Request failed (${response.status})`;
     try {
       const body = await response.json();
-      const title = body?.errors?.[0]?.title;
-      if (title) {
-        errorMessage = title;
+      if (body?.error) {
+        message = body.error;
       }
     } catch {
     }
-    throw new Error(errorMessage);
-  }
-  const arrayBuffer = await response.arrayBuffer();
-  return await getDataURL(new Blob([arrayBuffer], { type: "image/png" }));
-};
-var createLeonardoVariation = async (imageId, apiKey) => {
-  const response = await fetch(
-    `${LEONARDO_API_BASE}/variations/universal-upscaler`,
-    {
-      method: "POST",
-      headers: getLeonardoHeaders(apiKey),
-      body: JSON.stringify({
-        ultraUpscaleStyle: "ARTISTIC",
-        creativityStrength: 1,
-        // minimum deviation — keeps output faithful to input
-        detailContrast: 5,
-        similarity: 10,
-        // maximum similarity — no structural divergence
-        upscaleMultiplier: 1.5,
-        initImageId: imageId
-      })
-    }
-  );
-  if (!response.ok) {
-    throw new Error(
-      await readLeonardoError(response, "Leonardo upscale request failed")
-    );
-  }
-  const body = await response.json();
-  const variationId = body.universalUpscaler?.id;
-  if (!variationId) {
-    throw new Error("Leonardo variation job id was missing from the response.");
-  }
-  return variationId;
-};
-var pollLeonardoVariationURL = async (variationId, apiKey) => {
-  for (let attempt = 0; attempt < LEONARDO_MAX_POLLS; attempt++) {
-    const response = await fetch(
-      `${LEONARDO_API_BASE}/variations/${variationId}`,
-      {
-        method: "GET",
-        headers: { Authorization: `Bearer ${apiKey}` }
-      }
-    );
-    if (!response.ok) {
-      throw new Error(
-        await readLeonardoError(
-          response,
-          "Leonardo variation status check failed"
-        )
-      );
-    }
-    const body = await response.json();
-    const variation = Array.isArray(body.generated_image_variation_generic) ? body.generated_image_variation_generic[0] : body.generated_image_variation_generic;
-    if (!variation) {
-      throw new Error(
-        "Leonardo variation details were missing from the response."
-      );
-    }
-    if (variation.status === "COMPLETE") {
-      if (!variation.url) {
-        throw new Error("Leonardo variation completed without an image URL.");
-      }
-      return variation.url;
-    }
-    if (variation.status === "FAILED") {
-      throw new Error("Leonardo variation failed.");
-    }
-    if (attempt < LEONARDO_MAX_POLLS - 1) {
-      await sleep(LEONARDO_POLL_INTERVAL_MS);
-    }
+    throw new Error(message);
   }
-  throw new Error("Leonardo variation timed out.");
-};
-var fetchLeonardoResultDataURL = async (resultURL) => {
-  const response = await fetch(resultURL);
-  if (!response.ok) {
-    throw new Error(
-      await readLeonardoError(
-        response,
-        "Leonardo result image download failed"
-      )
-    );
+  const data = await response.json();
+  if (!data?.imageDataUrl) {
+    throw new Error("No image was returned.");
   }
-  return getDataURL(await response.blob());
+  return data.imageDataUrl;
 };
 var QuickEditIcon = () => /* @__PURE__ */ jsxs52(
   "svg",
@@ -27898,25 +27705,6 @@ var QuickEditIcon = () => /* @__PURE__ */ jsxs52(
     ]
   }
 );
-var UpscaleIcon = () => /* @__PURE__ */ jsxs52(
-  "svg",
-  {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx94("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-      /* @__PURE__ */ jsx94("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ jsx94("path", { d: "M14 9l3-3 3 3" }),
-      /* @__PURE__ */ jsx94("path", { d: "M17 6v6" })
-    ]
-  }
-);
 var RemoveBGIcon = () => /* @__PURE__ */ jsxs52(
   "svg",
   {
@@ -28000,7 +27788,6 @@ var PRIMARY_TOOLS = [
     label: "Quick Edit",
     icon: /* @__PURE__ */ jsx94(QuickEditIcon, {})
   },
-  { id: "upscale", label: "Upscale", icon: /* @__PURE__ */ jsx94(UpscaleIcon, {}) },
   { id: "remove-bg", label: "Remove BG", icon: /* @__PURE__ */ jsx94(RemoveBGIcon, {}) },
   { id: "crop", label: "Crop", icon: /* @__PURE__ */ jsx94(CropIcon, {}) }
 ];
@@ -28010,92 +27797,18 @@ var ImageEditToolbar = ({
   callbacks
 }) => {
   const appState = app.state;
-  const resolvedLeonardoApiKey = resolveLeonardoApiKey(
-    app.props.leonardoApiKey
-  );
-  const resolvedRemoveBgApiKey = resolveRemoveBgApiKey(
-    app.props.removeBgApiKey
-  );
+  const removeBgUrl = app.props.removeBgUrl;
   const [quickEditOpen, setQuickEditOpen] = useState34(
     () => hasPendingGeneration(element.id)
   );
-  const [activeOperation, setActiveOperation] = useState34(null);
+  const [activeOperation, setActiveOperation] = useState34(
+    null
+  );
   const [operationError, setOperationError] = useState34(null);
   const isToolbarBusy = activeOperation !== null;
-  const runLeonardoAction = useCallback18(
-    async (operation) => {
-      if (!resolvedLeonardoApiKey) {
-        setOperationError(
-          "No Leonardo API key found. Set VITE_APP_LEONARDO_API_KEY in .env or pass leonardoApiKey as a prop."
-        );
-        return;
-      }
-      const fileId = element.fileId;
-      if (!fileId) {
-        setOperationError("The selected image is missing its file reference.");
-        return;
-      }
-      const sourceDataURL = app.files[fileId]?.dataURL;
-      if (!sourceDataURL) {
-        setOperationError("The selected image file could not be found.");
-        return;
-      }
-      const onBefore = app.props.onBeforeUpscale;
-      const onAfter = app.props.onAfterUpscale;
-      if (onBefore) {
-        try {
-          const { allowed, error } = await onBefore();
-          if (!allowed) {
-            setOperationError(error || "Insufficient credits for upscale");
-            return;
-          }
-        } catch {
-          setOperationError("Credit check failed");
-          return;
-        }
-      }
-      setActiveOperation(operation);
-      setOperationError(null);
-      try {
-        const exportedSourceDataURL = await exportSourceImageDataURL(
-          element,
-          sourceDataURL
-        );
-        const imageId = await uploadImageToLeonardo(
-          exportedSourceDataURL,
-          resolvedLeonardoApiKey
-        );
-        const variationId = await createLeonardoVariation(
-          imageId,
-          resolvedLeonardoApiKey
-        );
-        const resultURL = await pollLeonardoVariationURL(
-          variationId,
-          resolvedLeonardoApiKey
-        );
-        const resultDataURL = await fetchLeonardoResultDataURL(resultURL);
-        await app.insertGeneratedImageNearElement(
-          resultDataURL,
-          element,
-          element.width,
-          element.height
-        );
-        onAfter?.();
-      } catch (error) {
-        setOperationError(
-          error instanceof Error ? error.message : `${getOperationLabel(operation)} failed.`
-        );
-      } finally {
-        setActiveOperation(null);
-      }
-    },
-    [app, element, resolvedLeonardoApiKey]
-  );
   const runRemoveBgAction = useCallback18(async () => {
-    if (!resolvedRemoveBgApiKey) {
-      setOperationError(
-        "No remove.bg API key found. Set VITE_APP_REMOVE_BG_API_KEY in .env or pass removeBgApiKey as a prop."
-      );
+    if (!removeBgUrl) {
+      setOperationError("Remove background is not configured.");
       return;
     }
     const fileId = element.fileId;
@@ -28131,9 +27844,9 @@ var ImageEditToolbar = ({
         element,
         sourceDataURL
       );
-      const resultDataURL = await removeBackgroundWithRemoveBg(
-        exportedSourceDataURL,
-        resolvedRemoveBgApiKey
+      const resultDataURL = await callImageProxy(
+        removeBgUrl,
+        exportedSourceDataURL
       );
       await app.insertGeneratedImageNearElement(
         resultDataURL,
@@ -28149,7 +27862,7 @@ var ImageEditToolbar = ({
     } finally {
       setActiveOperation(null);
     }
-  }, [app, element, resolvedRemoveBgApiKey]);
+  }, [app, element, removeBgUrl]);
   const handleAction = useCallback18(
     (id) => {
       setOperationError(null);
@@ -28169,21 +27882,15 @@ var ImageEditToolbar = ({
         }
         return;
       }
-      const callbackMap = {
-        upscale: callbacks?.onUpscale,
-        "remove-bg": callbacks?.onRemoveBG
-      };
-      if (callbackMap[id]) {
-        callbackMap[id]?.();
-        return;
-      }
-      if (id === "upscale") {
-        void runLeonardoAction(id);
-      } else if (id === "remove-bg") {
-        void runRemoveBgAction();
+      if (id === "remove-bg") {
+        if (callbacks?.onRemoveBG) {
+          callbacks.onRemoveBG();
+        } else {
+          void runRemoveBgAction();
+        }
       }
     },
-    [callbacks, app.actionManager, runLeonardoAction, runRemoveBgAction]
+    [callbacks, app.actionManager, runRemoveBgAction]
   );
   const handleDownload = useCallback18(() => {
     if (callbacks?.onDownload) {
@@ -52951,11 +52658,11 @@ async function execGenerateImage(args, ctx) {
       statusMessage: "Failed: missing required parameters"
     };
   }
-  if (!ctx.openRouterApiKey) {
+  if (!ctx.imageGenUrl) {
     return {
       success: false,
-      error: "No OpenRouter API key configured. Set openRouterApiKey prop or VITE_APP_OPENROUTER_API_KEY.",
-      statusMessage: "Failed: no OpenRouter API key"
+      error: "Image generation is not configured.",
+      statusMessage: "Failed: image generation not configured"
     };
   }
   const elements = ctx.excalidrawAPI.getSceneElements();
@@ -52979,7 +52686,7 @@ async function execGenerateImage(args, ctx) {
       aspectRatio,
       null,
       true,
-      ctx.openRouterApiKey,
+      ctx.imageGenUrl,
       referenceImageDataUrl,
       ctx.signal
     );
@@ -54172,7 +53879,7 @@ Never write full sentences or long phrases for any text slot. Tight, punchy copy
 
 FINALIZING THE AD: When ALL elements are placed \u2014 brand assets, generated images, and the HTML text overlay \u2014 call finalize_ad(frameId) to signal completion. Do not call it before all assets are in place. This triggers the final quality review.`;
 var MAX_ITERATIONS = 15;
-async function callOpenRouter(messages, apiKey, signal, webSearchEnabled, chatModel, onContentChunk, tools = CANVAS_TOOLS) {
+async function callOpenRouter(messages, chatUrl, signal, webSearchEnabled, chatModel, onContentChunk, tools = CANVAS_TOOLS) {
   const baseModel = chatModel || "minimax/minimax-m3";
   const model = webSearchEnabled ? `${baseModel}:online` : baseModel;
   const body = {
@@ -54208,18 +53915,14 @@ async function callOpenRouter(messages, apiKey, signal, webSearchEnabled, chatMo
     plugins.push({ id: "file-parser", pdf: { engine: "cloudflare-ai" } });
   if (plugins.length > 0)
     body.plugins = plugins;
-  const response = await fetch(
-    "https://openrouter.ai/api/v1/chat/completions",
-    {
-      method: "POST",
-      signal,
-      headers: {
-        Authorization: `Bearer ${apiKey}`,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(body)
-    }
-  );
+  const response = await fetch(chatUrl, {
+    method: "POST",
+    signal,
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(body)
+  });
   if (!response.ok) {
     let message = `OpenRouter error ${response.status}`;
     try {
@@ -54353,7 +54056,7 @@ async function runAgentLoop(opts) {
     frameScreenshot,
     fileAttachments,
     webSearchEnabled,
-    apiKey,
+    chatUrl,
     chatModel,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     agentImageModel: _agentImageModel,
@@ -54491,7 +54194,7 @@ ${f.textContent}`).join("\n\n")}`;
     });
     const response = await callOpenRouter(
       messages,
-      apiKey,
+      chatUrl,
       signal,
       webSearchEnabled,
       chatModel,
@@ -54719,7 +54422,7 @@ Use the frameId="${imageGenData.frameId}" for all elements. Keep all elements wi
             } : void 0,
             userBrief: typeof userMessages[0]?.content === "string" ? userMessages[0].content : "",
             brandContext,
-            apiKey,
+            chatUrl,
             reviewerModel: reviewerModel ?? chatModel,
             signal,
             iteration: reviewRounds
@@ -54897,50 +54600,6 @@ async function blobToWavBase64(blob) {
   }
   return btoa(binary);
 }
-async function transcribeAudio(base64Audio, format, apiKey, voiceModel) {
-  const model = voiceModel || "mistralai/voxtral-mini-transcribe";
-  const response = await fetch(
-    "https://openrouter.ai/api/v1/chat/completions",
-    {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${apiKey}`,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        model,
-        messages: [
-          {
-            role: "user",
-            content: [
-              {
-                type: "text",
-                text: "Transcribe this audio. Return only the transcription text, nothing else."
-              },
-              {
-                type: "input_audio",
-                input_audio: { data: base64Audio, format }
-              }
-            ]
-          }
-        ]
-      })
-    }
-  );
-  if (!response.ok) {
-    let message = `Transcription error ${response.status}`;
-    try {
-      const err = await response.json();
-      if (err?.error?.message) {
-        message = err.error.message;
-      }
-    } catch {
-    }
-    throw new Error(message);
-  }
-  const data = await response.json();
-  return data?.choices?.[0]?.message?.content || "";
-}
 
 // components/ui/chat-container.tsx
 import { StickToBottom } from "use-stick-to-bottom";
@@ -55289,7 +54948,8 @@ var AIChatPanel = React64.forwardRef(
   ({
     isOpen,
     onClose,
-    apiKey,
+    chatUrl,
+    imageGenUrl,
     excalidrawAPI,
     initialMessages,
     initialSessionId,
@@ -55303,7 +54963,6 @@ var AIChatPanel = React64.forwardRef(
     onBeforeImageGen,
     onAfterImageGen,
     chatModel,
-    voiceModel,
     transcribeUrl,
     agentImageModel,
     brandContext,
@@ -55587,40 +55246,29 @@ var AIChatPanel = React64.forwardRef(
           setStatusText("Transcribing\u2026");
           try {
             const wavBase64 = await blobToWavBase64(audioBlob);
-            let transcription;
-            if (transcribeUrl) {
-              const res = await fetch(transcribeUrl, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ audio: wavBase64, format: "wav" })
-              });
-              if (!res.ok) {
-                let msg = `Transcription error ${res.status}`;
-                try {
-                  const err = await res.json();
-                  if (err?.error)
-                    msg = err.error;
-                } catch {
-                }
-                throw new Error(msg);
-              }
-              const data = await res.json();
-              transcription = data?.text ?? "";
-            } else {
-              const normalizedKey = resolveOpenRouterApiKey(apiKey);
-              if (!normalizedKey) {
-                setError("No API key for voice transcription.");
-                setIsTranscribing(false);
-                setStatusText("");
-                return;
+            if (!transcribeUrl) {
+              setError("Voice transcription is not configured.");
+              setIsTranscribing(false);
+              setStatusText("");
+              return;
+            }
+            const res = await fetch(transcribeUrl, {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ audio: wavBase64, format: "wav" })
+            });
+            if (!res.ok) {
+              let msg = `Transcription error ${res.status}`;
+              try {
+                const err = await res.json();
+                if (err?.error)
+                  msg = err.error;
+              } catch {
               }
-              transcription = await transcribeAudio(
-                wavBase64,
-                "wav",
-                normalizedKey,
-                voiceModel
-              );
+              throw new Error(msg);
             }
+            const data = await res.json();
+            const transcription = data?.text ?? "";
             const updated = (prevPromptRef.current ? `${prevPromptRef.current} ` : "") + transcription;
             prevPromptRef.current = updated;
             setPrompt(updated);
@@ -55640,7 +55288,7 @@ var AIChatPanel = React64.forwardRef(
         stream?.getTracks().forEach((t2) => t2.stop());
         setError("Could not access microphone. Check browser permissions.");
       }
-    }, [isRecording, apiKey, transcribeUrl]);
+    }, [isRecording, transcribeUrl]);
     const handleCopy = useCallback29((msgId, content) => {
       navigator.clipboard.writeText(content).then(
         () => {
@@ -55655,16 +55303,13 @@ var AIChatPanel = React64.forwardRef(
     const handleSend = useCallback29(
       async (textOverride) => {
         const text = (textOverride ?? prompt).trim();
-        const normalizedKey = resolveOpenRouterApiKey(apiKey);
         if (!text || isLoading) {
           voiceUsedRef.current = false;
           return;
         }
-        if (!normalizedKey) {
+        if (!chatUrl) {
           voiceUsedRef.current = false;
-          setError(
-            "No OpenRouter API key. Set VITE_APP_OPENROUTER_API_KEY in .env or pass the key via the `apiKey` prop."
-          );
+          setError("Chat is not configured.");
           return;
         }
         const capturedFiles = [...attachedFiles];
@@ -55747,7 +55392,7 @@ var AIChatPanel = React64.forwardRef(
           try {
             const reply = await callPlainChatAPI(
               nextMessages,
-              normalizedKey,
+              chatUrl,
               controller.signal,
               {
                 webSearchEnabled: capturedWebSearch,
@@ -55841,14 +55486,14 @@ var AIChatPanel = React64.forwardRef(
               textContent: f.textContent
             })) : void 0,
             webSearchEnabled: capturedWebSearch,
-            apiKey: normalizedKey,
+            chatUrl,
             chatModel,
             agentImageModel,
             brandContext,
             customFontIds,
             toolCtx: {
               excalidrawAPI,
-              openRouterApiKey: normalizedKey,
+              imageGenUrl: imageGenUrl ?? chatUrl,
               signal: controller.signal,
               agentImageModel,
               onSearchBrandAssets,
@@ -55961,7 +55606,8 @@ var AIChatPanel = React64.forwardRef(
         prompt,
         isLoading,
         messages,
-        apiKey,
+        chatUrl,
+        imageGenUrl,
         excalidrawAPI,
         frameRef,
         attachedFiles,
@@ -56496,7 +56142,7 @@ function ReviewCritiqueCard({ feedback }) {
     }
   );
 }
-async function callPlainChatAPI(messages, apiKey, signal, opts) {
+async function callPlainChatAPI(messages, chatUrl, signal, opts) {
   const baseModel = opts?.chatModel || "minimax/minimax-m3";
   const model = opts?.webSearchEnabled ? `${baseModel}:online` : baseModel;
   const systemMessages = [];
@@ -56545,18 +56191,14 @@ ${f.textContent}`).join("\n\n")}`;
   if (opts?.onChunk) {
     body.stream = true;
   }
-  const response = await fetch(
-    "https://openrouter.ai/api/v1/chat/completions",
-    {
-      method: "POST",
-      signal,
-      headers: {
-        Authorization: `Bearer ${apiKey}`,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify(body)
-    }
-  );
+  const response = await fetch(chatUrl, {
+    method: "POST",
+    signal,
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(body)
+  });
   if (!response.ok) {
     let message = `OpenRouter error ${response.status}`;
     try {
@@ -56696,14 +56338,12 @@ var ExcalidrawBase = (props) => {
     renderEmbeddable,
     aiEnabled,
     showDeprecatedFonts,
-    leonardoApiKey,
-    openRouterApiKey,
-    removeBgApiKey,
+    imageGenUrl,
+    autoResizeUrl,
+    removeBgUrl,
     renderScrollbars,
     onBeforeImageGen,
     onAfterImageGen,
-    onBeforeUpscale,
-    onAfterUpscale,
     onBeforeRemoveBg,
     onAfterRemoveBg,
     onBeforeAutoResize,
@@ -56794,14 +56434,12 @@ var ExcalidrawBase = (props) => {
       renderEmbeddable,
       aiEnabled: aiEnabled !== false,
       showDeprecatedFonts,
-      leonardoApiKey,
-      openRouterApiKey,
-      removeBgApiKey,
+      imageGenUrl,
+      autoResizeUrl,
+      removeBgUrl,
       renderScrollbars,
       onBeforeImageGen,
       onAfterImageGen,
-      onBeforeUpscale,
-      onAfterUpscale,
       onBeforeRemoveBg,
       onAfterRemoveBg,
       onBeforeAutoResize,