@orangecatai/adgen-canvas 0.0.22 → 0.0.24

package/dist/prod/locales/{en-5WIO63S4.js → en-ZZURI326.js}

@@ -1 +1 @@
-import{A,B,C,D,E,F,G,H,I,J,K,L,M,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}from"../chunk-TX6PVFUX.js";import"../chunk-SRAX5OIU.js";export{f as alerts,e as buttons,l as canvasError,G as chat,s as clearCanvasDialog,C as colorPicker,A as colors,K as commandPalette,v as confirmDialog,M as default,i as element,b as elementLink,x as encrypted,p as errorDialog,m as errorSplash,g as errors,q as exportDialog,I as fontList,j as headings,r as helpDialog,k as hints,w as imageExportDialog,L as keys,a as labels,c as library,E as mermaid,D as overwriteConfirm,t as publishDialog,u as publishSuccessDialog,H as quickSearch,o as roomDialog,d as search,n as shareDialog,y as stats,z as toast,h as toolBar,F as ttd,J as userList,B as welcomeScreen};
+import{A,B,C,D,E,F,G,H,I,J,K,L,M,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}from"../chunk-CLQPYXMS.js";import"../chunk-SRAX5OIU.js";export{f as alerts,e as buttons,l as canvasError,G as chat,s as clearCanvasDialog,C as colorPicker,A as colors,K as commandPalette,v as confirmDialog,M as default,i as element,b as elementLink,x as encrypted,p as errorDialog,m as errorSplash,g as errors,q as exportDialog,I as fontList,j as headings,r as helpDialog,k as hints,w as imageExportDialog,L as keys,a as labels,c as library,E as mermaid,D as overwriteConfirm,t as publishDialog,u as publishSuccessDialog,H as quickSearch,o as roomDialog,d as search,n as shareDialog,y as stats,z as toast,h as toolBar,F as ttd,J as userList,B as welcomeScreen};

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

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-PJYEU4Z2.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-MFGXKFLH.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-PJYEU4Z2.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-MFGXKFLH.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/common/src/constants.d.ts

@@ -175,6 +175,10 @@ export declare const IMAGE_MIME_TYPES: {
     readonly avif: "image/avif";
     readonly jfif: "image/jfif";
 };
+export declare const VIDEO_MIME_TYPES: {
+    readonly mp4: "video/mp4";
+    readonly mov: "video/quicktime";
+};
 export declare const STRING_MIME_TYPES: {
     readonly text: "text/plain";
     readonly html: "text/html";

package/dist/types/element/src/Scene.d.ts

@@ -70,7 +70,7 @@ export declare class Scene {
     getElementIndex(elementId: string): number;
     getContainerElement: (element: (ExcalidrawElement & {
         containerId: ExcalidrawElement["id"] | null;
-    }) | null) => import("@orangecatai/element/types").ExcalidrawLinearElement | import("@orangecatai/element/types").ExcalidrawSelectionElement | import("@orangecatai/element/types").ExcalidrawRectangleElement | import("@orangecatai/element/types").ExcalidrawDiamondElement | import("@orangecatai/element/types").ExcalidrawEllipseElement | import("@orangecatai/element/types").ExcalidrawEmbeddableElement | import("@orangecatai/element/types").ExcalidrawIframeElement | import("@orangecatai/element/types").ExcalidrawImageElement | import("@orangecatai/element/types").ExcalidrawFrameElement | import("@orangecatai/element/types").ExcalidrawMagicFrameElement | import("@orangecatai/element/types").ExcalidrawTextElement | import("@orangecatai/element/types").ExcalidrawFreeDrawElement | null;
+    }) | null) => import("@orangecatai/element/types").ExcalidrawLinearElement | import("@orangecatai/element/types").ExcalidrawSelectionElement | import("@orangecatai/element/types").ExcalidrawRectangleElement | import("@orangecatai/element/types").ExcalidrawDiamondElement | import("@orangecatai/element/types").ExcalidrawEllipseElement | import("@orangecatai/element/types").ExcalidrawEmbeddableElement | import("@orangecatai/element/types").ExcalidrawIframeElement | import("@orangecatai/element/types").ExcalidrawImageElement | import("@orangecatai/element/types").ExcalidrawVideoElement | import("@orangecatai/element/types").ExcalidrawFrameElement | import("@orangecatai/element/types").ExcalidrawMagicFrameElement | import("@orangecatai/element/types").ExcalidrawTextElement | import("@orangecatai/element/types").ExcalidrawFreeDrawElement | null;
     getElementsFromId: (id: string) => ExcalidrawElement[];
     mutateElement<TElement extends Mutable<ExcalidrawElement>>(element: TElement, updates: ElementUpdate<TElement>, options?: {
         informMutation: boolean;

package/dist/types/element/src/frame.d.ts

@@ -31,8 +31,8 @@ export declare const getFrameLikeElements: (allElements: ExcalidrawElementsInclu
  */
 export declare const getRootElements: (allElements: ExcalidrawElementsIncludingDeleted) => ExcalidrawElement[];
 export declare const getElementsInResizingFrame: (allElements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, appState: AppState, elementsMap: ElementsMap) => ExcalidrawElement[];
-export declare const getElementsInNewFrame: (elements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, elementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
-export declare const omitPartialGroups: (elements: ExcalidrawElement[], frame: ExcalidrawFrameLikeElement, allElementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
+export declare const getElementsInNewFrame: (elements: ExcalidrawElementsIncludingDeleted, frame: ExcalidrawFrameLikeElement, elementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawVideoElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
+export declare const omitPartialGroups: (elements: ExcalidrawElement[], frame: ExcalidrawFrameLikeElement, allElementsMap: ElementsMap) => (import("./types").ExcalidrawLinearElement | import("./types").ExcalidrawSelectionElement | import("./types").ExcalidrawRectangleElement | import("./types").ExcalidrawDiamondElement | import("./types").ExcalidrawEllipseElement | import("./types").ExcalidrawEmbeddableElement | import("./types").ExcalidrawIframeElement | import("./types").ExcalidrawImageElement | import("./types").ExcalidrawVideoElement | import("./types").ExcalidrawFrameElement | import("./types").ExcalidrawMagicFrameElement | import("./types").ExcalidrawTextElement | import("./types").ExcalidrawFreeDrawElement)[];
 export declare const getContainingFrame: (element: ExcalidrawElement, elementsMap: ElementsMap) => ExcalidrawFrameLikeElement | null;
 /** */
 export declare const filterElementsEligibleAsFrameChildren: (elements: readonly ExcalidrawElement[], frame: ExcalidrawFrameLikeElement) => ExcalidrawElement[];

package/dist/types/element/src/newElement.d.ts

@@ -1,5 +1,5 @@
 import type { MarkOptional } from "@orangecatai/common/utility-types";
-import type { ExcalidrawImageElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer, ExcalidrawFrameElement, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawIframeElement, ElementsMap, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement } from "./types";
+import type { ExcalidrawImageElement, ExcalidrawVideoElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer, ExcalidrawFrameElement, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawIframeElement, ElementsMap, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement } from "./types";
 export type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "frameId" | "index" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity" | "customData">;
 export declare const newElement: (opts: {
     type: ExcalidrawGenericElement["type"];
@@ -60,3 +60,12 @@ export declare const newImageElement: (opts: {
     scale?: ExcalidrawImageElement["scale"];
     crop?: ExcalidrawImageElement["crop"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawImageElement>;
+export declare const newVideoElement: (opts: {
+    status?: ExcalidrawVideoElement["status"];
+    videoUrl?: ExcalidrawVideoElement["videoUrl"];
+    mimeType?: ExcalidrawVideoElement["mimeType"];
+    thumbnailDataUrl?: ExcalidrawVideoElement["thumbnailDataUrl"];
+    duration?: ExcalidrawVideoElement["duration"];
+    naturalWidth?: ExcalidrawVideoElement["naturalWidth"];
+    naturalHeight?: ExcalidrawVideoElement["naturalHeight"];
+} & ElementConstructorOpts) => NonDeleted<ExcalidrawVideoElement>;

package/dist/types/element/src/typeChecks.d.ts

@@ -1,8 +1,9 @@
 import type { ElementOrToolType } from "@orangecatai/adgen-canvas/types";
 import type { MarkNonNullable } from "@orangecatai/common/utility-types";
-import type { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawEmbeddableElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer, ExcalidrawFrameElement, RoundnessType, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeElement, ExcalidrawIframeLikeElement, ExcalidrawMagicFrameElement, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement, ExcalidrawFlowchartNodeElement, ExcalidrawLinearElementSubType } from "./types";
+import type { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawEmbeddableElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer, ExcalidrawFrameElement, RoundnessType, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeElement, ExcalidrawIframeLikeElement, ExcalidrawMagicFrameElement, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement, ExcalidrawFlowchartNodeElement, ExcalidrawLinearElementSubType, ExcalidrawVideoElement } from "./types";
 export declare const isInitializedImageElement: (element: ExcalidrawElement | null) => element is InitializedExcalidrawImageElement;
 export declare const isImageElement: (element: ExcalidrawElement | null) => element is ExcalidrawImageElement;
+export declare const isVideoElement: (element: ExcalidrawElement | null | undefined) => element is ExcalidrawVideoElement;
 export declare const isEmbeddableElement: (element: ExcalidrawElement | null | undefined) => element is ExcalidrawEmbeddableElement;
 export declare const isIframeElement: (element: ExcalidrawElement | null) => element is ExcalidrawIframeElement;
 export declare const isIframeLikeElement: (element: ExcalidrawElement | null) => element is ExcalidrawIframeLikeElement;

package/dist/types/element/src/types.d.ts

@@ -137,6 +137,21 @@ export type ExcalidrawImageElement = _ExcalidrawElementBase & Readonly<{
     crop: ImageCrop | null;
 }>;
 export type InitializedExcalidrawImageElement = MarkNonNullable<ExcalidrawImageElement, "fileId">;
+export type ExcalidrawVideoElement = _ExcalidrawElementBase & Readonly<{
+    type: "video";
+    /** URL to host-stored video file (not DataURL — videos are too large for base64) */
+    videoUrl: string | null;
+    status: "idle" | "uploading" | "saved" | "error";
+    mimeType: "video/mp4" | "video/quicktime" | null;
+    /** JPEG data URL of the first frame, used as the static thumbnail on canvas */
+    thumbnailDataUrl: string | null;
+    /** Total duration in seconds */
+    duration: number;
+    /** Original video pixel width */
+    naturalWidth: number;
+    /** Original video pixel height */
+    naturalHeight: number;
+}>;
 export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
     type: "frame";
     name: string | null;
@@ -151,13 +166,13 @@ export type ExcalidrawFrameLikeElement = ExcalidrawFrameElement | ExcalidrawMagi
  */
 export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
 export type ExcalidrawFlowchartNodeElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
-export type ExcalidrawRectanguloidElement = ExcalidrawRectangleElement | ExcalidrawImageElement | ExcalidrawTextElement | ExcalidrawFreeDrawElement | ExcalidrawIframeLikeElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawSelectionElement;
+export type ExcalidrawRectanguloidElement = ExcalidrawRectangleElement | ExcalidrawImageElement | ExcalidrawVideoElement | ExcalidrawTextElement | ExcalidrawFreeDrawElement | ExcalidrawIframeLikeElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawSelectionElement;
 /**
  * ExcalidrawElement should be JSON serializable and (eventually) contain
  * no computed data. The list of all ExcalidrawElements should be shareable
  * between peers and contain no state local to the peer.
  */
-export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawArrowElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement;
+export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawArrowElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawVideoElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement;
 export type ExcalidrawNonSelectionElement = Exclude<ExcalidrawElement, ExcalidrawSelectionElement>;
 export type Ordered<TElement extends ExcalidrawElement> = TElement & {
     index: FractionalIndex;

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

@@ -1201,6 +1201,47 @@ export declare const actionWrapSelectionInFrame: {
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "video";
+            videoUrl: string | null;
+            status: "idle" | "uploading" | "saved" | "error";
+            mimeType: "video/mp4" | "video/quicktime" | null;
+            thumbnailDataUrl: string | null;
+            duration: number;
+            naturalWidth: number;
+            naturalHeight: number;
+        }> & {
+            index: import("@orangecatai/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@orangecatai/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@orangecatai/element/types").StrokeStyle;
+            roundness: null | {
+                type: import("@orangecatai/element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@orangecatai/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@orangecatai/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("@orangecatai/element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("@orangecatai/element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
         }> & {
             type: "frame";
             name: string | null;

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

@@ -531,6 +531,47 @@ export declare const actionTogglePolygon: {
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
+        }> & Readonly<{
+            type: "video";
+            videoUrl: string | null;
+            status: "idle" | "uploading" | "saved" | "error";
+            mimeType: "video/mp4" | "video/quicktime" | null;
+            thumbnailDataUrl: string | null;
+            duration: number;
+            naturalWidth: number;
+            naturalHeight: number;
+        }> & {
+            index: import("@orangecatai/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@orangecatai/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@orangecatai/element/types").StrokeStyle;
+            roundness: null | {
+                type: import("@orangecatai/element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@orangecatai/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@orangecatai/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("@orangecatai/element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("@orangecatai/element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
         }> & {
             type: "frame";
             name: string | null;

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

@@ -115,6 +115,15 @@ export type AIChatPanelProps = {
         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;
@@ -124,10 +133,35 @@ export type AIChatPanelProps = {
         width?: number;
         height?: number;
         thumbnailBlobUrl?: string;
+        thumbnailDataUrl?: string;
     }>>;
     onGetTemplateVariant?: (variantId: string) => Promise<{
         canvasJson: string;
     }>;
+    /**
+     * Searches brand assets, ad creatives, and templates by keywords, returning
+     * top 3 matches with base64 preview images. Used by the visual agent's
+     * `find_brand_asset` tool and the @mention autocomplete.
+     */
+    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;
+        }>;
+    }>;
+    /**
+     * Called when user types after `@` in the chat input. Should return a
+     * lightweight list of matching items (no base64 — previews fetched on pick).
+     */
+    onMentionSearch?: (query: string) => Promise<Array<{
+        id: string;
+        type: "image-asset" | "ad-creative" | "template";
+        name: string;
+    }>>;
     /**
      * OpenRouter model tag for the reviewer agent. Must be vision-capable.
      * Defaults to the same model as chatModel.

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

@@ -258,6 +258,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private updateEmbedValidationStatus;
     private updateEmbeddables;
     private renderEmbeddables;
+    private renderVideos;
     private getFrameNameDOMId;
     frameNameBoundsCache: FrameNameBoundsCache;
     private resetEditingFrame;
@@ -284,11 +285,17 @@ declare class App extends React.Component<AppProps, AppState> {
     private onIframeSrcCopy;
     onMagicframeToolSelect: () => void;
     onImageGeneratorSelect: () => void;
+    onVideoGeneratorSelect: () => void;
     /**
      * Inserts a generated image (base64 data URL) into a frame element,
      * sized to fill the frame exactly. Used by the image generator panel.
      */
     insertGeneratedImageIntoFrame: (dataURL: string, frameElement: import("@orangecatai/element/types").ExcalidrawFrameLikeElement & import("@orangecatai/element/types").NonDeletedExcalidrawElement) => Promise<void>;
+    /**
+     * Inserts a generated video (presigned/CDN URL) into a video-generator frame,
+     * replacing any previous video. The video element fills the frame exactly.
+     */
+    insertGeneratedVideoIntoFrame: (videoUrl: string, frameElement: import("@orangecatai/element/types").ExcalidrawFrameLikeElement & import("@orangecatai/element/types").NonDeletedExcalidrawElement) => void;
     /**
      * Inserts a generated image near a source element (≥ 25 px clearance).
      * Tries right → below → left → above; falls back to right if all collide.
@@ -532,6 +539,7 @@ declare class App extends React.Component<AppProps, AppState> {
      */
     private getLatestInitializedImageElement;
     private onImageToolbarButtonClick;
+    onVideoToolbarButtonClick: () => void;
     private getImageNaturalDimensions;
     /** updates image cache, refreshing updated elements and/or setting status
         to error for images that fail during <img> element creation */
@@ -545,6 +553,8 @@ declare class App extends React.Component<AppProps, AppState> {
     private clearSelection;
     private handleInteractiveCanvasRef;
     private insertImages;
+    private newVideoPlaceholder;
+    insertVideos: (videoFiles: File[], sceneX: number, sceneY: number) => Promise<void>;
     private handleAppOnDrop;
     loadFileToCanvas: (file: File, fileHandle: FileSystemHandle | null) => Promise<void>;
     private handleCanvasContextMenu;

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

@@ -16,6 +16,20 @@ export declare const MODEL_CONFIG: {
         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 "nano banana lite": {
+        readonly modelId: "google/gemini-3.1-flash-lite-image";
+        readonly textOutput: true;
+        readonly supportsImageSize: false;
+        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 "nano banana 2 lite": {
+        readonly modelId: "google/gemini-3.1-flash-lite-image";
+        readonly textOutput: true;
+        readonly supportsImageSize: false;
+        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 "nano banana pro": {
         readonly modelId: "google/gemini-3-pro-image-preview";
         readonly textOutput: true;

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

@@ -0,0 +1,9 @@
+import type { ExcalidrawVideoElement } from "@orangecatai/element/types";
+import "./VideoElement.scss";
+interface VideoElementProps {
+    element: ExcalidrawVideoElement;
+    isActive: boolean;
+    videoDownloadProxyUrl?: string;
+}
+export declare const VideoElement: ({ element, videoDownloadProxyUrl }: VideoElementProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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/canvasTools.d.ts

@@ -449,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: {
@@ -568,6 +585,48 @@ export declare const BANNER_TOOLS: readonly [{
             readonly additionalProperties: false;
         };
     };
+}, {
+    readonly type: "function";
+    readonly function: {
+        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: "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", "assetId"];
+            readonly additionalProperties: false;
+        };
+    };
 }];
 export declare function serializeElements(elements: readonly ExcalidrawElement[]): Record<string, unknown>[];
 export type FrameInfo = {
@@ -643,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;
@@ -652,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/auto-resize/autoResizeEngine.d.ts

@@ -179,6 +179,7 @@ export declare function runAutoResize(opts: {
         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;