@orangecatai/adgen-canvas 0.0.19 → 0.0.21

package/dist/prod/subset-shared.chunk.js

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-7XQHY7WT.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};
+import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-OWNL6YOR.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};

package/dist/prod/subset-worker.chunk.js

@@ -1 +1 @@
-import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-7XQHY7WT.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};
+import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-OWNL6YOR.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};

package/dist/types/excalidraw/components/AIChatPanel.d.ts

@@ -11,8 +11,10 @@ export type ChatMessage = {
     toolActions?: ToolAction[];
     attachments?: Array<{
         name: string;
-        type: "image" | "text";
+        type: "image" | "text" | "pdf" | "docx";
         dataUrl?: string;
+        textContent?: string;
+        s3Key?: string;
     }>;
     /** Reviewer feedback attached to an assistant message after HTML ad generation */
     reviewFeedback?: ReviewerFeedback;
@@ -29,9 +31,19 @@ export type AIChatPanelRef = {
 export type AIChatPanelProps = {
     isOpen: boolean;
     onClose: () => void;
-    apiKey?: string;
+    /**
+     * Host proxy URL for the chat / agent loop / reviewer OpenRouter calls. The
+     * SDK POSTs the OpenRouter request body here; the host injects the API key,
+     * gates credits, and streams the response back. Keeps the provider key out of
+     * the browser.
+     */
+    chatUrl?: string;
+    /**
+     * Host proxy URL for the agent's generate_image tool. Same contract as
+     * `chatUrl`. Keeps the provider key out of the browser.
+     */
+    imageGenUrl?: string;
     excalidrawAPI?: ExcalidrawImperativeAPI;
-    geminiApiKey?: string;
     initialMessages?: ChatMessage[];
     initialSessionId?: string;
     initialSessions?: ChatSession[];
@@ -41,6 +53,15 @@ export type AIChatPanelProps = {
         title: string;
     }) => void;
     onSessionSwitch?: (sessionId: string) => void;
+    onBeforeFileUpload?: (files: Array<{
+        name: string;
+        type: "image" | "pdf" | "text" | "docx";
+        mimeType: string;
+        dataUrl?: string;
+        textContent?: string;
+    }>, sessionId: string) => Promise<Array<{
+        s3Key: string;
+    } | null>>;
     onBeforeSend?: (ctx: {
         hasVoice: boolean;
     }) => Promise<{
@@ -57,19 +78,26 @@ export type AIChatPanelProps = {
     onAfterImageGen?: () => void;
     /**
      * OpenRouter model tag for the chat system (both plain chat and agent loop).
-     * @default "google/gemini-3.1-flash-lite-preview"
+     * @default "minimax/minimax-m3"
      * @example "openai/gpt-4o" or "anthropic/claude-sonnet-4"
      */
     chatModel?: string;
     /**
      * OpenRouter model tag for voice/speech-to-text transcription.
-     * @default "mistralai/voxtral-small-24b-2507"
+     * @default "mistralai/voxtral-mini-transcribe"
      */
     voiceModel?: string;
     /**
-     * Gemini model ID used by the agent's generate_image tool.
-     * @default "gemini-3.1-flash-image-preview"
-     * @example "gemini-2.0-flash-preview-image-generation"
+     * URL to POST `{ audio: string; format: string }` for server-side transcription.
+     * When provided, the SDK routes mic audio through this endpoint instead of
+     * calling OpenRouter directly, so the API key never needs to be in the browser.
+     * The endpoint must return `{ text: string }`.
+     */
+    transcribeUrl?: string;
+    /**
+     * OpenRouter model ID used by the agent's generate_image tool.
+     * @default "google/gemini-3.1-flash-image-preview"
+     * @example "google/gemini-2.5-flash-image"
      */
     agentImageModel?: string;
     /**

package/dist/types/excalidraw/components/ImageEditToolbar.d.ts

@@ -3,7 +3,6 @@ import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orang
 import type { AppClassProperties } from "../types";
 export interface ImageEditToolbarCallbacks {
     onQuickEdit?: () => void;
-    onUpscale?: () => void;
     onRemoveBG?: () => void;
     onCrop?: () => void;
     onDownload?: () => void;

package/dist/types/excalidraw/components/ImageGeneratorPanel.d.ts

@@ -2,27 +2,41 @@ import "./ImageGeneratorPanel.scss";
 import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../types";
 export declare const MODEL_CONFIG: {
-    readonly "Gemini 2.5 Flash": {
-        readonly geminiModelId: "gemini-3.1-flash-image";
+    readonly "nano banana": {
+        readonly modelId: "google/gemini-2.5-flash-image";
+        readonly textOutput: true;
         readonly supportsImageSize: false;
-        readonly supportsThinking: false;
         readonly supportedResolutions: readonly ["1K"];
         readonly supportedRatios: readonly ["21:9", "16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5"];
     };
-    readonly "Gemini 3.1 Flash": {
-        readonly geminiModelId: "gemini-3.1-flash-image";
+    readonly "nano banana 2": {
+        readonly modelId: "google/gemini-3.1-flash-image-preview";
+        readonly textOutput: true;
         readonly supportsImageSize: true;
-        readonly supportsThinking: true;
         readonly supportedResolutions: readonly ["0.5K", "1K", "2K", "4K"];
         readonly supportedRatios: readonly ["21:9", "16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5", "4:1", "1:4", "8:1", "1:8"];
     };
-    readonly "Gemini 3 Pro": {
-        readonly geminiModelId: "gemini-3-pro-image";
+    readonly "nano banana pro": {
+        readonly modelId: "google/gemini-3-pro-image-preview";
+        readonly textOutput: true;
         readonly supportsImageSize: true;
-        readonly supportsThinking: false;
         readonly supportedResolutions: readonly ["1K", "2K", "4K"];
         readonly supportedRatios: readonly ["21:9", "16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5"];
     };
+    readonly "seedream 4.5": {
+        readonly modelId: "bytedance-seed/seedream-4.5";
+        readonly textOutput: false;
+        readonly supportsImageSize: false;
+        readonly supportedResolutions: readonly ["1K"];
+        readonly supportedRatios: readonly ["16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5"];
+    };
+    readonly "grok image": {
+        readonly modelId: "x-ai/grok-imagine-image-quality";
+        readonly textOutput: false;
+        readonly supportsImageSize: true;
+        readonly supportedResolutions: readonly ["1K", "2K"];
+        readonly supportedRatios: readonly ["16:9", "4:3", "3:2", "1:1", "9:16", "3:4", "2:3", "5:4", "4:5"];
+    };
 };
 export type ModelName = keyof typeof MODEL_CONFIG;
 export declare const MODEL_NAMES: ModelName[];
@@ -31,7 +45,6 @@ export declare function getDimensions(model: ModelName, ratio: string, resolutio
     width: number;
     height: number;
 };
-export declare function callGeminiAPI(prompt: string, modelId: string, aspectRatio: string, resolution: Resolution, supportsImageSize: boolean, supportsThinking: boolean, apiKey: string, referenceImageDataUrl?: string, signal?: AbortSignal): Promise<string>;
 export declare const ImageGeneratorPanel: ({ element, app, onBeforeImageGen, onAfterImageGen, }: {
     element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
     app: AppClassProperties;

package/dist/types/excalidraw/components/StockImagePanel.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import "./StockImagePanel.scss";
+import type { ExcalidrawImperativeAPI } from "../types";
+export type StockImagePhoto = {
+    id: string;
+    thumbUrl: string;
+    regularUrl: string;
+    description: string | null;
+    authorName: string;
+    authorUsername: string;
+};
+export type StockImageSearchResult = {
+    photos: StockImagePhoto[];
+    totalPages: number;
+};
+export type LibraryImageFilter = "all" | "product" | "logo" | "lifestyle" | "auxiliary";
+export type LibraryImage = {
+    id: string;
+    name: string;
+    url: string;
+    assetType: string;
+};
+export type LibraryImageResult = {
+    images: LibraryImage[];
+    totalPages: number;
+};
+export interface StockImagePanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    excalidrawAPI: ExcalidrawImperativeAPI | null;
+    onSearchStockImages?: (query: string, page: number) => Promise<StockImageSearchResult>;
+    onTriggerStockImageDownload?: (photoId: string) => Promise<void>;
+    onBeforeStockImageDownload?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterStockImageDownload?: () => void;
+    /**
+     * Fetch the signed-in user's own image library. Supplied by the host
+     * (the SDK never fetches on its own). Supports type filtering, name/tag
+     * search, and pagination ("Load more").
+     */
+    onFetchLibraryImages?: (params: {
+        filter: LibraryImageFilter;
+        query: string;
+        page: number;
+    }) => Promise<LibraryImageResult>;
+}
+export declare const StockImagePanel: React.FC<StockImagePanelProps>;

package/dist/types/excalidraw/components/ai-chat/agentLoop.d.ts

@@ -8,6 +8,12 @@ type ContentPart = {
     image_url: {
         url: string;
     };
+} | {
+    type: "file";
+    file: {
+        filename: string;
+        file_data: string;
+    };
 };
 export type AgentMessage = {
     role: "system";
@@ -60,7 +66,7 @@ export type AgentResult = {
 export declare function buildBrandContextMessage(ctx: BrandContext): string;
 export type FileAttachment = {
     name: string;
-    type: "image" | "text";
+    type: "image" | "text" | "pdf" | "docx";
     dataUrl?: string;
     textContent?: string;
 };
@@ -78,7 +84,7 @@ export declare function runAgentLoop(opts: {
     frameScreenshot?: string;
     fileAttachments?: FileAttachment[];
     webSearchEnabled?: boolean;
-    apiKey: string;
+    chatUrl: string;
     chatModel?: string;
     agentImageModel?: string;
     toolCtx: ToolExecutionContext;

package/dist/types/excalidraw/components/ai-chat/audioUtils.d.ts

@@ -3,8 +3,3 @@
  * using the Web Audio API. Mistral Voxtral only accepts mp3 or wav.
  */
 export declare function blobToWavBase64(blob: Blob): Promise<string>;
-/**
- * Sends a base64-encoded audio string to the OpenRouter Voxtral model for
- * transcription. `format` must be "wav" or "mp3".
- */
-export declare function transcribeAudio(base64Audio: string, format: string, apiKey: string, voiceModel?: string): Promise<string>;

package/dist/types/excalidraw/components/ai-chat/canvasTools.d.ts

@@ -436,6 +436,18 @@ export declare const BANNER_TOOLS: readonly [{
             readonly additionalProperties: false;
         };
     };
+}, {
+    readonly type: "function";
+    readonly function: {
+        readonly name: "list_frames";
+        readonly description: "List all frames currently on the canvas. Returns each frame's id, name, width, height, and child element count. Call this when you need to find a frameId and none was provided by the user.";
+        readonly parameters: {
+            readonly type: "object";
+            readonly properties: {};
+            readonly required: readonly [];
+            readonly additionalProperties: false;
+        };
+    };
 }, {
     readonly type: "function";
     readonly function: {
@@ -611,9 +623,10 @@ export declare function getFrameContext(api: ExcalidrawImperativeAPI, frameId: s
 } | null;
 export type ToolExecutionContext = {
     excalidrawAPI: ExcalidrawImperativeAPI;
-    geminiApiKey: string;
+    /** Host proxy URL for the agent's generate_image tool. Key stays server-side. */
+    imageGenUrl: string;
     signal?: AbortSignal;
-    /** Override Gemini model ID for the agent's generate_image tool. */
+    /** Override OpenRouter model ID for the agent's generate_image tool. */
     agentImageModel?: string;
     /**
      * Maps lowercase brand font-family names to their registered Excalidraw

package/dist/types/excalidraw/components/ai-chat/reviewerAgent.d.ts

@@ -56,8 +56,9 @@ export declare function runReviewerAgent(opts: {
     /** Original user request — first message only, not full conversation history */
     userBrief: string;
     brandContext?: BrandContext;
-    apiKey: string;
-    /** OpenRouter model tag. Must be vision-capable. Defaults to gemini-3.1-flash-lite-preview */
+    /** Host proxy URL for the reviewer's OpenRouter call. Key stays server-side. */
+    chatUrl: string;
+    /** OpenRouter model tag. Must be vision-capable. Defaults to minimax/minimax-m3 */
     reviewerModel?: string;
     signal?: AbortSignal;
     iteration: number;

package/dist/types/excalidraw/components/auto-resize/AutoResizePanel.d.ts

@@ -1,7 +1,7 @@
 import "./AutoResizePanel.scss";
 import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../../types";
-export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResize, onAfterAutoResize, onRunningChange, openRouterApiKey, chatModel, agentImageModel, }: {
+export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResize, onAfterAutoResize, onRunningChange, autoResizeUrl, chatModel, agentImageModel, }: {
     element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
     app: AppClassProperties;
     onClose: () => void;
@@ -11,7 +11,7 @@ export declare const AutoResizePanel: ({ element, app, onClose, onBeforeAutoResi
     }>;
     onAfterAutoResize?: () => void;
     onRunningChange?: (running: boolean) => void;
-    openRouterApiKey: string;
+    autoResizeUrl: string;
     chatModel: string;
     agentImageModel?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/auto-resize/autoResizeEngine.d.ts

@@ -126,8 +126,7 @@ export declare function runAutoResize(opts: {
     sourceFrameId: string;
     targetDimensions: TargetDimension[];
     app: AppClassProperties;
-    geminiApiKey: string;
-    openRouterApiKey: string;
+    autoResizeUrl: string;
     chatModel?: string;
     agentImageModel?: string;
     customFontMap?: Record<string, number>;

package/dist/types/excalidraw/index.d.ts

@@ -8,6 +8,8 @@ import "./css/styles.scss";
 import "./fonts/fonts.css";
 import "./css/tailwind.generated.css";
 import type { ExcalidrawProps } from "./types";
+export { StockImagePanel } from "./components/StockImagePanel";
+export type { StockImagePanelProps, StockImagePhoto, StockImageSearchResult, LibraryImage, LibraryImageResult, LibraryImageFilter, } from "./components/StockImagePanel";
 export declare const Excalidraw: React.MemoExoticComponent<(props: ExcalidrawProps) => import("react/jsx-runtime").JSX.Element>;
 export { getSceneVersion, hashElementsVersion, hashString, getNonDeletedElements, } from "@orangecatai/element";
 export { getTextFromElements } from "@orangecatai/element";

package/dist/types/excalidraw/types.d.ts

@@ -566,26 +566,22 @@ export interface ExcalidrawProps {
     showDeprecatedFonts?: boolean;
     renderScrollbars?: boolean;
     /**
-     * Gemini API key for image generation.
-     * When provided, takes precedence over the VITE_APP_GEMINI_API_KEY env variable.
-     * Required for image generation when using this package as an npm dependency.
+     * Host proxy URL for OpenRouter image generation (ImageGeneratorPanel,
+     * ImageQuickEditPanel). The SDK POSTs the OpenRouter request body here; the
+     * host injects the API key and forwards. Keeps the provider key out of the
+     * browser.
      */
-    geminiApiKey?: string;
+    imageGenUrl?: string;
     /**
-     * Leonardo API key for image toolbar upscale action.
-     * When provided, takes precedence over the VITE_APP_LEONARDO_API_KEY env variable.
+     * Host proxy URL for the auto-resize engine's OpenRouter calls (layout
+     * planning, vision tagging, HTML generation, reviewer). Key stays server-side.
      */
-    leonardoApiKey?: string;
+    autoResizeUrl?: string;
     /**
-     * OpenRouter API key for auto-resize layout planning.
-     * When provided, takes precedence over the VITE_APP_OPEN_ROUTER_API_KEY env variable.
+     * Host proxy URL for the remove.bg toolbar action. The SDK POSTs
+     * `{ imageDataUrl }` and receives `{ imageDataUrl }`. Key stays server-side.
      */
-    openRouterApiKey?: string;
-    /**
-     * remove.bg API key for the remove background toolbar action.
-     * When provided, takes precedence over the VITE_APP_REMOVE_BG_API_KEY env variable.
-     */
-    removeBgApiKey?: string;
+    removeBgUrl?: string;
     /**
      * Called before any image generation (ImageGeneratorPanel, ImageQuickEditPanel,
      * or agent loop generate_image tool). Return `{ allowed: false }` to block.
@@ -599,16 +595,6 @@ export interface ExcalidrawProps {
      * Called after a successful image generation from any panel or agent tool.
      */
     onAfterImageGen?: () => void;
-    /**
-     * Called before an upscale is run (deduct credits, check quota).
-     * Return `{ allowed: false, error: "..." }` to block the operation.
-     */
-    onBeforeUpscale?: () => Promise<{
-        allowed: boolean;
-        error?: string;
-    }>;
-    /** Called after a successful upscale. */
-    onAfterUpscale?: () => void;
     /**
      * Called before a background removal is run (deduct credits, check quota).
      * Return `{ allowed: false, error: "..." }` to block the operation.
@@ -630,12 +616,12 @@ export interface ExcalidrawProps {
     /** Called after each successfully generated auto-resize dimension. */
     onAfterAutoResize?: () => void;
     /**
-     * Gemini model ID used for AI image generation — covers both the auto-resize
+     * OpenRouter model ID used for AI image generation — covers both the auto-resize
      * background regeneration and the agent chat `generate_image` tool.
      * Pass the same value here and to `AIChatPanel.agentImageModel` to keep
      * both surfaces on the same model with a single configuration.
-     * @default "gemini-3.1-flash-image-preview"
-     * @example "gemini-3.1-flash-image-preview"
+     * @default "google/gemini-3.1-flash-image-preview"
+     * @example "google/gemini-2.5-flash-image"
      */
     agentImageModel?: string;
     /**
@@ -815,6 +801,10 @@ export type AppClassProperties = {
     onPointerDownEmitter: App["onPointerDownEmitter"];
     lastPointerMoveCoords: App["lastPointerMoveCoords"];
     bindModeHandler: App["bindModeHandler"];
+    refresh: App["refresh"];
+    refreshEditorInterface: App["refreshEditorInterface"];
+    lassoTrail: App["lassoTrail"];
+    toggleSidebar: App["toggleSidebar"];
 };
 export type PointerDownState = Readonly<{
     origin: Readonly<{

package/dist/types/excalidraw/utils/imageApi.d.ts

@@ -0,0 +1 @@
+export declare function callOpenRouterImageAPI(prompt: string, modelId: string, aspectRatio: string, imageSize: string | null, textOutput: boolean, imageGenUrl: string, referenceImageDataUrl?: string, signal?: AbortSignal): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecatai/adgen-canvas",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "types": "./dist/types/excalidraw/index.d.ts",
   "main": "./dist/prod/index.js",

package/dist/prod/data/image-FRJAQJ62.js

@@ -1 +0,0 @@
-import{T as a,U as b,V as c}from"../chunk-5GYFLSBF.js";import"../chunk-7XQHY7WT.js";import"../chunk-SRAX5OIU.js";export{c as decodePngMetadata,b as encodePngMetadata,a as getTEXtChunk};

package/dist/types/excalidraw/utils/geminiApiKey.d.ts

@@ -1 +0,0 @@
-export declare function resolveGeminiApiKey(propKey?: string): string;

package/dist/types/excalidraw/utils/leonardoApiKey.d.ts

@@ -1 +0,0 @@
-export declare function resolveLeonardoApiKey(propKey?: string): string;