cursedbelt 0.0.0

package/dist/react/lib/form.js

@@ -0,0 +1,34 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+/**
+ * The canonical react-hook-form config for every cursedbelt form (Wizard,
+ * RecordPanel, modal forms). One zod schema drives validation; the validation mode
+ * is the project standard **on-blur-then-live-clear**:
+ *
+ * - `mode: 'onBlur'` — a field validates only when the user leaves it, so an empty
+ *   required field doesn't scream the instant the form mounts.
+ * - `reValidateMode: 'onChange'` — once a field IS errored, it re-validates on every
+ *   keystroke, so a valid value clears the error immediately (no second blur needed).
+ *
+ * On a failed submit RHF marks every invalid field and focuses the first one
+ * (`shouldFocusError` defaults to true), so the inline {@link Field} error appears
+ * and the first bad input scrolls into view with no extra wiring.
+ *
+ * The form's value type comes from `defaults` (infer it from your schema with
+ * `z.infer<typeof schema>`); spread the result straight into `useForm`:
+ * ```ts
+ * type Values = z.infer<typeof schema>;
+ * const form = useForm<Values>(makeFormConfig(schema, { name: '', tags: [] }));
+ * ```
+ */
+export function makeFormConfig(schema, defaults) {
+    return {
+        // zodResolver's generics don't line up with the caller's value type (the schema
+        // input/output may differ from TFieldValues); the runtime resolver is correct, so
+        // cast through the overload's param/return types rather than over-genericize.
+        resolver: zodResolver(schema),
+        defaultValues: defaults,
+        mode: 'onBlur',
+        reValidateMode: 'onChange',
+    };
+}
+//# sourceMappingURL=form.js.map

package/dist/react/lib/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/react/lib/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,cAAc,CAC5B,MAAiB,EACjB,QAAsB;IAEtB,OAAO;QACL,gFAAgF;QAChF,kFAAkF;QAClF,8EAA8E;QAC9E,QAAQ,EAAE,WAAW,CACnB,MAA2C,CACF;QAC3C,aAAa,EAAE,QAAuC;QACtD,IAAI,EAAE,QAAQ;QACd,cAAc,EAAE,UAAU;KAC3B,CAAC;AACJ,CAAC"}

package/dist/react/lib/store.d.ts

@@ -0,0 +1,21 @@
+import { type StateCreator } from 'zustand';
+/**
+ * Create a localStorage-persisted zustand store. The standard for cursedbelt's
+ * lightweight global/persisted state (replaces ru's hand-rolled useSyncExternalStore
+ * persisted hooks and ca's non-global Redux slices). Form state stays in RHF;
+ * server state stays in TanStack Query.
+ */
+export declare function createPersistedStore<T>(name: string, initializer: StateCreator<T>): import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<T>, "setState" | "persist"> & {
+    setState(partial: T | Partial<T> | ((state: T) => T | Partial<T>), replace?: false | undefined): unknown;
+    setState(state: T | ((state: T) => T), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<T, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: T) => void) => () => void;
+        onFinishHydration: (fn: (state: T) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<T, unknown, unknown>>;
+    };
+}>;
+//# sourceMappingURL=store.d.ts.map

package/dist/react/lib/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/react/lib/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGpD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;;;;;;;;;;;;GAIjF"}

package/dist/react/lib/store.js

@@ -0,0 +1,12 @@
+import { create } from 'zustand';
+import { createJSONStorage, persist } from 'zustand/middleware';
+/**
+ * Create a localStorage-persisted zustand store. The standard for cursedbelt's
+ * lightweight global/persisted state (replaces ru's hand-rolled useSyncExternalStore
+ * persisted hooks and ca's non-global Redux slices). Form state stays in RHF;
+ * server state stays in TanStack Query.
+ */
+export function createPersistedStore(name, initializer) {
+    return create()(persist(initializer, { name, storage: createJSONStorage(() => localStorage) }));
+}
+//# sourceMappingURL=store.js.map

package/dist/react/lib/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/react/lib/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAI,IAAY,EAAE,WAA4B;IAChF,OAAO,MAAM,EAAK,CAChB,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAC/E,CAAC;AACJ,CAAC"}

package/dist/react/media/AutoMaskControls.d.ts

@@ -0,0 +1,31 @@
+import type { MaskTool } from './maskModel';
+/** Coarse, jargon-free "how much to grab" preset (owner UX mandate: dead-simple). The painter
+ *  maps each onto a concrete growth tolerance via {@link sensitivityToTolerance}. */
+export type AutoMaskSensitivity = 'tight' | 'normal' | 'loose';
+/** How an auto-select result merges with what's already selected. */
+export type AutoMaskCombine = 'add' | 'replace';
+export interface AutoMaskControlsProps {
+    /** The painter's active mode; the panel renders only for `select-*` / `describe`. */
+    tool: MaskTool;
+    /** Whether the "describe" path is wired (the app supplied an `onDescribe`). */
+    hasDescribe: boolean;
+    sensitivity: AutoMaskSensitivity;
+    onSensitivityChange: (s: AutoMaskSensitivity) => void;
+    combine: AutoMaskCombine;
+    onCombineChange: (c: AutoMaskCombine) => void;
+    describeText: string;
+    onDescribeTextChange: (t: string) => void;
+    onRunDescribe: () => void;
+    /** A segmentation / describe round-trip is in flight. */
+    busy: boolean;
+    /** Last auto-select failure (no canvas, tainted source, no match, host offline). */
+    error?: string | null;
+}
+/**
+ * The contextual auto-select bar inside the <MaskPainter> (Stage I, task 52). For the
+ * click/box tools it exposes sensitivity + add-vs-replace; for "describe" it exposes a worded
+ * prompt that the app fulfils server-side (Florence2/SAM on the compute host). It renders
+ * nothing for the hand-paint tools, so the painter is unchanged when no auto-select is wired.
+ */
+export declare function AutoMaskControls({ tool, hasDescribe, sensitivity, onSensitivityChange, combine, onCombineChange, describeText, onDescribeTextChange, onRunDescribe, busy, error, }: AutoMaskControlsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=AutoMaskControls.d.ts.map

package/dist/react/media/AutoMaskControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoMaskControls.d.ts","sourceRoot":"","sources":["../../../src/react/media/AutoMaskControls.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;qFACqF;AACrF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,qFAAqF;IACrF,IAAI,EAAE,QAAQ,CAAC;IACf,+EAA+E;IAC/E,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,eAAe,CAAC;IACzB,eAAe,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,yDAAyD;IACzD,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAYD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,IAAI,EACJ,KAAK,GACN,EAAE,qBAAqB,sCAgFvB"}

package/dist/react/media/AutoMaskControls.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Search, Sparkles } from 'lucide-react';
+import { Button } from '../components/Button';
+import { Input } from '../components/Input';
+import { SegmentedControl } from '../components/SegmentedControl';
+import { Spinner } from '../components/Spinner';
+const SENSITIVITY_OPTIONS = [
+    { value: 'tight', label: 'Tight' },
+    { value: 'normal', label: 'Normal' },
+    { value: 'loose', label: 'Loose' },
+];
+const COMBINE_OPTIONS = [
+    { value: 'add', label: 'Add to' },
+    { value: 'replace', label: 'Replace' },
+];
+/**
+ * The contextual auto-select bar inside the <MaskPainter> (Stage I, task 52). For the
+ * click/box tools it exposes sensitivity + add-vs-replace; for "describe" it exposes a worded
+ * prompt that the app fulfils server-side (Florence2/SAM on the compute host). It renders
+ * nothing for the hand-paint tools, so the painter is unchanged when no auto-select is wired.
+ */
+export function AutoMaskControls({ tool, hasDescribe, sensitivity, onSensitivityChange, combine, onCombineChange, describeText, onDescribeTextChange, onRunDescribe, busy, error, }) {
+    const isSelect = tool === 'select-point' || tool === 'select-box';
+    const isDescribe = tool === 'describe' && hasDescribe;
+    if (!isSelect && !isDescribe)
+        return null;
+    return (_jsxs("div", { "data-cb-auto-mask-controls": true, className: 'flex flex-none flex-wrap items-center gap-x-4 gap-y-2 border-border border-b bg-muted/40 px-4 py-2', children: [isSelect ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'flex items-center gap-1.5 text-muted-foreground text-xs', children: [_jsx(Sparkles, { className: 'size-3.5 text-accent', "aria-hidden": true }), tool === 'select-point'
+                                ? 'Click an object to select it.'
+                                : 'Drag a box around the object.'] }), _jsxs("div", { className: 'flex items-center gap-2 text-foreground text-xs', children: [_jsx("span", { children: "Detail" }), _jsx(SegmentedControl, { "aria-label": 'Selection sensitivity', options: SENSITIVITY_OPTIONS, value: sensitivity, onChange: onSensitivityChange })] }), _jsxs("div", { className: 'flex items-center gap-2 text-foreground text-xs', children: [_jsx("span", { children: "Mode" }), _jsx(SegmentedControl, { "aria-label": 'Combine mode', options: COMBINE_OPTIONS, value: combine, onChange: onCombineChange })] }), busy ? (_jsxs("span", { className: 'flex items-center gap-1.5 text-muted-foreground text-xs', children: [_jsx(Spinner, { size: 'sm' }), " Selecting\u2026"] })) : null] })) : null, isDescribe ? (_jsxs("div", { className: 'flex w-full flex-wrap items-center gap-2', children: [_jsxs("span", { className: 'flex items-center gap-1.5 text-muted-foreground text-xs', children: [_jsx(Sparkles, { className: 'size-3.5 text-accent', "aria-hidden": true }), "Describe the area to select"] }), _jsx(Input, { value: describeText, onChange: (e) => onDescribeTextChange(e.target.value), onEnter: () => {
+                            if (describeText.trim() && !busy)
+                                onRunDescribe();
+                        }, placeholder: 'e.g. the oval border', "aria-label": 'Describe the area to select', className: 'min-w-48 grow', disabled: busy }), _jsx(Button, { variant: 'secondary', size: 'sm', leftIcon: busy ? _jsx(Spinner, { size: 'sm' }) : _jsx(Search, {}), disabled: busy || !describeText.trim(), onClick: onRunDescribe, children: busy ? 'Finding…' : 'Find it' })] })) : null, error ? (_jsx("span", { className: 'w-full text-destructive-foreground text-xs', role: 'alert', children: error })) : null] }));
+}
+//# sourceMappingURL=AutoMaskControls.js.map

package/dist/react/media/AutoMaskControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoMaskControls.js","sourceRoot":"","sources":["../../../src/react/media/AutoMaskControls.tsx"],"names":[],"mappings":"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"}

package/dist/react/media/BrushSizeSlider.d.ts

@@ -0,0 +1,14 @@
+export interface BrushSizeSliderProps {
+    value: number;
+    min: number;
+    max: number;
+    onChange: (size: number) => void;
+    className?: string;
+}
+/**
+ * Compact, touch-friendly brush-size slider. Built on the same pointer model as the media
+ * {@link TrimRangeSlider} (no native `<input type="range">`) so it themes off the tokens and
+ * keeps a ≥44px hit area on coarse pointers. Reports an integer size clamped to [min, max].
+ */
+export declare function BrushSizeSlider({ value, min, max, onChange, className }: BrushSizeSliderProps): import("react").JSX.Element;
+//# sourceMappingURL=BrushSizeSlider.d.ts.map

package/dist/react/media/BrushSizeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrushSizeSlider.d.ts","sourceRoot":"","sources":["../../../src/react/media/BrushSizeSlider.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAuE7F"}

package/dist/react/media/BrushSizeSlider.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, } from 'react';
+import { cn } from '../lib/cn';
+import { clampBrushSize } from './maskGeometry';
+/**
+ * Compact, touch-friendly brush-size slider. Built on the same pointer model as the media
+ * {@link TrimRangeSlider} (no native `<input type="range">`) so it themes off the tokens and
+ * keeps a ≥44px hit area on coarse pointers. Reports an integer size clamped to [min, max].
+ */
+export function BrushSizeSlider({ value, min, max, onChange, className }) {
+    const trackRef = useRef(null);
+    const dragging = useRef(false);
+    const pct = max > min ? ((value - min) / (max - min)) * 100 : 0;
+    const sizeFromClientX = useCallback((clientX) => {
+        const el = trackRef.current;
+        if (!el)
+            return value;
+        const rect = el.getBoundingClientRect();
+        const ratio = rect.width > 0 ? Math.min(1, Math.max(0, (clientX - rect.left) / rect.width)) : 0;
+        return clampBrushSize(min + ratio * (max - min), min, max);
+    }, [min, max, value]);
+    const onPointerDown = (e) => {
+        dragging.current = true;
+        e.target.setPointerCapture?.(e.pointerId);
+        onChange(sizeFromClientX(e.clientX));
+    };
+    const onPointerMove = (e) => {
+        if (dragging.current)
+            onChange(sizeFromClientX(e.clientX));
+    };
+    const onPointerUp = (e) => {
+        if (!dragging.current)
+            return;
+        e.target.releasePointerCapture?.(e.pointerId);
+        dragging.current = false;
+    };
+    const onKeyDown = (e) => {
+        if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            onChange(clampBrushSize(value - 1, min, max));
+        }
+        else if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            onChange(clampBrushSize(value + 1, min, max));
+        }
+    };
+    return (_jsxs("div", { className: cn('flex items-center gap-2', className), "data-cb-brush-slider": true, children: [_jsxs("div", { ref: trackRef, role: 'slider', "aria-label": 'Brush size', "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, tabIndex: 0, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onKeyDown: onKeyDown, className: 'relative h-11 min-w-28 flex-1 cursor-pointer touch-none select-none focus-visible:outline-none', children: [_jsx("div", { className: 'absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-muted' }), _jsx("div", { className: 'absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-accent-solid', style: { width: `${pct}%` } }), _jsx("div", { className: 'absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-accent-solid bg-background shadow', style: { left: `${pct}%` } })] }), _jsx("span", { className: 'w-7 text-right text-muted-foreground text-xs tabular-nums', children: value })] }));
+}
+//# sourceMappingURL=BrushSizeSlider.js.map

package/dist/react/media/BrushSizeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrushSizeSlider.js","sourceRoot":"","sources":["../../../src/react/media/BrushSizeSlider.tsx"],"names":[],"mappings":"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"}

package/dist/react/media/ImageEditor.d.ts

@@ -0,0 +1,14 @@
+import type { ImageEditorProps } from './types';
+/**
+ * Full-screen image editor on react-filerobot-image-editor, hosted in the cursedbelt
+ * {@link Modal} (xl). On save it calls `onSave`; the app performs the upload (auth/ctgr
+ * stay app-side). With `serverPipelineEndpoint` set, the save yields a declarative
+ * server {@link ImagePipelineSpec} instead of a client Blob. `allowedOperations` filters
+ * the toolbar. Replaces ca's broken bespoke image editor.
+ *
+ * `mode='mask'` makes this the single "open this image to work on it" entry: it delegates
+ * to {@link MaskPainter} (the focused, separately-tested painter) and a save yields a
+ * `{ mode: 'mask', blob }` result — a binary mask PNG at the source's natural dimensions.
+ */
+export declare function ImageEditor({ src, onSave, onClose, open, mode, initialMask, serverPipelineEndpoint, allowedOperations, defaultFormat, fileName, }: ImageEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=ImageEditor.d.ts.map

package/dist/react/media/ImageEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../src/react/media/ImageEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,OAAO,EACP,IAAW,EACX,IAAa,EACb,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,aAAqB,EACrB,QAAQ,GACT,EAAE,gBAAgB,+BA0ElB"}

package/dist/react/media/ImageEditor.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense, useCallback } from 'react';
+import { imageFormatToMime } from '../../core/media';
+import { Modal } from '../components/Modal';
+import { Spinner } from '../components/Spinner';
+import { filerobotDesignToPipelineSpec, savedImageToBlob, tabsForOperations, } from './imageEditorSpec';
+import { MaskPainter } from './MaskPainter';
+// react-filerobot-image-editor is large + browser-only (canvas/konva). Code-split it
+// so it loads only when the editor opens and never enters the base bundle / SSR.
+const FilerobotImageEditor = lazy(() => import('react-filerobot-image-editor'));
+/**
+ * Full-screen image editor on react-filerobot-image-editor, hosted in the cursedbelt
+ * {@link Modal} (xl). On save it calls `onSave`; the app performs the upload (auth/ctgr
+ * stay app-side). With `serverPipelineEndpoint` set, the save yields a declarative
+ * server {@link ImagePipelineSpec} instead of a client Blob. `allowedOperations` filters
+ * the toolbar. Replaces ca's broken bespoke image editor.
+ *
+ * `mode='mask'` makes this the single "open this image to work on it" entry: it delegates
+ * to {@link MaskPainter} (the focused, separately-tested painter) and a save yields a
+ * `{ mode: 'mask', blob }` result — a binary mask PNG at the source's natural dimensions.
+ */
+export function ImageEditor({ src, onSave, onClose, open = true, mode = 'edit', initialMask, serverPipelineEndpoint, allowedOperations, defaultFormat = 'png', fileName, }) {
+    const serverMode = Boolean(serverPipelineEndpoint);
+    const handleSave = useCallback(async (saved, designState) => {
+        if (serverMode) {
+            const spec = filerobotDesignToPipelineSpec({
+                designState,
+                src,
+                output: { format: defaultFormat },
+            });
+            await onSave({ mode: 'server', spec });
+        }
+        else {
+            const blob = await savedImageToBlob(saved);
+            await onSave({
+                mode: 'client',
+                blob,
+                format: saved.mimeType ?? imageFormatToMime(defaultFormat),
+            });
+        }
+        onClose();
+    }, [serverMode, src, defaultFormat, onSave, onClose]);
+    // Mask mode delegates to the focused painter (no filerobot/konva loaded at all). Placed
+    // after the hooks above so hook order stays stable if `mode` ever toggles on a mounted instance.
+    if (mode === 'mask') {
+        return (_jsx(MaskPainter, { src: src, initialMask: initialMask, open: open, onClose: onClose, onSave: (blob) => onSave({ mode: 'mask', blob }) }));
+    }
+    // filerobot can't emit avif — fall back to png for ITS saved type; the server spec
+    // path can still target avif via defaultFormat.
+    const filerobotType = defaultFormat === 'avif' ? 'png' : defaultFormat;
+    const pixelRatio = typeof window !== 'undefined' ? Math.min(window.devicePixelRatio || 1, 2) : 1;
+    return (_jsx(Modal, { open: open, onClose: onClose, size: 'full', title: 'Edit image', scrollBody: false, children: _jsx("div", { className: 'relative min-h-0 flex-1', style: { minHeight: 'min(78vh, 680px)' }, "data-cb-image-editor": true, children: _jsx(Suspense, { fallback: _jsx("div", { className: 'flex h-full min-h-64 items-center justify-center', children: _jsx(Spinner, { size: 'lg' }) }), children: _jsx(FilerobotImageEditor, { source: src, onSave: handleSave, onClose: () => onClose(), tabsIds: tabsForOperations(allowedOperations), savingPixelRatio: pixelRatio, previewPixelRatio: pixelRatio, defaultSavedImageType: filerobotType, defaultSavedImageName: fileName, removeSaveButton: false, useBackendTranslations: false }) }) }) }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/react/media/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../../src/react/media/ImageEditor.tsx"],"names":[],"mappings":"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"}

package/dist/react/media/MaskPainter.d.ts

@@ -0,0 +1,21 @@
+import type { MaskPainterProps } from './types';
+export type { MaskPainterProps, MaskRegionResult } from './types';
+/**
+ * In-app mask painter (Stage I, tasks 48 + 52). Given a same-origin source image, the user
+ * defines the region to change — by HAND (brush/eraser) or AUTOMATICALLY (click an object,
+ * drag a box, or describe it) — and saves a binary mask PNG aligned 1:1 to the source's
+ * NATURAL pixel dimensions (white = change, black = keep), the exact input task-47's inpaint
+ * graph expects.
+ *
+ * Every auto-select result lands as an editable mask REGION in the same model, not a final
+ * answer — the explicit fix for the owner's "Florence2 grabbed the wrong region" failure: a
+ * suggestion you accept, refine with the brush, or undo. The export is owned end-to-end by a
+ * pure software rasterizer (see maskRaster), NOT read back from the display canvas, so
+ * dimension exactness is guaranteed by construction and the result is crisp + binary.
+ *
+ * Mobile-first: Pointer Events (not mouse-only), `touch-action: none` so painting/dragging
+ * never scrolls the page, pointer capture for continuous strokes, ≥44px controls, and the
+ * keyboard-safe {@link Modal} + {@link ActionBar}.
+ */
+export declare function MaskPainter({ src, initialMask, onSave, onClose, open, brush, segmenter, onDescribe, }: MaskPainterProps): import("react").JSX.Element;
+//# sourceMappingURL=MaskPainter.d.ts.map

package/dist/react/media/MaskPainter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskPainter.d.ts","sourceRoot":"","sources":["../../../src/react/media/MaskPainter.tsx"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AAIlE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA0BlE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,WAAW,EACX,MAAM,EACN,OAAO,EACP,IAAW,EACX,KAAK,EACL,SAAS,EACT,UAAU,GACX,EAAE,gBAAgB,+BAunBlB"}