@orangecatai/adgen-canvas 0.0.39 → 0.1.0

package/dist/prod/locales/{en-ZZURI326.js → en-Z3CKUL4S.js}

@@ -1 +1 @@
-import{A,B,C,D,E,F,G,H,I,J,K,L,M,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}from"../chunk-CLQPYXMS.js";import"../chunk-SRAX5OIU.js";export{f as alerts,e as buttons,l as canvasError,G as chat,s as clearCanvasDialog,C as colorPicker,A as colors,K as commandPalette,v as confirmDialog,M as default,i as element,b as elementLink,x as encrypted,p as errorDialog,m as errorSplash,g as errors,q as exportDialog,I as fontList,j as headings,r as helpDialog,k as hints,w as imageExportDialog,L as keys,a as labels,c as library,E as mermaid,D as overwriteConfirm,t as publishDialog,u as publishSuccessDialog,H as quickSearch,o as roomDialog,d as search,n as shareDialog,y as stats,z as toast,h as toolBar,F as ttd,J as userList,B as welcomeScreen};
+import{A,B,C,D,E,F,G,H,I,J,K,L,M,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}from"../chunk-PIM2DC2L.js";import"../chunk-SRAX5OIU.js";export{f as alerts,e as buttons,l as canvasError,G as chat,s as clearCanvasDialog,C as colorPicker,A as colors,K as commandPalette,v as confirmDialog,M as default,i as element,b as elementLink,x as encrypted,p as errorDialog,m as errorSplash,g as errors,q as exportDialog,I as fontList,j as headings,r as helpDialog,k as hints,w as imageExportDialog,L as keys,a as labels,c as library,E as mermaid,D as overwriteConfirm,t as publishDialog,u as publishSuccessDialog,H as quickSearch,o as roomDialog,d as search,n as shareDialog,y as stats,z as toast,h as toolBar,F as ttd,J as userList,B as welcomeScreen};

package/dist/prod/model-capabilities.js

@@ -0,0 +1 @@
+import{a,b,c as i,d as j,e as k,f as l,g as m,h as n,i as o,j as p,k as q,l as r,m as s}from"./chunk-UR7GPHHO.js";import{a as c,b as d,c as e,d as f,e as g,f as h}from"./chunk-6YYSQB5E.js";import"./chunk-R4DNAEVN.js";import"./chunk-SRAX5OIU.js";export{h as ADAPTIVE_ASPECT_RATIO,q as ALL_MODEL_CAPABILITIES,i as AUTO_DURATION,f as HOST_ASSET_BYTE_RESERVATION,a as IMAGE_MODEL_CAPABILITIES,d as MAX_REFERENCE_IMAGES,c as MAX_USER_REFERENCE_IMAGES,e as REFERENCE_WIRE_BUDGET_BYTES,g as RESOLUTION_RANK,b as VIDEO_MODEL_CAPABILITIES,o as allowedResolutionsFor,l as effectiveUserReferenceLimit,r as getCapabilities,k as groupImages,n as maxResolutionFor,j as normalizeInputs,s as registeredModelIds,m as requiredDurationFor,p as validateInputs};

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

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-WBFDC4WN.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-R4DNAEVN.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-WBFDC4WN.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-R4DNAEVN.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/common/src/utils.d.ts

@@ -14,9 +14,12 @@ export declare const getFontFamilyString: ({ fontFamily, }: {
     fontFamily: FontFamilyValues;
 }) => string;
 /** returns fontSize+fontFamily string for assignment to DOM elements */
-export declare const getFontString: ({ fontSize, fontFamily, }: {
+export declare const getFontString: ({ fontSize, fontFamily, bold, italic, }: {
     fontSize: number;
     fontFamily: FontFamilyValues;
+    /** per-run overrides (rich text); omitted for uniformly styled text */
+    bold?: boolean;
+    italic?: boolean;
 }) => FontString;
 /** executes callback in the frame that's after the current one */
 export declare const nextAnimationFrame: (cb: () => any) => Promise<void>;

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

@@ -50,6 +50,9 @@ export * from "./store";
 export * from "./textElement";
 export * from "./textMeasurements";
 export * from "./textWrapping";
+export * from "./textStyleRanges";
+export * from "./textLayout";
+export * from "./textHtml";
 export * from "./transform";
 export * from "./transformHandles";
 export * from "./typeChecks";

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

@@ -1,5 +1,5 @@
 import type { MarkOptional } from "@orangecatai/common/utility-types";
-import type { ExcalidrawImageElement, ExcalidrawVideoElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer, ExcalidrawFrameElement, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawIframeElement, ElementsMap, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement } from "./types";
+import type { ExcalidrawImageElement, ExcalidrawVideoElement, ExcalidrawTextElement, ExcalidrawLinearElement, ExcalidrawGenericElement, NonDeleted, TextAlign, VerticalAlign, Arrowhead, ExcalidrawFreeDrawElement, FontFamilyValues, ExcalidrawTextContainer, ExcalidrawFrameElement, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawIframeElement, ElementsMap, ExcalidrawArrowElement, ExcalidrawElbowArrowElement, ExcalidrawLineElement, TextStyleRange } from "./types";
 export type ElementConstructorOpts = MarkOptional<Omit<ExcalidrawGenericElement, "id" | "type" | "isDeleted" | "updated">, "width" | "height" | "angle" | "groupIds" | "frameId" | "index" | "boundElements" | "seed" | "version" | "versionNonce" | "link" | "strokeStyle" | "fillStyle" | "strokeColor" | "backgroundColor" | "roughness" | "strokeWidth" | "roundness" | "locked" | "opacity" | "customData">;
 export declare const newElement: (opts: {
     type: ExcalidrawGenericElement["type"];
@@ -26,6 +26,7 @@ export declare const newTextElement: (opts: {
     containerId?: ExcalidrawTextContainer["id"] | null;
     lineHeight?: ExcalidrawTextElement["lineHeight"];
     autoResize?: ExcalidrawTextElement["autoResize"];
+    styleRanges?: readonly TextStyleRange[];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawTextElement>;
 export declare const refreshTextDimensions: (textElement: ExcalidrawTextElement, container: ExcalidrawTextContainer | null, elementsMap: ElementsMap, text?: string) => {
     x: number;

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

@@ -0,0 +1,14 @@
+import type { FontFamilyValues, TextStyleRange } from "./types";
+/**
+ * Parses an inline HTML fragment into text + style ranges. Unknown markup is
+ * flattened to its text content rather than dropped.
+ */
+export declare const parseHtmlToStyledText: (html: string) => {
+    text: string;
+    styleRanges: TextStyleRange[] | undefined;
+};
+/**
+ * Serializes styled text back to inline HTML (`<span style=...>` per run, with
+ * newlines as `<br>`), so a round-trip through HTML preserves formatting.
+ */
+export declare const styledTextToHtml: (text: string, styleRanges: readonly TextStyleRange[] | undefined, getFontFamilyName?: (fontFamily: FontFamilyValues) => string) => string;

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

@@ -0,0 +1,97 @@
+import { type ResolvedTextRunStyle } from "./textStyleRanges";
+import type { ExcalidrawTextElement, FontString, TextStyleRange } from "./types";
+import type { LineSlice, TextSliceMeasurer } from "./textWrapping";
+/**
+ * Turns a text element into positioned, styled text.
+ *
+ * This is the single source of truth for text layout — measurement, the canvas
+ * renderer, the SVG exporter and the WYSIWYG editor all read from it, so they
+ * can't drift apart. For uniformly styled text (no `styleRanges`) it produces
+ * exactly the same numbers as the pre-rich-text code did.
+ */
+/** the subset of a text element layout depends on */
+export type TextLayoutSource = Pick<ExcalidrawTextElement, "fontSize" | "fontFamily" | "strokeColor" | "lineHeight" | "text" | "originalText" | "styleRanges">;
+export type TextLayoutSegment = {
+    text: string;
+    /** offsets into the *source* text the layout was computed from */
+    start: number;
+    end: number;
+    style: ResolvedTextRunStyle;
+    fontString: FontString;
+    /** x offset from the start of the line, before horizontal alignment */
+    x: number;
+    width: number;
+};
+export type TextLayoutLine = {
+    text: string;
+    start: number;
+    end: number;
+    segments: TextLayoutSegment[];
+    width: number;
+    /** line box height — `max(run fontSize) * lineHeight` */
+    height: number;
+    /** y offset of the line box top */
+    y: number;
+    /** alphabetic baseline offset from the line box top */
+    baseline: number;
+};
+export type TextLayout = {
+    lines: TextLayoutLine[];
+    width: number;
+    height: number;
+};
+export declare const getFontStringForStyle: (style: {
+    fontSize: number;
+    fontFamily: ExcalidrawTextElement["fontFamily"];
+    bold?: boolean;
+    italic?: boolean;
+}) => FontString;
+/**
+ * A measurer that measures each style run with its own font, summing the
+ * pieces. With no style ranges it collapses to a single `getLineWidth` call,
+ * i.e. to the exact pre-rich-text behaviour.
+ */
+export declare const createElementMeasurer: (text: string, element: TextLayoutSource, ranges: readonly TextStyleRange[] | undefined) => TextSliceMeasurer;
+/**
+ * Wraps an element's `originalText` to `maxWidth`, returning both the wrapped
+ * string (what gets stored as `element.text`) and the source slices it came
+ * from.
+ */
+export declare const wrapTextForElement: (element: TextLayoutSource, maxWidth: number) => {
+    text: string;
+    slices: LineSlice[];
+};
+/**
+ * Recovers, for an already-wrapped `element.text`, which slice of
+ * `originalText` each line came from.
+ *
+ * Wrapping only ever drops trailing whitespace and inserts line breaks, so
+ * every wrapped line is a contiguous slice of the source. Returns `null` if the
+ * two have drifted apart (e.g. `text` was set independently), in which case
+ * callers fall back to treating `text` as the source.
+ */
+export declare const mapWrappedTextToSource: (originalText: string, text: string) => LineSlice[] | null;
+/**
+ * Lays out an element's (already wrapped) text.
+ */
+export declare const layoutTextElement: (element: TextLayoutSource) => TextLayout;
+/**
+ * Measures an element's text, run-aware. Equivalent to `measureText` for
+ * uniformly styled text.
+ */
+export declare const measureTextElement: (element: TextLayoutSource) => {
+    width: number;
+    height: number;
+};
+/**
+ * Style-aware `measureText`. Uniformly styled text takes the original,
+ * cheaper path so its measurements are unchanged.
+ */
+export declare const measureElementText: (element: TextLayoutSource, text?: string, originalText?: string) => {
+    width: number;
+    height: number;
+};
+/**
+ * Style-aware `wrapText`, wrapping `source` (an element's unwrapped text).
+ */
+export declare const wrapElementText: (element: TextLayoutSource, source: string, maxWidth: number) => string;

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

@@ -0,0 +1,62 @@
+import type { ExcalidrawTextElement, FontFamilyValues, TextRunStyle, TextStyleRange } from "./types";
+declare const STYLE_KEYS: readonly ["fontFamily", "fontSize", "color", "bold", "italic", "underline", "strikethrough", "highlight"];
+export type TextRunStyleKey = typeof STYLE_KEYS[number];
+/**
+ * Strips fields that carry no information (unset, or `false` for booleans
+ * whose base value is always `false`), so that equal styles compare equal and
+ * merging works. Returns `undefined` when nothing is left.
+ */
+export declare const sanitizeStyle: (style: TextRunStyle | undefined | null) => TextRunStyle | undefined;
+export declare const isSameStyle: (a: TextRunStyle | undefined, b: TextRunStyle | undefined) => boolean;
+export declare const normalizeStyleRanges: (ranges: readonly TextStyleRange[] | undefined | null, textLength: number) => TextStyleRange[] | undefined;
+/**
+ * Applies a style patch to `[start, end)`, merging into whatever is already
+ * there. A patch field explicitly set to `undefined` *removes* that override.
+ */
+export declare const applyStyleToRange: (ranges: readonly TextStyleRange[] | undefined, start: number, end: number, patch: TextRunStyle, textLength: number) => TextStyleRange[] | undefined;
+export declare const getStyleAtOffset: (ranges: readonly TextStyleRange[] | undefined, offset: number) => TextRunStyle;
+/**
+ * The style shared by every character in `[start, end)`. Fields that differ
+ * across the range are reported in `mixed` instead (the properties panel uses
+ * this to show a "mixed" state).
+ */
+export declare const getCommonStyleInRange: (ranges: readonly TextStyleRange[] | undefined, start: number, end: number) => {
+    style: TextRunStyle;
+    mixed: TextRunStyleKey[];
+};
+export type TextRun = {
+    text: string;
+    start: number;
+    end: number;
+    style: TextRunStyle;
+};
+/**
+ * Splits `text` into consecutive runs covering the whole string, including
+ * unstyled gaps (which get an empty style object).
+ */
+export declare const splitTextIntoRuns: (text: string, ranges: readonly TextStyleRange[] | undefined) => TextRun[];
+/**
+ * Remaps ranges across a text splice (`deleteCount` chars removed at `index`,
+ * `insertLength` chars inserted there).
+ *
+ * Offsets at or after the splice point move, which means text typed at the end
+ * of a styled range extends it, while text typed at its start does not — the
+ * same behaviour as the browser's own inline editing.
+ */
+export declare const spliceStyleRanges: (ranges: readonly TextStyleRange[] | undefined, index: number, deleteCount: number, insertLength: number, nextTextLength: number) => TextStyleRange[] | undefined;
+/** Derives the splice from old/new text (common prefix + suffix diff). */
+export declare const remapStyleRangesForTextChange: (ranges: readonly TextStyleRange[] | undefined, oldText: string, newText: string) => TextStyleRange[] | undefined;
+export type ResolvedTextRunStyle = {
+    fontFamily: FontFamilyValues;
+    fontSize: number;
+    color: string;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+    highlight?: string;
+};
+/** Overlays a run style onto the element-level base style. */
+export declare const resolveRunStyle: (element: Pick<ExcalidrawTextElement, "fontFamily" | "fontSize" | "strokeColor">, style: TextRunStyle | undefined) => ResolvedTextRunStyle;
+export declare const hasStyleRanges: (element: Pick<ExcalidrawTextElement, "styleRanges">) => boolean;
+export {};

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

@@ -7,7 +7,34 @@ export declare const containsCJK: (text: string) => boolean;
  * Breaks the line into the tokens based on the found line break opporutnities.
  */
 export declare const parseTokens: (line: string) => string[];
+/**
+ * A half-open `[start, end)` slice of the source text making up one laid-out
+ * line. Every wrapped line is a *contiguous* slice of the source (wrapping only
+ * ever drops trailing whitespace), which is what lets style ranges — indexed
+ * against the source text — survive wrapping.
+ */
+export type LineSlice = {
+    start: number;
+    end: number;
+};
+/**
+ * Measures slices of the source text. Implementations decide how the text is
+ * styled; for uniformly styled text this is a single `getLineWidth` call, for
+ * rich text the slice is measured run by run (see `textLayout.ts`).
+ */
+export type TextSliceMeasurer = {
+    /** width of `text.slice(start, end)` */
+    measureSlice: (start: number, end: number) => number;
+    /** width of the single character at `offset` (cached) */
+    measureChar: (offset: number, char: string) => number;
+};
+export declare const createUniformMeasurer: (text: string, font: FontString) => TextSliceMeasurer;
 /**
  * Wraps the original text into the lines based on the given width.
  */
 export declare const wrapText: (text: string, font: FontString, maxWidth: number) => string;
+/**
+ * Offset-preserving core of the wrapping algorithm: returns the laid-out lines
+ * as slices of `text` instead of as strings.
+ */
+export declare const wrapTextIntoSlices: (text: string, measurer: TextSliceMeasurer, maxWidth: number) => LineSlice[];

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

@@ -182,6 +182,35 @@ export type NonDeleted<TElement extends ExcalidrawElement> = TElement & {
     isDeleted: boolean;
 };
 export type NonDeletedExcalidrawElement = NonDeleted<ExcalidrawElement>;
+/**
+ * Per-range ("run") text style overrides. Every field is optional — an unset
+ * field falls back to the element-level property (`fontSize`, `fontFamily`,
+ * `strokeColor`), which remains the base style of the element.
+ */
+export type TextRunStyle = {
+    fontFamily?: FontFamilyValues;
+    fontSize?: number;
+    /** falls back to the element's `strokeColor` */
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    /** background painted behind the run */
+    highlight?: string;
+};
+/**
+ * A styled slice of a text element. Offsets are half-open `[start, end)`
+ * indices into the element's `originalText`.
+ *
+ * Ranges are kept normalized: sorted, non-overlapping, clamped to the text
+ * length, with adjacent equal-styled ranges merged. See `textStyleRanges.ts`.
+ */
+export type TextStyleRange = {
+    start: number;
+    end: number;
+    style: TextRunStyle;
+};
 export type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
     type: "text";
     fontSize: number;
@@ -205,6 +234,12 @@ export type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
     lineHeight: number & {
         _brand: "unitlessLineHeight";
     };
+    /**
+     * Per-range style overrides, indexed against `originalText`.
+     * `undefined` (the default) means uniformly styled text, in which case
+     * every code path behaves exactly as it did before rich text existed.
+     */
+    styleRanges?: readonly TextStyleRange[];
 }>;
 export type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawEmbeddableElement | ExcalidrawFrameElement | ExcalidrawMagicFrameElement;
 export type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawArrowElement;

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

@@ -1325,6 +1325,7 @@ export declare const actionWrapSelectionInFrame: {
             lineHeight: number & {
                 _brand: "unitlessLineHeight";
             };
+            styleRanges?: readonly import("@orangecatai/element/types").TextStyleRange[];
         }> & {
             index: import("@orangecatai/element/types").FractionalIndex;
         }) | (Readonly<{

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

@@ -655,6 +655,7 @@ export declare const actionTogglePolygon: {
             lineHeight: number & {
                 _brand: "unitlessLineHeight";
             };
+            styleRanges?: readonly import("@orangecatai/element/types").TextStyleRange[];
         }> & {
             index: import("@orangecatai/element/types").FractionalIndex;
         }) | (Readonly<{

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

@@ -24,6 +24,47 @@ export declare const actionChangeStrokeStyle: import("./types").Action<import("@
 export declare const actionChangeOpacity: import("./types").Action<number> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
 };
+/**
+ * Per-run text styles that have no element-level equivalent (bold, italic,
+ * underline, strikethrough).
+ *
+ * With text being edited and part of it highlighted, the toggle applies to
+ * that range only; otherwise it applies to the whole of each selected text
+ * element (as a range spanning all of it).
+ */
+declare const TEXT_STYLE_TOGGLES: readonly [{
+    readonly key: "bold";
+    readonly labelKey: "labels.bold";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly testId: "bold";
+}, {
+    readonly key: "italic";
+    readonly labelKey: "labels.italic";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly testId: "italic";
+}, {
+    readonly key: "underline";
+    readonly labelKey: "labels.underline";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly testId: "underline";
+}, {
+    readonly key: "strikethrough";
+    readonly labelKey: "labels.strikethrough";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly testId: "strikethrough";
+}, {
+    readonly key: "highlight";
+    readonly labelKey: "labels.textHighlight";
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly testId: "highlight";
+}];
+type TextStyleToggleKey = typeof TEXT_STYLE_TOGGLES[number]["key"];
+export declare const actionChangeTextStyle: import("./types").Action<{
+    key: TextStyleToggleKey;
+    value: boolean;
+}> & {
+    keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
+};
 export declare const actionChangeFontSize: import("./types").Action<number> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
 };
@@ -33,6 +74,10 @@ export declare const actionDecreaseFontSize: {
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
     perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: unknown, app: AppClassProperties) => {
+        appState: AppState;
+        captureUpdate: "IMMEDIATELY";
+        elements?: undefined;
+    } | {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -205,6 +250,10 @@ export declare const actionIncreaseFontSize: {
     icon: import("react/jsx-runtime").JSX.Element;
     trackEvent: false;
     perform: (elements: readonly import("@orangecatai/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, value: unknown, app: AppClassProperties) => {
+        appState: AppState;
+        captureUpdate: "IMMEDIATELY";
+        elements?: undefined;
+    } | {
         elements: ExcalidrawElement[];
         appState: {
             currentItemFontSize: number;
@@ -404,3 +453,4 @@ export declare const actionChangeArrowProperties: {
 export declare const actionChangeArrowType: import("./types").Action<"round" | "sharp" | "elbow"> & {
     keyTest?: ((event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean) | undefined;
 };
+export {};

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

@@ -2,7 +2,7 @@ export { actionDeleteSelected } from "./actionDeleteSelected";
 export { actionBringForward, actionBringToFront, actionSendBackward, actionSendToBack, } from "./actionZindex";
 export { actionSelectAll } from "./actionSelectAll";
 export { actionDuplicateSelection } from "./actionDuplicateSelection";
-export { actionChangeStrokeColor, actionChangeBackgroundColor, actionChangeStrokeWidth, actionChangeFillStyle, actionChangeSloppiness, actionChangeOpacity, actionChangeFontSize, actionChangeFontFamily, actionChangeTextAlign, actionChangeVerticalAlign, actionChangeArrowProperties, } from "./actionProperties";
+export { actionChangeStrokeColor, actionChangeBackgroundColor, actionChangeStrokeWidth, actionChangeFillStyle, actionChangeSloppiness, actionChangeOpacity, actionChangeFontSize, actionChangeTextStyle, actionChangeFontFamily, actionChangeTextAlign, actionChangeVerticalAlign, actionChangeArrowProperties, } from "./actionProperties";
 export { actionChangeViewBackgroundColor, actionClearCanvas, actionZoomIn, actionZoomOut, actionResetZoom, actionScrollBackToContent, actionZoomToFit, actionToggleTheme, } from "./actionCanvas";
 export { actionSetEmbeddableAsActiveTool } from "./actionEmbeddable";
 export { actionFinalize } from "./actionFinalize";

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" | "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" | "openImageGenerator" | "openVideoGenerator" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "cycleThroughFrameChildren" | "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" | "changeTextStyle" | "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" | "openImageGenerator" | "openVideoGenerator" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize" | "elementStats" | "searchMenu" | "copyElementLink" | "linkToElement" | "cropEditor" | "wrapSelectionInFrame" | "cycleThroughFrameChildren" | "toggleLassoTool" | "toggleShapeSwitch" | "togglePolygon";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { type ToolAction, type FrameGenerationMeta } from "./ai-chat/agentLoop";
+import { type ActivityStep } from "./ai-chat/activitySteps";
 import "./AIChatPanel.scss";
 import type { ReviewerFeedback } from "./ai-chat/reviewerAgent";
 import type { ExcalidrawImperativeAPI } from "../types";
@@ -9,6 +10,13 @@ export type ChatMessage = {
     content: string;
     timestamp: Date;
     toolActions?: ToolAction[];
+    /**
+     * What the agent actually did on this turn — thinking, tool calls, reviewer
+     * rounds — in order. Rendered inline as a timeline and persisted by the host,
+     * so the work stays visible after a reload. Absent on messages saved before
+     * activity steps existed; those fall back to `toolActions`.
+     */
+    steps?: ActivityStep[];
     attachments?: Array<{
         name: string;
         type: "image" | "text" | "pdf" | "docx";
@@ -131,8 +139,8 @@ export type AIChatPanelProps = {
     transcribeUrl?: string;
     /**
      * OpenRouter model ID used by the agent's generate_image tool.
-     * @default "openai/gpt-image-2"
-     * @example "google/gemini-3.1-flash-image-preview"
+     * @default "openai/gpt-image-2.5-flare"
+     * @example "google/gemini-3.1-flash-lite-image"
      */
     agentImageModel?: string;
     /**
@@ -211,5 +219,13 @@ export type AIChatPanelProps = {
      * @default 2
      */
     maxReviewRounds?: number;
+    /**
+     * Ask the model for reasoning tokens and stream them into the activity
+     * timeline's "Thinking" block. Leave unset to send no `reasoning` field at
+     * all — the timeline then narrates the agent's own steps instead, which
+     * costs nothing extra and is also what happens for models that return no
+     * reasoning.
+     */
+    reasoningEffort?: "low" | "medium" | "high";
 };
 export declare const AIChatPanel: React.ForwardRefExoticComponent<AIChatPanelProps & React.RefAttributes<AIChatPanelRef>>;

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

@@ -367,6 +367,12 @@ declare class App extends React.Component<AppProps, AppState> {
         fitToContent?: boolean;
     }) => void;
     private addElementsFromMixedContentPaste;
+    /**
+     * Text is painted with `strokeColor`, but the default stroke color is
+     * `transparent` (shapes are fill-only by default here) — which would make
+     * every new text element invisible. Text falls back to black.
+     */
+    private getCurrentItemTextColor;
     private addTextFromPaste;
     setAppState: React.Component<any, AppState>["setState"];
     removePointer: (event: React.PointerEvent<HTMLElement> | PointerEvent) => void;

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

@@ -0,0 +1,19 @@
+import "./FontSizeInput.scss";
+export declare const MIN_FONT_SIZE = 1;
+export declare const MAX_FONT_SIZE = 9999;
+export interface FontSizeInputProps {
+    /** current font size, or `null` when the selection has mixed sizes */
+    value: number | null;
+    onChange: (value: number) => void;
+    /** size to step from when the current value is mixed */
+    fallbackValue?: number;
+}
+/**
+ * Numeric font size control (type a size, or step it with the +/- buttons and
+ * the arrow keys), replacing the S/M/L/XL presets.
+ *
+ * Typing doesn't commit on every keystroke — otherwise typing "120" would
+ * resize the text to 1, then 12, then 120, each an undo step. The value is
+ * committed on Enter and on blur; Escape reverts.
+ */
+export declare const FontSizeInput: ({ value, onChange, fallbackValue, }: FontSizeInputProps) => import("react/jsx-runtime").JSX.Element;