@orangecatai/element 0.0.2 → 0.0.4

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

@@ -0,0 +1,176 @@
+import React from "react";
+import { type ToolAction } from "./ai-chat/agentLoop";
+import "./AIChatPanel.scss";
+import type { ReviewerFeedback } from "./ai-chat/reviewerAgent";
+import type { ExcalidrawImperativeAPI } from "../types";
+export type ChatMessage = {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    timestamp: Date;
+    toolActions?: ToolAction[];
+    attachments?: Array<{
+        name: string;
+        type: "image" | "text" | "pdf" | "docx";
+        dataUrl?: string;
+        textContent?: string;
+        s3Key?: string;
+    }>;
+    /** Reviewer feedback attached to an assistant message after HTML ad generation */
+    reviewFeedback?: ReviewerFeedback;
+};
+export type ChatSession = {
+    id: string;
+    title: string;
+    messages: ChatMessage[];
+};
+export type AIChatPanelRef = {
+    setMessages: (messages: ChatMessage[], sessionId?: string) => void;
+    send: (text: string) => void;
+};
+export type AIChatPanelProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    /**
+     * 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;
+    initialMessages?: ChatMessage[];
+    initialSessionId?: string;
+    initialSessions?: ChatSession[];
+    onMessagesChange?: (messages: ChatMessage[], sessionId: string) => void;
+    onSessionCreate?: (session: {
+        id: string;
+        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<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterSend?: (ctx: {
+        hasVoice: boolean;
+    }) => void;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
+    /**
+     * OpenRouter model tag for the chat system (both plain chat and agent loop).
+     * @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-mini-transcribe"
+     */
+    voiceModel?: string;
+    /**
+     * 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;
+    /**
+     * Optional brand identity context. When provided, the AI agent receives
+     * the brand's colors, typography, tone of voice, and imagery direction as
+     * a system-level context message so it can create on-brand ads.
+     *
+     * Pair this with `customFonts` on `<Excalidraw>` so that any uploaded
+     * brand font files are also registered in the canvas.
+     */
+    brandContext?: import("../types").BrandContext;
+    onSearchBrandAssets?: (query: string, type?: string) => Promise<Array<{
+        id: string;
+        name: string;
+        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;
+        name: string;
+        campaignTag?: string;
+        label?: string;
+        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.
+     */
+    reviewerModel?: string;
+    /**
+     * Maximum number of reviewer rounds per banner before the reviewer is skipped.
+     * @default 2
+     */
+    maxReviewRounds?: number;
+};
+export declare const AIChatPanel: React.ForwardRefExoticComponent<AIChatPanelProps & React.RefAttributes<AIChatPanelRef>>;

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

@@ -30,6 +30,9 @@ export declare const ShapesSwitcher: ({ activeTool, setAppState, app, UIOptions,
     app: AppClassProperties;
     UIOptions: AppProps["UIOptions"];
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollBackToContentAction: ({ renderAction, }: {
+    renderAction: ActionManager["renderAction"];
+}) => import("react/jsx-runtime").JSX.Element | null;
 export declare const ZoomActions: ({ renderAction, zoom, }: {
     renderAction: ActionManager["renderAction"];
     zoom: Zoom;

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

@@ -0,0 +1,7 @@
+import "./CanvasBackgroundSwatch.scss";
+import type { ActionManager } from "../actions/manager";
+import type { UIAppState } from "../types";
+export declare const CanvasBackgroundSwatch: ({ actionManager, appState, }: {
+    actionManager: ActionManager;
+    appState: UIAppState;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/ColorPicker/AdvancedColorPicker.d.ts

@@ -0,0 +1,8 @@
+import "./AdvancedColorPicker.scss";
+interface AdvancedColorPickerProps {
+    color: string;
+    onChange: (color: string) => void;
+    showAlpha?: boolean;
+}
+export declare const AdvancedColorPicker: ({ color, onChange, showAlpha, }: AdvancedColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/excalidraw/components/ColorPicker/colorConversions.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Pure color conversion utilities for HSV ↔ RGB ↔ Hex with alpha support.
+ */
+export interface HSVA {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+export interface RGBA {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export declare const hsvaToRgba: ({ h, s, v, a }: HSVA) => RGBA;
+export declare const rgbaToHsva: ({ r, g, b, a }: RGBA) => HSVA;
+export declare const rgbaToHex: ({ r, g, b, a }: RGBA) => string;
+export declare const hexToRgba: (hex: string) => RGBA;
+export declare const hsvaToHex: (hsva: HSVA) => string;
+export declare const hexToHsva: (hex: string) => HSVA;
+/** Produces a CSS-safe rgba() string */
+export declare const hsvaToRgbaString: (hsva: HSVA) => string;
+/**
+ * Clamp a number between min and max.
+ */
+export declare const clampValue: (value: number, min: number, max: number) => number;

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

@@ -1,5 +1,5 @@
-import type { Theme } from "@orangecatai/element/types";
 import "./ToolIcon.scss";
+import type { Theme } from "@orangecatai/element/types";
 export declare const DarkModeToggle: (props: {
     value: Theme;
     onChange: (value: Theme) => void;

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

@@ -4,7 +4,7 @@ import type { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
 export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
     name: import("../types").SidebarName;
     children: React.ReactNode;
-    onStateChange?: (state: import("../types").AppState["openSidebar"]) => void;
+    onStateChange?: (state: import("..").AppState["openSidebar"]) => void;
     onDock?: (docked: boolean) => void;
     docked?: boolean;
     className?: string;

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

@@ -1,5 +1,5 @@
-import type { ElementsMap, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./ElementCanvasButtons.scss";
+import type { ElementsMap, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 export declare const ElementCanvasButtons: ({ children, element, elementsMap, }: {
     children: React.ReactNode;
     element: NonDeletedExcalidrawElement;

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./FrameToolbar.scss";
+import type { ExcalidrawFrameLikeElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../types";
 export declare const FrameToolbar: ({ element, app, }: {
     element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;

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

@@ -1,5 +1,5 @@
-import type { EditorInterface } from "@orangecatai/common";
 import "./HintViewer.scss";
+import type { EditorInterface } from "@orangecatai/common";
 import type { AppClassProperties, UIAppState } from "../types";
 interface HintViewerProps {
     appState: UIAppState;

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

@@ -0,0 +1,15 @@
+import "./ImageEditToolbar.scss";
+import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppClassProperties } from "../types";
+export interface ImageEditToolbarCallbacks {
+    onQuickEdit?: () => void;
+    onRemoveBG?: () => void;
+    onCrop?: () => void;
+    onDownload?: () => void;
+    onSwapAsset?: (elementId: string) => Promise<void>;
+}
+export declare const ImageEditToolbar: ({ element, app, callbacks, }: {
+    element: ExcalidrawImageElement & NonDeletedExcalidrawElement;
+    app: AppClassProperties;
+    callbacks?: ImageEditToolbarCallbacks;
+}) => import("react/jsx-runtime").JSX.Element | null;

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-2.5-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-preview";
-        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-preview";
-        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,8 +73,12 @@ 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, }: {
+export declare const ImageGeneratorPanel: ({ element, app, onBeforeImageGen, onAfterImageGen, }: {
     element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
     app: AppClassProperties;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,7 +1,16 @@
 import "./ImageQuickEditPanel.scss";
 import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties } from "../types";
-export declare const ImageQuickEditPanel: ({ element, app, }: {
+export declare const ImageQuickEditPanel: ({ element, app, onBeforeImageGen, onAfterImageGen, forceOpen, onClose, }: {
     element: ExcalidrawImageElement & NonDeletedExcalidrawElement;
     app: AppClassProperties;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
+    /** When true, skip the trigger bar and render the panel directly. */
+    forceOpen?: boolean;
+    /** Called when the panel closes itself (only used when forceOpen=true). */
+    onClose?: () => void;
 }) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -14,7 +14,7 @@ export declare const isSidebarDockedAtom: import("jotai/vanilla/atom").Primitive
 export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{
     name: import("../../types").SidebarName;
     children: React.ReactNode;
-    onStateChange?: (state: import("../../types").AppState["openSidebar"]) => void;
+    onStateChange?: (state: import("../..").AppState["openSidebar"]) => void;
     onDock?: (docked: boolean) => void;
     docked?: boolean;
     className?: string;
@@ -23,7 +23,7 @@ export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{
 export declare const Sidebar: React.ForwardRefExoticComponent<{
     name: import("../../types").SidebarName;
     children: React.ReactNode;
-    onStateChange?: (state: import("../../types").AppState["openSidebar"]) => void;
+    onStateChange?: (state: import("../..").AppState["openSidebar"]) => void;
     onDock?: (docked: boolean) => void;
     docked?: boolean;
     className?: string;

package/dist/types/excalidraw/components/Stats/DragInput.d.ts

@@ -1,6 +1,6 @@
-import type { Scene } from "@orangecatai/element";
 import { useApp, useExcalidrawSetAppState } from "../App";
 import "./DragInput.scss";
+import type { Scene } from "@orangecatai/element";
 import type { ElementsMap, ExcalidrawElement } from "@orangecatai/element/types";
 import type { StatsInputProperty } from "./utils";
 import type { AppState } from "../../types";

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

@@ -1,5 +1,5 @@
-import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./Stats.scss";
+import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { AppClassProperties, AppState, ExcalidrawProps } from "../../types";
 interface StatsProps {
     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/TTDDialog/utils/TTDStreamFetch.d.ts

@@ -20,5 +20,6 @@ export type StreamChunk = {
         status?: number;
     };
 };
+export declare function parseSSEStream(reader: ReadableStreamDefaultReader<Uint8Array>): AsyncGenerator<string, void, unknown>;
 export declare function TTDStreamFetch(options: StreamingOptions): Promise<TTTDDialog.OnTextSubmitRetValue>;
 export {};

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { PointerType } from "@orangecatai/element/types";
 import "./ToolIcon.scss";
+import type { PointerType } from "@orangecatai/element/types";
 import type { CSSProperties } from "react";
 export type ToolButtonSize = "small" | "medium";
 type ToolButtonBaseProps = {

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 {};