canopycms 0.0.56 → 0.0.58

package/dist/editor/fields/MdxImageDialog.js.map

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

package/dist/editor/media/AssetCard.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { AssetRecord } from '../../api';
+export interface AssetCardProps {
+    asset: AssetRecord;
+    /** `media.publicBaseUrl` - see AssetContext. */
+    baseUrl?: string;
+    /** Present in picker mode - clicking the card selects the asset. */
+    onSelect?: (asset: AssetRecord) => void;
+    /** Present only for admins in manage mode - renders the trash button. */
+    onDelete?: (asset: AssetRecord) => void;
+}
+/**
+ * One thumbnail card in the MediaLibrary grid. Raster and svg assets both go
+ * through `assetUrl()` unmodified - for svg (a static, non-transform src)
+ * `assetUrl` ignores the `width` option and just applies `baseUrl`, which is
+ * exactly the behavior wanted here. PDFs have no image to preview, so they
+ * render a file-type icon instead.
+ */
+export declare const AssetCard: React.FC<AssetCardProps>;
+export default AssetCard;
+//# sourceMappingURL=AssetCard.d.ts.map

package/dist/editor/media/AssetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetCard.d.ts","sourceRoot":"","sources":["../../../src/editor/media/AssetCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG5C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,WAAW,CAAA;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC;AAID;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2E9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/editor/media/AssetCard.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionIcon, Card, Text, Tooltip } from '@mantine/core';
+import { IconFileTypePdf, IconTrash } from '@tabler/icons-react';
+import { assetUrl } from '../../assets/asset-url.js';
+const THUMBNAIL_WIDTH = 160;
+/**
+ * One thumbnail card in the MediaLibrary grid. Raster and svg assets both go
+ * through `assetUrl()` unmodified - for svg (a static, non-transform src)
+ * `assetUrl` ignores the `width` option and just applies `baseUrl`, which is
+ * exactly the behavior wanted here. PDFs have no image to preview, so they
+ * render a file-type icon instead.
+ */
+export const AssetCard = ({ asset, baseUrl, onSelect, onDelete }) => {
+    const uploadedDate = new Date(asset.uploadedAt).toLocaleDateString();
+    const handleKeyDown = (event) => {
+        if (!onSelect)
+            return;
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            onSelect(asset);
+        }
+    };
+    return (_jsxs(Card, { withBorder: true, radius: "md", padding: "xs", "data-testid": `asset-card-${asset.hash32}`, style: { position: 'relative', cursor: onSelect ? 'pointer' : undefined }, onClick: onSelect ? () => onSelect(asset) : undefined, 
+        // Selection is otherwise a bare click handler on a non-interactive
+        // element, unreachable from the keyboard - role="button" + tabIndex
+        // makes it focusable and announced correctly, and onKeyDown mirrors
+        // native <button> Enter/Space activation.
+        role: onSelect ? 'button' : undefined, tabIndex: onSelect ? 0 : undefined, onKeyDown: onSelect ? handleKeyDown : undefined, children: [onDelete && (_jsx(ActionIcon, { variant: "filled", color: "red", size: "sm", radius: "xl", style: { position: 'absolute', top: 4, right: 4, zIndex: 1 }, "aria-label": `Delete ${asset.filename}`, "data-testid": `asset-card-delete-${asset.hash32}`, onClick: (event) => {
+                    event.stopPropagation();
+                    onDelete(asset);
+                }, children: _jsx(IconTrash, { size: 14 }) })), _jsx(Card.Section, { children: asset.kind === 'pdf' ? (_jsx("div", { style: {
+                        height: 100,
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        background: 'var(--mantine-color-gray-1)',
+                    }, children: _jsx(IconFileTypePdf, { size: 40, stroke: 1.5 }) })) : (_jsx("img", { src: assetUrl(asset, { width: THUMBNAIL_WIDTH, baseUrl }), alt: asset.filename, style: { width: '100%', height: 100, objectFit: 'cover', display: 'block' } })) }), _jsx(Tooltip, { label: asset.filename, openDelay: 400, children: _jsx(Text, { size: "xs", fw: 500, truncate: true, mt: 4, children: asset.slug }) }), _jsx(Text, { size: "xs", c: "dimmed", children: uploadedDate })] }));
+};
+export default AssetCard;
+//# sourceMappingURL=AssetCard.js.map

package/dist/editor/media/AssetCard.js.map

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

package/dist/editor/media/CropStep.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { CropRect } from '../../assets/transform-directives';
+export interface CropStepProps {
+    opened: boolean;
+    onClose: () => void;
+    /** Full-frame image src to crop - `assetUrl()` with no crop directive, so the user always crops the original frame. */
+    imageSrc: string;
+    /** Numeric aspect ratio (width/height) parsed from the field config's "W:H" string. */
+    aspect: number;
+    /** Existing crop rect, if re-cropping - seeds react-easy-crop's initial selection (best effort). */
+    initialCrop?: CropRect;
+    onConfirm: (rect: CropRect) => void;
+}
+/**
+ * react-easy-crop wrapped in a Modal for the ImageField crop step. Percentage
+ * -> normalized-rect conversion is delegated to crop-math.ts's pure,
+ * independently-unit-tested `cropAreaPercentToRect`.
+ *
+ * The pan/zoom/pending-selection state lives in `CropStepBody`, mounted only
+ * while `opened` and keyed on `imageSrc` - so a fresh crop session always
+ * starts from fresh state (React remounts on key change) without an effect
+ * that would otherwise need to call `setState` synchronously to reset it.
+ */
+export declare const CropStep: React.FC<CropStepProps>;
+export default CropStep;
+//# sourceMappingURL=CropStep.d.ts.map

package/dist/editor/media/CropStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CropStep.d.ts","sourceRoot":"","sources":["../../../src/editor/media/CropStep.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAGjE,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uHAAuH;IACvH,QAAQ,EAAE,MAAM,CAAA;IAChB,uFAAuF;IACvF,MAAM,EAAE,MAAM,CAAA;IACd,oGAAoG;IACpG,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACpC;AAMD;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6B5C,CAAA;AAqED,eAAe,QAAQ,CAAA"}

package/dist/editor/media/CropStep.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Group, Modal, Slider, Stack, Text } from '@mantine/core';
+import Cropper from 'react-easy-crop';
+import { cropAreaPercentToRect, cropRectToAreaPercent } from './crop-math.js';
+const MIN_ZOOM = 1;
+const MAX_ZOOM = 3;
+const ZOOM_STEP = 0.05;
+/**
+ * react-easy-crop wrapped in a Modal for the ImageField crop step. Percentage
+ * -> normalized-rect conversion is delegated to crop-math.ts's pure,
+ * independently-unit-tested `cropAreaPercentToRect`.
+ *
+ * The pan/zoom/pending-selection state lives in `CropStepBody`, mounted only
+ * while `opened` and keyed on `imageSrc` - so a fresh crop session always
+ * starts from fresh state (React remounts on key change) without an effect
+ * that would otherwise need to call `setState` synchronously to reset it.
+ */
+export const CropStep = ({ opened, onClose, imageSrc, aspect, initialCrop, onConfirm, }) => {
+    return (_jsx(Modal, { opened: opened, onClose: onClose, title: "Crop image", size: "lg", overlayProps: { blur: 2 }, "data-testid": "crop-step-modal", children: opened && (_jsx(CropStepBody, { imageSrc: imageSrc, aspect: aspect, initialCrop: initialCrop, onConfirm: onConfirm, onClose: onClose }, imageSrc)) }));
+};
+const CropStepBody = ({ imageSrc, aspect, initialCrop, onConfirm, onClose, }) => {
+    const [crop, setCrop] = useState({ x: 0, y: 0 });
+    const [zoom, setZoom] = useState(1);
+    const [pendingArea, setPendingArea] = useState(null);
+    const handleConfirm = () => {
+        if (!pendingArea)
+            return;
+        const rect = cropAreaPercentToRect(pendingArea);
+        if (rect)
+            onConfirm(rect);
+    };
+    const initialCroppedAreaPercentages = initialCrop ? cropRectToAreaPercent(initialCrop) : undefined;
+    return (_jsxs(Stack, { gap: "md", children: [_jsx("div", { style: { position: 'relative', width: '100%', height: 360, background: '#000' }, children: _jsx(Cropper, { image: imageSrc, crop: crop, zoom: zoom, aspect: aspect, initialCroppedAreaPercentages: initialCroppedAreaPercentages, onCropChange: setCrop, onZoomChange: setZoom, onCropComplete: (croppedArea) => setPendingArea(croppedArea) }) }), _jsxs(Group, { gap: "sm", align: "center", children: [_jsx(Text, { size: "sm", w: 50, children: "Zoom" }), _jsx(Slider, { style: { flex: 1 }, min: MIN_ZOOM, max: MAX_ZOOM, step: ZOOM_STEP, value: zoom, onChange: setZoom, label: (value) => `${value.toFixed(2)}x` })] }), _jsxs(Group, { justify: "flex-end", children: [_jsx(Button, { variant: "default", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: handleConfirm, disabled: !pendingArea, "data-testid": "crop-step-apply", children: "Apply crop" })] })] }));
+};
+export default CropStep;
+//# sourceMappingURL=CropStep.js.map

package/dist/editor/media/CropStep.js.map

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

package/dist/editor/media/MediaLibrary.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { AssetRecord } from '../../api';
+export interface MediaLibraryProps {
+    opened: boolean;
+    onClose: () => void;
+    /**
+     * 'manage': right-side Drawer opened from the EditorSidebar Settings menu.
+     * 'picker': Modal used by ImageField ("Browse library"/"Replace") and the
+     * MDX image dialog's "From library" tab.
+     */
+    mode: 'manage' | 'picker';
+    /** Required in picker mode - called with the chosen asset when a card is clicked. */
+    onSelect?: (asset: AssetRecord) => void;
+}
+/**
+ * One component, two presentations, sharing the same grid/upload/filter/
+ * pagination/delete core (MediaLibraryBody) - see
+ * .claude/future-tasks/assets-media-system.md "MediaManager design".
+ */
+export declare const MediaLibrary: React.FC<MediaLibraryProps>;
+export default MediaLibrary;
+//# sourceMappingURL=MediaLibrary.d.ts.map

package/dist/editor/media/MediaLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.d.ts","sourceRoot":"","sources":["../../../src/editor/media/MediaLibrary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG5C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqCpD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/editor/media/MediaLibrary.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, Modal, Text, Title } from '@mantine/core';
+import { MediaLibraryBody } from './MediaLibraryBody.js';
+/**
+ * One component, two presentations, sharing the same grid/upload/filter/
+ * pagination/delete core (MediaLibraryBody) - see
+ * .claude/future-tasks/assets-media-system.md "MediaManager design".
+ */
+export const MediaLibrary = ({ opened, onClose, mode, onSelect }) => {
+    if (mode === 'picker') {
+        return (_jsx(Modal, { opened: opened, onClose: onClose, title: "Media library", size: "lg", overlayProps: { blur: 2 }, "data-testid": "media-library-picker", children: _jsx(MediaLibraryBody, { opened: opened, mode: "picker", onSelect: onSelect }) }));
+    }
+    return (_jsx(Drawer, { opened: opened, onClose: onClose, position: "right", title: _jsxs("div", { children: [_jsx(Title, { order: 4, children: "Media library" }), _jsx(Text, { size: "xs", c: "dimmed", children: "Upload and manage images and PDFs" })] }), padding: "md", size: 700, overlayProps: { blur: 2 }, "data-testid": "media-library-manage", children: _jsx(MediaLibraryBody, { opened: opened, mode: "manage" }) }));
+};
+export default MediaLibrary;
+//# sourceMappingURL=MediaLibrary.js.map

package/dist/editor/media/MediaLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.js","sourceRoot":"","sources":["../../../src/editor/media/MediaLibrary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAIZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAerD;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,iBACb,sBAAsB,YAElC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,GAChE,CACT,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,KAAK,EACH,0BACE,KAAC,KAAK,IAAC,KAAK,EAAE,CAAC,8BAAuB,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,kDAEnB,IACH,EAER,OAAO,EAAC,IAAI,EACZ,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,iBACb,sBAAsB,YAElC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,GAAG,GAC3C,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/editor/media/MediaLibraryBody.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { AssetRecord } from '../../api';
+export interface MediaLibraryBodyProps {
+    /** Whether the enclosing Drawer/Modal is open - gates the (re)fetch of the first page on each open. */
+    opened: boolean;
+    mode: 'manage' | 'picker';
+    /** Present in picker mode - clicking a card (or completing an upload) selects the asset. */
+    onSelect?: (asset: AssetRecord) => void;
+}
+/**
+ * Shared grid/upload/filter/pagination/delete core for both MediaLibrary
+ * presentations (Drawer "manage" mode, Modal "picker" mode) - see
+ * MediaLibrary.tsx for the two wrappers.
+ */
+export declare const MediaLibraryBody: React.FC<MediaLibraryBodyProps>;
+export default MediaLibraryBody;
+//# sourceMappingURL=MediaLibraryBody.d.ts.map

package/dist/editor/media/MediaLibraryBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryBody.d.ts","sourceRoot":"","sources":["../../../src/editor/media/MediaLibraryBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkB/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAiB5C,MAAM,WAAW,qBAAqB;IACpC,uGAAuG;IACvG,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2M5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/editor/media/MediaLibraryBody.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Alert, Button, Group, Loader, Progress, ScrollArea, SimpleGrid, Stack, Text, TextInput, } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { modals } from '@mantine/modals';
+import { IconAlertCircle, IconUpload } from '@tabler/icons-react';
+import { getErrorMessage } from '../../utils/error.js';
+// Import directly from helpers (not the authorization barrel) to keep server-only
+// authorization code out of this client bundle - matches BranchManager's convention.
+import { isAdmin } from '../../authorization/helpers.js';
+import { useApiClient, useAssetContext } from '../context/index.js';
+import { useUserContext } from '../hooks/index.js';
+import { AssetCard } from './AssetCard.js';
+import { useAssetUpload } from './useAssetUpload.js';
+import { ACCEPTED_ASSET_MIME_TYPES, ACCEPTED_IMAGE_MIME_TYPES, MAX_UPLOAD_BYTES, } from './upload-constants.js';
+const PAGE_SIZE = 40;
+/**
+ * Shared grid/upload/filter/pagination/delete core for both MediaLibrary
+ * presentations (Drawer "manage" mode, Modal "picker" mode) - see
+ * MediaLibrary.tsx for the two wrappers.
+ */
+export const MediaLibraryBody = ({ opened, mode, onSelect }) => {
+    const client = useApiClient();
+    const { baseUrl } = useAssetContext();
+    const { userContext } = useUserContext();
+    const canDelete = mode === 'manage' && isAdmin(userContext?.groups);
+    const upload = useAssetUpload();
+    // `picker` mode is used exclusively by ImageField and the MDX image dialog
+    // (see MediaLibraryProps.mode's doc comment) - both image-only contexts.
+    // `manage` mode (the Editor's Media Library drawer) keeps accepting PDFs.
+    const imageOnly = mode === 'picker';
+    const [assets, setAssets] = useState([]);
+    const [nextCursor, setNextCursor] = useState(undefined);
+    const [loading, setLoading] = useState(false);
+    const [loadingMore, setLoadingMore] = useState(false);
+    const [listError, setListError] = useState(null);
+    const [filterText, setFilterText] = useState('');
+    const loadFirstPage = useCallback(async () => {
+        setLoading(true);
+        setListError(null);
+        try {
+            const result = await client.assets.list({ limit: String(PAGE_SIZE) });
+            if (!result.ok || !result.data) {
+                setListError(result.error || 'Failed to load assets');
+                return;
+            }
+            setAssets(result.data.assets);
+            setNextCursor(result.data.nextCursor);
+        }
+        catch (err) {
+            setListError(getErrorMessage(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    useEffect(() => {
+        if (!opened)
+            return;
+        void loadFirstPage();
+        // Refetch only when the drawer/modal (re)opens, not on every render where
+        // loadFirstPage's identity happens to change.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [opened]);
+    const handleLoadMore = async () => {
+        if (!nextCursor)
+            return;
+        setLoadingMore(true);
+        setListError(null);
+        try {
+            const result = await client.assets.list({ cursor: nextCursor, limit: String(PAGE_SIZE) });
+            if (!result.ok || !result.data) {
+                setListError(result.error || 'Failed to load more assets');
+                return;
+            }
+            const page = result.data;
+            setAssets((prev) => [...prev, ...page.assets]);
+            setNextCursor(page.nextCursor);
+        }
+        catch (err) {
+            setListError(getErrorMessage(err));
+        }
+        finally {
+            setLoadingMore(false);
+        }
+    };
+    const handleDrop = async (files) => {
+        const file = files[0];
+        if (!file)
+            return;
+        const asset = await upload.upload(file);
+        if (asset) {
+            setAssets((prev) => [asset, ...prev]);
+        }
+    };
+    const handleReject = (rejections) => {
+        setListError(rejections[0]?.errors[0]?.message ?? 'File rejected');
+    };
+    const handleDelete = async (asset) => {
+        const result = await client.assets.delete({ key: asset.hash32 });
+        if (!result.ok) {
+            setListError(result.error || 'Failed to delete asset');
+            return;
+        }
+        setAssets((prev) => prev.filter((a) => a.hash32 !== asset.hash32));
+    };
+    const handleDeleteClick = (asset) => {
+        modals.openConfirmModal({
+            title: 'Remove from library',
+            children: (_jsxs(Text, { size: "sm", children: ["Remove \u201C", asset.filename, "\u201D from the media library? Existing content that already references this file keeps working - removing it here only hides it from the library; the file itself is not deleted."] })),
+            labels: { confirm: 'Remove', cancel: 'Cancel' },
+            confirmProps: { color: 'red' },
+            onConfirm: () => {
+                void handleDelete(asset);
+            },
+        });
+    };
+    // Picker mode is image-only (see `imageOnly` above) - pdf assets are
+    // filtered out of the pickable grid entirely, not just the upload accept
+    // list, since an already-uploaded pdf could otherwise still be selected.
+    const kindFiltered = imageOnly ? assets.filter((asset) => asset.kind !== 'pdf') : assets;
+    const normalizedFilter = filterText.trim().toLowerCase();
+    const filteredAssets = normalizedFilter
+        ? kindFiltered.filter((asset) => asset.filename.toLowerCase().includes(normalizedFilter))
+        : kindFiltered;
+    return (_jsxs(Stack, { gap: "sm", h: "100%", style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Dropzone, { onDrop: (files) => void handleDrop(files), onReject: handleReject, maxSize: MAX_UPLOAD_BYTES, accept: imageOnly ? ACCEPTED_IMAGE_MIME_TYPES : ACCEPTED_ASSET_MIME_TYPES, loading: upload.uploading, multiple: false, "data-testid": "media-library-dropzone", children: _jsxs(Group, { justify: "center", gap: "xs", py: "sm", style: { pointerEvents: 'none' }, children: [_jsx(IconUpload, { size: 20 }), _jsx(Text, { size: "sm", children: imageOnly
+                                ? 'Drop an image here, or click to browse'
+                                : 'Drop an image or PDF here, or click to browse' })] }) }), upload.uploading &&
+                (upload.progress !== null ? (_jsx(Progress, { value: upload.progress * 100, size: "sm", "data-testid": "upload-progress" })) : (_jsx(Progress, { value: 100, size: "sm", animated: true, "data-testid": "upload-progress-indeterminate" }))), upload.error && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", "data-testid": "upload-error", children: upload.error })), _jsx(TextInput, { placeholder: "Filter by filename...", value: filterText, onChange: (event) => setFilterText(event.currentTarget.value), "data-testid": "media-library-filter" }), listError && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", "data-testid": "media-library-error", children: _jsxs(Stack, { gap: 4, children: [_jsx(Text, { size: "sm", children: listError }), _jsx(Button, { size: "xs", variant: "light", onClick: () => void loadFirstPage(), children: "Retry" })] }) })), _jsxs(ScrollArea, { style: { flex: 1 }, children: [loading ? (_jsx(Group, { justify: "center", py: "xl", children: _jsx(Loader, { size: "sm", "data-testid": "media-library-loading" }) })) : filteredAssets.length === 0 ? (_jsx(Text, { size: "sm", c: "dimmed", py: "xl", ta: "center", children: "No assets found." })) : (_jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, spacing: "sm", children: filteredAssets.map((asset) => (_jsx(AssetCard, { asset: asset, baseUrl: baseUrl, onSelect: mode === 'picker' ? onSelect : undefined, onDelete: canDelete ? () => handleDeleteClick(asset) : undefined }, asset.hash32))) })), !loading && nextCursor && (_jsx(Group, { justify: "center", py: "sm", children: _jsx(Button, { variant: "light", size: "xs", loading: loadingMore, onClick: () => void handleLoadMore(), "data-testid": "media-library-load-more", children: "Load more" }) }))] })] }));
+};
+export default MediaLibraryBody;
+//# sourceMappingURL=MediaLibraryBody.js.map

package/dist/editor/media/MediaLibraryBody.js.map

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

package/dist/editor/media/crop-math.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Pure math for the ImageField crop step: converting between react-easy-crop's
+ * percentage-based `Area` shape and CanopyCMS's normalized 0..1 `CropRect`
+ * (the same shape stored in `ImageFieldValue.crop` and accepted by the `c=`
+ * transform directive - see assets/transform-directives.ts). Kept dependency-free
+ * (no react-easy-crop import) so it's trivially unit-testable and reusable
+ * without pulling in the cropper UI library.
+ */
+import { type CropRect } from '../../assets/transform-directives';
+/** react-easy-crop's `Area` shape, expressed in percentages (0..100). */
+export interface CropAreaPercent {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Convert react-easy-crop's `onCropComplete(croppedArea, croppedAreaPixels)`
+ * percentage area into a normalized `CropRect`, rounded to 4 decimals and
+ * clamped to fit within bounds. Rounding can push `x+w`/`y+h` a hair over 1
+ * (e.g. x=0.6667, w=0.3334 -> 1.0001) - shrink the extent to the remaining
+ * space rather than reject a rect that was valid before rounding.
+ *
+ * Returns `null` if the input can't be coerced into a valid rect (e.g. a
+ * zero-area selection).
+ */
+export declare function cropAreaPercentToRect(area: CropAreaPercent): CropRect | null;
+/**
+ * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * `initialCroppedAreaPercentages` when re-opening the crop step for an
+ * already-cropped image, so the user sees their previous selection instead
+ * of starting over.
+ */
+export declare function cropRectToAreaPercent(rect: CropRect): CropAreaPercent;
+/** "W:H" -> the numeric aspect ratio react-easy-crop's `aspect` prop expects. Mirrors config/schemas/field.ts's ASPECT_RATIO_RE; returns undefined for anything malformed rather than throwing (defensive - the field config was already validated at schema-parse time). */
+export declare function parseAspectRatio(aspect: string | undefined): number | undefined;
+//# sourceMappingURL=crop-math.d.ts.map

package/dist/editor/media/crop-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop-math.d.ts","sourceRoot":"","sources":["../../../src/editor/media/crop-math.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAElF,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAeD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,QAAQ,GAAG,IAAI,CAW5E;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,GAAG,eAAe,CAErE;AAED,6QAA6Q;AAC7Q,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK/E"}

package/dist/editor/media/crop-math.js

@@ -0,0 +1,62 @@
+/**
+ * Pure math for the ImageField crop step: converting between react-easy-crop's
+ * percentage-based `Area` shape and CanopyCMS's normalized 0..1 `CropRect`
+ * (the same shape stored in `ImageFieldValue.crop` and accepted by the `c=`
+ * transform directive - see assets/transform-directives.ts). Kept dependency-free
+ * (no react-easy-crop import) so it's trivially unit-testable and reusable
+ * without pulling in the cropper UI library.
+ */
+import { isValidCropRect } from '../../assets/transform-directives.js';
+/** Matches transform-directives.ts's CROP_PRECISION so a crop rect round-trips through the URL directive unchanged. */
+const CROP_PRECISION = 4;
+function roundTo(value, decimals) {
+    const factor = 10 ** decimals;
+    return Math.round(value * factor) / factor;
+}
+function clamp01(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return Math.min(1, Math.max(0, value));
+}
+/**
+ * Convert react-easy-crop's `onCropComplete(croppedArea, croppedAreaPixels)`
+ * percentage area into a normalized `CropRect`, rounded to 4 decimals and
+ * clamped to fit within bounds. Rounding can push `x+w`/`y+h` a hair over 1
+ * (e.g. x=0.6667, w=0.3334 -> 1.0001) - shrink the extent to the remaining
+ * space rather than reject a rect that was valid before rounding.
+ *
+ * Returns `null` if the input can't be coerced into a valid rect (e.g. a
+ * zero-area selection).
+ */
+export function cropAreaPercentToRect(area) {
+    const x = roundTo(clamp01(area.x / 100), CROP_PRECISION);
+    const y = roundTo(clamp01(area.y / 100), CROP_PRECISION);
+    let w = roundTo(clamp01(area.width / 100), CROP_PRECISION);
+    let h = roundTo(clamp01(area.height / 100), CROP_PRECISION);
+    if (x + w > 1)
+        w = roundTo(1 - x, CROP_PRECISION);
+    if (y + h > 1)
+        h = roundTo(1 - y, CROP_PRECISION);
+    if (!isValidCropRect(x, y, w, h))
+        return null;
+    return { x, y, w, h };
+}
+/**
+ * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * `initialCroppedAreaPercentages` when re-opening the crop step for an
+ * already-cropped image, so the user sees their previous selection instead
+ * of starting over.
+ */
+export function cropRectToAreaPercent(rect) {
+    return { x: rect.x * 100, y: rect.y * 100, width: rect.w * 100, height: rect.h * 100 };
+}
+/** "W:H" -> the numeric aspect ratio react-easy-crop's `aspect` prop expects. Mirrors config/schemas/field.ts's ASPECT_RATIO_RE; returns undefined for anything malformed rather than throwing (defensive - the field config was already validated at schema-parse time). */
+export function parseAspectRatio(aspect) {
+    if (!aspect)
+        return undefined;
+    const match = /^([1-9][0-9]*):([1-9][0-9]*)$/.exec(aspect);
+    if (!match)
+        return undefined;
+    return Number(match[1]) / Number(match[2]);
+}
+//# sourceMappingURL=crop-math.js.map

package/dist/editor/media/crop-math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop-math.js","sourceRoot":"","sources":["../../../src/editor/media/crop-math.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,eAAe,EAAiB,MAAM,mCAAmC,CAAA;AAUlF,uHAAuH;AACvH,MAAM,cAAc,GAAG,CAAC,CAAA;AAExB,SAAS,OAAO,CAAC,KAAa,EAAE,QAAgB;IAC9C,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,CAAA;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM,CAAA;AAC5C,CAAC;AAED,SAAS,OAAO,CAAC,KAAa;IAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IACrC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;AACxC,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAqB;IACzD,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACxD,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACxD,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAC1D,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAE3D,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACjD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAEjD,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAc;IAClD,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAA;AACxF,CAAC;AAED,6QAA6Q;AAC7Q,MAAM,UAAU,gBAAgB,CAAC,MAA0B;IACzD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAA;IAC7B,MAAM,KAAK,GAAG,+BAA+B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC1D,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAA;IAC5B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC"}

package/dist/editor/media/upload-asset.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Shared upload state machine: presign -> transport -> finalize. Used by
+ * every asset-upload entry point in the editor (MediaLibrary's dropzone,
+ * ImageField's empty-state dropzone, the MDX image dialog's Upload tab, and
+ * MDXEditor's own drag/drop/paste `imageUploadHandler`) so the flow (and its
+ * 415/413 pipeline-rejection error surfacing) lives in exactly one place.
+ *
+ * Framework-agnostic (no React) so `MarkdownField`'s `imageUploadHandler`
+ * prop - a plain `(file: File) => Promise<string>` function required by
+ * MDXEditor's `imagePlugin`, called outside of any component render - can
+ * call it directly. `useAssetUpload.ts` wraps this with React state for
+ * callers that want progress/error UI.
+ */
+import type { ApiClient } from '../context';
+import type { AssetRecord } from '../../api';
+/**
+ * Upload `file` through the asset pipeline and return the finalized
+ * `AssetRecord`. `onProgress` receives a 0..1 fraction while the transport is
+ * underway for direct-upload stores (S3 presigned POST); it is never called
+ * for proxied stores (no XHR involved - `client.assets.uploadProxied` uses
+ * `fetch`, which exposes no upload progress) or during the (fast) finalize
+ * step, so callers should show an indeterminate indicator whenever they
+ * aren't actively receiving progress calls.
+ *
+ * Throws an `Error` (message = the server's `error` string when available)
+ * on any failure - a rejected presign (415 unsupported type, 413 too large),
+ * a failed transport, or a rejected finalize (e.g. a magic-byte sniff
+ * mismatch or SVG sanitization failure).
+ */
+export declare function uploadAsset(client: ApiClient, file: File, onProgress?: (fraction: number) => void): Promise<AssetRecord>;
+//# sourceMappingURL=upload-asset.d.ts.map

package/dist/editor/media/upload-asset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-asset.d.ts","sourceRoot":"","sources":["../../../src/editor/media/upload-asset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;;;;;;;;;;GAaG;AACH,wBAAsB,WAAW,CAC/B,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACtC,OAAO,CAAC,WAAW,CAAC,CA6BtB"}

package/dist/editor/media/upload-asset.js

@@ -0,0 +1,56 @@
+/**
+ * Shared upload state machine: presign -> transport -> finalize. Used by
+ * every asset-upload entry point in the editor (MediaLibrary's dropzone,
+ * ImageField's empty-state dropzone, the MDX image dialog's Upload tab, and
+ * MDXEditor's own drag/drop/paste `imageUploadHandler`) so the flow (and its
+ * 415/413 pipeline-rejection error surfacing) lives in exactly one place.
+ *
+ * Framework-agnostic (no React) so `MarkdownField`'s `imageUploadHandler`
+ * prop - a plain `(file: File) => Promise<string>` function required by
+ * MDXEditor's `imagePlugin`, called outside of any component render - can
+ * call it directly. `useAssetUpload.ts` wraps this with React state for
+ * callers that want progress/error UI.
+ */
+import { uploadToPresignedPost } from './xhr-upload.js';
+/**
+ * Upload `file` through the asset pipeline and return the finalized
+ * `AssetRecord`. `onProgress` receives a 0..1 fraction while the transport is
+ * underway for direct-upload stores (S3 presigned POST); it is never called
+ * for proxied stores (no XHR involved - `client.assets.uploadProxied` uses
+ * `fetch`, which exposes no upload progress) or during the (fast) finalize
+ * step, so callers should show an indeterminate indicator whenever they
+ * aren't actively receiving progress calls.
+ *
+ * Throws an `Error` (message = the server's `error` string when available)
+ * on any failure - a rejected presign (415 unsupported type, 413 too large),
+ * a failed transport, or a rejected finalize (e.g. a magic-byte sniff
+ * mismatch or SVG sanitization failure).
+ */
+export async function uploadAsset(client, file, onProgress) {
+    const presignResult = await client.assets.presign({
+        filename: file.name,
+        contentType: file.type || 'application/octet-stream',
+        size: file.size,
+    });
+    if (!presignResult.ok || !presignResult.data) {
+        throw new Error(presignResult.error || 'Failed to start upload');
+    }
+    const { upload } = presignResult.data;
+    if (upload.mode === 'direct') {
+        await uploadToPresignedPost(upload, file, onProgress);
+        const finalizeResult = await client.assets.finalize({
+            stagingKey: upload.stagingKey,
+            filename: file.name,
+        });
+        if (!finalizeResult.ok || !finalizeResult.data) {
+            throw new Error(finalizeResult.error || 'Failed to finalize upload');
+        }
+        return finalizeResult.data.asset;
+    }
+    const uploadResult = await client.assets.uploadProxied(file);
+    if (!uploadResult.ok || !uploadResult.data) {
+        throw new Error(uploadResult.error || 'Failed to upload');
+    }
+    return uploadResult.data.asset;
+}
+//# sourceMappingURL=upload-asset.js.map

package/dist/editor/media/upload-asset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-asset.js","sourceRoot":"","sources":["../../../src/editor/media/upload-asset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAC/B,MAAiB,EACjB,IAAU,EACV,UAAuC;IAEvC,MAAM,aAAa,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;QAChD,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,WAAW,EAAE,IAAI,CAAC,IAAI,IAAI,0BAA0B;QACpD,IAAI,EAAE,IAAI,CAAC,IAAI;KAChB,CAAC,CAAA;IACF,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC7C,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,wBAAwB,CAAC,CAAA;IAClE,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI,CAAA;IAErC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAA;QACrD,MAAM,cAAc,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;YAClD,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI;SACpB,CAAC,CAAA;QACF,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAC/C,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,IAAI,2BAA2B,CAAC,CAAA;QACtE,CAAC;QACD,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAA;IAClC,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC3C,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,kBAAkB,CAAC,CAAA;IAC3D,CAAC;IACD,OAAO,YAAY,CAAC,IAAI,CAAC,KAAK,CAAA;AAChC,CAAC"}