@orangecatai/element 0.0.3 → 0.0.4

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

@@ -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;
     /**
@@ -87,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;
@@ -96,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/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,69 @@ 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 supportsImageSize: true;
-        readonly supportsThinking: true;
+    readonly "nano banana 2": {
+        readonly modelId: "google/gemini-3.1-flash-image-preview";
+        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 "Gemini 3 Pro": {
-        readonly geminiModelId: "gemini-3-pro-image";
-        readonly supportsImageSize: true;
-        readonly supportsThinking: false;
+    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;
+        readonly supportsImageSize: 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"];
+    };
+    readonly "riverflow 2.5 fast": {
+        readonly modelId: "sourceful/riverflow-v2.5-fast";
+        readonly textOutput: false;
+        readonly supportsImageSize: true;
+        readonly supportedResolutions: readonly ["1K", "2K"];
+        readonly supportedRatios: readonly ["1:1", "21:9", "16:9", "3:2", "4:3", "5:4", "4:5", "3:4", "2:3", "9:16"];
+    };
+    readonly "riverflow 2.5 pro": {
+        readonly modelId: "sourceful/riverflow-v2.5-pro";
+        readonly textOutput: false;
+        readonly supportsImageSize: true;
+        readonly supportedResolutions: readonly ["1K", "2K", "4K"];
+        readonly supportedRatios: readonly ["1:1", "21:9", "16:9", "3:2", "4:3", "5:4", "4:5", "3:4", "2:3", "9:16"];
+    };
 };
 export type ModelName = keyof typeof MODEL_CONFIG;
 export declare const MODEL_NAMES: ModelName[];
@@ -31,7 +73,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/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 {};