@elytracms/studio 0.0.51 → 0.0.53

package/dist/components/assets/assets-store.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import type { AssetRecord } from '@elytracms/core/persistence';
 import type { DeleteAssetResult, UploadState, UploadableFile } from '@elytracms/studio/lib/assets';
 import type { ReferenceEntryView } from '@elytracms/studio/lib/references';
-import type { AssetMetadataPatch, UpdateAssetMetadataResult } from './asset-metadata';
+import type { AssetMetadataPatch, UpdateAssetMetadataResult } from './asset-metadata.js';
 /**
  * Asset library store (EC-151, EC-141). Asset *metadata* mutations go through
  * the shared operations client (`assets.*` commands — validate → authorize →

package/dist/components/assets/assets-store.js

@@ -5,7 +5,7 @@ import { loadInboundAssetReferenceViews } from '@elytracms/studio/lib/references
 import { getStudioOperations, operationsAssetRepository } from '@elytracms/studio/lib/operations';
 import { listStoreState, useOperationCache, useOperationQuery } from '@elytracms/studio/lib/query';
 import { createRequiredContext } from '@elytracms/studio/lib/required-context';
-import { updateAssetMetadata } from './asset-metadata';
+import { updateAssetMetadata } from './asset-metadata.js';
 const { Context: AssetsContext, useRequired: useAssets } = createRequiredContext('Assets', { article: 'an' });
 const EMPTY_ASSETS = [];
 /** Cache key for a project's asset library (shared by the query and its patches). */

package/dist/components/builder/blocks-model.js

@@ -2,7 +2,7 @@ import { cloneWithNewIds } from '@elytracms/core/project-graph';
 import { isCanvasEligible, propValueValidator } from '@elytracms/core/component-registry';
 import { componentStatus } from '@elytracms/studio/lib/registry';
 import { nodeFromProps, previewSpecs } from '@elytracms/studio/lib/registry/preview';
-import { LAYOUT_PRESETS, nodeFromManifest } from './node-factory';
+import { LAYOUT_PRESETS, nodeFromManifest } from './node-factory.js';
 /**
  * Intersect two component-id allow-lists. `undefined` means "no constraint from
  * this source", so the result is the other list (copied); two present lists yield

package/dist/components/builder/blocks-panel.d.ts

@@ -1,7 +1,7 @@
 import type { InsertTarget } from '@elytracms/core/project-graph';
 import type { ClipboardFragment } from '@elytracms/core/clipboard';
 import type { StudioRegistry } from '@elytracms/studio/lib/registry';
-import type { BlockTile } from './blocks-model';
+import type { BlockTile } from './blocks-model.js';
 /**
  * Blocks panel (EC-164): the visual insert surface. Every registry component
  * and each of its fixture variations is a tile with a live, scaled render —

package/dist/components/builder/blocks-panel.js

@@ -4,14 +4,14 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { buildFragmentFromRegistryFixture, buildFragmentFromSubtree, } from '@elytracms/core/clipboard';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useCollab } from '../collab/collab-context';
-import { useStudioClipboard } from './clipboard-actions';
-import { beginDrag, endDrag, onDragSessionEnd } from './drag-session';
+import { useCollab } from '../collab/collab-context.js';
+import { useStudioClipboard } from './clipboard-actions.js';
+import { beginDrag, endDrag, onDragSessionEnd } from './drag-session.js';
 import { Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Row, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
-import { useBuilder } from './builder-store';
-import { blockGroups, presetTiles } from './blocks-model';
-import { ScaledFixtureThumbnail } from './fixture-thumbnail';
+import { useBuilder } from './builder-store.js';
+import { blockGroups, presetTiles } from './blocks-model.js';
+import { ScaledFixtureThumbnail } from './fixture-thumbnail.js';
 /**
  * "Copy exact configuration" (EC-175, vision 3.3): the EC-174 fragment for a
  * blocks-panel tile. Tiles backed by a declared manifest fixture go through

package/dist/components/builder/canvas.js

@@ -5,23 +5,23 @@ import { renderPageComposition } from '@elytracms/core/runtime-renderer';
 import { useParams } from '@elytracms/studio/router';
 import { getNode, getParentInfo, staticProp } from '@elytracms/core/project-graph';
 import { canNestInto, containerFlowAxis, dropIndicatorFor, dropPositionForPoint, resolveDrop, } from '@elytracms/studio/lib/dnd/drop-rules';
-import { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session';
+import { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session.js';
 import { PRESERVE_NODE_ATTR, collectPreservedPairs, richTextDocFromDom, } from '@elytracms/core/rich-text';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useOptionalAssets } from '../assets/assets-store';
+import { useOptionalAssets } from '../assets/assets-store.js';
 import { resolveCanvasLink, resolveCanvasListing, resolveCanvasRelation, useData, } from '@elytracms/studio/lib/data';
 import { cmsBindingFallback, useStudioLocale } from '@elytracms/studio/lib/locale';
 import { getInstantiatedKit } from '@elytracms/studio/lib/starters/kit-session';
-import { getCanvasStylesheetUrl } from './canvas-stylesheet';
-import { useBuilder } from './builder-store';
-import { useReuse } from './reuse-context';
-import { reuseEmbedRef } from './reuse';
-import { useCanvasViewports, viewportWidth } from './canvas-breakpoints';
-import { ClipboardNoticeOverlay, attachClipboardListeners, useStudioClipboard, } from './clipboard-actions';
-import { createInlineEditSession, createInlineRichTextSession, findInlineTextHost, resolveInlineEditableProp, resolveInlineRichTextProp, } from './inline-edit';
-import { RichTextToolbar } from './rich-text-toolbar';
-import { SpacingHandles, hasSpacingHandles } from './spacing-handles';
+import { getCanvasStylesheetUrl } from './canvas-stylesheet.js';
+import { useBuilder } from './builder-store.js';
+import { useReuse } from './reuse-context.js';
+import { reuseEmbedRef } from './reuse.js';
+import { useCanvasViewports, viewportWidth } from './canvas-breakpoints.js';
+import { ClipboardNoticeOverlay, attachClipboardListeners, useStudioClipboard, } from './clipboard-actions.js';
+import { createInlineEditSession, createInlineRichTextSession, findInlineTextHost, resolveInlineEditableProp, resolveInlineRichTextProp, } from './inline-edit.js';
+import { RichTextToolbar } from './rich-text-toolbar.js';
+import { SpacingHandles, hasSpacingHandles } from './spacing-handles.js';
 /** Selection/hover outlines, scoped to the per-node editable wrappers. */
 const OUTLINE_CSS = `
   /* The canvas backdrop is deliberately always light/site-like (see the

package/dist/components/builder/clipboard-actions.js

@@ -8,9 +8,9 @@ import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { shortId } from '@elytracms/studio/lib/persona/labels';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { useData } from '@elytracms/studio/lib/data';
-import { useCollab } from '../collab/collab-context';
+import { useCollab } from '../collab/collab-context.js';
 import { Badge, Row, Text } from '@elytracms/studio/ui';
-import { makeNodeIdCounter, useBuilder } from './builder-store';
+import { makeNodeIdCounter, useBuilder } from './builder-store.js';
 let currentNotice = null;
 const noticeListeners = new Set();
 export function publishClipboardNotice(notice) {

package/dist/components/builder/composition-field-editor-lazy.d.ts

@@ -14,6 +14,6 @@ import type { ComponentProps } from 'react';
  * detail editor's seam is unchanged — it still imports `CompositionFieldEditor`,
  * now the lazy-wrapped one, and renders it behind the same `canvasField` gate.
  */
-declare const CompositionFieldEditorImpl: import("react").LazyExoticComponent<typeof import("./composition-field-editor").CompositionFieldEditor>;
+declare const CompositionFieldEditorImpl: import("react").LazyExoticComponent<typeof import("./composition-field-editor.js").CompositionFieldEditor>;
 export declare function CompositionFieldEditor(props: ComponentProps<typeof CompositionFieldEditorImpl>): import("react").JSX.Element;
 export {};

package/dist/components/builder/composition-field-editor-lazy.js

@@ -17,7 +17,7 @@ import { translate } from '@elytracms/studio/lib/i18n';
  * detail editor's seam is unchanged — it still imports `CompositionFieldEditor`,
  * now the lazy-wrapped one, and renders it behind the same `canvasField` gate.
  */
-const CompositionFieldEditorImpl = lazy(() => import('./composition-field-editor').then((module) => ({
+const CompositionFieldEditorImpl = lazy(() => import('./composition-field-editor.js').then((module) => ({
     default: module.CompositionFieldEditor,
 })));
 function CanvasFallback() {

package/dist/components/builder/composition-field-editor.d.ts

@@ -1,5 +1,5 @@
 import type { BlocksFieldDef } from '@elytracms/core/cms-core';
-import type { InspectorPane } from '../inspector/inspector-sidebar';
+import type { InspectorPane } from '../inspector/inspector-sidebar.js';
 export declare function CompositionFieldEditor({ field, value, onChange, readOnly, trailingPanes, }: {
     field: BlocksFieldDef;
     value: unknown;

package/dist/components/builder/composition-field-editor.js

@@ -5,15 +5,15 @@ import { DEFAULT_SLOT, blockRootsOf } from '@elytracms/core/project-graph';
 import { Button, Panel, Row, Spacer, Text, Toolbar, ToolbarGroup, ToolbarSeparator } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { BuilderProvider, useBuilder } from './builder-store';
-import { useCanvasViewports } from './canvas-breakpoints';
-import { BuilderCanvas } from './canvas';
-import { PageTree } from './page-tree';
-import { PropertyInspector } from './property-inspector';
-import { InspectorSidebar } from '../inspector/inspector-sidebar';
-import { InsertMenu } from './insert-menu';
-import { resolveInsertContext } from './insert-context';
-import { ReuseProvider } from './reuse-context';
+import { BuilderProvider, useBuilder } from './builder-store.js';
+import { useCanvasViewports } from './canvas-breakpoints.js';
+import { BuilderCanvas } from './canvas.js';
+import { PageTree } from './page-tree.js';
+import { PropertyInspector } from './property-inspector.js';
+import { InspectorSidebar } from '../inspector/inspector-sidebar.js';
+import { InsertMenu } from './insert-menu.js';
+import { resolveInsertContext } from './insert-context.js';
+import { ReuseProvider } from './reuse-context.js';
 /**
  * EC-188 — the block-field surface: one canvas engine mounted on a composition
  * **field value** (AD-12), not the project graph.

package/dist/components/builder/insert-context.d.ts

@@ -1,5 +1,5 @@
-import type { InsertContext } from './insert-menu';
-import { useBuilder } from './builder-store';
+import type { InsertContext } from './insert-menu.js';
+import { useBuilder } from './builder-store.js';
 /**
  * Where an insert lands: the canvas insert-context resolution, shared by every
  * surface that mounts the canvas engine.

package/dist/components/builder/insert-context.js

@@ -1,8 +1,8 @@
 import { getNode, getParentInfo } from '@elytracms/core/project-graph';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { shortId } from '@elytracms/studio/lib/persona/labels';
-import { intersectAllow } from './blocks-model';
-import { useBuilder } from './builder-store';
+import { intersectAllow } from './blocks-model.js';
+import { useBuilder } from './builder-store.js';
 /**
  * Where an insert lands: the canvas insert-context resolution, shared by every
  * surface that mounts the canvas engine.

package/dist/components/builder/insert-menu.d.ts

@@ -5,5 +5,5 @@
  * max-height behaviours carried over from the old dialog) lives in
  * `blocks-panel.tsx`.
  */
-export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel';
-export type { InsertContext } from './blocks-panel';
+export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel.js';
+export type { InsertContext } from './blocks-panel.js';

package/dist/components/builder/insert-menu.js

@@ -5,5 +5,5 @@
  * max-height behaviours carried over from the old dialog) lives in
  * `blocks-panel.tsx`.
  */
-export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel';
+export { BlocksPanel as InsertMenu, preventOutsideDismiss } from './blocks-panel.js';
 //# sourceMappingURL=insert-menu.js.map

package/dist/components/builder/layout-inspector.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CONTAINER_ALIGNMENTS, GRID_MAX_COLUMNS, SPACING_TOKEN_NAMES, STACK_COMPONENT_ID, STACK_ON_MOBILE_PROP, gridStacksOnMobile, isLayoutContainerNode, isSpacingTokenName, isStaticProp, spacingTokenFromLegacyGap, staticProp, } from '@elytracms/core/project-graph';
 import { Field, InspectorSection, Select, Stack } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useBuilder } from './builder-store';
+import { useBuilder } from './builder-store.js';
 /**
  * Contextual layout inspector (EC-162): when a `Stack`/`Grid` container is
  * selected, the Settings tab shows its canonical layout values — direction,

package/dist/components/builder/page-tree.js

@@ -9,11 +9,11 @@ import { translate } from '@elytracms/studio/lib/i18n';
 import { useData } from '@elytracms/studio/lib/data';
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Row, Spacer, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
-import { useCollab } from '../collab/collab-context';
-import { useBuilder } from './builder-store';
-import { attachClipboardListeners, useStudioClipboard } from './clipboard-actions';
-import { useReuse } from './reuse-context';
-import { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session';
+import { useCollab } from '../collab/collab-context.js';
+import { useBuilder } from './builder-store.js';
+import { attachClipboardListeners, useStudioClipboard } from './clipboard-actions.js';
+import { useReuse } from './reuse-context.js';
+import { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session.js';
 function flatten(node, depth, rows, meta) {
     rows.push({ id: node.id, componentId: node.componentId, depth, ...meta, condition: node.condition });
     for (const children of Object.values(node.slots ?? {})) {

package/dist/components/builder/property-inspector.js

@@ -6,9 +6,9 @@ import { Badge, Code, Field, InspectorSection, PanelHeader, Row, Spacer, Stack,
 import { humanizeName } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
-import { PropValueControl } from '../cms/prop-fields';
-import { useBuilder } from './builder-store';
-import { LayoutSection, layoutManagedPropNames } from './layout-inspector';
+import { PropValueControl } from '../cms/prop-fields.js';
+import { useBuilder } from './builder-store.js';
+import { LayoutSection, layoutManagedPropNames } from './layout-inspector.js';
 export function PropertyInspector() {
     const builder = useBuilder();
     const studio = getStudioRegistry();

package/dist/components/builder/reuse-context.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ReuseCapability } from './reuse';
+import type { ReuseCapability } from './reuse.js';
 /**
  * In-canvas reuse gestures (EC-282): "Make reusable" promotes a selected block to
  * a new reusable document and replaces it in place with a transcluding embed;

package/dist/components/builder/reuse-context.js

@@ -5,9 +5,9 @@ import { readDocumentRef } from '@elytracms/core/cms-core';
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Field, Input, Stack, toast, } from '@elytracms/studio/ui';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
-import { useCms } from '../cms/cms-store';
-import { useBuilder } from './builder-store';
-import { buildReusableValues, makeEmbedNode, resolveReuseCapability } from './reuse';
+import { useCms } from '../cms/cms-store.js';
+import { useBuilder } from './builder-store.js';
+import { buildReusableValues, makeEmbedNode, resolveReuseCapability } from './reuse.js';
 const ReuseContext = createContext(null);
 export function useReuse() {
     return useContext(ReuseContext);

package/dist/components/builder/spacing-handles.js

@@ -5,8 +5,8 @@ import { DEFAULT_SLOT, isLayoutContainerNode, staticProp } from '@elytracms/core
 import { containerFlowAxis } from '@elytracms/studio/lib/dnd/drop-rules';
 import { containerGapStep, gapHandleSpots, gapStepCss, gapStepFromDrag, } from '@elytracms/studio/lib/dnd/gap-drag';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useBuilder } from './builder-store';
-import { GAP_LABEL_KEYS, GAP_NONE_LABEL_KEY } from './layout-inspector';
+import { useBuilder } from './builder-store.js';
+import { GAP_LABEL_KEYS, GAP_NONE_LABEL_KEY } from './layout-inspector.js';
 /**
  * Tokenized spacing handles (EC-163, vision §3.1 / AD-10): when a Stack/Grid
  * container is selected on the canvas, draggable gap handles appear between

package/dist/components/cms/asset-picker.js

@@ -4,10 +4,10 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { filterAssets } from '../assets/asset-search';
-import { AssetsProvider, useAssets, useOptionalAssets } from '../assets/assets-store';
-import { newlyAddedAssetIds } from '../assets/focal-point';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { filterAssets } from '../assets/asset-search.js';
+import { AssetsProvider, useAssets, useOptionalAssets } from '../assets/assets-store.js';
+import { newlyAddedAssetIds } from '../assets/focal-point.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 /**
  * Pick an asset for a CMS `asset` field (brief §8.4, §8.6, EC-075 → EC-152).
  * Backed by the *real* asset library (the assets store over the operations

package/dist/components/cms/bulk-actions.js

@@ -1,4 +1,4 @@
-import { matchesRef } from './document-ref-utils';
+import { matchesRef } from './document-ref-utils.js';
 export function bulkSummary(report) {
     let succeeded = 0;
     for (const result of report.results)

package/dist/components/cms/bulk-bar.d.ts

@@ -1,7 +1,7 @@
 import type { CollectionDef } from '@elytracms/core/cms-core';
 import type { FilterScalar } from '@elytracms/core/content';
 import type { FilterableFieldOption } from '@elytracms/studio/lib/cms-views';
-import type { BulkAction, BulkReport, BulkSetField } from './bulk-actions';
+import type { BulkAction, BulkReport, BulkSetField } from './bulk-actions.js';
 /**
  * The scalar filterable fields a bulk set-field may target (EC-247): the
  * schema's `filterable` fields whose type edits inline (text/number/boolean/

package/dist/components/cms/bulk-bar.js

@@ -4,9 +4,9 @@ import { Check, CheckCircle2, CircleSlash, PencilLine, Trash2, X } from 'lucide-
 import { Badge, Button, Code, Row, Select, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { filterableFieldOptions } from '@elytracms/studio/lib/cms-views';
-import { bulkSummary } from './bulk-actions';
-import { cellEditKind } from './cell-edit';
-import { ScalarFieldValueEditor } from './scalar-value-editor';
+import { bulkSummary } from './bulk-actions.js';
+import { cellEditKind } from './cell-edit.js';
+import { ScalarFieldValueEditor } from './scalar-value-editor.js';
 /**
  * The scalar filterable fields a bulk set-field may target (EC-247): the
  * schema's `filterable` fields whose type edits inline (text/number/boolean/

package/dist/components/cms/cell-edit.js

@@ -1,5 +1,5 @@
 import { createDocumentStore, isFieldLocalized, validateDocument } from '@elytracms/core/cms-core';
-import { replaceDoc } from './document-ref-utils';
+import { replaceDoc } from './document-ref-utils.js';
 /** Stable key for a cell (state maps, DOM lookups). */
 export function cellKey(coord) {
     return `${coord.docId}::${coord.field}`;

package/dist/components/cms/cell.js

@@ -6,8 +6,8 @@ import { richTextPlainText } from '@elytracms/core/rich-text';
 import { Badge, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { localeChipLabel, resolveDisplayedValue } from '@elytracms/studio/lib/locale';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { AssetThumb, useAssetRecord } from '../assets/asset-thumb';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { AssetThumb, useAssetRecord } from '../assets/asset-thumb.js';
 /**
  * Render a document's field value for a table cell, by field type (brief
  * §8.4, EC-070), resolved in the studio's ambient active locale (EC-176).

package/dist/components/cms/cms-index.js

@@ -3,7 +3,7 @@ import { Database, FileCog } from 'lucide-react';
 import { isSingleton } from '@elytracms/core/cms-core';
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
 import { useCms } from '@elytracms/studio/components/cms/cms-store';
-import { focusCollectionList } from './collection-focus';
+import { focusCollectionList } from './collection-focus.js';
 import { Card, Code, Heading, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { localizedLabel } from '@elytracms/studio/lib/i18n';
 /**

package/dist/components/cms/cms-store.d.ts

@@ -3,8 +3,8 @@ import type { CmsDocument, CmsValidationIssue, CollectionDef, CollectionRegistry
 import type { DocumentVersionRecord } from '@elytracms/core/persistence';
 import type { OperationError } from '@elytracms/studio/lib/operations';
 import type { TableViewState } from '@elytracms/studio/lib/cms-views';
-import type { CellCommitInput, CellCommitOutcome } from './cell-edit';
-import type { BulkAction, BulkReport, BulkSetField } from './bulk-actions';
+import type { CellCommitInput, CellCommitOutcome } from './cell-edit.js';
+import type { BulkAction, BulkReport, BulkSetField } from './bulk-actions.js';
 /**
  * A resolved table view: a named bundle of filters (closed AD-3 vocabulary),
  * sort, and visible/ordered columns. EC-246b: named views are **config-as-code**

package/dist/components/cms/cms-store.js

@@ -5,15 +5,15 @@ import { translate } from '@elytracms/studio/lib/i18n';
 import { configureStudioLocales, useStudioLocale } from '@elytracms/studio/lib/locale';
 import { studioManifestLookup } from '@elytracms/studio/lib/registry';
 import { resolveDeploymentCollections } from '@elytracms/studio/lib/workspace';
-import { validateComposition, validateRichTextEmbeds } from './cms-composition-validators';
-import { matchesRef, removeDoc, replaceDoc, upsertDoc } from './document-ref-utils';
+import { validateComposition, validateRichTextEmbeds } from './cms-composition-validators.js';
+import { matchesRef, removeDoc, replaceDoc, upsertDoc } from './document-ref-utils.js';
 import { createRequiredContext } from '@elytracms/studio/lib/required-context';
 import { createCmsPersister, getStudioOperations } from '@elytracms/studio/lib/operations';
 import { ALL_VIEW_ID, canonicalViewState, configViewIssues, configViewsFor, defaultConfigViewId, defaultViewState, viewStatesEqual, } from '@elytracms/studio/lib/cms-views';
-import { useOptionalAssets } from '../assets/assets-store';
-import { consumeStagedDocuments } from './document-staging';
-import { applyCellValue, commitCellEdit } from './cell-edit';
-import { runBulkAction } from './bulk-actions';
+import { useOptionalAssets } from '../assets/assets-store.js';
+import { consumeStagedDocuments } from './document-staging.js';
+import { applyCellValue, commitCellEdit } from './cell-edit.js';
+import { runBulkAction } from './bulk-actions.js';
 const { Context: CmsContext, useRequired: useCms } = createRequiredContext('Cms');
 function primaryField(collection) {
     return titleFieldOf(collection)?.name ?? collection.fields[0]?.name ?? 'id';

package/dist/components/cms/collection-table.js

@@ -8,25 +8,25 @@ import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { LocaleSwitcher, resolveDisplayedValue } from '@elytracms/studio/lib/locale';
 import { EMPTY_SELECTION, STATE_FIELD, applyViewState, clearSelection, primaryColumn, selectAll, toggleRow, visibleColumns, visibleSelection, } from '@elytracms/studio/lib/cms-views';
-import { cellEditKind, cellKey } from './cell-edit';
-import { FallbackChip } from './cell';
-import { EditableCell } from './editable-cell';
-import { useCellEdit } from './use-cell-edit';
-import { ImportDialog } from './import-export';
-import { AssetThumb, useAssetRecord } from '../assets/asset-thumb';
-import { fieldLabel } from './cms-labels';
+import { cellEditKind, cellKey } from './cell-edit.js';
+import { FallbackChip } from './cell.js';
+import { EditableCell } from './editable-cell.js';
+import { useCellEdit } from './use-cell-edit.js';
+import { ImportDialog } from './import-export.js';
+import { AssetThumb, useAssetRecord } from '../assets/asset-thumb.js';
+import { fieldLabel } from './cms-labels.js';
 import { cmsIssueLabel } from '@elytracms/studio/lib/persona/labels';
 import { TriangleAlert } from 'lucide-react';
-import { BulkBar, BulkReportPanel } from './bulk-bar';
-import { rowActionsFor } from './row-actions';
-import { CHECKBOX_COLUMN_WIDTH_REM, PRIMARY_COLUMN_WIDTH_REM, ROW_ACTIONS_COLUMN_WIDTH_REM, STATE_COLUMN_WIDTH_REM, URL_COLUMN_WIDTH_REM, columnWidthRem, } from './column-width';
-import { ReferenceConfirmDialog } from './reference-confirm';
-import { FilterControl } from './filter-builder';
-import { DisplayMenu, ViewTabs } from './view-bar';
-import { DocStateBadge } from './doc-state';
-import { useSetBreadcrumb } from '../breadcrumb-context';
-import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source';
-import { CollectionViewProvider, useCollectionView } from '../collection-view/collection-view-context';
+import { BulkBar, BulkReportPanel } from './bulk-bar.js';
+import { rowActionsFor } from './row-actions.js';
+import { CHECKBOX_COLUMN_WIDTH_REM, PRIMARY_COLUMN_WIDTH_REM, ROW_ACTIONS_COLUMN_WIDTH_REM, STATE_COLUMN_WIDTH_REM, URL_COLUMN_WIDTH_REM, columnWidthRem, } from './column-width.js';
+import { ReferenceConfirmDialog } from './reference-confirm.js';
+import { FilterControl } from './filter-builder.js';
+import { DisplayMenu, ViewTabs } from './view-bar.js';
+import { DocStateBadge } from './doc-state.js';
+import { useSetBreadcrumb } from '../breadcrumb-context.js';
+import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source.js';
+import { CollectionViewProvider, useCollectionView } from '../collection-view/collection-view-context.js';
 export function CollectionTable({ projectId, collectionId }) {
     // AD-19: render over the portable CollectionViewSource, not `useCms()` directly,
     // so the SAME list surface serves the users rail (EC-240), redirects (EC-303), …

package/dist/components/cms/detail-editor.js

@@ -6,51 +6,51 @@ import { FIELD_WIDTH_SPANS, SIDEBAR_FIELD_GROUP, documentKey, groupOrder, groupS
 import { blockRootsOf } from '@elytracms/core/project-graph';
 import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, CollapsibleSection, Field, Heading, Row, Spacer, Stack, Text, toast, } from '@elytracms/studio/ui';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
-import { collectEmbedRefs, resolveReuseCapability } from '../builder/reuse';
+import { collectEmbedRefs, resolveReuseCapability } from '../builder/reuse.js';
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { LocaleSwitcher, activeLocaleValues, displayedFieldFallback, fieldConnection, fillFieldFromBase, resetFieldToBase, setFieldValue, } from '@elytracms/studio/lib/locale';
-import { FallbackChip } from './cell';
-import { FieldConnectionControl } from './field-connection';
-import { FieldControl } from './field-control';
+import { FallbackChip } from './cell.js';
+import { FieldConnectionControl } from './field-connection.js';
+import { FieldControl } from './field-control.js';
 // EC-322: the lazy-wrapped page builder — the heavy canvas subtree code-splits out
 // of the detail-view critical path and downloads only when a `blocks` field opens.
-import { CompositionFieldEditor } from '../builder/composition-field-editor-lazy';
-import { fieldLabel } from './cms-labels';
-import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source';
-import { CollectionViewProvider, useCollectionView } from '../collection-view/collection-view-context';
+import { CompositionFieldEditor } from '../builder/composition-field-editor-lazy.js';
+import { fieldLabel } from './cms-labels.js';
+import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source.js';
+import { CollectionViewProvider, useCollectionView } from '../collection-view/collection-view-context.js';
 import { resolveFieldAccess } from '@elytracms/studio/lib/collection-view/collection-view-source';
-import { DocStateBadge } from './doc-state';
-import { UnsavedChangesGuard } from '../guards';
-import { ReferenceConfirmDialog } from './reference-confirm';
-import { ReferencesPanel } from '../references/references-panel';
-import { InspectorSidebar } from '../inspector/inspector-sidebar';
-import { DocumentEditorProvider } from './document-editor-context';
-import { TranslateDocumentAction } from '../ai/translate-document-action';
-import { VersionsPane } from './versions-pane';
+import { DocStateBadge } from './doc-state.js';
+import { UnsavedChangesGuard } from '../guards.js';
+import { ReferenceConfirmDialog } from './reference-confirm.js';
+import { ReferencesPanel } from '../references/references-panel.js';
+import { InspectorSidebar } from '../inspector/inspector-sidebar.js';
+import { DocumentEditorProvider } from './document-editor-context.js';
+import { TranslateDocumentAction } from '../ai/translate-document-action.js';
+import { VersionsPane } from './versions-pane.js';
 // EC-322: the lazy-wrapped compare view — its diff UI code-splits off the detail-view
 // critical path and loads only when the Compare tab opens.
-import { VersionCompare } from './version-compare-lazy';
-import { IssuesPane } from './issues-pane';
-import { DetailsPane } from './details-pane';
-import { DocumentUrlPath } from './document-url-path';
+import { VersionCompare } from './version-compare-lazy.js';
+import { IssuesPane } from './issues-pane.js';
+import { DetailsPane } from './details-pane.js';
+import { DocumentUrlPath } from './document-url-path.js';
 // 0.0.41: selection-driven embed inspector. Both modules are deliberately TipTap-free
 // so the editor runtime stays behind rich-text/lazy (EC-322) — see their doc comments.
-import { EmbedInspectorProvider } from './rich-text/embed-inspector-context';
-import { EmbedInspector } from './rich-text/embed-inspector';
-import { useSetBreadcrumb } from '../breadcrumb-context';
+import { EmbedInspectorProvider } from './rich-text/embed-inspector-context.js';
+import { EmbedInspector } from './rich-text/embed-inspector.js';
+import { useSetBreadcrumb } from '../breadcrumb-context.js';
 import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 // EC-325 — the controller hooks EditorBody orchestrates (each independently
 // unit-tested at its pure core); the shell threads shared draft/ref/replaceDraft
 // state across their boundaries.
-import { usePublishedPerspective } from './use-published-perspective';
-import { useSaveMode } from './use-save-mode';
-import { useDiscardController } from './use-discard-controller';
-import { usePublishController, publishGate } from './use-publish-controller';
-import { useFieldFocus } from './use-field-focus';
-import { useCompareSelection } from './use-compare-selection';
-import { useLiveUrl } from './use-live-url';
-import { useEmbedInspectorHost } from './use-embed-inspector-host';
+import { usePublishedPerspective } from './use-published-perspective.js';
+import { useSaveMode } from './use-save-mode.js';
+import { useDiscardController } from './use-discard-controller.js';
+import { usePublishController, publishGate } from './use-publish-controller.js';
+import { useFieldFocus } from './use-field-focus.js';
+import { useCompareSelection } from './use-compare-selection.js';
+import { useLiveUrl } from './use-live-url.js';
+import { useEmbedInspectorHost } from './use-embed-inspector-host.js';
 export function DetailEditor({ projectId, collectionId, documentId, focusPath, }) {
     // AD-19: the edit shell is a portable surface over a CollectionViewSource, just
     // like the list. `DetailEditor` is the CMS entry point — it builds the CMS source

package/dist/components/cms/document-diff-view.js

@@ -7,10 +7,10 @@ import { translate } from '@elytracms/studio/lib/i18n';
 import { localeChipLabel } from '@elytracms/studio/lib/locale';
 import { cn } from '@elytracms/studio/lib/utils';
 import { readDiffViewMode, storeDiffViewMode } from '@elytracms/studio/lib/diff-view-preference';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { fieldLabel } from './cms-labels';
-import { toRefArray } from './cell';
-import { DIFF_TRUNCATE_THRESHOLD, mergeWordDiff, richTextToText, truncateText, truncateTokens, wordDiff, } from './version-compare-text';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { fieldLabel } from './cms-labels.js';
+import { toRefArray } from './cell.js';
+import { DIFF_TRUNCATE_THRESHOLD, mergeWordDiff, richTextToText, truncateText, truncateTokens, wordDiff, } from './version-compare-text.js';
 export function DocumentDiffView({ diff, collection, columnHeaders, restore, summaryHint, }) {
     const source = useCollectionView();
     // EC-317 — the unified/side-by-side toggle is a transient, personal-local view

package/dist/components/cms/editable-cell.d.ts

@@ -1,5 +1,5 @@
 import type { CmsDocument, CollectionDef, FieldDef } from '@elytracms/core/cms-core';
-import type { AdvanceDirection } from './cell-edit';
+import type { AdvanceDirection } from './cell-edit.js';
 /**
  * One editable table cell (EC-168, the Airtable-feel wedge of vision 3.2).
  *

package/dist/components/cms/editable-cell.js

@@ -5,12 +5,12 @@ import { Badge, Input, Row, Select, Text } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { editCreatesVariant, resolveDisplayedValue } from '@elytracms/studio/lib/locale';
-import { applyAssetSelection, singleAssetIdOf } from '../assets/asset-selection';
-import { CellValue, toRefArray } from './cell';
-import { cellEditKind, cellKey } from './cell-edit';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { RelationPicker } from './relation-picker';
-import { AssetPicker } from './asset-picker';
+import { applyAssetSelection, singleAssetIdOf } from '../assets/asset-selection.js';
+import { CellValue, toRefArray } from './cell.js';
+import { cellEditKind, cellKey } from './cell-edit.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { RelationPicker } from './relation-picker.js';
+import { AssetPicker } from './asset-picker.js';
 /**
  * One editable table cell (EC-168, the Airtable-feel wedge of vision 3.2).
  *