canopycms 0.0.63 → 0.0.64

package/dist/editor/hooks/useCommentsData.d.ts

@@ -7,8 +7,8 @@
  * applied to the branches list.
  */
 import { type SWRResponse } from 'swr';
-import type { ApiClient } from '../context';
-import type { CommentThread } from '../../comment-store';
+import type { ApiClient } from '../context/index.js';
+import type { CommentThread } from '../../comment-store.js';
 /** Cache key for a branch's comment threads. */
 export declare const commentsKey: (branch: string) => string;
 export interface CommentsData {
@@ -26,4 +26,3 @@ export declare function fetchComments(apiClient: Pick<ApiClient, 'comments'>, br
  * (branchless start), in which case fetching is disabled entirely (null key).
  */
 export declare function useCommentsData(apiClient: Pick<ApiClient, 'comments'>, branch: string): SWRResponse<CommentsData, never>;
-//# sourceMappingURL=useCommentsData.d.ts.map

package/dist/editor/hooks/useCommentsData.js

@@ -37,4 +37,3 @@ export async function fetchComments(apiClient, branch) {
 export function useCommentsData(apiClient, branch) {
     return useSWR(branch ? commentsKey(branch) : null, () => fetchComments(apiClient, branch));
 }
-//# sourceMappingURL=useCommentsData.js.map

package/dist/editor/hooks/useDraftManager.d.ts

@@ -1,6 +1,6 @@
-import type { EditorEntry } from '../Editor';
-import type { LogicalPath } from '../../paths/types';
-import type { FormValue } from '../FormRenderer';
+import type { EditorEntry } from '../Editor.js';
+import type { LogicalPath } from '../../paths/types.js';
+import type { FormValue } from '../FormRenderer.js';
 /**
  * True when two field-error maps have the same keys and values (order
  * independent). Used to bail out of a state update with the same object
@@ -92,4 +92,3 @@ export interface UseDraftManagerReturn {
  * ```
  */
 export declare function useDraftManager(options: UseDraftManagerOptions): UseDraftManagerReturn;
-//# sourceMappingURL=useDraftManager.d.ts.map

package/dist/editor/hooks/useDraftManager.js

@@ -704,4 +704,3 @@ export function useDraftManager(options) {
         fieldErrors,
     };
 }
-//# sourceMappingURL=useDraftManager.js.map

package/dist/editor/hooks/useEditorLayout.d.ts

@@ -1,4 +1,4 @@
-import type { PaneLayout } from '../EditorPanes';
+import type { PaneLayout } from '../EditorPanes.js';
 export interface UseEditorLayoutReturn {
     layout: PaneLayout;
     setLayout: (layout: PaneLayout) => void;
@@ -31,4 +31,3 @@ export interface UseEditorLayoutReturn {
  * ```
  */
 export declare function useEditorLayout(): UseEditorLayoutReturn;
-//# sourceMappingURL=useEditorLayout.d.ts.map

package/dist/editor/hooks/useEditorLayout.js

@@ -49,4 +49,3 @@ export function useEditorLayout() {
         headerHeight,
     };
 }
-//# sourceMappingURL=useEditorLayout.js.map

package/dist/editor/hooks/useEntriesData.d.ts

@@ -1,6 +1,6 @@
-import type { CollectionItem } from '../../api/entries';
-import type { ApiClient } from '../context';
-import type { EditorEntry, EditorCollection } from '../Editor';
+import type { CollectionItem } from '../../api/entries.js';
+import type { ApiClient } from '../context/index.js';
+import type { EditorEntry, EditorCollection } from '../Editor.js';
 /** Cache key for a branch's combined schema + entries data. */
 export declare const entriesKey: (branch: string) => string;
 export interface EntriesData {
@@ -11,7 +11,6 @@ export interface EntriesData {
 }
 export interface FetchEntriesParams {
     resolvePreviewSrc: (entry: Partial<EditorEntry>) => string | undefined;
-    contentRoot?: string;
 }
 /**
  * Fetch every entry on a branch by following the list endpoint's pagination
@@ -32,4 +31,3 @@ export declare function listAllEntries(apiClient: {
  * and for the imperative reload path (useEntryManager.refreshEntries).
  */
 export declare function fetchEntriesAndSchema(apiClient: Pick<ApiClient, 'schema' | 'entries'>, branch: string, params: FetchEntriesParams): Promise<EntriesData>;
-//# sourceMappingURL=useEntriesData.d.ts.map

package/dist/editor/hooks/useEntriesData.js

@@ -86,11 +86,8 @@ export async function fetchEntriesAndSchema(apiClient, branch, params) {
             entries: allEntries,
             pagination: { hasMore: false, limit: ENTRIES_PAGE_LIMIT },
         },
-        branchName: branch,
         resolvePreviewSrc: (entry) => params.resolvePreviewSrc(entry) ?? '',
-        contentRoot: params.contentRoot || 'content',
         flatSchema: hydratedFlatSchema,
     });
     return { collections, entries, availableSchemas: Object.keys(entrySchemas) };
 }
-//# sourceMappingURL=useEntriesData.js.map

package/dist/editor/hooks/useEntryLinkResolution.d.ts

@@ -6,8 +6,8 @@
  * Used to transform body content before it reaches the PreviewFrame,
  * so the preview iframe receives fully-resolved URLs.
  */
-import type { EditorEntry } from '../Editor';
-import { type EntryLinkUrlResolver } from '../../entry-link-resolver';
+import type { EditorEntry } from '../Editor.js';
+import { type EntryLinkUrlResolver } from '../../entry-link-resolver.js';
 export interface UseEntryLinkResolutionOptions {
     entries: EditorEntry[];
     contentRoot?: string;
@@ -23,4 +23,3 @@ export interface UseEntryLinkResolutionOptions {
 export declare function useEntryLinkResolution({ entries, contentRoot, entryLinkUrl, }: UseEntryLinkResolutionOptions): {
     resolveEntryLinks: (data: Record<string, unknown>) => Record<string, unknown>;
 };
-//# sourceMappingURL=useEntryLinkResolution.d.ts.map

package/dist/editor/hooks/useEntryLinkResolution.js

@@ -93,4 +93,3 @@ export function useEntryLinkResolution({ entries, contentRoot, entryLinkUrl, })
     }, [urlMap]);
     return { resolveEntryLinks };
 }
-//# sourceMappingURL=useEntryLinkResolution.js.map

package/dist/editor/hooks/useEntryManager.d.ts

@@ -1,8 +1,8 @@
-import type { EditorEntry, EditorCollection } from '../Editor';
-import type { LogicalPath } from '../../paths/types';
-import type { FormValue } from '../FormRenderer';
-import type { EntryFieldError } from '../../validation/entry-validator';
-export { listAllEntries } from './useEntriesData';
+import type { EditorEntry, EditorCollection } from '../Editor.js';
+import type { LogicalPath } from '../../paths/types.js';
+import type { FormValue } from '../FormRenderer.js';
+import type { EntryFieldError } from '../../validation/entry-validator.js';
+export { listAllEntries } from './useEntriesData.js';
 /**
  * Thrown by saveEntry when the API returns a non-200 response. Carries the
  * HTTP status so callers can distinguish conflict (409) and validation
@@ -22,7 +22,6 @@ export interface UseEntryManagerOptions {
     previewBaseByCollection?: Record<string, string>;
     resolvePreviewSrc: (entry: Partial<EditorEntry>) => string | undefined;
     setBusy: (busy: boolean) => void;
-    contentRoot?: string;
 }
 export interface UseEntryManagerReturn {
     selectedPath: string;
@@ -106,4 +105,3 @@ export interface UseEntryManagerReturn {
  * ```
  */
 export declare function useEntryManager(options: UseEntryManagerOptions): UseEntryManagerReturn;
-//# sourceMappingURL=useEntryManager.d.ts.map

package/dist/editor/hooks/useEntryManager.js

@@ -275,6 +275,14 @@ export function useEntryManager(options) {
         const validationWarnings = result.data?.validationWarnings;
         if (validationWarnings && validationWarnings.length > 0) {
             notifications.show({
+                // Stable per-entry id: the underlying condition (e.g. an unknown
+                // schema key) is typically permanent until a developer edits the
+                // schema, so every save on this entry re-fires this notification.
+                // Mantine treats a missing `id` as "always append" -- without one,
+                // five saves left five identical sticky (autoClose: false) toasts
+                // stacked on screen. A stable id makes each subsequent call REPLACE
+                // the prior toast in place instead.
+                id: `save-warnings-${entry.contentId}`,
                 title: 'Saved with warnings',
                 // '; '-joined: the notification collapses newlines, so '\n' would run the
                 // issues together (matches the '; ' join the save-rejection path uses).
@@ -301,7 +309,6 @@ export function useEntryManager(options) {
         const seq = claimRefreshSeq(branch);
         const fetched = await fetchEntriesAndSchema(apiClient, branch, {
             resolvePreviewSrc: options.resolvePreviewSrc,
-            contentRoot: options.contentRoot,
         });
         if (seq >= committedRefreshSeq(branch)) {
             // Warm the SWR cache for this branch (it's this branch's own slot, so
@@ -473,7 +480,6 @@ export function useEntryManager(options) {
         const seq = claimRefreshSeq(branch);
         return fetchEntriesAndSchema(apiClient, branch, {
             resolvePreviewSrc: options.resolvePreviewSrc,
-            contentRoot: options.contentRoot,
         }).then((fetched) => ({ fetched, seq, branch }));
     });
     // Commit the current branch's tagged data -- both fresh settles AND SWR
@@ -613,4 +619,3 @@ export function useEntryManager(options) {
         closeCreateModal,
     };
 }
-//# sourceMappingURL=useEntryManager.js.map

package/dist/editor/hooks/useGroupManager.d.ts

@@ -1,5 +1,5 @@
-import type { InternalGroup } from '../../authorization';
-import type { UserSearchResult, GroupMetadata } from '../../auth/types';
+import type { InternalGroup } from '../../authorization/index.js';
+import type { UserSearchResult, GroupMetadata } from '../../auth/types.js';
 export interface UseGroupManagerOptions {
     /**
      * Whether the group manager is currently open.
@@ -40,4 +40,3 @@ export interface UseGroupManagerReturn {
  * ```
  */
 export declare function useGroupManager(options: UseGroupManagerOptions): UseGroupManagerReturn;
-//# sourceMappingURL=useGroupManager.d.ts.map

package/dist/editor/hooks/useGroupManager.js

@@ -130,4 +130,3 @@ export function useGroupManager(options) {
         loadGroups,
     };
 }
-//# sourceMappingURL=useGroupManager.js.map

package/dist/editor/hooks/usePermissionManager.d.ts

@@ -1,5 +1,5 @@
-import type { PathPermission } from '../../config';
-import type { PermissionGroupOption } from '../../auth/types';
+import type { PathPermission } from '../../config/index.js';
+import type { PermissionGroupOption } from '../../auth/types.js';
 export interface UsePermissionManagerOptions {
     /**
      * Whether the permission manager is currently open.
@@ -37,4 +37,3 @@ export interface UsePermissionManagerReturn {
  * ```
  */
 export declare function usePermissionManager(options: UsePermissionManagerOptions): UsePermissionManagerReturn;
-//# sourceMappingURL=usePermissionManager.d.ts.map

package/dist/editor/hooks/usePermissionManager.js

@@ -104,4 +104,3 @@ export function usePermissionManager(options) {
         loadPermissions,
     };
 }
-//# sourceMappingURL=usePermissionManager.js.map

package/dist/editor/hooks/useReferenceResolution.d.ts

@@ -30,7 +30,7 @@
  * - Cleared on branch change
  * - Persists across edits for instant re-renders
  */
-import type { EntrySchema } from '../../config';
+import type { EntrySchema } from '../../config/index.js';
 export type FormValue = Record<string, unknown>;
 export interface UseReferenceResolutionOptions {
     value: FormValue;
@@ -44,4 +44,3 @@ export interface UseReferenceResolutionResult {
     loadingState: FormValue;
 }
 export declare function useReferenceResolution({ value, fields, branch, onResolvedValueChange, onLoadingStateChange, }: UseReferenceResolutionOptions): UseReferenceResolutionResult;
-//# sourceMappingURL=useReferenceResolution.d.ts.map

package/dist/editor/hooks/useReferenceResolution.js

@@ -33,7 +33,13 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { resolveChangedReferences } from '../client-reference-resolver.js';
 import { flattenGroupFields } from '../../utils/flatten-group-fields.js';
+import { useOptionalApiClient } from '../context/index.js';
 export function useReferenceResolution({ value, fields, branch, onResolvedValueChange, onLoadingStateChange, }) {
+    // Context-provided client (configured with the deployment's basePath) when this hook is
+    // rendered inside an ApiClientProvider -- which it always is in the real Editor tree. `null`
+    // outside one (e.g. FormRenderer.stories.tsx, or this hook's own unwrapped unit tests);
+    // resolveChangedReferences falls back to a default-configured client in that case.
+    const apiClient = useOptionalApiClient();
     const resolvedCache = useRef(new Map());
     const prevValueRef = useRef({}); // Track previous value for change detection
     const lastNotifiedValueRef = useRef(''); // Track last notified value to prevent infinite loops
@@ -160,7 +166,7 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
         const timeout = setTimeout(async () => {
             try {
                 // Resolve uncached IDs via API
-                const updates = await resolveChangedReferences(prevValueRef.current, value, fields, branch, resolvedCache.current);
+                const updates = await resolveChangedReferences(prevValueRef.current, value, fields, branch, resolvedCache.current, apiClient ?? undefined);
                 // A newer value/branch superseded this attempt, or the component
                 // unmounted, while the request above was in flight -- discard.
                 if (generation !== resolveGenerationRef.current)
@@ -200,7 +206,7 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
             // unmount, where there IS no next run to bump the counter otherwise.
             ++resolveGenerationRef.current;
         };
-    }, [value, fields, branch, referenceFieldNames]);
+    }, [value, fields, branch, referenceFieldNames, apiClient]);
     // Clear cache when branch changes
     useEffect(() => {
         resolvedCache.current.clear();
@@ -228,4 +234,3 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
         loadingState,
     };
 }
-//# sourceMappingURL=useReferenceResolution.js.map

package/dist/editor/hooks/useSchemaManager.d.ts

@@ -1,5 +1,5 @@
-import type { CreateCollectionInput, UpdateCollectionInput, CreateEntryTypeInput, UpdateEntryTypeInput } from '../../api';
-import type { LogicalPath, ContentId } from '../../paths/types';
+import type { CreateCollectionInput, UpdateCollectionInput, CreateEntryTypeInput, UpdateEntryTypeInput } from '../../api/index.js';
+import type { LogicalPath, ContentId } from '../../paths/types.js';
 export interface UseSchemaManagerOptions {
     branchName: string;
     onSchemaChange?: () => void;
@@ -67,4 +67,3 @@ export interface UseSchemaManagerReturn {
  * ```
  */
 export declare function useSchemaManager(options: UseSchemaManagerOptions): UseSchemaManagerReturn;
-//# sourceMappingURL=useSchemaManager.d.ts.map

package/dist/editor/hooks/useSchemaManager.js

@@ -229,4 +229,3 @@ export function useSchemaManager(options) {
         isLoading,
     };
 }
-//# sourceMappingURL=useSchemaManager.js.map

package/dist/editor/hooks/useUserContext.d.ts

@@ -1,4 +1,4 @@
-import type { UserContext } from '../BranchManager';
+import type { UserContext } from '../BranchManager.js';
 export interface UseUserContextReturn {
     userContext: UserContext | undefined;
     loading: boolean;
@@ -19,4 +19,3 @@ export interface UseUserContextReturn {
  * ```
  */
 export declare function useUserContext(): UseUserContextReturn;
-//# sourceMappingURL=useUserContext.d.ts.map

package/dist/editor/hooks/useUserContext.js

@@ -1,6 +1,7 @@
 'use client';
 import { useEffect, useState } from 'react';
 import { createApiClient } from '../../api/index.js';
+import { useOptionalApiClient } from '../context/index.js';
 /**
  * Hook to fetch current user context from the API.
  * This provides the userId and groups needed for permission checks.
@@ -19,11 +20,16 @@ export function useUserContext() {
     const [userContext, setUserContext] = useState();
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState();
+    // Context-provided client (configured with the deployment's basePath) when rendered inside an
+    // ApiClientProvider -- which it always is in the real Editor tree. `null` outside one (e.g.
+    // Editor.stories.tsx renders <Editor> directly, without CanopyEditor's provider wrapper), in
+    // which case we fall back to a default-configured client below.
+    const contextApiClient = useOptionalApiClient();
     useEffect(() => {
         const fetchUserContext = async () => {
             setLoading(true);
             try {
-                const apiClient = createApiClient();
+                const apiClient = contextApiClient ?? createApiClient();
                 const result = await apiClient.user.whoami();
                 if (result.ok && result.data) {
                     setUserContext({
@@ -44,7 +50,6 @@ export function useUserContext() {
             }
         };
         fetchUserContext();
-    }, []);
+    }, [contextApiClient]);
     return { userContext, loading, error };
 }
-//# sourceMappingURL=useUserContext.js.map

package/dist/editor/hooks/useUserMetadata.d.ts

@@ -1,5 +1,5 @@
-import type { UserSearchResult } from '../../auth/types';
-import type { CanopyUserId } from '../../types';
+import type { UserSearchResult } from '../../auth/types.js';
+import type { CanopyUserId } from '../../types.js';
 export interface UseUserMetadataResult {
     userMetadata: UserSearchResult | null;
     isLoading: boolean;
@@ -13,4 +13,3 @@ export interface UseUserMetadataResult {
  * @param cachedUser - Optional: if provided, returns immediately without fetching
  */
 export declare function useUserMetadata(userId: CanopyUserId, getUserMetadata: (userId: string) => Promise<UserSearchResult | null>, cachedUser?: UserSearchResult): UseUserMetadataResult;
-//# sourceMappingURL=useUserMetadata.d.ts.map

package/dist/editor/hooks/useUserMetadata.js

@@ -52,4 +52,3 @@ export function useUserMetadata(userId, getUserMetadata, cachedUser) {
     }, [userId, getUserMetadata, cachedUser]);
     return { userMetadata, isLoading, error };
 }
-//# sourceMappingURL=useUserMetadata.js.map

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AssetRecord } from '../../api';
+import type { AssetRecord } from '../../api/index.js';
 export interface AssetCardProps {
     asset: AssetRecord;
     /** `media.publicBaseUrl` - see AssetContext. */
@@ -18,4 +18,3 @@ export interface AssetCardProps {
  */
 export declare const AssetCard: React.FC<AssetCardProps>;
 export default AssetCard;
-//# sourceMappingURL=AssetCard.d.ts.map

package/dist/editor/media/AssetCard.js

@@ -59,4 +59,3 @@ export const AssetCard = ({ asset, baseUrl, onSelect, onDelete }) => {
                     }, children: [_jsx(IconPhotoOff, { size: 28, stroke: 1.5, color: "var(--mantine-color-gray-5)" }), _jsx(Text, { size: "xs", c: "dimmed", children: "Preview unavailable" })] })) : (_jsx("img", { src: thumbnailSrc, alt: asset.filename, style: { width: '100%', height: 100, objectFit: 'cover', display: 'block' }, onError: () => setThumbnailFailed(true) })) }), _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/CropStep.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CropRect } from '../../assets/transform-directives';
+import type { CropRect } from '../../assets/transform-directives.js';
 export interface CropStepProps {
     opened: boolean;
     onClose: () => void;
@@ -23,4 +23,3 @@ export interface CropStepProps {
  */
 export declare const CropStep: React.FC<CropStepProps>;
 export default CropStep;
-//# sourceMappingURL=CropStep.d.ts.map

package/dist/editor/media/CropStep.js

@@ -35,4 +35,3 @@ const CropStepBody = ({ imageSrc, aspect, initialCrop, onConfirm, onClose, }) =>
     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/MediaLibrary.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AssetRecord } from '../../api';
+import type { AssetRecord } from '../../api/index.js';
 export interface MediaLibraryProps {
     opened: boolean;
     onClose: () => void;
@@ -19,4 +19,3 @@ export interface MediaLibraryProps {
  */
 export declare const MediaLibrary: React.FC<MediaLibraryProps>;
 export default MediaLibrary;
-//# sourceMappingURL=MediaLibrary.d.ts.map

package/dist/editor/media/MediaLibrary.js

@@ -14,4 +14,3 @@ export const MediaLibrary = ({ opened, onClose, mode, 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/MediaLibraryBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AssetRecord } from '../../api';
+import type { AssetRecord } from '../../api/index.js';
 export interface MediaLibraryBodyProps {
     /** Whether the enclosing Drawer/Modal is open - gates the (re)fetch of the first page on each open. */
     opened: boolean;
@@ -14,4 +14,3 @@ export interface MediaLibraryBodyProps {
  */
 export declare const MediaLibraryBody: React.FC<MediaLibraryBodyProps>;
 export default MediaLibraryBody;
-//# sourceMappingURL=MediaLibraryBody.d.ts.map

package/dist/editor/media/MediaLibraryBody.js

@@ -140,4 +140,3 @@ export const MediaLibraryBody = ({ opened, mode, onSelect }) => {
                 (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: canDeleteAsset(asset) ? () => 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/crop-math.d.ts

@@ -6,7 +6,7 @@
  * (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';
+import { type CropRect } from '../../assets/transform-directives.js';
 /** react-easy-crop's `Area` shape, expressed in percentages (0..100). */
 export interface CropAreaPercent {
     x: number;
@@ -34,4 +34,3 @@ export declare function cropAreaPercentToRect(area: CropAreaPercent): CropRect |
 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.js

@@ -59,4 +59,3 @@ export function parseAspectRatio(aspect) {
         return undefined;
     return Number(match[1]) / Number(match[2]);
 }
-//# sourceMappingURL=crop-math.js.map

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

@@ -11,8 +11,8 @@
  * 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';
+import type { ApiClient } from '../context/index.js';
+import type { AssetRecord } from '../../api/index.js';
 /**
  * Upload `file` through the asset pipeline and return the finalized
  * `AssetRecord`. `onProgress` receives a 0..1 fraction while the transport is
@@ -28,4 +28,3 @@ import type { AssetRecord } from '../../api';
  * 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.js

@@ -53,4 +53,3 @@ export async function uploadAsset(client, file, onProgress) {
     }
     return uploadResult.data.asset;
 }
-//# sourceMappingURL=upload-asset.js.map

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

@@ -24,4 +24,3 @@ export declare const ACCEPTED_ASSET_MIME_TYPES: string[];
 export declare const ACCEPTED_IMAGE_MIME_TYPES: string[];
 /** Mirrors store-local.ts/store-s3.ts's DEFAULT_MAX_UPLOAD_BYTES. The real limit is enforced by the presigned target's `maxBytes` (S3 content-length-range or the local store's own cap); this only avoids a doomed upload attempt. */
 export declare const MAX_UPLOAD_BYTES: number;
-//# sourceMappingURL=upload-constants.d.ts.map

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

@@ -37,4 +37,3 @@ export const ACCEPTED_IMAGE_MIME_TYPES = [
 ];
 /** Mirrors store-local.ts/store-s3.ts's DEFAULT_MAX_UPLOAD_BYTES. The real limit is enforced by the presigned target's `maxBytes` (S3 content-length-range or the local store's own cap); this only avoids a doomed upload attempt. */
 export const MAX_UPLOAD_BYTES = 50 * 1024 * 1024;
-//# sourceMappingURL=upload-constants.js.map

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

@@ -1,4 +1,4 @@
-import type { AssetRecord } from '../../api';
+import type { AssetRecord } from '../../api/index.js';
 export interface UseAssetUploadResult {
     uploading: boolean;
     /** 0..1 fraction while a direct-upload transport is in flight; `null` when indeterminate (proxied stores, or the finalize step). */
@@ -16,4 +16,3 @@ export interface UseAssetUploadResult {
  * `ApiClientProvider`.
  */
 export declare function useAssetUpload(): UseAssetUploadResult;
-//# sourceMappingURL=useAssetUpload.d.ts.map

package/dist/editor/media/useAssetUpload.js

@@ -50,4 +50,3 @@ export function useAssetUpload() {
     }, []);
     return { uploading, progress, error, upload, reset };
 }
-//# sourceMappingURL=useAssetUpload.js.map

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

@@ -17,4 +17,3 @@ export interface PresignedPostTarget {
  * the status code is enough to surface a "something went wrong" message).
  */
 export declare function uploadToPresignedPost(target: PresignedPostTarget, file: File, onProgress?: (fraction: number) => void): Promise<void>;
-//# sourceMappingURL=xhr-upload.d.ts.map

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

@@ -39,4 +39,3 @@ export function uploadToPresignedPost(target, file, onProgress) {
         xhr.send(formData);
     });
 }
-//# sourceMappingURL=xhr-upload.js.map

package/dist/editor/permission-manager/GroupSelector.d.ts

@@ -2,7 +2,7 @@
  * Group search and selection component
  */
 import React from 'react';
-import type { GroupSelectItem } from './types';
+import type { GroupSelectItem } from './types.js';
 export interface GroupSelectorProps {
     searchQuery: string;
     onSearchChange: (query: string) => void;
@@ -10,4 +10,3 @@ export interface GroupSelectorProps {
     onSelectGroup: (groupId: string) => void;
 }
 export declare const GroupSelector: React.FC<GroupSelectorProps>;
-//# sourceMappingURL=GroupSelector.d.ts.map

package/dist/editor/permission-manager/GroupSelector.js

@@ -24,4 +24,3 @@ export const GroupSelector = ({ searchQuery, onSearchChange, filteredGroups, onS
                             e.currentTarget.style.backgroundColor = 'transparent';
                         }, onClick: () => onSelectGroup(group.value), children: _jsxs(Group, { gap: "xs", justify: "space-between", wrap: "nowrap", children: [_jsx("span", { children: group.label }), _jsx(Text, { size: "10px", c: "dimmed", style: { flexShrink: 0 }, children: GROUP_SOURCE_LABELS[group.source] })] }) }, group.value))) })), searchQuery.trim() && filteredGroups.length === 0 && (_jsx(Text, { size: "xs", c: "dimmed", children: "No groups found" }))] }) }));
 };
-//# sourceMappingURL=GroupSelector.js.map

package/dist/editor/permission-manager/PermissionEditor.d.ts

@@ -3,7 +3,7 @@
  * Handles permission CRUD with tabs for each level.
  */
 import React from 'react';
-import type { TreeNode, PermissionLevel, GroupSelectItem, UserSearchResult } from './types';
+import type { TreeNode, PermissionLevel, GroupSelectItem, UserSearchResult } from './types.js';
 export interface PermissionEditorProps {
     node: TreeNode;
     activeLevel: PermissionLevel;
@@ -31,4 +31,3 @@ export interface PermissionEditorProps {
     onRemoveGroup: (path: string, level: PermissionLevel, groupId: string) => void;
 }
 export declare const PermissionEditor: React.FC<PermissionEditorProps>;
-//# sourceMappingURL=PermissionEditor.d.ts.map

package/dist/editor/permission-manager/PermissionEditor.js

@@ -27,4 +27,3 @@ export const PermissionEditor = ({ node, activeLevel, onSetActiveLevel, canEdit,
                                                         (!directTarget?.allowedUsers || directTarget.allowedUsers.length === 0) && (_jsxs(Text, { size: "xs", c: "dimmed", children: ["No groups or users assigned for ", level] }))] }), _jsxs(Group, { gap: "xs", children: [_jsx(Button, { size: "xs", variant: "subtle", leftSection: _jsx(IconSearch, { size: 14 }), onClick: () => onToggleGroupSearch(!showGroupSearch), children: showGroupSearch ? 'Cancel' : 'Add Groups' }), _jsx(Button, { size: "xs", variant: "subtle", leftSection: _jsx(IconSearch, { size: 14 }), onClick: () => onToggleUserSearch(!showUserSearch), children: showUserSearch ? 'Cancel' : 'Add User' }), !(directTarget?.allowedUsers ?? []).includes('anonymous') && (_jsx(Tooltip, { label: "Allow unauthenticated/public access", children: _jsx(Button, { size: "xs", variant: "subtle", color: "orange", leftSection: _jsx(IconUserOff, { size: 14 }), onClick: () => onAddUser(node.path, level, 'anonymous'), children: "Add Anonymous" }) }))] }), showGroupSearch && isSelected && activeLevel === level && (_jsx(GroupSelector, { searchQuery: groupSearchQuery, onSearchChange: onSearchGroups, filteredGroups: filteredGroups, onSelectGroup: (groupId) => onAddGroup(node.path, level, groupId) })), showUserSearch && isSelected && activeLevel === level && (_jsx(UserSelector, { searchQuery: userSearchQuery, onSearchChange: onSearchUsers, searchResults: userSearchResults, isSearching: isSearchingUsers, searchError: userSearchError, onSelectUser: (userId) => onAddUser(node.path, level, userId), onGetUserMetadata: onGetUserMetadata }))] })) : (_jsx(Text, { size: "xs", c: "dimmed", children: directTarget ? 'Read-only view' : 'No direct permissions set' }))] }, level));
                         })] })] }) }));
 };
-//# sourceMappingURL=PermissionEditor.js.map

package/dist/editor/permission-manager/PermissionLevelBadge.d.ts

@@ -2,7 +2,7 @@
  * Badge component for displaying permission levels
  */
 import React from 'react';
-import type { PermissionLevel, PermissionTarget } from './types';
+import type { PermissionLevel, PermissionTarget } from './types.js';
 export interface PermissionLevelBadgeProps {
     level: PermissionLevel;
     target?: PermissionTarget;
@@ -13,4 +13,3 @@ export interface PermissionLevelBadgeProps {
  * Shows filled badge for direct permissions, outlined for inherited.
  */
 export declare const PermissionLevelBadge: React.FC<PermissionLevelBadgeProps>;
-//# sourceMappingURL=PermissionLevelBadge.d.ts.map

package/dist/editor/permission-manager/PermissionLevelBadge.js

@@ -19,4 +19,3 @@ export const PermissionLevelBadge = ({ level, target, inherited, }) => {
     }
     return null;
 };
-//# sourceMappingURL=PermissionLevelBadge.js.map

package/dist/editor/permission-manager/PermissionTree.d.ts

@@ -3,7 +3,7 @@
  * Renders the content tree with permission badges and handles selection.
  */
 import React from 'react';
-import type { TreeNode, PermissionLevel, PermissionTarget, GroupSelectItem, UserSearchResult } from './types';
+import type { TreeNode, PermissionLevel, PermissionTarget, GroupSelectItem, UserSearchResult } from './types.js';
 export interface PermissionTreeProps {
     node: TreeNode;
     expandedNodes: Set<string>;
@@ -34,4 +34,3 @@ export interface PermissionTreeProps {
     onRemoveGroup: (path: string, level: PermissionLevel, groupId: string) => void;
 }
 export declare const PermissionTree: React.FC<PermissionTreeProps>;
-//# sourceMappingURL=PermissionTree.d.ts.map