canopycms 0.0.67-int.90 → 0.0.67

package/dist/editor/hooks/useGroupManager.js

@@ -3,26 +3,6 @@ import { notifications } from '@mantine/notifications';
 import { useApiClient } from '../context/index.js';
 /**
  * Custom hook for managing internal groups (CRUD operations).
- *
- * Handles:
- * - Loading groups from API
- * - Saving groups to API
- * - Searching for users to add to groups
- * - Searching for external groups
- *
- * @example
- * ```tsx
- * const { groupsData, groupsLoading, handleSaveGroups, handleSearchUsers } = useGroupManager({
- *   isOpen: groupManagerOpen
- * })
- *
- * // Groups are automatically loaded when isOpen becomes true
- * // Save groups
- * await handleSaveGroups(updatedGroups)
- *
- * // Search users
- * const users = await handleSearchUsers('john', 10)
- * ```
  */
 export function useGroupManager(options) {
     const apiClient = useApiClient();
@@ -114,7 +94,6 @@ export function useGroupManager(options) {
             return [];
         }
     }, []);
-    // Load groups when group manager opens
     useEffect(() => {
         if (options.isOpen) {
             loadGroups();

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

@@ -2,7 +2,6 @@ import type { PathPermission } from '../../config/index.js';
 import type { PermissionGroupOption } from '../../auth/types.js';
 export interface UsePermissionManagerOptions {
     /**
-     * Whether the permission manager is currently open.
      * Permissions are loaded when this becomes true.
      */
     isOpen: boolean;
@@ -16,24 +15,5 @@ export interface UsePermissionManagerReturn {
 }
 /**
  * Custom hook for managing path permissions (CRUD operations).
- *
- * Handles:
- * - Loading permissions from API
- * - Saving permissions to API
- * - Listing groups for permission assignment
- *
- * @example
- * ```tsx
- * const { permissionsData, permissionsLoading, handleSavePermissions, handleListGroups } = usePermissionManager({
- *   isOpen: permissionManagerOpen
- * })
- *
- * // Permissions are automatically loaded when isOpen becomes true
- * // Save permissions
- * await handleSavePermissions(updatedPermissions)
- *
- * // List groups
- * const groups = await handleListGroups()
- * ```
  */
 export declare function usePermissionManager(options: UsePermissionManagerOptions): UsePermissionManagerReturn;

package/dist/editor/hooks/usePermissionManager.js

@@ -3,25 +3,6 @@ import { notifications } from '@mantine/notifications';
 import { useApiClient } from '../context/index.js';
 /**
  * Custom hook for managing path permissions (CRUD operations).
- *
- * Handles:
- * - Loading permissions from API
- * - Saving permissions to API
- * - Listing groups for permission assignment
- *
- * @example
- * ```tsx
- * const { permissionsData, permissionsLoading, handleSavePermissions, handleListGroups } = usePermissionManager({
- *   isOpen: permissionManagerOpen
- * })
- *
- * // Permissions are automatically loaded when isOpen becomes true
- * // Save permissions
- * await handleSavePermissions(updatedPermissions)
- *
- * // List groups
- * const groups = await handleListGroups()
- * ```
  */
 export function usePermissionManager(options) {
     const apiClient = useApiClient();
@@ -90,7 +71,6 @@ export function usePermissionManager(options) {
         }
         return result.data?.groups ?? [];
     };
-    // Load permissions when permission manager opens
     useEffect(() => {
         if (options.isOpen) {
             loadPermissions();

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

@@ -1,37 +1,5 @@
-/**
- * Hook for live preview reference resolution
- *
- * LIVE PREVIEW REFERENCE RESOLUTION
- *
- * Problem: The preview needs full referenced content (e.g., {name: "Alice", bio: "..."}),
- * but the form only stores IDs (e.g., "5NVkkrB1MJUvnLqEDqDkRN").
- *
- * Solution: Synchronous resolution with background caching
- *
- * 1. SYNCHRONOUS PHASE (useMemo):
- *    - Compute resolvedValue by applying cached data to form value
- *    - If reference ID is in cache, use full object; otherwise keep ID
- *    - Runs during render, so no async gaps or race conditions
- *    - Preview always gets complete, valid data
- *
- * 2. BACKGROUND PHASE (useEffect):
- *    - Find IDs not in cache
- *    - After 300ms debounce, fetch from API
- *    - Update cache with resolved data
- *    - Trigger useMemo re-run via resolutionTrigger
- *    - Preview updates again with full data
- *
- * This two-phase approach eliminates race conditions that occurred with async state,
- * where form data and resolved data could get out of sync during transitions
- * (e.g., "Discard All Drafts" was passing empty objects to preview).
- *
- * Cache structure: Map<string, unknown> with keys like "main:5NVkkrB1MJUvnLqEDqDkRN"
- * - Branch-scoped to prevent stale cross-branch data
- * - Cleared on branch change
- * - Persists across edits for instant re-renders
- */
 import type { EntrySchema } from '../../config/index.js';
-export type FormValue = Record<string, unknown>;
+type FormValue = Record<string, unknown>;
 export interface UseReferenceResolutionOptions {
     value: FormValue;
     fields: EntrySchema;
@@ -44,3 +12,4 @@ export interface UseReferenceResolutionResult {
     loadingState: FormValue;
 }
 export declare function useReferenceResolution({ value, fields, branch, onResolvedValueChange, onLoadingStateChange, }: UseReferenceResolutionOptions): UseReferenceResolutionResult;
+export {};

package/dist/editor/hooks/useReferenceResolution.js

@@ -1,35 +1,3 @@
-/**
- * Hook for live preview reference resolution
- *
- * LIVE PREVIEW REFERENCE RESOLUTION
- *
- * Problem: The preview needs full referenced content (e.g., {name: "Alice", bio: "..."}),
- * but the form only stores IDs (e.g., "5NVkkrB1MJUvnLqEDqDkRN").
- *
- * Solution: Synchronous resolution with background caching
- *
- * 1. SYNCHRONOUS PHASE (useMemo):
- *    - Compute resolvedValue by applying cached data to form value
- *    - If reference ID is in cache, use full object; otherwise keep ID
- *    - Runs during render, so no async gaps or race conditions
- *    - Preview always gets complete, valid data
- *
- * 2. BACKGROUND PHASE (useEffect):
- *    - Find IDs not in cache
- *    - After 300ms debounce, fetch from API
- *    - Update cache with resolved data
- *    - Trigger useMemo re-run via resolutionTrigger
- *    - Preview updates again with full data
- *
- * This two-phase approach eliminates race conditions that occurred with async state,
- * where form data and resolved data could get out of sync during transitions
- * (e.g., "Discard All Drafts" was passing empty objects to preview).
- *
- * Cache structure: Map<string, unknown> with keys like "main:5NVkkrB1MJUvnLqEDqDkRN"
- * - Branch-scoped to prevent stale cross-branch data
- * - Cleared on branch change
- * - Persists across edits for instant re-renders
- */
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { resolveChangedReferences } from '../client-reference-resolver.js';
 import { flattenGroupFields } from '../../utils/flatten-group-fields.js';
@@ -52,7 +20,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
     // clearTimeout can't: a newer value/branch superseding this attempt, or
     // the component unmounting, while the network call was in flight.
     const resolveGenerationRef = useRef(0);
-    // Map field names to their types for fast lookup
     const referenceFieldNames = useMemo(() => {
         const names = new Set();
         for (const field of flattenGroupFields(fields)) {
@@ -77,25 +44,20 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
      */
     const resolvedValue = useMemo(() => {
         const result = { ...value };
-        // Synchronously apply cached resolutions
         for (const fieldName of referenceFieldNames) {
             const fieldValue = value[fieldName];
             if (fieldValue) {
                 if (Array.isArray(fieldValue)) {
-                    // List of references
                     result[fieldName] = fieldValue.map((id) => {
                         if (typeof id === 'string') {
                             const cached = resolvedCache.current.get(`${branch}:${id}`);
-                            // Return cached object, or null if not yet resolved
                             return cached || null;
                         }
                         return id;
                     });
                 }
                 else if (typeof fieldValue === 'string') {
-                    // Single reference
                     const cached = resolvedCache.current.get(`${branch}:${fieldValue}`);
-                    // Return cached object, or null if not yet resolved
                     result[fieldName] = cached || null;
                 }
             }
@@ -112,7 +74,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
             const fieldValue = value[fieldName];
             if (fieldValue) {
                 if (Array.isArray(fieldValue)) {
-                    // List of references - return array of booleans
                     result[fieldName] = fieldValue.map((id) => {
                         if (typeof id === 'string') {
                             return !resolvedCache.current.has(`${branch}:${id}`);
@@ -121,7 +82,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
                     });
                 }
                 else if (typeof fieldValue === 'string') {
-                    // Single reference - return boolean
                     result[fieldName] = !resolvedCache.current.has(`${branch}:${fieldValue}`);
                 }
                 else {
@@ -140,7 +100,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
      * Find reference IDs that aren't in cache yet and fetch them from the API.
      */
     useEffect(() => {
-        // Find all uncached reference IDs
         const uncachedIds = new Set();
         for (const fieldName of referenceFieldNames) {
             const fieldValue = value[fieldName];
@@ -162,16 +121,13 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
         // moment THIS attempt was scheduled -- not whatever the ref happens to
         // hold when the callback resumes after its await.
         const generation = ++resolveGenerationRef.current;
-        // Debounce API calls to batch multiple rapid changes
         const timeout = setTimeout(async () => {
             try {
-                // Resolve uncached IDs via API
                 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)
                     return;
-                // Update cache with resolved values
                 for (const [fieldName, resolvedFieldValue] of Object.entries(updates)) {
                     if (Array.isArray(resolvedFieldValue)) {
                         resolvedFieldValue.forEach((obj, idx) => {
@@ -191,7 +147,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
                         }
                     }
                 }
-                // Trigger useMemo re-computation
                 setResolutionTrigger((prev) => prev + 1);
                 prevValueRef.current = value;
             }
@@ -207,10 +162,9 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
             ++resolveGenerationRef.current;
         };
     }, [value, fields, branch, referenceFieldNames, apiClient]);
-    // Clear cache when branch changes
     useEffect(() => {
         resolvedCache.current.clear();
-        setResolutionTrigger((prev) => prev + 1); // Trigger re-computation with empty cache
+        setResolutionTrigger((prev) => prev + 1);
     }, [branch]);
     // Notify parent of resolved value changes (with infinite loop prevention)
     useEffect(() => {
@@ -220,7 +174,6 @@ export function useReferenceResolution({ value, fields, branch, onResolvedValueC
             onResolvedValueChange?.(resolvedValue);
         }
     }, [resolvedValue, onResolvedValueChange]);
-    // Notify parent of loading state changes
     const lastNotifiedLoadingRef = useRef('');
     useEffect(() => {
         const serialized = JSON.stringify(loadingState);

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

@@ -6,13 +6,12 @@ export interface UseSchemaManagerOptions {
 }
 /**
  * Result of a schema mutation that has no success payload. Callers branch on
- * `ok` to get a real error message instead of a bare `false`/`null` — see
- * PR #106 review follow-up item 7: `useSchemaManager` used to swallow every
- * failure into a toast, leaving catch blocks in `Editor`/`CollectionEditor`
- * with nothing but a hardcoded generic message (or no inline error at all).
- * Result objects (rather than rethrowing) keep fire-and-forget call sites
- * (e.g. `updateOrder` from a reorder click) compiling without turning them
- * into unhandled rejections.
+ * `ok` to get a real error message instead of a bare `false`/`null`: every
+ * operation returns a result object rather than throwing, so a failure is
+ * surfaced per call site instead of collapsing into one generic toast.
+ * Result objects (rather than rethrowing) also keep fire-and-forget call
+ * sites (e.g. `updateOrder` from a reorder click) compiling without turning
+ * them into unhandled rejections.
  */
 export type SchemaOpResult = {
     ok: true;
@@ -21,7 +20,7 @@ export type SchemaOpResult = {
     error: string;
 };
 /** Same shape as {@link SchemaOpResult}, plus a payload on success. */
-export type CreateCollectionResult = {
+type CreateCollectionResult = {
     ok: true;
     data: {
         collectionPath: LogicalPath;
@@ -45,25 +44,7 @@ export interface UseSchemaManagerReturn {
 /**
  * Hook for managing schema operations (collections, entry types, ordering).
  *
- * Provides methods to create, update, and delete collections and entry types.
  * All operations require admin permissions on the server.
- *
- * @example
- * ```tsx
- * const {
- *   createCollection,
- *   deleteCollection,
- *   addEntryType,
- *   updateOrder,
- *   isLoading
- * } = useSchemaManager({ branchName: 'main', onSchemaChange: refreshEntries })
- *
- * // Create a new collection
- * await createCollection({
- *   name: 'posts',
- *   label: 'Blog Posts',
- *   entries: [{ name: 'post', format: 'mdx', schema: 'postSchema' }]
- * })
- * ```
  */
 export declare function useSchemaManager(options: UseSchemaManagerOptions): UseSchemaManagerReturn;
+export {};

package/dist/editor/hooks/useSchemaManager.js

@@ -5,26 +5,7 @@ import { getErrorMessage } from '../../utils/error.js';
 /**
  * Hook for managing schema operations (collections, entry types, ordering).
  *
- * Provides methods to create, update, and delete collections and entry types.
  * All operations require admin permissions on the server.
- *
- * @example
- * ```tsx
- * const {
- *   createCollection,
- *   deleteCollection,
- *   addEntryType,
- *   updateOrder,
- *   isLoading
- * } = useSchemaManager({ branchName: 'main', onSchemaChange: refreshEntries })
- *
- * // Create a new collection
- * await createCollection({
- *   name: 'posts',
- *   label: 'Blog Posts',
- *   entries: [{ name: 'post', format: 'mdx', schema: 'postSchema' }]
- * })
- * ```
  */
 export function useSchemaManager(options) {
     const apiClient = useApiClient();

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

@@ -8,14 +8,7 @@ export interface UseUserContextReturn {
  * Hook to fetch current user context from the API.
  * This provides the userId and groups needed for permission checks.
  *
- * @example
- * ```tsx
- * const { userContext, loading, error } = useUserContext()
- *
- * if (loading) return <div>Loading...</div>
- * if (error) return <div>Error: {error}</div>
- *
- * return <BranchManager user={userContext} />
- * ```
+ * Inside an `EditorAuthGate` (always, under `CanopyEditor`) it returns the identity the gate
+ * already resolved and issues no request of its own. Outside one it fetches `whoami` itself.
  */
 export declare function useUserContext(): UseUserContextReturn;

package/dist/editor/hooks/useUserContext.js

@@ -2,21 +2,16 @@
 import { useEffect, useState } from 'react';
 import { createApiClient } from '../../api/index.js';
 import { useOptionalApiClient } from '../context/index.js';
+import { useEditorIdentity } from '../context/EditorIdentityContext.js';
 /**
  * Hook to fetch current user context from the API.
  * This provides the userId and groups needed for permission checks.
  *
- * @example
- * ```tsx
- * const { userContext, loading, error } = useUserContext()
- *
- * if (loading) return <div>Loading...</div>
- * if (error) return <div>Error: {error}</div>
- *
- * return <BranchManager user={userContext} />
- * ```
+ * Inside an `EditorAuthGate` (always, under `CanopyEditor`) it returns the identity the gate
+ * already resolved and issues no request of its own. Outside one it fetches `whoami` itself.
  */
 export function useUserContext() {
+    const gateIdentity = useEditorIdentity();
     const [userContext, setUserContext] = useState();
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState();
@@ -26,6 +21,8 @@ export function useUserContext() {
     // which case we fall back to a default-configured client below.
     const contextApiClient = useOptionalApiClient();
     useEffect(() => {
+        if (gateIdentity)
+            return;
         const fetchUserContext = async () => {
             setLoading(true);
             try {
@@ -50,6 +47,9 @@ export function useUserContext() {
             }
         };
         fetchUserContext();
-    }, [contextApiClient]);
+    }, [contextApiClient, gateIdentity]);
+    if (gateIdentity) {
+        return { userContext: gateIdentity.user, loading: false, error: undefined };
+    }
     return { userContext, loading, error };
 }

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

@@ -8,8 +8,6 @@ export interface UseUserMetadataResult {
 /**
  * Fetches user metadata using the provided getter function.
  *
- * @param userId - User ID to fetch metadata for
- * @param getUserMetadata - Function to fetch user metadata
  * @param cachedUser - Optional: if provided, returns immediately without fetching
  */
 export declare function useUserMetadata(userId: CanopyUserId, getUserMetadata: (userId: string) => Promise<UserSearchResult | null>, cachedUser?: UserSearchResult): UseUserMetadataResult;

package/dist/editor/hooks/useUserMetadata.js

@@ -2,8 +2,6 @@ import { useEffect, useState } from 'react';
 /**
  * Fetches user metadata using the provided getter function.
  *
- * @param userId - User ID to fetch metadata for
- * @param getUserMetadata - Function to fetch user metadata
  * @param cachedUser - Optional: if provided, returns immediately without fetching
  */
 export function useUserMetadata(userId, getUserMetadata, cachedUser) {
@@ -11,7 +9,6 @@ export function useUserMetadata(userId, getUserMetadata, cachedUser) {
     const [isLoading, setIsLoading] = useState(!cachedUser);
     const [error, setError] = useState(null);
     useEffect(() => {
-        // Skip fetch if cachedUser provided
         if (cachedUser)
             return;
         // Special case: anonymous user

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

@@ -17,4 +17,3 @@ export interface AssetCardProps {
  * render a file-type icon instead.
  */
 export declare const AssetCard: React.FC<AssetCardProps>;
-export default AssetCard;

package/dist/editor/media/AssetCard.js

@@ -17,7 +17,7 @@ export const AssetCard = ({ asset, baseUrl, onSelect, onDelete }) => {
     const thumbnailSrc = assetUrl(asset, { width: THUMBNAIL_WIDTH, baseUrl });
     const [thumbnailFailed, setThumbnailFailed] = useState(false);
     // Reset the error state if the underlying asset/src changes, so a
-    // previously-broken thumbnail gets another chance to load. Adjusting state
+    // thumbnail that failed earlier gets another chance to load. Adjusting state
     // during render (rather than in a useEffect) avoids an extra render pass -
     // see https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
     const [prevThumbnailSrc, setPrevThumbnailSrc] = useState(thumbnailSrc);
@@ -58,4 +58,3 @@ export const AssetCard = ({ asset, baseUrl, onSelect, onDelete }) => {
                         background: 'var(--mantine-color-gray-1)',
                     }, 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;

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

@@ -22,4 +22,3 @@ export interface CropStepProps {
  * that would otherwise need to call `setState` synchronously to reset it.
  */
 export declare const CropStep: React.FC<CropStepProps>;
-export default CropStep;

package/dist/editor/media/CropStep.js

@@ -34,4 +34,3 @@ const CropStepBody = ({ imageSrc, aspect, initialCrop, onConfirm, onClose, }) =>
     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;

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

@@ -15,7 +15,6 @@ export interface MediaLibraryProps {
 /**
  * One component, two presentations, sharing the same grid/upload/filter/
  * pagination/delete core (MediaLibraryBody) - see
- * .claude/future-tasks/assets-media-system.md "MediaManager design".
+ * .claude/future-tasks/resolved/assets-media-system.md "MediaManager design".
  */
 export declare const MediaLibrary: React.FC<MediaLibraryProps>;
-export default MediaLibrary;

package/dist/editor/media/MediaLibrary.js

@@ -5,7 +5,7 @@ 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".
+ * .claude/future-tasks/resolved/assets-media-system.md "MediaManager design".
  */
 export const MediaLibrary = ({ opened, onClose, mode, onSelect }) => {
     if (mode === 'picker') {
@@ -13,4 +13,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;

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

@@ -13,4 +13,3 @@ export interface MediaLibraryBodyProps {
  * MediaLibrary.tsx for the two wrappers.
  */
 export declare const MediaLibraryBody: React.FC<MediaLibraryBodyProps>;
-export default MediaLibraryBody;

package/dist/editor/media/MediaLibraryBody.js

@@ -139,4 +139,3 @@ export const MediaLibraryBody = ({ opened, mode, onSelect }) => {
                                 : '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: 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;

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

@@ -26,7 +26,7 @@ export interface CropAreaPercent {
  */
 export declare function cropAreaPercentToRect(area: CropAreaPercent): CropRect | null;
 /**
- * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * Inverse of `cropAreaPercentToRect` - seeds 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.

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

@@ -42,7 +42,7 @@ export function cropAreaPercentToRect(area) {
     return { x, y, w, h };
 }
 /**
- * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * Inverse of `cropAreaPercentToRect` - seeds 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.

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

@@ -1,6 +1,3 @@
-/**
- * Group search and selection component
- */
 import React from 'react';
 import type { GroupSelectItem } from './types.js';
 export interface GroupSelectorProps {

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

@@ -1,7 +1,3 @@
-/**
- * Permission editor panel for a selected tree node.
- * Handles permission CRUD with tabs for each level.
- */
 import React from 'react';
 import type { TreeNode, PermissionLevel, GroupSelectItem, UserSearchResult } from './types.js';
 export interface PermissionEditorProps {

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

@@ -9,7 +9,6 @@ import { UserBadge } from '../components/UserBadge.js';
 export const PermissionEditor = ({ node, activeLevel, onSetActiveLevel, canEdit, groups, isSelected, userSearchResults, isSearchingUsers, showUserSearch, userSearchQuery, userSearchError, onSearchUsers, onGetUserMetadata, onToggleUserSearch, onAddUser, onRemoveUser, showGroupSearch, groupSearchQuery, filteredGroups, onSearchGroups, onToggleGroupSearch, onAddGroup, onRemoveGroup, }) => {
     const directPerm = node.directPermission;
     const inheritedPerm = node.inheritedPermission;
-    // Get permission target for a level (from direct or inherited)
     const getTargetForLevel = (level, source) => {
         const perm = source === 'direct' ? directPerm : inheritedPerm;
         return perm?.[level];

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

@@ -1,6 +1,3 @@
-/**
- * Badge component for displaying permission levels
- */
 import React from 'react';
 import type { PermissionLevel, PermissionTarget } from './types.js';
 export interface PermissionLevelBadgeProps {
@@ -8,8 +5,4 @@ export interface PermissionLevelBadgeProps {
     target?: PermissionTarget;
     inherited?: PermissionTarget;
 }
-/**
- * Displays a badge for a permission level.
- * Shows filled badge for direct permissions, outlined for inherited.
- */
 export declare const PermissionLevelBadge: React.FC<PermissionLevelBadgeProps>;

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

@@ -2,10 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Badge, Tooltip } from '@mantine/core';
 import { LEVEL_CONFIG } from './constants.js';
-/**
- * Displays a badge for a permission level.
- * Shows filled badge for direct permissions, outlined for inherited.
- */
 export const PermissionLevelBadge = ({ level, target, inherited, }) => {
     const hasPerms = target && ((target.allowedUsers?.length ?? 0) > 0 || (target.allowedGroups?.length ?? 0) > 0);
     const hasInherited = !hasPerms &&

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

@@ -1,7 +1,3 @@
-/**
- * Tree visualization component for permission management.
- * Renders the content tree with permission badges and handles selection.
- */
 import React from 'react';
 import type { TreeNode, PermissionLevel, PermissionTarget, GroupSelectItem, UserSearchResult } from './types.js';
 export interface PermissionTreeProps {

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

@@ -1,6 +1,3 @@
-/**
- * User search and selection component
- */
 import React from 'react';
 import type { UserSearchResult } from './types.js';
 export interface UserSelectorProps {

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

@@ -1,6 +1,3 @@
-/**
- * Constants for PermissionManager
- */
 import React from 'react';
 import type { PermissionLevel } from './types.js';
 export declare const PERMISSION_LEVELS: PermissionLevel[];

package/dist/editor/permission-manager/hooks/useGroupsAndUsers.d.ts

@@ -1,6 +1,3 @@
-/**
- * Hook for managing groups and user search state
- */
 import type { UserSearchResult, PermissionGroupOption, GroupSelectItem } from '../types.js';
 export interface UseGroupsAndUsersOptions {
     onListGroups?: () => Promise<PermissionGroupOption[]>;