canopycms 0.0.63 → 0.0.65

package/dist/editor/editor-utils.d.ts

@@ -1,23 +1,38 @@
-import type { CollectionItem, ListEntriesResponse } from '../api/entries';
-import type { ContentFormat, FlatSchemaItem } from '../config';
-import type { FormValue } from './FormRenderer';
-import type { EditorEntry, EditorCollection } from './Editor';
+import type { CollectionItem, ListEntriesResponse } from '../api/entries.js';
+import type { ContentFormat, FlatSchemaItem } from '../config/index.js';
+import type { FormValue } from './FormRenderer.js';
+import type { EditorEntry, EditorCollection } from './Editor.js';
 import type { TreeNodeData } from '@mantine/core';
-import { normalizeCollectionPath } from '../paths/normalize';
+import { normalizeCollectionPath } from '../paths/normalize.js';
 export { normalizeCollectionPath };
 export interface PreviewContext {
     branchName?: string;
     previewBaseByCollection?: Record<string, string>;
 }
 export declare const encodeSlug: (value?: string) => string;
+/**
+ * Builds the preview iframe `src` for an entry, prefixed with the deployment `basePath`
+ * (`CanopyClientConfig.basePath`, e.g. `/preview-123`) when configured.
+ *
+ * This matters twice: the raw `<iframe src>` (`PreviewFrame` in preview-bridge.tsx) 404s without
+ * the prefix when the host app is served under a basePath, AND `resolvePreviewPath` there compares
+ * the SAME string against `window.location.pathname` -- which browsers report WITH the basePath
+ * included -- so an unprefixed `previewSrc` also breaks draft sync / click-to-focus even when the
+ * iframe itself happens to resolve. One prefix, applied uniformly here, fixes both.
+ *
+ * Applied via `joinUrlPrefix`, so it's a no-op when `basePath` is unset (default), and it passes an
+ * already-absolute `previewSrc` (a fully custom, e.g. cross-origin, override) through untouched --
+ * matching `joinUrlPrefix`'s own absolute-URL passthrough rule.
+ */
 export declare const buildPreviewSrc: (entry: {
     collectionPath?: string;
     collectionName?: string;
     slug?: string;
     itemType?: string;
     previewSrc?: string;
-}, { branchName, previewBaseByCollection, contentRoot }: PreviewContext & {
+}, context: PreviewContext & {
     contentRoot?: string;
+    basePath?: string;
 }) => string;
 export declare const normalizeContentPayload: (raw: unknown) => FormValue;
 export declare const buildWritePayload: (entry: {
@@ -27,12 +42,10 @@ export declare const buildWritePayload: (entry: {
 }, value: FormValue) => FormValue;
 interface BuildEntriesFromListParams {
     response: ListEntriesResponse;
-    branchName: string;
     resolvePreviewSrc: (entry: Pick<CollectionItem, 'collectionPath' | 'collectionName' | 'slug' | 'entryType'>) => string;
-    contentRoot: string;
     flatSchema: FlatSchemaItem[];
 }
-export declare const buildEntriesFromListResponse: ({ response, branchName, resolvePreviewSrc, contentRoot, flatSchema, }: BuildEntriesFromListParams) => EditorEntry[];
+export declare const buildEntriesFromListResponse: ({ response, resolvePreviewSrc, flatSchema, }: BuildEntriesFromListParams) => EditorEntry[];
 /**
  * Builds a map of collection IDs to their labels for breadcrumb display.
  * Recursively walks through nested collections to build a flat map.
@@ -89,4 +102,3 @@ export declare const buildBreadcrumbSegments: (currentEntry: EditorEntry | undef
  * ```
  */
 export declare const calculatePathToEntry: (entryPath: string | undefined, treeData: TreeNodeData[]) => Record<string, boolean>;
-//# sourceMappingURL=editor-utils.d.ts.map

package/dist/editor/editor-utils.js

@@ -1,13 +1,33 @@
 // Import directly from normalize to avoid pulling in server-only branch.ts
 import { normalizeCollectionPath } from '../paths/normalize.js';
+import { isIndexSlug } from '../utils/entry-url.js';
 import { isDataOnlyFormat } from '../utils/format.js';
+import { joinUrlPrefix } from '../utils/url-prefix.js';
 export { normalizeCollectionPath };
+/**
+ * The slug portion of a preview URL, or '' for an index entry.
+ *
+ * An index entry's URL is its COLLECTION's path -- the same collapse `computeEntryUrl`,
+ * `listEntries` and `defaultBuildPath` apply. Without it this builder pointed the preview iframe
+ * at `/x/index`, which `resolveUrlPathCandidates` deliberately refuses to resolve, so the host
+ * app answered the editor's own preview with notFound().
+ *
+ * Kept separate from `computeEntryUrl` rather than delegating wholesale because this builder must
+ * percent-encode each segment and must NOT lowercase (a preview base is adopter-supplied and
+ * case-sensitive). Only the index decision is shared -- which is the part that drifted.
+ */
+const encodePreviewSlug = (slug) => (isIndexSlug(slug) ? '' : encodeSlug(slug));
 export const encodeSlug = (value) => (value ?? '')
     .split('/')
     .filter(Boolean)
     .map((segment) => encodeURIComponent(segment))
     .join('/');
-export const buildPreviewSrc = (entry, { branchName, previewBaseByCollection, contentRoot }) => {
+/**
+ * Builds the (unprefixed) preview URL -- see `buildPreviewSrc` below, which wraps this with the
+ * deployment `basePath`. Split out so that prefixing happens exactly once, at the end, uniformly
+ * across every branch (including the `entry.previewSrc` escape hatch).
+ */
+const buildRawPreviewSrc = (entry, { branchName, previewBaseByCollection, contentRoot }) => {
     if (entry.previewSrc)
         return entry.previewSrc;
     const appendBranch = (url) => {
@@ -38,16 +58,33 @@ export const buildPreviewSrc = (entry, { branchName, previewBaseByCollection, co
         const collectionPath = entry.collectionPath
             ? normalizeCollectionPath(entry.collectionPath, contentRoot)
             : '';
-        const encoded = encodeSlug(entry.slug);
+        const encoded = encodePreviewSlug(entry.slug);
         const segments = [collectionPath, encoded].filter(Boolean);
         const url = segments.length > 0 ? `/${segments.join('/')}` : '/';
         return appendBranch(url);
     }
     const trimmed = base.endsWith('/') ? base.slice(0, -1) : base;
-    const encoded = encodeSlug(entry.slug);
+    const encoded = encodePreviewSlug(entry.slug);
     const url = encoded ? `${trimmed}/${encoded}` : trimmed || '/';
     return appendBranch(url);
 };
+/**
+ * Builds the preview iframe `src` for an entry, prefixed with the deployment `basePath`
+ * (`CanopyClientConfig.basePath`, e.g. `/preview-123`) when configured.
+ *
+ * This matters twice: the raw `<iframe src>` (`PreviewFrame` in preview-bridge.tsx) 404s without
+ * the prefix when the host app is served under a basePath, AND `resolvePreviewPath` there compares
+ * the SAME string against `window.location.pathname` -- which browsers report WITH the basePath
+ * included -- so an unprefixed `previewSrc` also breaks draft sync / click-to-focus even when the
+ * iframe itself happens to resolve. One prefix, applied uniformly here, fixes both.
+ *
+ * Applied via `joinUrlPrefix`, so it's a no-op when `basePath` is unset (default), and it passes an
+ * already-absolute `previewSrc` (a fully custom, e.g. cross-origin, override) through untouched --
+ * matching `joinUrlPrefix`'s own absolute-URL passthrough rule.
+ */
+export const buildPreviewSrc = (entry, context) => {
+    return joinUrlPrefix(context.basePath, buildRawPreviewSrc(entry, context));
+};
 export const normalizeContentPayload = (raw) => {
     const candidate = raw;
     const data = candidate && 'format' in candidate && 'data' in candidate
@@ -83,7 +120,7 @@ export const buildWritePayload = (entry, value) => {
         body: typeof body === 'string' ? body : '',
     };
 };
-export const buildEntriesFromListResponse = ({ response, branchName, resolvePreviewSrc, contentRoot, flatSchema, }) => {
+export const buildEntriesFromListResponse = ({ response, resolvePreviewSrc, flatSchema, }) => {
     return response.entries.map((entry) => {
         // Resolve schema from flatSchema using parentPath + name
         let schema = [];
@@ -95,17 +132,12 @@ export const buildEntriesFromListResponse = ({ response, branchName, resolvePrev
                 schema = entryTypeItem.schema;
             }
         }
-        const isRootEntry = entry.collectionPath === contentRoot;
-        const apiPath = isRootEntry
-            ? `/api/canopycms/${branchName}/content/${encodeURIComponent(entry.slug)}`
-            : `/api/canopycms/${branchName}/content/${encodeURIComponent(entry.collectionPath)}/${encodeURIComponent(entry.slug)}`;
         return {
             path: entry.logicalPath,
             contentId: entry.contentId,
             label: entry.title || entry.slug || entry.collectionName || entry.collectionPath,
             status: entry.exists === false ? 'missing' : (entry.entryType ?? 'entry'),
             schema: schema,
-            apiPath,
             previewSrc: resolvePreviewSrc(entry),
             collectionPath: entry.collectionPath,
             collectionName: entry.collectionName,
@@ -245,4 +277,3 @@ export const calculatePathToEntry = (entryPath, treeData) => {
     findAndMarkPath(treeData, []);
     return pathToExpand;
 };
-//# sourceMappingURL=editor-utils.js.map

package/dist/editor/fields/BlockField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { BlockConfig, FieldConfig } from '../../config';
+import type { BlockConfig, FieldConfig } from '../../config/index.js';
 export interface BlockInstance {
     template: string;
     value: Record<string, unknown>;
@@ -16,4 +16,3 @@ export interface BlockFieldProps {
 }
 export declare const BlockField: React.FC<BlockFieldProps>;
 export default BlockField;
-//# sourceMappingURL=BlockField.d.ts.map

package/dist/editor/fields/BlockField.js

@@ -84,4 +84,3 @@ export const BlockField = ({ label, templates, value, onChange, renderField, pat
                             }) }) }) })] }) }));
 };
 export default BlockField;
-//# sourceMappingURL=BlockField.js.map

package/dist/editor/fields/CodeField.d.ts

@@ -9,4 +9,3 @@ export interface CodeFieldProps {
 }
 export declare const CodeField: React.FC<CodeFieldProps>;
 export default CodeField;
-//# sourceMappingURL=CodeField.d.ts.map

package/dist/editor/fields/CodeField.js

@@ -8,4 +8,3 @@ export const CodeField = ({ id, label, value, onChange, language, dataCanopyFiel
     return (_jsx(Textarea, { id: inputId, label: label, value: value, onChange: (e) => onChange(e.currentTarget.value), placeholder: language ? `Code (${language})` : 'Code', autosize: true, minRows: 6, size: "sm", "data-canopy-field": dataCanopyField, styles: { input: { fontFamily: 'Menlo, Consolas, monospace' } } }));
 };
 export default CodeField;
-//# sourceMappingURL=CodeField.js.map

package/dist/editor/fields/DateTimeField.d.ts

@@ -43,4 +43,3 @@ export declare function datetimeLocalValueToIso(local: string): string;
  */
 export declare const DateTimeField: React.FC<DateTimeFieldProps>;
 export default DateTimeField;
-//# sourceMappingURL=DateTimeField.d.ts.map

package/dist/editor/fields/DateTimeField.js

@@ -63,4 +63,3 @@ export const DateTimeField = ({ id, label, value, onChange, dataCanopyField, })
     return (_jsx(Input.Wrapper, { id: inputId, label: label, size: "sm", children: _jsx(Input, { type: "datetime-local", step: 1, size: "sm", value: isoToDatetimeLocalValue(value), onChange: (e) => onChange(datetimeLocalValueToIso(e.currentTarget.value)), "data-canopy-field": dataCanopyField }) }));
 };
 export default DateTimeField;
-//# sourceMappingURL=DateTimeField.js.map

package/dist/editor/fields/ImageField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ImageFieldValue } from '../../config';
+import type { ImageFieldValue } from '../../config/index.js';
 export interface ImageFieldErrors {
     src?: string;
     alt?: string;
@@ -19,4 +19,3 @@ export interface ImageFieldProps {
 }
 export declare const ImageField: React.FC<ImageFieldProps>;
 export default ImageField;
-//# sourceMappingURL=ImageField.d.ts.map

package/dist/editor/fields/ImageField.js

@@ -124,4 +124,3 @@ export const ImageField = ({ id, label, value, onChange, aspect, altOptional, da
                         }, onError: () => setPreviewFailed(true) })), errors?.src && (_jsx(Text, { size: "xs", c: "red", children: errors.src })), _jsx(TextInput, { id: inputId, ref: altInputRef, label: "Alt text", required: !altOptional, value: value.alt, onChange: (event) => handleAltChange(event.currentTarget.value), error: errors?.alt, size: "sm", "data-testid": `image-field-alt-${dataCanopyField}` }), _jsxs(Group, { gap: "xs", children: [_jsx(Button, { variant: "light", size: "xs", onClick: () => setPickerOpen(true), "data-testid": `image-field-replace-${dataCanopyField}`, children: "Replace" }), aspectRatio !== undefined && (_jsx(Button, { variant: "light", size: "xs", onClick: () => setCropRequest({ kind: 'existing' }), "data-testid": `image-field-crop-${dataCanopyField}`, children: "Crop" })), _jsx(Button, { variant: "subtle", color: "red", size: "xs", onClick: handleRemove, "data-testid": `image-field-remove-${dataCanopyField}`, children: "Remove" })] }), errors?.crop && (_jsx(Text, { size: "xs", c: "red", children: errors.crop }))] })), _jsx(MediaLibrary, { opened: pickerOpen, onClose: () => setPickerOpen(false), mode: "picker", onSelect: handleAssetReady }), aspectRatio !== undefined && (_jsx(CropStep, { opened: cropRequest !== null, onClose: () => setCropRequest(null), imageSrc: cropImageSrc, aspect: aspectRatio, initialCrop: cropInitial, onConfirm: handleCropConfirm }))] }));
 };
 export default ImageField;
-//# sourceMappingURL=ImageField.js.map

package/dist/editor/fields/InlineGroupField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FieldConfig } from '../../config';
-import type { RenderField } from './ObjectField';
+import type { FieldConfig } from '../../config/index.js';
+import type { RenderField } from './ObjectField.js';
 export interface InlineGroupFieldProps {
     label?: string;
     description?: string;
@@ -14,4 +14,3 @@ export interface InlineGroupFieldProps {
 }
 export declare const InlineGroupField: React.FC<InlineGroupFieldProps>;
 export default InlineGroupField;
-//# sourceMappingURL=InlineGroupField.d.ts.map

package/dist/editor/fields/InlineGroupField.js

@@ -13,4 +13,3 @@ export const InlineGroupField = ({ label, description, fields, value, onChange,
                     }) })] }) }));
 };
 export default InlineGroupField;
-//# sourceMappingURL=InlineGroupField.js.map

package/dist/editor/fields/MarkdownField.d.ts

@@ -8,4 +8,3 @@ export interface MarkdownFieldProps {
 }
 export declare const MarkdownField: React.FC<MarkdownFieldProps>;
 export default MarkdownField;
-//# sourceMappingURL=MarkdownField.d.ts.map

package/dist/editor/fields/MarkdownField.js

@@ -126,4 +126,3 @@ export const MarkdownField = ({ id, label, value, onChange, dataCanopyField, })
     return (_jsxs("div", { id: inputId, "data-canopy-field": dataCanopyField, className: "canopy-markdown-field", children: [label && (_jsx(Text, { size: "sm", fw: 500, mb: 4, children: label })), _jsx(EditorContentStyles, {}), _jsx("div", { style: editorWrapperStyle, children: _jsx(Suspense, { fallback: _jsx(FallbackTextarea, { value: value, onChange: onChange }), children: _jsx(MDXEditorLazy, { markdown: value, onChange: handleChange, editorRef: editorRef, imageUploadHandler: imageUploadHandler }) }) })] }));
 };
 export default MarkdownField;
-//# sourceMappingURL=MarkdownField.js.map

package/dist/editor/fields/MdxImageDialog.d.ts

@@ -13,4 +13,3 @@ export interface MdxImageDialogProps {
  */
 export declare const MdxImageDialog: React.FC<MdxImageDialogProps>;
 export default MdxImageDialog;
-//# sourceMappingURL=MdxImageDialog.d.ts.map

package/dist/editor/fields/MdxImageDialog.js

@@ -70,4 +70,3 @@ export const MdxImageDialog = ({ state, onSave, onClose }) => {
                                         (upload.progress !== null ? (_jsx(Progress, { value: upload.progress * 100, size: "sm" })) : (_jsx(Progress, { value: 100, size: "sm", animated: true }))), (upload.error || dropError) && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", children: upload.error || dropError }))] }) }), _jsx(Tabs.Panel, { value: "library", pt: "sm", children: _jsx("div", { style: { height: LIBRARY_PANEL_HEIGHT }, children: _jsx(MediaLibraryBody, { opened: tab === 'library', mode: "picker", onSelect: handlePickFromLibrary }) }) }), _jsx(Tabs.Panel, { value: "url", pt: "sm", children: _jsxs(Stack, { gap: "xs", children: [_jsx(TextInput, { label: "Image URL", placeholder: "https://example.com/image.png", value: urlValue, onChange: (event) => setUrlValue(event.currentTarget.value), "data-testid": "mdx-image-dialog-url" }), _jsx(Group, { justify: "flex-end", children: _jsx(Button, { onClick: handleUrlSubmit, disabled: !urlValue.trim(), "data-testid": "mdx-image-dialog-url-submit", children: "Insert" }) })] }) })] }), _jsx(Group, { justify: "flex-end", children: _jsx(Button, { variant: "default", onClick: onClose, children: "Cancel" }) })] }) }));
 };
 export default MdxImageDialog;
-//# sourceMappingURL=MdxImageDialog.js.map

package/dist/editor/fields/NumberField.d.ts

@@ -31,4 +31,3 @@ export interface NumberFieldProps {
  */
 export declare const NumberField: React.FC<NumberFieldProps>;
 export default NumberField;
-//# sourceMappingURL=NumberField.d.ts.map

package/dist/editor/fields/NumberField.js

@@ -50,4 +50,3 @@ export const NumberField = ({ id, label, value, onChange, dataCanopyField, }) =>
         }, "data-canopy-field": dataCanopyField }));
 };
 export default NumberField;
-//# sourceMappingURL=NumberField.js.map

package/dist/editor/fields/NumberListField.d.ts

@@ -22,4 +22,3 @@ export interface NumberListFieldProps {
  */
 export declare const NumberListField: React.FC<NumberListFieldProps>;
 export default NumberListField;
-//# sourceMappingURL=NumberListField.d.ts.map

package/dist/editor/fields/NumberListField.js

@@ -50,4 +50,3 @@ export const NumberListField = ({ id, label, value, onChange, dataCanopyField, }
         }, splitChars: [], allowDuplicates: true, "data-canopy-field": dataCanopyField }));
 };
 export default NumberListField;
-//# sourceMappingURL=NumberListField.js.map

package/dist/editor/fields/ObjectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FieldConfig } from '../../config';
+import type { FieldConfig } from '../../config/index.js';
 export type RenderField = (field: FieldConfig, value: unknown, onChange: (v: unknown) => void, path: Array<string | number>) => React.ReactNode;
 export interface ObjectFieldProps {
     label?: string;
@@ -9,7 +9,16 @@ export interface ObjectFieldProps {
     renderField: RenderField;
     path: Array<string | number>;
     dataCanopyField?: string;
+    /**
+     * When provided, renders a "Clear" affordance next to the label that
+     * resets this object field back to its unset (`undefined`) state.
+     * Used by FormRenderer's non-list 'object' case so a non-list object with
+     * a required child can't get stuck present-but-invalid with no way back
+     * to "not filled in" (see FormRenderer.tsx's `case 'object'`). Omitted
+     * for object-list items, which are removed via the list's own per-item
+     * Remove button instead.
+     */
+    onRemove?: () => void;
 }
 export declare const ObjectField: React.FC<ObjectFieldProps>;
 export default ObjectField;
-//# sourceMappingURL=ObjectField.d.ts.map

package/dist/editor/fields/ObjectField.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Paper, Stack, Text } from '@mantine/core';
+import { Button, Group, Paper, Stack, Text } from '@mantine/core';
 import { formatCanopyPath } from '../canopy-path.js';
-export const ObjectField = ({ label, fields, value, onChange, renderField, path, dataCanopyField, }) => {
+export const ObjectField = ({ label, fields, value, onChange, renderField, path, dataCanopyField, onRemove, }) => {
     const current = value ?? {};
-    return (_jsx(Paper, { withBorder: true, radius: "md", p: "md", bg: "gray.0", "data-canopy-field": dataCanopyField ?? formatCanopyPath(path), shadow: "xs", children: _jsxs(Stack, { gap: "sm", children: [label && (_jsx(Text, { size: "xs", fw: 700, c: "neutral.8", children: label })), _jsx(Stack, { gap: "sm", children: fields.map((field) => {
+    return (_jsx(Paper, { withBorder: true, radius: "md", p: "md", bg: "gray.0", "data-canopy-field": dataCanopyField ?? formatCanopyPath(path), shadow: "xs", children: _jsxs(Stack, { gap: "sm", children: [(label || onRemove) && (_jsxs(Group, { justify: "space-between", children: [label && (_jsx(Text, { size: "xs", fw: 700, c: "neutral.8", children: label })), onRemove && (_jsx(Button, { size: "xs", variant: "subtle", color: "red", onClick: onRemove, children: "Clear" }))] })), _jsx(Stack, { gap: "sm", children: fields.map((field) => {
                         const fieldPath = [...path, field.name];
                         return (_jsx("div", { children: renderField(field, current[field.name], (next) => onChange({ ...current, [field.name]: next }), fieldPath) }, formatCanopyPath(fieldPath)));
                     }) })] }) }));
 };
 export default ObjectField;
-//# sourceMappingURL=ObjectField.js.map

package/dist/editor/fields/ReferenceField.d.ts

@@ -18,4 +18,3 @@ export interface ReferenceFieldProps {
 }
 export declare const ReferenceField: React.FC<ReferenceFieldProps>;
 export default ReferenceField;
-//# sourceMappingURL=ReferenceField.d.ts.map

package/dist/editor/fields/ReferenceField.js

@@ -4,8 +4,14 @@ import { useEffect, useId, useState } from 'react';
 import { Alert, Button, MultiSelect, Select, Stack, Text, Loader } from '@mantine/core';
 import { IconAlertCircle } from '@tabler/icons-react';
 import { createApiClient } from '../../api/client.js';
+import { useOptionalApiClient } from '../context/index.js';
 import { getErrorMessage } from '../../utils/error.js';
 export const ReferenceField = ({ id, label, options: staticOptions, collections, entryTypes, displayField = 'title', branch = 'main', value, onChange, multiple, dataCanopyField, }) => {
+    // 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.
+    // FormRenderer.stories.tsx has no provider), in which case the fetch effect below falls back
+    // to a default-configured client.
+    const contextApiClient = useOptionalApiClient();
     const hasCollections = !!collections && collections.length > 0;
     const hasEntryTypes = !!entryTypes && entryTypes.length > 0;
     const needsFetch = !staticOptions && (hasCollections || hasEntryTypes);
@@ -55,7 +61,7 @@ export const ReferenceField = ({ id, label, options: staticOptions, collections,
         if (!needsFetch)
             return;
         let active = true;
-        const apiClient = createApiClient();
+        const apiClient = contextApiClient ?? createApiClient();
         const params = { branch, displayField };
         if (collections && collections.length > 0)
             params.collections = collections.join(',');
@@ -92,7 +98,7 @@ export const ReferenceField = ({ id, label, options: staticOptions, collections,
             active = false;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps -- collections/entryTypes/displayField/branch are captured via fetchKey; re-listing them here would defeat the point of keying on the derived string
-    }, [needsFetch, fetchKey, retryCount]);
+    }, [needsFetch, fetchKey, retryCount, contextApiClient]);
     const handleRetry = () => {
         setLoading(true);
         setError(null);
@@ -107,4 +113,3 @@ export const ReferenceField = ({ id, label, options: staticOptions, collections,
     return (_jsx(Stack, { gap: 4, "data-canopy-field": dataCanopyField, "data-testid": `reference-field-${dataCanopyField}`, children: multiple ? (_jsx(MultiSelect, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next), searchable: true, placeholder: "Select reference\u2026", size: "sm" })) : (_jsx(Select, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next ?? ''), searchable: true, clearable: true, placeholder: "Select reference\u2026", size: "sm" })) }));
 };
 export default ReferenceField;
-//# sourceMappingURL=ReferenceField.js.map

package/dist/editor/fields/SelectField.d.ts

@@ -15,4 +15,3 @@ export interface SelectFieldProps {
 }
 export declare const SelectField: React.FC<SelectFieldProps>;
 export default SelectField;
-//# sourceMappingURL=SelectField.d.ts.map

package/dist/editor/fields/SelectField.js

@@ -14,4 +14,3 @@ export const SelectField = ({ id, label, options, value, onChange, multiple, pla
     return (_jsxs(Stack, { gap: 4, "data-canopy-field": dataCanopyField, children: [multiple ? (_jsx(MultiSelect, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next), searchable: true, placeholder: placeholder, size: "sm" })) : (_jsx(Select, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next ?? ''), searchable: true, clearable: true, placeholder: placeholder, size: "sm" })), multiple && (_jsx(Text, { size: "xs", c: "dimmed", children: "Searchable multi-select; start typing to filter." }))] }));
 };
 export default SelectField;
-//# sourceMappingURL=SelectField.js.map

package/dist/editor/fields/StringListField.d.ts

@@ -17,4 +17,3 @@ export interface StringListFieldProps {
  */
 export declare const StringListField: React.FC<StringListFieldProps>;
 export default StringListField;
-//# sourceMappingURL=StringListField.d.ts.map

package/dist/editor/fields/StringListField.js

@@ -22,4 +22,3 @@ export const StringListField = ({ id, label, value, onChange, dataCanopyField, }
         splitChars: [], allowDuplicates: true, "data-canopy-field": dataCanopyField }));
 };
 export default StringListField;
-//# sourceMappingURL=StringListField.js.map

package/dist/editor/fields/TextField.d.ts

@@ -8,4 +8,3 @@ export interface TextFieldProps {
 }
 export declare const TextField: React.FC<TextFieldProps>;
 export default TextField;
-//# sourceMappingURL=TextField.d.ts.map

package/dist/editor/fields/TextField.js

@@ -7,4 +7,3 @@ export const TextField = ({ id, label, value, onChange, dataCanopyField, }) => {
     return (_jsx(TextInput, { id: inputId, label: label, value: value, size: "sm", onChange: (e) => onChange(e.currentTarget.value), "data-canopy-field": dataCanopyField }));
 };
 export default TextField;
-//# sourceMappingURL=TextField.js.map

package/dist/editor/fields/ToggleField.d.ts

@@ -9,4 +9,3 @@ export interface ToggleFieldProps {
 }
 export declare const ToggleField: React.FC<ToggleFieldProps>;
 export default ToggleField;
-//# sourceMappingURL=ToggleField.d.ts.map

package/dist/editor/fields/ToggleField.js

@@ -7,4 +7,3 @@ export const ToggleField = ({ id, label, value, onChange, dataCanopyField, testI
     return (_jsx(Switch, { id: inputId, label: label, checked: value, onChange: (e) => onChange(e.currentTarget.checked), size: "md", "data-canopy-field": dataCanopyField, wrapperProps: testId ? { 'data-testid': testId } : undefined }));
 };
 export default ToggleField;
-//# sourceMappingURL=ToggleField.js.map

package/dist/editor/fields/entry-link/EntryLinkContext.d.ts

@@ -1,4 +1,4 @@
-import type { ContentId, LogicalPath } from '../../../paths/types';
+import type { ContentId, LogicalPath } from '../../../paths/types.js';
 export interface EntryLinkOption {
     contentId: ContentId;
     label: string;
@@ -11,4 +11,3 @@ export interface EntryLinkContextValue {
 }
 export declare const EntryLinkContext: import("react").Context<EntryLinkContextValue>;
 export declare function useEntryLinkContext(): EntryLinkContextValue;
-//# sourceMappingURL=EntryLinkContext.d.ts.map

package/dist/editor/fields/entry-link/EntryLinkContext.js

@@ -10,4 +10,3 @@ export const EntryLinkContext = createContext({ entries: [] });
 export function useEntryLinkContext() {
     return useContext(EntryLinkContext);
 }
-//# sourceMappingURL=EntryLinkContext.js.map

package/dist/editor/fields/entry-link/InsertEntryLink.d.ts

@@ -13,4 +13,3 @@ interface InsertEntryLinkProps {
 }
 export declare const InsertEntryLink: React.FC<InsertEntryLinkProps>;
 export {};
-//# sourceMappingURL=InsertEntryLink.d.ts.map

package/dist/editor/fields/entry-link/InsertEntryLink.js

@@ -60,4 +60,3 @@ export const InsertEntryLink = ({ onInsert }) => {
                                         combobox.updateSelectedOptionIndex();
                                     }, onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => combobox.closeDropdown(), rightSection: _jsx(Combobox.Chevron, {}), rightSectionPointerEvents: "none" }) }), _jsx(Combobox.Dropdown, { children: _jsx(Combobox.Options, { mah: 300, style: { overflowY: 'auto' }, children: filtered.length === 0 ? (_jsx(Combobox.Empty, { children: "No entries found" })) : (Array.from(grouped.entries()).map(([groupName, groupEntries]) => (_jsx(Combobox.Group, { label: groupName, children: groupEntries.map((entry) => (_jsx(Combobox.Option, { value: entry.contentId, children: _jsx(Group, { gap: "xs", children: _jsxs("div", { children: [_jsx(Text, { size: "sm", children: entry.label }), entry.slug && (_jsx(Text, { size: "xs", c: "dimmed", children: entry.slug }))] }) }) }, entry.contentId))) }, groupName)))) }) })] }) }) })] }));
 };
-//# sourceMappingURL=InsertEntryLink.js.map

package/dist/editor/fields/entry-link/index.d.ts

@@ -1,3 +1,2 @@
-export { EntryLinkContext, useEntryLinkContext, type EntryLinkOption, type EntryLinkContextValue, } from './EntryLinkContext';
-export { InsertEntryLink } from './InsertEntryLink';
-//# sourceMappingURL=index.d.ts.map
+export { EntryLinkContext, useEntryLinkContext, type EntryLinkOption, type EntryLinkContextValue, } from './EntryLinkContext.js';
+export { InsertEntryLink } from './InsertEntryLink.js';

package/dist/editor/fields/entry-link/index.js

@@ -1,3 +1,2 @@
 export { EntryLinkContext, useEntryLinkContext, } from './EntryLinkContext.js';
 export { InsertEntryLink } from './InsertEntryLink.js';
-//# sourceMappingURL=index.js.map

package/dist/editor/group-manager/ExternalGroupsTab.d.ts

@@ -2,7 +2,7 @@
  * External groups tab component
  */
 import React from 'react';
-import type { ExternalGroup } from './types';
+import type { ExternalGroup } from './types.js';
 export interface ExternalGroupsTabProps {
     canEdit: boolean;
     searchQuery: string;
@@ -13,4 +13,3 @@ export interface ExternalGroupsTabProps {
     canSearch: boolean;
 }
 export declare const ExternalGroupsTab: React.FC<ExternalGroupsTabProps>;
-//# sourceMappingURL=ExternalGroupsTab.d.ts.map

package/dist/editor/group-manager/ExternalGroupsTab.js

@@ -13,4 +13,3 @@ export const ExternalGroupsTab = ({ canEdit, searchQuery, searchResults, isSearc
     }
     return (_jsx(ScrollArea, { style: { height: '100%' }, pt: "md", children: _jsxs(Stack, { gap: "sm", pb: "md", children: [_jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Search for external groups from your organization" }), _jsx(TextInput, { placeholder: "Search external groups...", value: searchQuery, onChange: (e) => onSearchQueryChange(e.target.value), leftSection: _jsx(IconSearch, { size: 16 }), disabled: !canSearch }), !canSearch && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "gray", title: "Not Available", children: "External group search is not configured" })), isSearching && (_jsxs(Group, { justify: "center", py: "md", children: [_jsx(Loader, { size: "sm" }), _jsx(Text, { size: "sm", c: "dimmed", children: "Searching..." })] })), searchError && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", title: "Error", children: searchError })), searchResults.length > 0 && (_jsx(Stack, { gap: "xs", children: searchResults.map((group) => (_jsx(Paper, { withBorder: true, p: "xs", children: _jsx(Group, { justify: "space-between", wrap: "nowrap", children: _jsxs(Group, { gap: "xs", style: { flex: 1, minWidth: 0 }, children: [_jsx(IconBuilding, { size: 16, color: "gray", style: { flexShrink: 0 } }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx(Text, { size: "sm", fw: 500, truncate: true, children: group.name }), _jsxs(Text, { size: "xs", c: "dimmed", truncate: true, children: ["ID: ", group.id] })] })] }) }) }, group.id))) })), searchQuery.trim() && !isSearching && searchResults.length === 0 && !searchError && (_jsx(Text, { size: "sm", c: "dimmed", ta: "center", py: "md", children: "No external groups found" }))] }) }));
 };
-//# sourceMappingURL=ExternalGroupsTab.js.map

package/dist/editor/group-manager/GroupCard.d.ts

@@ -2,7 +2,7 @@
  * Card component for displaying a single group with its members
  */
 import React from 'react';
-import type { InternalGroup, UserSearchResult, CanopyGroupId, CanopyUserId } from './types';
+import type { InternalGroup, UserSearchResult, CanopyGroupId, CanopyUserId } from './types.js';
 export interface GroupCardProps {
     group: InternalGroup;
     onEdit: (group: InternalGroup) => void;
@@ -21,4 +21,3 @@ export interface GroupCardProps {
     canSearch: boolean;
 }
 export declare const GroupCard: React.FC<GroupCardProps>;
-//# sourceMappingURL=GroupCard.d.ts.map

package/dist/editor/group-manager/GroupCard.js

@@ -6,4 +6,3 @@ import { MemberList } from './MemberList.js';
 export const GroupCard = ({ group, onEdit, onDelete, onAddMember, onRemoveMember, onGetUserMetadata, showUserSearch, searchQuery, searchResults, isSearching, searchError, onSearchQueryChange, onShowSearch, onHideSearch, canSearch, }) => {
     return (_jsxs(Paper, { withBorder: true, p: "sm", mb: "xs", children: [_jsxs(Group, { justify: "space-between", mb: "sm", children: [_jsxs("div", { style: { flex: 1 }, children: [_jsxs(Group, { gap: "xs", children: [_jsx(Text, { size: "sm", fw: 500, children: group.name }), _jsxs(Badge, { size: "sm", variant: "light", children: [group.members?.length || 0, " members"] })] }), _jsxs(Text, { size: "xs", c: "dimmed", mt: 4, children: ["ID: ", group.id] }), group.description && (_jsx(Text, { size: "xs", c: "dimmed", mt: 4, children: group.description }))] }), _jsxs(Group, { gap: "xs", children: [_jsx(Tooltip, { label: "Edit group", children: _jsx(ActionIcon, { size: "sm", variant: "subtle", onClick: () => onEdit(group), children: _jsx(IconEdit, { size: 16 }) }) }), _jsx(Tooltip, { label: "Delete group", children: _jsx(ActionIcon, { size: "sm", variant: "subtle", color: "red", onClick: () => onDelete(group.id), children: _jsx(IconTrash, { size: 16 }) }) })] })] }), _jsx(MemberList, { groupId: group.id, members: group.members || [], onRemoveMember: onRemoveMember, onAddMember: onAddMember, onGetUserMetadata: onGetUserMetadata, showUserSearch: showUserSearch, searchQuery: searchQuery, searchResults: searchResults, isSearching: isSearching, searchError: searchError, onSearchQueryChange: onSearchQueryChange, onShowSearch: onShowSearch, onHideSearch: onHideSearch, canSearch: canSearch })] }));
 };
-//# sourceMappingURL=GroupCard.js.map

package/dist/editor/group-manager/GroupForm.d.ts

@@ -2,7 +2,7 @@
  * Modal form for creating/editing groups
  */
 import React from 'react';
-import type { InternalGroup, GroupFormData } from './types';
+import type { InternalGroup, GroupFormData } from './types.js';
 export interface GroupFormProps {
     isOpen: boolean;
     editingGroup: InternalGroup | null;
@@ -12,4 +12,3 @@ export interface GroupFormProps {
     onClose: () => void;
 }
 export declare const GroupForm: React.FC<GroupFormProps>;
-//# sourceMappingURL=GroupForm.d.ts.map

package/dist/editor/group-manager/GroupForm.js

@@ -4,4 +4,3 @@ import { Button, Group, Modal, Paper, Stack, Text, TextInput, Textarea } from '@
 export const GroupForm = ({ isOpen, editingGroup, formData, onFormChange, onSave, onClose, }) => {
     return (_jsx(Modal, { opened: isOpen, onClose: onClose, title: editingGroup ? 'Edit Group' : 'Create Group', children: _jsxs(Stack, { gap: "md", children: [editingGroup && (_jsxs("div", { children: [_jsx(Text, { size: "sm", fw: 500, mb: 4, children: "ID (system-generated)" }), _jsx(Paper, { p: "xs", withBorder: true, bg: "gray.0", children: _jsx(Text, { size: "sm", ff: "monospace", c: "dimmed", children: editingGroup.id }) })] })), _jsx(TextInput, { label: "Group Name", placeholder: "e.g., Content Editors", value: formData.name, onChange: (e) => onFormChange({ name: e.target.value }), required: true }), _jsx(Textarea, { label: "Description", placeholder: "Optional description", value: formData.description, onChange: (e) => onFormChange({ description: e.target.value }), rows: 3 }), _jsxs(Group, { justify: "flex-end", gap: "sm", children: [_jsx(Button, { variant: "subtle", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: onSave, children: editingGroup ? 'Save' : 'Create' })] })] }) }));
 };
-//# sourceMappingURL=GroupForm.js.map

package/dist/editor/group-manager/InternalGroupsTab.d.ts

@@ -2,7 +2,7 @@
  * Internal groups tab component
  */
 import React from 'react';
-import type { InternalGroup, UserSearchResult, CanopyGroupId, CanopyUserId } from './types';
+import type { InternalGroup, UserSearchResult, CanopyGroupId, CanopyUserId } from './types.js';
 export interface InternalGroupsTabProps {
     groups: InternalGroup[];
     canEdit: boolean;
@@ -23,4 +23,3 @@ export interface InternalGroupsTabProps {
     canSearch: boolean;
 }
 export declare const InternalGroupsTab: React.FC<InternalGroupsTabProps>;
-//# sourceMappingURL=InternalGroupsTab.d.ts.map

package/dist/editor/group-manager/InternalGroupsTab.js

@@ -15,4 +15,3 @@ export const InternalGroupsTab = ({ groups, canEdit, onCreateGroup, onEditGroup,
     // Editable view
     return (_jsx(ScrollArea, { style: { height: '100%' }, pt: "md", children: _jsxs(Stack, { gap: "sm", pb: "md", children: [_jsxs(Group, { justify: "space-between", mb: "xs", children: [_jsx(Text, { size: "sm", fw: 500, c: "dimmed", children: "Manage your internal groups" }), _jsx(Button, { size: "xs", variant: "light", leftSection: _jsx(IconPlus, { size: 14 }), onClick: onCreateGroup, children: "Create Group" })] }), groups.length === 0 ? (_jsxs(Paper, { withBorder: true, p: "md", style: { textAlign: 'center' }, children: [_jsx(IconUsers, { size: 32, color: "gray", style: { margin: '0 auto', marginBottom: 8 } }), _jsx(Text, { size: "sm", c: "dimmed", children: "No internal groups yet. Create one to get started." })] })) : (groups.map((group) => (_jsx(GroupCard, { group: group, onEdit: onEditGroup, onDelete: onDeleteGroup, onAddMember: onAddMember, onRemoveMember: onRemoveMember, onGetUserMetadata: onGetUserMetadata, showUserSearch: activeSearchGroupId === group.id, searchQuery: searchQuery, searchResults: searchResults, isSearching: isSearching, searchError: searchError, onSearchQueryChange: onSearchQueryChange, onShowSearch: () => onShowSearch(group.id), onHideSearch: onHideSearch, canSearch: canSearch }, group.id))))] }) }));
 };
-//# sourceMappingURL=InternalGroupsTab.js.map

package/dist/editor/group-manager/MemberList.d.ts

@@ -2,7 +2,7 @@
  * Member list component with user search for adding members
  */
 import React from 'react';
-import type { UserSearchResult, CanopyGroupId, CanopyUserId } from './types';
+import type { UserSearchResult, CanopyGroupId, CanopyUserId } from './types.js';
 export interface MemberListProps {
     groupId: CanopyGroupId;
     members: CanopyUserId[];
@@ -20,4 +20,3 @@ export interface MemberListProps {
     canSearch: boolean;
 }
 export declare const MemberList: React.FC<MemberListProps>;
-//# sourceMappingURL=MemberList.d.ts.map

package/dist/editor/group-manager/MemberList.js

@@ -10,4 +10,3 @@ export const MemberList = ({ groupId, members, onRemoveMember, onAddMember, onGe
     };
     return (_jsxs("div", { children: [_jsx(Text, { size: "xs", fw: 500, mb: 4, children: "Members" }), _jsx(Group, { gap: "xs", mb: "xs", children: members.length > 0 ? (members.map((userId) => onGetUserMetadata ? (_jsx(UserBadge, { userId: userId, getUserMetadata: onGetUserMetadata, variant: "avatar-name", size: "xs", badgeVariant: "filled", color: "blue", onRemove: () => onRemoveMember(groupId, userId), showEmailTooltip: true }, userId)) : (_jsx(Badge, { variant: "filled", color: "blue", pr: 3, rightSection: _jsx(ActionIcon, { size: "xs", color: "blue", radius: "xl", variant: "transparent", onClick: () => onRemoveMember(groupId, userId), children: _jsx(IconX, { size: 10, style: { color: 'white' } }) }), children: userId }, userId)))) : (_jsx(Text, { size: "xs", c: "dimmed", children: "No members" })) }), showUserSearch ? (_jsx(Paper, { withBorder: true, p: "sm", mt: "xs", children: _jsxs(Stack, { gap: "xs", children: [_jsx(TextInput, { placeholder: "Search users by name or email...", value: searchQuery, onChange: (e) => onSearchQueryChange(e.target.value), "aria-label": "Search users by name or email", size: "xs" }), isSearching && _jsx(Loader, { size: "xs" }), searchError && (_jsx(Text, { size: "xs", c: "red", children: searchError })), searchResults.length > 0 && (_jsx(Stack, { gap: 4, children: searchResults.map((user) => (_jsx(Paper, { p: "xs", withBorder: true, style: { cursor: 'pointer' }, onClick: () => handleAddMember(user.id), children: onGetUserMetadata ? (_jsx(UserBadge, { userId: user.id, getUserMetadata: onGetUserMetadata, variant: "full", size: "sm", cachedUser: user, showEmailTooltip: false })) : (_jsxs(_Fragment, { children: [_jsx(Text, { size: "sm", fw: 500, children: user.name }), _jsx(Text, { size: "xs", c: "dimmed", children: user.email })] })) }, user.id))) })), searchQuery.trim() && !isSearching && searchResults.length === 0 && (_jsx(Text, { size: "xs", c: "dimmed", children: "No users found" })), _jsx(Button, { size: "xs", variant: "subtle", onClick: onHideSearch, children: "Cancel" })] }) })) : (_jsx(Button, { size: "xs", variant: "subtle", leftSection: _jsx(IconSearch, { size: 14 }), onClick: onShowSearch, disabled: !canSearch, children: "Add Member" }))] }));
 };
-//# sourceMappingURL=MemberList.js.map