@orangecatai/element 0.0.3 → 0.0.4

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

@@ -0,0 +1,149 @@
+import "./VideoGeneratorPanel.scss";
+import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppClassProperties } from "../types";
+declare const VIDEO_MODEL_CONFIG: {
+    readonly "veo 3.1 fast": {
+        readonly modelId: "google/veo-3.1-fast";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "always-on";
+        readonly supportsDuration: true;
+        readonly durationMode: "choices";
+        readonly durationValues: readonly [4, 6, 8];
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["720p", "1080p", "4K"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+    readonly "veo 3.1 lite": {
+        readonly modelId: "google/veo-3.1-lite";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "always-on";
+        readonly supportsDuration: true;
+        readonly durationMode: "choices";
+        readonly durationValues: readonly [4, 6, 8];
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["720p", "1080p"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+    readonly "kling v3 pro": {
+        readonly modelId: "kwaivgi/kling-v3.0-pro";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "toggle";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 3;
+        readonly maxDuration: 15;
+        readonly supportsResolution: false;
+        readonly supportsNegativePrompt: true;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+    readonly "kling v3 std": {
+        readonly modelId: "kwaivgi/kling-v3.0-std";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "toggle";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 3;
+        readonly maxDuration: 15;
+        readonly supportsResolution: false;
+        readonly supportsNegativePrompt: true;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+    readonly "seedance 2.0": {
+        readonly modelId: "bytedance/seedance-2.0";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "always-on";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 4;
+        readonly maxDuration: 15;
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["480p", "720p", "1080p", "4K"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1", "4:3", "3:4", "21:9", "9:21"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: true;
+        readonly supportsSeed: true;
+    };
+    readonly "seedance 2.0 fast": {
+        readonly modelId: "bytedance/seedance-2.0-fast";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: true;
+        readonly audioMode: "always-on";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 4;
+        readonly maxDuration: 15;
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["480p", "720p"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1", "4:3", "3:4", "21:9", "9:21"];
+        readonly frameInputMode: "dual-frame";
+        readonly supportsInputReferences: true;
+        readonly supportsSeed: true;
+    };
+    readonly "happyhorse 1.1": {
+        readonly modelId: "alibaba/happyhorse-1.1";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: false;
+        readonly audioMode: "none";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 3;
+        readonly maxDuration: 15;
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["720p", "1080p"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1", "4:3", "3:4", "21:9", "9:21"];
+        readonly frameInputMode: "start-only";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+    readonly "grok video": {
+        readonly modelId: "x-ai/grok-imagine-video";
+        readonly supportsFirstFrame: true;
+        readonly supportsLastFrame: false;
+        readonly audioMode: "none";
+        readonly supportsDuration: true;
+        readonly durationMode: "slider";
+        readonly minDuration: 1;
+        readonly maxDuration: 15;
+        readonly supportsResolution: true;
+        readonly supportedResolutions: readonly ["480p", "720p"];
+        readonly supportsNegativePrompt: false;
+        readonly supportedRatios: readonly ["16:9", "9:16", "1:1", "4:3", "3:4", "3:2", "2:3"];
+        readonly frameInputMode: "start-only";
+        readonly supportsInputReferences: false;
+        readonly supportsSeed: true;
+    };
+};
+export type VideoModelName = keyof typeof VIDEO_MODEL_CONFIG;
+export declare const VIDEO_MODEL_NAMES: VideoModelName[];
+export declare const VideoGeneratorPanel: ({ element, app, onBeforeVideoGen, onAfterVideoGen, }: {
+    element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
+    app: AppClassProperties;
+    onBeforeVideoGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterVideoGen?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,10 @@
+/**
+ * Renders a shimmer overlay on top of frames that are currently being
+ * generated by the AI chat agent (create_frame → generate_image → review).
+ *
+ * Rendered unconditionally from App.tsx alongside AutoResizeShimmerLayer.
+ * Uses useExcalidrawAppState() so it repositions correctly on scroll/zoom.
+ * Reads current frame position from scene elements so it follows the frame
+ * if the user drags it during generation.
+ */
+export declare const AdGenShimmerLayer: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,12 @@
+export type AdGenFrameInfo = {
+    frameId: string;
+};
+type Listener = () => void;
+export declare const adGenShimmerStore: {
+    startGenerating(frameId: string): void;
+    stopGenerating(frameId: string): void;
+    clear(): void;
+    getLoadingFrames(): AdGenFrameInfo[];
+    subscribe(fn: Listener): () => void;
+};
+export {};

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";
@@ -54,13 +60,9 @@ export type AgentResult = {
     reply: string;
     toolActions: ToolAction[];
 };
-/**
- * Converts a BrandContext object to a concise system message string.
- */
-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 +80,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

@@ -297,7 +297,7 @@ export declare const BANNER_TOOLS: readonly [{
     readonly type: "function";
     readonly function: {
         readonly name: "generate_image";
-        readonly description: "Generate an image using AI (Gemini) and place it onto the canvas. Always call this for any photo or image content — even when the user has attached a reference image. The attached image is passed to Gemini as visual reference; Gemini generates the final output. Use referenceImageIndex to tell Gemini which user attachment to reference. IMPORTANT: your prompt must describe a purely visual scene — NO text, NO typography, NO words, NO captions, NO watermarks. All copy is handled by the HTML layer. A 'no text' safety suffix will be auto-appended, but you must also describe composition clearly (e.g. which side should be left open/empty for the HTML text).";
+        readonly description: "Generate the COMPLETE advertisement as a single AI image and place it into the frame. The image must contain BOTH the visuals AND all copy (headline, subheadline, CTA button, sign-off/brand name) rendered as legible text inside the image — this is the entire ad, not a text-free background. Fill the whole frame (x:0, y:0, width:frameW, height:frameH). Use referenceImageIndex when the user attached an image to use as a subject/style reference. Your prompt must spell on-image text exactly and specify brand colors, typographic style, composition, and dimensions. Do NOT call generate_html_banner afterwards — there is no separate text layer.";
         readonly parameters: {
             readonly type: "object";
             readonly properties: {
@@ -307,7 +307,7 @@ export declare const BANNER_TOOLS: readonly [{
                 };
                 readonly prompt: {
                     readonly type: "string";
-                    readonly description: "Detailed generation prompt. When using a reference image, describe what you want Gemini to produce — e.g. 'use this building as the subject, wide cinematic crop with open sky on the left for text overlay'.";
+                    readonly description: "Detailed prompt for the COMPLETE ad: the visual scene PLUS the exact on-image copy (quote headline/subheadline/CTA/sign-off verbatim), brand colors per element, typographic style described in words, composition/layout, and the target dimensions/aspect.";
                 };
                 readonly x: {
                     readonly type: "number";
@@ -334,27 +334,6 @@ export declare const BANNER_TOOLS: readonly [{
             readonly additionalProperties: false;
         };
     };
-}, {
-    readonly type: "function";
-    readonly function: {
-        readonly name: "generate_html_banner";
-        readonly description: "Place HTML/CSS text and shape elements into an EXISTING frame on the canvas. Always call create_frame first to get a frameId, then generate_image, then call this with that frameId. frameId is required — this tool does NOT create frames.";
-        readonly parameters: {
-            readonly type: "object";
-            readonly properties: {
-                readonly html: {
-                    readonly type: "string";
-                    readonly description: "Complete self-contained HTML with inline <style>. All layer elements must use position:absolute with explicit left/top/width/height in px. Root div must have class='canvas'.";
-                };
-                readonly frameId: {
-                    readonly type: "string";
-                    readonly description: "Required. The ID of the frame created by create_frame. Adds HTML elements into this existing frame, preserving existing children like images.";
-                };
-            };
-            readonly required: readonly ["html", "frameId"];
-            readonly additionalProperties: false;
-        };
-    };
 }, {
     readonly type: "function";
     readonly function: {
@@ -436,6 +415,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: {
@@ -458,6 +449,23 @@ export declare const BANNER_TOOLS: readonly [{
             readonly additionalProperties: false;
         };
     };
+}, {
+    readonly type: "function";
+    readonly function: {
+        readonly name: "search_ad_creatives";
+        readonly 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.";
+        readonly parameters: {
+            readonly type: "object";
+            readonly properties: {
+                readonly query: {
+                    readonly type: "string";
+                    readonly description: "Search query — name or tag keywords";
+                };
+            };
+            readonly required: readonly ["query"];
+            readonly additionalProperties: false;
+        };
+    };
 }, {
     readonly type: "function";
     readonly function: {
@@ -580,17 +588,42 @@ export declare const BANNER_TOOLS: readonly [{
 }, {
     readonly type: "function";
     readonly function: {
-        readonly name: "finalize_ad";
-        readonly description: "Call this when ALL elements are placed on the canvas — brand assets, generated images, and the HTML text overlay. Captures a screenshot of the complete frame for review. Do NOT call this before all assets are in place.";
+        readonly name: "place_brand_asset";
+        readonly 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.";
         readonly parameters: {
             readonly type: "object";
             readonly properties: {
                 readonly frameId: {
                     readonly type: "string";
-                    readonly description: "ID of the frame to capture for review";
+                    readonly description: "The frame to place the asset in";
+                };
+                readonly assetId: {
+                    readonly type: "string";
+                    readonly description: "Asset ID from search_brand_assets or search_ad_creatives [id:...] field";
+                };
+                readonly assetType: {
+                    readonly type: "string";
+                    readonly enum: readonly ["image-asset", "ad-creative"];
+                    readonly description: "Type of asset — defaults to image-asset";
+                };
+                readonly x: {
+                    readonly type: "number";
+                    readonly description: "X offset from frame left edge (optional, centers by default)";
+                };
+                readonly y: {
+                    readonly type: "number";
+                    readonly description: "Y offset from frame top edge (optional, centers by default)";
+                };
+                readonly width: {
+                    readonly type: "number";
+                    readonly description: "Width of placed image (optional, auto-fits to frame by default)";
+                };
+                readonly height: {
+                    readonly type: "number";
+                    readonly description: "Height of placed image (optional, auto-fits to frame by default)";
                 };
             };
-            readonly required: readonly ["frameId"];
+            readonly required: readonly ["frameId", "assetId"];
             readonly additionalProperties: false;
         };
     };
@@ -611,9 +644,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
@@ -628,6 +662,19 @@ export type ToolExecutionContext = {
     brandHeadlineFontName?: string;
     /** Brand body font file name. Sourced from brand DNA. */
     brandBodyFontName?: string;
+    /** Data URL of the master brand logo — passed as a visual reference image to the image generation model. */
+    brandLogoDataUrl?: string;
+    /** Data URL of text rendered in the brand headline font — passed as a visual reference to the image generation model. */
+    brandFontPreviewDataUrl?: string;
+    /** Data URL of text rendered in the brand body font — passed as a second visual reference to the image generation model. */
+    brandBodyFontPreviewDataUrl?: string;
+    /**
+     * Fetchable URL of the actual headline font file (.ttf/.otf), e.g. a presigned
+     * S3 URL. Only consumed by image models that accept a font file as input
+     * (Sourceful Riverflow v2+ -> OpenRouter `image_config.font_inputs`). Other
+     * models ignore it.
+     */
+    brandFontUrl?: string;
     /**
      * Excalidraw fontFamilyId for the brand headline font.
      * When set, ALL text elements (add_text, fill_template_slots headline slots)
@@ -655,6 +702,15 @@ export type ToolExecutionContext = {
         tags: string[];
         assetType: string;
         blobUrl: string;
+        previewDataUrl?: string;
+    }>>;
+    onSearchAdCreatives?: (query: string) => Promise<Array<{
+        id: string;
+        name: string;
+        tags: string[];
+        mimeType: string;
+        blobUrl: string;
+        previewDataUrl?: string;
     }>>;
     onListBrandTemplates?: (keywords?: string[]) => Promise<Array<{
         id: string;
@@ -664,10 +720,21 @@ export type ToolExecutionContext = {
         width?: number;
         height?: number;
         thumbnailBlobUrl?: string;
+        thumbnailDataUrl?: string;
     }>>;
     onGetTemplateVariant?: (variantId: string) => Promise<{
         canvasJson: string;
     }>;
+    onFindBrandAssets?: (type: "image-asset" | "ad-creative" | "template", keywords: string[]) => Promise<{
+        results: Array<{
+            id: string;
+            name: string;
+            tags?: string[];
+            width?: number | null;
+            height?: number | null;
+            previewDataUrl: string;
+        }>;
+    }>;
     /**
      * Internal cache: populated by execGetTemplateVariant so that
      * execLoadTemplateIntoFrame can reuse the already-fetched JSON without a

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

@@ -1,19 +1,28 @@
 /**
  * reviewerAgent.ts
  *
- * Stateless reviewer module. After generate_html_banner succeeds, this
- * agent receives a partial, focused context (rendered screenshot, HTML
- * source, frame dimensions, brand guidelines, original user brief) and
- * returns precise layout/readability critique — NOT the full agent
- * conversation history.
+ * Brand Governance Agent — stateless reviewer that runs after the main agent
+ * generates a complete ad image (visuals + all copy baked in) and calls
+ * finalize_ad. It receives a focused context (the rendered screenshot, frame
+ * dimensions, brand guidelines, original user brief) and returns a precise
+ * critique covering creative quality AND brand-governance compliance:
+ * copy correctness, brand tone, logo usage, claim accuracy, legal mandatories,
+ * offer disclaimers, regulatory sensitivity, prohibited language, competitive
+ * claims, and data/privacy concerns.
  *
- * The reviewer is a separate LLM call from the main agent loop so it
- * brings an independent eye to the generated banner.
+ * The reviewer is a separate LLM call from the main agent loop so it brings an
+ * independent eye to the generated ad. Because the ad is a single image, every
+ * fix is applied by regenerating the image with a revised prompt — there is no
+ * HTML/CSS layer to patch.
+ *
+ * @deprecated note (2026-06-17): this reviewer previously audited an HTML text
+ * layer composited over a text-free image and emitted CSS-only fixes. That
+ * flow is gone — see the image-first agent loop in agentLoop.ts.
  */
 import type { BrandContext } from "../../types";
 export type ReviewIssue = {
-    /** Which design element is affected */
-    element: "headline" | "subheadline" | "cta" | "image" | "layout" | "brand";
+    /** Which design element or governance dimension is affected */
+    element: "headline" | "subheadline" | "cta" | "image" | "layout" | "brand" | "brand_tone" | "logo" | "claim" | "legal" | "disclaimer" | "regulatory" | "prohibited_language" | "competitive_claim" | "privacy";
     /** How bad it is */
     severity: "critical" | "major" | "minor";
     /** What is wrong — one sentence */
@@ -56,8 +65,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

@@ -69,6 +69,37 @@ export declare function extractFrameInfo(elements: readonly ExcalidrawElement[],
 export declare function computeCropLoss(sourceAR: number, targetAR: number): number;
 export declare function needsBackgroundRegeneration(srcW: number, srcH: number, tgtW: number, tgtH: number): boolean;
 export declare function nearestGeminiAspectRatio(w: number, h: number): string;
+/**
+ * Resolution dimensions available for each aspect ratio in Gemini 3.1 Flash
+ * Image (Nano Banana 2). Maps aspect ratio → resolution level → [width, height].
+ * Exported so the Auto Resize panel can build its dimension presets from the
+ * exact model-supported sizes instead of duplicating the numbers.
+ */
+export declare const GEMINI_RESOLUTION_TABLE: Record<string, Record<string, [number, number]>>;
+/**
+ * Resolution levels offered by the Auto Resize panel.
+ * Nano Banana (gemini-2.5-flash-image) and Nano Banana 2 (gemini-3.1-flash-image-preview)
+ * both support 0.5K–4K. 0.5K is the fastest/cheapest tier.
+ */
+export declare const AUTO_RESIZE_RESOLUTIONS: readonly ["0.5K", "1K", "2K", "4K"];
+export type AutoResizeResolution = typeof AUTO_RESIZE_RESOLUTIONS[number];
+/**
+ * Aspect ratios the Nano Banana 2 / Gemini 3.1 Flash Image model supports,
+ * ordered for display (common first, then the ultrawide / extreme-narrow ones).
+ * Each carries a human label for the panel.
+ */
+export declare const AUTO_RESIZE_ASPECT_RATIOS: {
+    ratio: string;
+    desc: string;
+}[];
+/**
+ * Concrete pixel dimensions for a given aspect ratio + resolution, straight from
+ * the Nano Banana 2 resolution table. Falls back to 1:1 / 1K if unknown.
+ */
+export declare function geminiDimsFor(ratio: string, resolution: string): {
+    width: number;
+    height: number;
+};
 /**
  * Selects the optimal resolution for a given target dimension and aspect ratio.
  * Chooses the resolution level that is closest to (but preferably >= ) the target size.
@@ -126,8 +157,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>;
@@ -140,5 +170,16 @@ export declare function runAutoResize(opts: {
     signal?: AbortSignal;
     /** Pass the result of preCreateAllFrames() to skip redundant frame creation */
     preCreatedFrameInfos?: PreCreatedFrameInfo[];
+    /**
+     * Brand assets handed to the image model so the recomposed ad keeps the brand
+     * logo, typeface, and (for font-aware models) the real font file. Sourced from
+     * `app.state.brandContext` by the panel.
+     */
+    brandImages?: {
+        logo?: string;
+        fontPreview?: string;
+        fontUrl?: string;
+        name?: string;
+    };
 }): Promise<DimensionResult[]>;
 export {};

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

@@ -33,6 +33,7 @@ export declare const FreedrawIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextIcon: import("react/jsx-runtime").JSX.Element;
 export declare const TextSizeIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ImageIcon: import("react/jsx-runtime").JSX.Element;
+export declare const VideoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EraserIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomInIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ZoomOutIcon: import("react/jsx-runtime").JSX.Element;
@@ -189,6 +190,7 @@ export declare const eyeDropperIcon: import("react/jsx-runtime").JSX.Element;
 export declare const extraToolsIcon: import("react/jsx-runtime").JSX.Element;
 export declare const frameToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const imageGeneratorToolIcon: import("react/jsx-runtime").JSX.Element;
+export declare const videoGeneratorToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const mermaidLogoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const RetryIcon: import("react/jsx-runtime").JSX.Element;
 export declare const stackPushIcon: import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts

@@ -12,6 +12,10 @@ export declare const SaveAsImage: {
     (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export declare const UploadVideo: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const CommandPalette: {
     (opts?: {
         className?: string;

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

@@ -1,4 +1,4 @@
-import { IMAGE_MIME_TYPES, MIME_TYPES } from "@orangecatai/common";
+import { IMAGE_MIME_TYPES, VIDEO_MIME_TYPES, MIME_TYPES } from "@orangecatai/common";
 import type { ExcalidrawElement, FileId } from "@orangecatai/element/types";
 import type { ValueOf } from "@orangecatai/common/utility-types";
 import type { AppState, DataURL, LibraryItem } from "../types";
@@ -12,6 +12,9 @@ export declare const isSupportedImageFileType: (type: string | null | undefined)
 export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {
     type: ValueOf<typeof IMAGE_MIME_TYPES>;
 };
+export declare const isSupportedVideoFile: (blob: Blob | null | undefined) => blob is Blob & {
+    type: ValueOf<typeof VIDEO_MIME_TYPES>;
+};
 export declare const loadSceneOrLibraryFromBlob: (blob: Blob | File, 
 /** @see restore.localAppState */
 localAppState: AppState | null, localElements: readonly ExcalidrawElement[] | null, 

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

@@ -8,16 +8,20 @@ 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";
 export { isInvisiblySmallElement } from "@orangecatai/element";
+export { newImageElement, newVideoElement, newTextElement, newFrameElement, } from "@orangecatai/element";
+export { isVideoElement } from "@orangecatai/element";
 export { defaultLang, useI18n, languages } from "./i18n";
 export { restoreAppState, restoreElement, restoreElements, restoreLibraryItems, } from "./data/restore";
 export { reconcileElements } from "./data/reconcile";
 export { exportToCanvas, exportToBlob, exportToSvg, exportToClipboard, } from "@orangecatai/utils/export";
 export { serializeAsJSON, serializeLibraryAsJSON } from "./data/json";
-export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, } from "./data/blob";
+export { loadFromBlob, loadSceneOrLibraryFromBlob, loadLibraryFromBlob, isSupportedVideoFile, } from "./data/blob";
 export { mergeLibraryItems, getLibraryItemsHash } from "./data/library";
 export { isLinearElement } from "@orangecatai/element";
 export { FONT_FAMILY, THEME, MIME_TYPES, ROUNDNESS, DEFAULT_LASER_COLOR, UserIdleState, normalizeLink, sceneCoordsToViewportCoords, viewportCoordsToSceneCoords, getFormFactor, } from "@orangecatai/common";
@@ -50,7 +54,7 @@ export { AIChatPanel } from "./components/AIChatPanel";
 export type { AIChatPanelProps, AIChatPanelRef, ChatMessage, ChatSession, } from "./components/AIChatPanel";
 export type { ExcalidrawImperativeAPI } from "./types";
 export type { AppState, BinaryFiles, BinaryFileData, ExcalidrawProps, ExcalidrawInitialDataState, LibraryItem, LibraryItems, SceneData, UnsubscribeCallback, } from "./types";
-export type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, OrderedExcalidrawElement, ExcalidrawElementType, } from "@orangecatai/element/types";
+export type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, OrderedExcalidrawElement, ExcalidrawElementType, ExcalidrawVideoElement, } from "@orangecatai/element/types";
 export type { ImageEditToolbarCallbacks } from "./components/ImageEditToolbar";
 export type { CustomFontSpec, BrandContext } from "./types";
 export type { ReviewerFeedback, ReviewIssue, } from "./components/ai-chat/reviewerAgent";

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

@@ -132,6 +132,7 @@ export type ElementShapes = {
     line: Drawable[];
     text: null;
     image: null;
+    video: Drawable;
     frame: null;
     magicframe: null;
 };