@orangecatai/adgen-canvas 0.0.3 → 0.0.4

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

@@ -6,9 +6,9 @@ export declare const actionSendBackward: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
         elements: readonly import("@orangecatai/element/types").ExcalidrawElement[];
-        appState: Readonly<import("../types").AppState>;
+        appState: Readonly<import("..").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
     keyPriority: number;
@@ -25,9 +25,9 @@ export declare const actionBringForward: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>, value: unknown, app: import("../types").AppClassProperties) => {
         elements: readonly import("@orangecatai/element/types").ExcalidrawElement[];
-        appState: Readonly<import("../types").AppState>;
+        appState: Readonly<import("..").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
     keyPriority: number;
@@ -44,9 +44,9 @@ export declare const actionSendToBack: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>) => {
         elements: readonly import("@orangecatai/element/types").ExcalidrawElement[] | import("@orangecatai/element/types").ExcalidrawElement[];
-        appState: Readonly<import("../types").AppState>;
+        appState: Readonly<import("..").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
@@ -62,9 +62,9 @@ export declare const actionBringToFront: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<import("..").AppState>) => {
         elements: readonly import("@orangecatai/element/types").ExcalidrawElement[] | import("@orangecatai/element/types").ExcalidrawElement[];
-        appState: Readonly<import("../types").AppState>;
+        appState: Readonly<import("..").AppState>;
         captureUpdate: "IMMEDIATELY";
     };
     keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;

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

@@ -3,7 +3,7 @@ export { actionBringForward, actionBringToFront, actionSendBackward, actionSendT
 export { actionSelectAll } from "./actionSelectAll";
 export { actionDuplicateSelection } from "./actionDuplicateSelection";
 export { actionChangeStrokeColor, actionChangeBackgroundColor, actionChangeStrokeWidth, actionChangeFillStyle, actionChangeSloppiness, actionChangeOpacity, actionChangeFontSize, actionChangeFontFamily, actionChangeTextAlign, actionChangeVerticalAlign, actionChangeArrowProperties, } from "./actionProperties";
-export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionZoomToFit, actionToggleTheme, } from "./actionCanvas";
+export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionScrollBackToContent, actionZoomToFit, actionToggleTheme, } from "./actionCanvas";
 export { actionSetEmbeddableAsActiveTool } from "./actionEmbeddable";
 export { actionFinalize } from "./actionFinalize";
 export { actionChangeProjectName, actionChangeExportBackground, actionSaveToActiveFile, actionSaveFileToDisk, actionLoadScene, } from "./actionExport";

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

@@ -14,7 +14,7 @@ export type ActionResult = {
 type ActionFn<TData = any> = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: TData | undefined, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeArrowType" | "changeArrowProperties" | "changeOpacity" | "changeFontSize" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "scrollBackToContent" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

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

@@ -1,10 +1,56 @@
-import type { ExcalidrawImperativeAPI } from "../types";
+import React from "react";
+import { type ToolAction } from "./ai-chat/agentLoop";
 import "./AIChatPanel.scss";
+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";
+        dataUrl?: string;
+    }>;
+};
+export type ChatSession = {
+    id: string;
+    title: string;
+    messages: ChatMessage[];
+};
+export type AIChatPanelRef = {
+    setMessages: (messages: ChatMessage[]) => void;
+    send: (text: string) => void;
+};
 export type AIChatPanelProps = {
     isOpen: boolean;
     onClose: () => void;
-    apiKey: string;
+    apiKey?: string;
     excalidrawAPI?: ExcalidrawImperativeAPI;
     geminiApiKey?: string;
+    initialMessages?: ChatMessage[];
+    initialSessionId?: string;
+    initialSessions?: ChatSession[];
+    onMessagesChange?: (messages: ChatMessage[], sessionId: string) => void;
+    onSessionCreate?: (session: {
+        id: string;
+        title: string;
+    }) => void;
+    onSessionSwitch?: (sessionId: string) => void;
+    onBeforeSend?: (ctx: {
+        hasVoice: boolean;
+    }) => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterSend?: (ctx: {
+        hasVoice: boolean;
+    }) => void;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
 };
-export declare const AIChatPanel: ({ isOpen, onClose, apiKey, excalidrawAPI, geminiApiKey, }: AIChatPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+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/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/ImageGeneratorPanel.d.ts

@@ -32,7 +32,12 @@ export declare function getDimensions(model: ModelName, ratio: string, resolutio
     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,12 @@
 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, }: {
     element: ExcalidrawImageElement & NonDeletedExcalidrawElement;
     app: AppClassProperties;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => 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/ai-chat/agentLoop.d.ts

@@ -45,6 +45,12 @@ export type AgentResult = {
     reply: string;
     toolActions: ToolAction[];
 };
+export type FileAttachment = {
+    name: string;
+    type: "image" | "text";
+    dataUrl?: string;
+    textContent?: string;
+};
 export declare function runAgentLoop(opts: {
     userMessages: Array<{
         role: "user" | "assistant";
@@ -52,9 +58,16 @@ export declare function runAgentLoop(opts: {
     }>;
     elementContext?: string;
     frameScreenshot?: string;
+    fileAttachments?: FileAttachment[];
+    webSearchEnabled?: boolean;
     apiKey: string;
     toolCtx: ToolExecutionContext;
     onUpdate: (update: AgentUpdate) => void;
     signal?: AbortSignal;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
 }): Promise<AgentResult>;
 export {};

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

@@ -0,0 +1,10 @@
+/**
+ * Converts any audio Blob (webm, mp4, ogg…) to a base64-encoded WAV string
+ * using the Web Audio API. Mistral Voxtral only accepts mp3 or wav.
+ */
+export declare function blobToWavBase64(blob: Blob): Promise<string>;
+/**
+ * Sends a base64-encoded audio string to the OpenRouter Voxtral model for
+ * transcription. `format` must be "wav" or "mp3".
+ */
+export declare function transcribeAudio(base64Audio: string, format: string, apiKey: string): Promise<string>;

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

@@ -47,4 +47,7 @@ export { isElementLink } from "@orangecatai/element";
 export { setCustomTextMetricsProvider } from "@orangecatai/element";
 export { CommandPalette } from "./components/CommandPalette/CommandPalette";
 export { AIChatPanel } from "./components/AIChatPanel";
-export type { AIChatPanelProps } from "./components/AIChatPanel";
+export type { AIChatPanelProps, AIChatPanelRef, ChatMessage, ChatSession, } from "./components/AIChatPanel";
+export type { ExcalidrawImperativeAPI } from "./types";
+export type { AppState, BinaryFiles, BinaryFileData, ExcalidrawProps, ExcalidrawInitialDataState, LibraryItem, LibraryItems, SceneData, UnsubscribeCallback, } from "./types";
+export type { ExcalidrawElement, NonDeletedExcalidrawElement, NonDeleted, OrderedExcalidrawElement, ExcalidrawElementType, } from "@orangecatai/element/types";

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

@@ -497,6 +497,19 @@ export interface ExcalidrawProps {
      * Required for image generation when using this package as an npm dependency.
      */
     geminiApiKey?: string;
+    /**
+     * Called before any image generation (ImageGeneratorPanel, ImageQuickEditPanel,
+     * or agent loop generate_image tool). Return `{ allowed: false }` to block.
+     * Host apps use this for credit gating.
+     */
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    /**
+     * Called after a successful image generation from any panel or agent tool.
+     */
+    onAfterImageGen?: () => void;
 }
 export type SceneData = {
     elements?: ImportedDataState["elements"];
@@ -517,6 +530,7 @@ export type CanvasActions = Partial<{
     saveToActiveFile: boolean;
     toggleTheme: boolean | null;
     saveAsImage: boolean;
+    scrollBackToContent: boolean;
 }>;
 export type UIOptions = Partial<{
     dockedSidebarBreakpoint: number;

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

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

package/package.json

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

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

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