@orangecatai/element 0.0.1 → 0.0.3

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/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,16 @@
+import "./ImageEditToolbar.scss";
+import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppClassProperties } from "../types";
+export interface ImageEditToolbarCallbacks {
+    onQuickEdit?: () => void;
+    onUpscale?: () => 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/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,43 @@
+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 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 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 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, 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

@@ -0,0 +1,16 @@
+import "./ImageQuickEditPanel.scss";
+import type { ExcalidrawImageElement, NonDeletedExcalidrawElement } from "@orangecatai/element/types";
+import type { AppClassProperties } from "../types";
+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/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/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,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 { Scene } from "@orangecatai/element";
+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/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/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";

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/ai-chat/agentLoop.d.ts

@@ -0,0 +1,112 @@
+import { type ToolExecutionContext } from "./canvasTools";
+import type { BrandContext } from "../../types";
+type ContentPart = {
+    type: "text";
+    text: string;
+} | {
+    type: "image_url";
+    image_url: {
+        url: string;
+    };
+};
+export type AgentMessage = {
+    role: "system";
+    content: string;
+} | {
+    role: "user";
+    content: string | ContentPart[];
+} | {
+    role: "assistant";
+    content: string | null;
+    tool_calls?: ToolCall[];
+} | {
+    role: "tool";
+    tool_call_id: string;
+    content: string;
+};
+export type ToolCall = {
+    id: string;
+    type: "function";
+    function: {
+        name: string;
+        arguments: string;
+    };
+};
+export type ToolAction = {
+    result: {
+        success: boolean;
+        statusMessage: string;
+    };
+};
+export type AgentUpdate = {
+    type: "status" | "tool_start" | "tool_done" | "final" | "content_delta";
+    message: string;
+    toolAction?: ToolAction;
+} | {
+    type: "review_start";
+    message: string;
+} | {
+    type: "review_done";
+    message: string;
+    feedback: import("./reviewerAgent").ReviewerFeedback;
+};
+export type AgentResult = {
+    reply: string;
+    toolActions: ToolAction[];
+};
+/**
+ * Converts a BrandContext object to a concise system message string.
+ */
+export declare function buildBrandContextMessage(ctx: BrandContext): string;
+export type FileAttachment = {
+    name: string;
+    type: "image" | "text";
+    dataUrl?: string;
+    textContent?: string;
+};
+export declare function runAgentLoop(opts: {
+    userMessages: Array<{
+        role: "user" | "assistant";
+        content: string;
+        /** Images attached to THIS specific message (from the user's upload history) */
+        imageAttachments?: Array<{
+            name: string;
+            dataUrl: string;
+        }>;
+    }>;
+    elementContext?: string;
+    frameScreenshot?: string;
+    fileAttachments?: FileAttachment[];
+    webSearchEnabled?: boolean;
+    apiKey: string;
+    chatModel?: string;
+    agentImageModel?: string;
+    toolCtx: ToolExecutionContext;
+    onUpdate: (update: AgentUpdate) => void;
+    signal?: AbortSignal;
+    onBeforeImageGen?: () => Promise<{
+        allowed: boolean;
+        error?: string;
+    }>;
+    onAfterImageGen?: () => void;
+    /** Optional brand identity context — injected as a system message before user messages. */
+    brandContext?: BrandContext;
+    /**
+     * @deprecated Font IDs are now derived from brandContext.typography.fontFamilyId.
+     * Kept for API compatibility but no longer used internally.
+     */
+    customFontIds?: number[];
+    /**
+     * 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.
+     * After this many rounds the reviewer is skipped and the outer MAX_ITERATIONS
+     * cap handles loop termination.
+     * @default 2
+     */
+    maxReviewRounds?: number;
+}): 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, voiceModel?: string): Promise<string>;