@orangecatai/adgen-canvas 0.0.1 → 0.0.2

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

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-TDN63PPO.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-O3WJMHIE.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-TDN63PPO.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-O3WJMHIE.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/element/src/arrows/focus.d.ts

@@ -1,6 +1,6 @@
 import { type GlobalPoint } from "@orangecatai/math";
-import type { AppState, NullableGridSize } from "@orangecatai/adgen-canvas/types";
 import { LinearElementEditor } from "../linearElementEditor";
+import type { AppState, NullableGridSize } from "@orangecatai/adgen-canvas/types";
 import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, NonDeletedSceneElementsMap } from "../types";
 import type { Scene } from "../Scene";
 export declare const isFocusPointVisible: (focusPoint: GlobalPoint, arrow: ExcalidrawArrowElement, bindableElement: ExcalidrawBindableElement, elementsMap: ElementsMap, appState: {

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

@@ -1,8 +1,8 @@
 import { type GlobalPoint } from "@orangecatai/math";
-import type { LineSegment, LocalPoint } from "@orangecatai/math";
-import type { AppState } from "@orangecatai/adgen-canvas/types";
-import type { Bounds } from "@orangecatai/common";
 import { type Heading } from "./heading";
+import type { Bounds } from "@orangecatai/common";
+import type { AppState } from "@orangecatai/adgen-canvas/types";
+import type { LineSegment, LocalPoint } from "@orangecatai/math";
 import type { Scene } from "./Scene";
 import type { ElementUpdate } from "./mutateElement";
 import type { BindMode, ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, ExcalidrawElbowArrowElement, ExcalidrawElement, FixedPoint, FixedPointBinding, NonDeleted, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap, Ordered, PointsPositionUpdates } from "./types";

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

@@ -1,6 +1,6 @@
 import { type Bounds } from "@orangecatai/common";
-import type { Degrees, GlobalPoint, LineSegment, LocalPoint } from "@orangecatai/math";
 import type { AppState } from "@orangecatai/adgen-canvas/types";
+import type { Degrees, GlobalPoint, LineSegment, LocalPoint } from "@orangecatai/math";
 import type { Drawable, Op } from "roughjs/bin/core";
 import type { Arrowhead, ElementsMap, ElementsMapOrArray, ExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawLinearElement, NonDeleted } from "./types";
 export type RectangleBox = {

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

@@ -1,5 +1,5 @@
-import type { GlobalPoint, LineSegment } from "@orangecatai/math";
 import type { FrameNameBounds } from "@orangecatai/adgen-canvas/types";
+import type { GlobalPoint, LineSegment } from "@orangecatai/math";
 import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap, Ordered } from "./types";
 export declare const shouldTestInside: (element: ExcalidrawElement) => boolean;
 export type HitTestArgs = {

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

@@ -1,7 +1,7 @@
-import type { ExcalidrawElement, Ordered, OrderedExcalidrawElement, SceneElementsMap } from "@orangecatai/element/types";
+import { StoreSnapshot } from "./store";
 import type { DTO, ValueOf } from "@orangecatai/common/utility-types";
 import type { AppState, ObservedAppState } from "@orangecatai/adgen-canvas/types";
-import { StoreSnapshot } from "./store";
+import type { ExcalidrawElement, Ordered, OrderedExcalidrawElement, SceneElementsMap } from "@orangecatai/element/types";
 /**
  * Represents the difference between two objects of the same type.
  *

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

@@ -1,5 +1,5 @@
-import type { AppState, NormalizedZoomValue, NullableGridSize, PointerDownState } from "@orangecatai/adgen-canvas/types";
 import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppState, NormalizedZoomValue, NullableGridSize, PointerDownState } from "@orangecatai/adgen-canvas/types";
 import type { Scene } from "./Scene";
 export declare const dragSelectedElements: (pointerDownState: PointerDownState, _selectedElements: NonDeletedExcalidrawElement[], offset: {
     x: number;

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

@@ -1,5 +1,5 @@
-import type { Mutable } from "@orangecatai/common/utility-types";
 import type { AppState } from "@orangecatai/adgen-canvas/types";
+import type { Mutable } from "@orangecatai/common/utility-types";
 import type { ExcalidrawElement, GroupId } from "./types";
 /**
  * Duplicate an element, often used in the alt-drag operation.

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawProps } from "@orangecatai/adgen-canvas/types";
 import type { MarkRequired } from "@orangecatai/common/utility-types";
+import type { ExcalidrawProps } from "@orangecatai/adgen-canvas/types";
 import type { ExcalidrawElement, ExcalidrawIframeLikeElement, IframeData } from "./types";
 type IframeDataWithSandbox = MarkRequired<IframeData, "sandbox">;
 export declare const createSrcDoc: (body: string) => string;

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

@@ -1,5 +1,5 @@
-import type { AppState, PendingExcalidrawElements } from "@orangecatai/adgen-canvas/types";
 import { type ElementsMap, type ExcalidrawBindableElement, type ExcalidrawElement, type ExcalidrawFlowchartNodeElement } from "./types";
+import type { AppState, PendingExcalidrawElements } from "@orangecatai/adgen-canvas/types";
 import type { Scene } from "./Scene";
 type LinkDirection = "up" | "right" | "down" | "left";
 export declare const getLinkDirectionFromKey: (key: string) => LinkDirection;

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

@@ -1,5 +1,5 @@
-import type { AppClassProperties, AppState, StaticCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import type { ReadonlySetLike } from "@orangecatai/common/utility-types";
+import type { AppClassProperties, AppState, StaticCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import type { ExcalidrawElementsIncludingDeleted } from "./Scene";
 import type { ElementsMap, ElementsMapOrArray, ExcalidrawElement, ExcalidrawFrameLikeElement, NonDeleted, NonDeletedExcalidrawElement } from "./types";
 export declare const bindElementsToFramesAfterDuplication: (nextElements: readonly ExcalidrawElement[], origElements: readonly ExcalidrawElement[], origIdToDuplicateId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;

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

@@ -1,5 +1,5 @@
-import type { AppClassProperties, AppState, InteractiveCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import type { Mutable } from "@orangecatai/common/utility-types";
+import type { AppClassProperties, AppState, InteractiveCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import type { GroupId, ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ElementsMapOrArray, ElementsMap } from "./types";
 export declare const selectGroup: (groupId: GroupId, appState: InteractiveCanvasAppState, elements: readonly NonDeleted<ExcalidrawElement>[]) => Pick<InteractiveCanvasAppState, "selectedGroupIds" | "selectedElementIds" | "editingGroupId">;
 export declare const selectGroupsForSelectedElements: {

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

@@ -1,6 +1,6 @@
 import { type GlobalPoint } from "@orangecatai/math";
-import type { AppState, StaticCanvasAppState, InteractiveCanvasAppState, ElementsPendingErasure, PendingExcalidrawElements } from "@orangecatai/adgen-canvas/types";
 import type { StaticCanvasRenderConfig, RenderableElementsMap, InteractiveCanvasRenderConfig } from "@orangecatai/adgen-canvas/scene/types";
+import type { AppState, StaticCanvasAppState, InteractiveCanvasAppState, ElementsPendingErasure, PendingExcalidrawElements } from "@orangecatai/adgen-canvas/types";
 import type { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawImageElement, ExcalidrawFrameLikeElement, NonDeletedSceneElementsMap, ElementsMap } from "./types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 export declare const getRenderOpacity: (element: ExcalidrawElement, containingFrame: ExcalidrawFrameLikeElement | null, elementsPendingErasure: ElementsPendingErasure, pendingNodes: Readonly<PendingExcalidrawElements> | null, globalAlpha?: number) => number;

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

@@ -1,5 +1,5 @@
-import type { AppState, InteractiveCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import { LinearElementEditor } from "./linearElementEditor";
+import type { AppState, InteractiveCanvasAppState } from "@orangecatai/adgen-canvas/types";
 import type { ElementsMap, ElementsMapOrArray, ExcalidrawElement, NonDeletedExcalidrawElement } from "./types";
 /**
  * Frames and their containing elements are not to be selected at the same time.

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

@@ -1,8 +1,8 @@
 import { type GeometricShape } from "@orangecatai/utils/shape";
 import { type LocalPoint } from "@orangecatai/math";
-import type { GlobalPoint } from "@orangecatai/math";
-import type { AppState, EmbedsValidationStatus } from "@orangecatai/adgen-canvas/types";
 import type { ElementShape, ElementShapes } from "@orangecatai/adgen-canvas/scene/types";
+import type { AppState, EmbedsValidationStatus } from "@orangecatai/adgen-canvas/types";
+import type { GlobalPoint } from "@orangecatai/math";
 import type { ExcalidrawElement, ExcalidrawSelectionElement, ExcalidrawLinearElement, ExcalidrawFreeDrawElement, ElementsMap, ExcalidrawLineElement } from "./types";
 import type { Drawable, Options } from "roughjs/bin/core";
 export declare class ShapeCache {

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

@@ -1,8 +1,8 @@
 import { Emitter } from "@orangecatai/common";
-import type App from "@orangecatai/adgen-canvas/components/App";
+import { ElementsDelta, AppStateDelta } from "./delta";
 import type { DTO, ValueOf } from "@orangecatai/common/utility-types";
 import type { AppState, ObservedAppState } from "@orangecatai/adgen-canvas/types";
-import { ElementsDelta, AppStateDelta } from "./delta";
+import type App from "@orangecatai/adgen-canvas/components/App";
 import type { ApplyToOptions } from "./delta";
 import type { ExcalidrawElement, OrderedExcalidrawElement, SceneElementsMap } from "./types";
 export declare const CaptureUpdateAction: {

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

@@ -1,6 +1,6 @@
 import { type Radians } from "@orangecatai/math";
-import type { AppState } from "@orangecatai/adgen-canvas/types";
 import type { ExtractSetType } from "@orangecatai/common/utility-types";
+import type { AppState } from "@orangecatai/adgen-canvas/types";
 import type { Scene } from "./Scene";
 import type { MaybeTransformHandleType } from "./transformHandles";
 import type { ElementsMap, ExcalidrawElement, ExcalidrawElementType, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, NonDeletedExcalidrawElement } from "./types";

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

@@ -1,5 +1,5 @@
-import type { MarkOptional } from "@orangecatai/common/utility-types";
 import { type ElementConstructorOpts } from "./newElement";
+import type { MarkOptional } from "@orangecatai/common/utility-types";
 import type { ExcalidrawBindableElement, ExcalidrawElement, ExcalidrawFrameElement, ExcalidrawFreeDrawElement, ExcalidrawGenericElement, ExcalidrawIframeLikeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawMagicFrameElement, ExcalidrawSelectionElement, ExcalidrawTextElement, FileId, FontFamilyValues, TextAlign, VerticalAlign } from "./types";
 export type ValidLinearElement = {
     type: "arrow" | "line";

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

@@ -1,6 +1,6 @@
 import { type GlobalPoint } from "@orangecatai/math";
-import type { Curve, LineSegment } from "@orangecatai/math";
 import type { AppState, Zoom } from "@orangecatai/adgen-canvas/types";
+import type { Curve, LineSegment } from "@orangecatai/math";
 import type { ElementsMap, ExcalidrawArrowElement, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawLinearElement, ExcalidrawRectanguloidElement } from "./types";
 /**
  * Returns the **rotated** components of freedraw, line or arrow elements.

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

@@ -1,5 +1,5 @@
-import type { AppState } from "@orangecatai/adgen-canvas/types";
 import type { GlobalPoint } from "@orangecatai/math";
+import type { AppState } from "@orangecatai/adgen-canvas/types";
 import type { Scene } from "./Scene";
 import type { ExcalidrawArrowElement, ExcalidrawElement, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap, Ordered, OrderedExcalidrawElement } from "./types";
 /**

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

@@ -40,13 +40,6 @@ export declare const actionClearCanvas: {
                 locked: boolean;
                 fromSelection: boolean;
             } & import("../types").ActiveTool;
-            viewBackgroundColor: string;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
             name: string | null;
             zoom: import("../types").Zoom;
             scrollX: number;
@@ -102,6 +95,12 @@ export declare const actionClearCanvas: {
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
             shouldCacheIgnoreZoom: boolean;
             exportScale: number;
             currentItemArrowType: "sharp" | "round" | "elbow";
@@ -136,6 +135,7 @@ export declare const actionClearCanvas: {
             currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
             currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             isResizing: boolean;

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

@@ -1,5 +1,5 @@
-import type { Theme } from "@orangecatai/element/types";
 import "../components/ToolIcon.scss";
+import type { Theme } from "@orangecatai/element/types";
 import type { AppState } from "../types";
 export declare const actionChangeProjectName: import("./types").Action<string | null> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly import("@orangecatai/element/types").ExcalidrawElement[], app: import("../types").AppClassProperties) => boolean) | undefined;
@@ -362,14 +362,6 @@ export declare const actionLoadScene: {
     perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: unknown, app: import("../types").AppClassProperties) => Promise<false | {
         elements: import("@orangecatai/element/types").OrderedExcalidrawElement[];
         appState: {
-            viewBackgroundColor: string;
-            theme: Theme;
-            frameRendering: {
-                enabled: boolean;
-                name: boolean;
-                outline: boolean;
-                clip: boolean;
-            };
             name: string | null;
             zoom: import("../types").Zoom;
             scrollX: number;
@@ -393,6 +385,7 @@ export declare const actionLoadScene: {
                 [id: string]: true;
             }>;
             frameToHighlight: import("@orangecatai/element/types").NonDeleted<import("@orangecatai/element/types").ExcalidrawFrameLikeElement> | null;
+            theme: Theme;
             activeTool: {
                 lastActiveTool: import("../types").ActiveTool | null;
                 locked: boolean;
@@ -430,6 +423,12 @@ export declare const actionLoadScene: {
             hoveredElementIds: Readonly<{
                 [id: string]: true;
             }>;
+            frameRendering: {
+                enabled: boolean;
+                name: boolean;
+                outline: boolean;
+                clip: boolean;
+            };
             shouldCacheIgnoreZoom: boolean;
             exportScale: number;
             currentItemArrowType: "sharp" | "round" | "elbow";
@@ -469,6 +468,7 @@ export declare const actionLoadScene: {
             currentItemEndArrowhead: import("@orangecatai/element/types").Arrowhead | null;
             currentHoveredFontFamily: import("@orangecatai/element/types").FontFamilyValues | null;
             currentItemRoundness: import("@orangecatai/element/types").StrokeRoundness;
+            viewBackgroundColor: string;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
             isResizing: boolean;

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

@@ -6,7 +6,7 @@ export declare const getFormValue: <T extends Primitive>(elements: readonly Exca
 export declare const actionChangeStrokeColor: import("./types").Action<Pick<AppState, "currentItemStrokeColor">> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
 };
-export declare const actionChangeBackgroundColor: import("./types").Action<Pick<AppState, "viewBackgroundColor" | "currentItemBackgroundColor">> & {
+export declare const actionChangeBackgroundColor: import("./types").Action<Pick<AppState, "currentItemBackgroundColor" | "viewBackgroundColor">> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
 };
 export declare const actionChangeFillStyle: import("./types").Action<import("@orangecatai/element/types").FillStyle> & {

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

@@ -1,8 +1,6 @@
 import type { AppState, NormalizedZoomValue } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    viewBackgroundColor?: string | undefined;
-    theme?: import("@orangecatai/element/types").Theme | undefined;
     name?: string | null | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
@@ -13,6 +11,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     selectedElementIds?: Readonly<{
         [id: string]: true;
     }> | undefined;
+    theme?: import("@orangecatai/element/types").Theme | undefined;
     activeTool?: ({
         lastActiveTool: import("./types").ActiveTool | null;
         locked: boolean;
@@ -51,6 +50,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     currentItemStartArrowhead?: import("@orangecatai/element/types").Arrowhead | null | undefined;
     currentItemEndArrowhead?: import("@orangecatai/element/types").Arrowhead | null | undefined;
     currentItemRoundness?: import("@orangecatai/element/types").StrokeRoundness | undefined;
+    viewBackgroundColor?: string | undefined;
     cursorButton?: "up" | "down" | undefined;
     scrolledOutside?: boolean | undefined;
     openMenu?: "canvas" | null | undefined;
@@ -76,8 +76,8 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     } | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
-    viewBackgroundColor?: string | undefined;
     gridSize?: number | undefined;
+    viewBackgroundColor?: string | undefined;
     gridStep?: number | undefined;
     gridModeEnabled?: boolean | undefined;
     lockedMultiSelections?: {
@@ -85,8 +85,8 @@ export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     } | undefined;
 };
 export declare const clearAppStateForDatabase: (appState: Partial<AppState>) => {
-    viewBackgroundColor?: string | undefined;
     gridSize?: number | undefined;
+    viewBackgroundColor?: string | undefined;
     gridStep?: number | undefined;
     gridModeEnabled?: boolean | undefined;
     lockedMultiSelections?: {

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

@@ -0,0 +1,10 @@
+import type { ExcalidrawImperativeAPI } from "../types";
+import "./AIChatPanel.scss";
+export type AIChatPanelProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    apiKey: string;
+    excalidrawAPI?: ExcalidrawImperativeAPI;
+    geminiApiKey?: string;
+};
+export declare const AIChatPanel: ({ isOpen, onClose, apiKey, excalidrawAPI, geminiApiKey, }: AIChatPanelProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import "./Actions.scss";
+import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import type { AppClassProperties, AppProps, UIAppState, Zoom, AppState } from "../types";
 import type { ActionManager } from "../actions/manager";
 export declare const canChangeStrokeColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;

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

@@ -1,8 +1,6 @@
 import React from "react";
 import { type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@orangecatai/common";
 import { LinearElementEditor, FlowChartCreator, Scene, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@orangecatai/element";
-import type { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@orangecatai/element/types";
-import type { Mutable } from "@orangecatai/common/utility-types";
 import { ActionManager } from "../actions/manager";
 import { AnimationFrameHandler } from "../animation-frame-handler";
 import { Fonts } from "../fonts";
@@ -12,6 +10,8 @@ import { LaserTrails } from "../laser-trails";
 import { isOverScrollBars } from "../scene/scrollbars";
 import { LassoTrail } from "../lasso";
 import { EraserTrail } from "../eraser";
+import type { ExcalidrawElement, NonDeleted, ExcalidrawImageElement, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@orangecatai/element/types";
+import type { Mutable } from "@orangecatai/common/utility-types";
 import type { ExportedElements } from "../data";
 import type { FileSystemHandle } from "../data/filesystem";
 import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
@@ -283,6 +283,17 @@ declare class App extends React.Component<AppProps, AppState> {
     private onMagicFrameGenerate;
     private onIframeSrcCopy;
     onMagicframeToolSelect: () => void;
+    onImageGeneratorSelect: () => 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 image near a source element (≥ 25 px clearance).
+     * Tries right → below → left → above; falls back to right if all collide.
+     */
+    insertGeneratedImageNearElement: (dataURL: string, sourceElement: ExcalidrawImageElement, targetWidth: number, targetHeight: number) => Promise<void>;
     private openEyeDropper;
     dismissLinearEditor: () => void;
     syncActionResult: (actionResult: ActionResult) => void;

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

@@ -1,6 +1,6 @@
-import type { ColorTuple, ColorPaletteCustom } from "@orangecatai/common";
-import type { ExcalidrawElement } from "@orangecatai/element/types";
 import "./ColorPicker.scss";
+import type { ExcalidrawElement } from "@orangecatai/element/types";
+import type { ColorTuple, ColorPaletteCustom } from "@orangecatai/common";
 import type { ColorPickerType } from "./colorPickerUtils";
 import type { AppState } from "../../types";
 interface ColorPickerProps {

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { ColorPaletteCustom } from "@orangecatai/common";
+import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { ColorPickerType } from "./colorPickerUtils";
 interface PickerProps {
     color: string | null;

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

@@ -1,6 +1,6 @@
+import "./ConvertElementTypePopup.scss";
 import type { ConvertibleTypes, ExcalidrawElement, ExcalidrawTextContainer, ExcalidrawTextElementWithContainer } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
-import "./ConvertElementTypePopup.scss";
 import type App from "./App";
 export declare const convertElementTypePopupAtom: import("jotai/vanilla/atom").PrimitiveAtom<{
     type: "panel";

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

@@ -1,5 +1,5 @@
-import type { MarkOptional } from "@orangecatai/common/utility-types";
 import "../components/dropdownMenu/DropdownMenu.scss";
+import type { MarkOptional } from "@orangecatai/common/utility-types";
 import type { SidebarProps, SidebarTriggerProps } from "./Sidebar/common";
 export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
     name: import("../types").SidebarName;

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

@@ -1,6 +1,6 @@
-import type { ExcalidrawElement } from "@orangecatai/element/types";
-import type { Scene } from "@orangecatai/element";
 import "./ElementLinkDialog.scss";
+import type { Scene } from "@orangecatai/element";
+import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { AppProps, UIAppState } from "../types";
 declare const ElementLinkDialog: ({ sourceElementId, onClose, appState, scene, generateLinkForSelection, }: {
     sourceElementId: ExcalidrawElement["id"];

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "@orangecatai/element/types";
 import "./EyeDropper.scss";
+import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { ColorPickerType } from "./ColorPicker/colorPickerUtils";
 export type EyeDropperProperties = {
     keepOpenOnAlt: boolean;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { FontFamilyValues } from "@orangecatai/element/types";
 import "./FontPicker.scss";
+import type { FontFamilyValues } from "@orangecatai/element/types";
 export declare const DEFAULT_FONTS: {
     value: number;
     icon: import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/FontPicker/FontPickerList.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type FontFamilyValues } from "@orangecatai/element/types";
-import type { ValueOf } from "@orangecatai/common/utility-types";
 import { DropDownMenuItemBadgeType } from "../dropdownMenu/DropdownMenuItem";
+import type { ValueOf } from "@orangecatai/common/utility-types";
 import type { JSX } from "react";
 export interface FontDescriptor {
     value: number;

package/dist/types/excalidraw/components/FontPicker/keyboardNavHandlers.d.ts

@@ -1,5 +1,5 @@
-import type { Node } from "@orangecatai/common";
 import { type FontDescriptor } from "./FontPickerList";
+import type { Node } from "@orangecatai/common";
 interface FontPickerKeyNavHandlerProps {
     event: React.KeyboardEvent<HTMLDivElement>;
     inputRef: React.RefObject<HTMLInputElement | null>;

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

@@ -1,5 +1,5 @@
-import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./ImageExportDialog.scss";
+import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { ActionManager } from "../actions/manager";
 import type { AppClassProperties, BinaryFiles, UIAppState } from "../types";
 export declare const ErrorCanvasPreview: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+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 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 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 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"];
+    };
+};
+export type ModelName = keyof typeof MODEL_CONFIG;
+export declare const MODEL_NAMES: ModelName[];
+export type Resolution = "0.5K" | "1K" | "2K" | "4K";
+export declare function getDimensions(model: ModelName, ratio: string, resolution: Resolution): {
+    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, }: {
+    element: NonDeletedExcalidrawElement & ExcalidrawFrameLikeElement;
+    app: AppClassProperties;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,7 @@
+import "./ImageQuickEditPanel.scss";
+import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppClassProperties } from "../types";
+export declare const ImageQuickEditPanel: ({ element, app, }: {
+    element: ExcalidrawImageElement & NonDeletedExcalidrawElement;
+    app: AppClassProperties;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./ExportDialog.scss";
+import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { ActionManager } from "../actions/manager";
 import type { ExportOpts, BinaryFiles, UIAppState } from "../types";
 export type ExportCB = (elements: readonly NonDeletedExcalidrawElement[], scale?: number) => void;

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

@@ -1,7 +1,7 @@
 import React from "react";
-import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import "./LayerUI.scss";
 import "./Toolbar.scss";
+import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { ActionManager } from "../actions/manager";
 import type { Language } from "../i18n";
 import type { AppProps, AppState, ExcalidrawProps, BinaryFiles, UIAppState, AppClassProperties } from "../types";

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

@@ -1,7 +1,7 @@
-import type { ElementsMap, ExcalidrawElement } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
 import { useApp, useExcalidrawSetAppState } from "../App";
 import "./DragInput.scss";
+import type { ElementsMap, ExcalidrawElement } from "@orangecatai/element/types";
 import type { StatsInputProperty } from "./utils";
 import type { AppState } from "../../types";
 export type DragInputCallbackType<P extends StatsInputProperty, E = ExcalidrawElement> = (props: {

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
+import type { ExcalidrawElement } from "@orangecatai/element/types";
 import type { AppState } from "../../types";
 interface FontSizeProps {
     element: ExcalidrawElement;

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
+import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import type { AtomicUnit } from "./utils";
 import type { AppState } from "../../types";
 interface MultiDimensionProps {

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

@@ -1,5 +1,5 @@
-import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
+import type { ExcalidrawElement, NonDeletedSceneElementsMap } from "@orangecatai/element/types";
 import type { AppState } from "../../types";
 interface MultiFontSizeProps {
     elements: readonly ExcalidrawElement[];

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

@@ -1,5 +1,5 @@
-import type { ElementsMap, ExcalidrawElement } from "@orangecatai/element/types";
 import type { Scene } from "@orangecatai/element";
+import type { ElementsMap, ExcalidrawElement } from "@orangecatai/element/types";
 import type { AtomicUnit } from "./utils";
 import type { AppState } from "../../types";
 interface MultiPositionProps {

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

@@ -1,7 +1,7 @@
-import type { RequestError } from "@orangecatai/adgen-canvas/errors";
-import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { MermaidConfig } from "@excalidraw/mermaid-to-excalidraw";
 import type { MermaidToExcalidrawResult } from "@excalidraw/mermaid-to-excalidraw/dist/interfaces";
+import type { RequestError } from "@orangecatai/adgen-canvas/errors";
+import type { NonDeletedExcalidrawElement } from "@orangecatai/element/types";
 import type { BinaryFiles } from "../../types";
 export type LLMMessage = {
     role: "user" | "assistant";