@elytracms/studio 0.0.52 → 0.0.54

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).
  *

package/dist/components/cms/field-control.js

@@ -8,21 +8,21 @@ import { Button, Card, Code, Dialog, DialogContent, DialogDescription, DialogHea
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { activeLocaleValues } from '@elytracms/studio/lib/locale';
-import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection';
-import { useOptionalAssets } from '../assets/assets-store';
-import { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb';
-import { newlyAddedAssetIds } from '../assets/focal-point';
-import { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata';
-import { fieldLabel } from './cms-labels';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { useFieldDensity } from './field-density';
-import { useOptionalDocumentEditor } from './document-editor-context';
-import { toRefArray } from './cell';
-import { RelationPicker } from './relation-picker';
-import { AssetPicker } from './asset-picker';
-import { RichTextEditor } from './rich-text';
-import { DocumentUrlSegment } from './document-url-path';
-import { FieldRendererBoundary, FieldRendererIssue, useFieldRenderers, } from './field-renderer';
+import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection.js';
+import { useOptionalAssets } from '../assets/assets-store.js';
+import { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb.js';
+import { newlyAddedAssetIds } from '../assets/focal-point.js';
+import { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata.js';
+import { fieldLabel } from './cms-labels.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { useFieldDensity } from './field-density.js';
+import { useOptionalDocumentEditor } from './document-editor-context.js';
+import { toRefArray } from './cell.js';
+import { RelationPicker } from './relation-picker.js';
+import { AssetPicker } from './asset-picker.js';
+import { RichTextEditor } from './rich-text/index.js';
+import { DocumentUrlSegment } from './document-url-path.js';
+import { FieldRendererBoundary, FieldRendererIssue, useFieldRenderers, } from './field-renderer.js';
 /**
  * The document-editor field control. Resolves a project's custom renderer by the
  * field's `form.control` (EC-238, customization seam EC-236) and falls back to the

package/dist/components/cms/field-renderer.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import type { ReactNode } from 'react';
 import type { CustomizationIssue } from '@elytracms/core/studio-core';
-import type { CustomFieldRenderer } from '../app-views/studio-config';
+import type { CustomFieldRenderer } from '../app-views/studio-config.js';
 /**
  * EC-238 — custom field renderers, an instance of the EC-236 customization seam.
  *
@@ -19,7 +19,7 @@ import type { CustomFieldRenderer } from '../app-views/studio-config';
  * field, or a renderer that throws — surfaces a visible issue, never a silent drop
  * or a crash.
  */
-export type { CustomFieldRenderer, CustomFieldRendererProps } from '../app-views/studio-config';
+export type { CustomFieldRenderer, CustomFieldRendererProps } from '../app-views/studio-config.js';
 export interface ResolvedFieldRenderers {
     /** The custom renderer for a control name, or `undefined` → use the built-in. */
     get(control: string): CustomFieldRenderer | undefined;

package/dist/components/cms/filter-builder.js

@@ -5,9 +5,9 @@ import { Button, Popover, PopoverAnchor, PopoverContent, Row, Select, Spacer, St
 import { cn } from '@elytracms/studio/lib/utils';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { STATE_FIELD, defaultClause, filterableFieldOptions, operatorChoices, operatorLabelKey, scalarListFromText, scalarListToText, validateClauses, } from '@elytracms/studio/lib/cms-views';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { RelationPicker } from './relation-picker';
-import { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { RelationPicker } from './relation-picker.js';
+import { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor.js';
 const defaultDescribeValue = (clause) => Array.isArray(clause.value) ? clause.value.join(', ') : String(clause.value);
 /**
  * A one-line summary of the active filter for the chip face (EC-246b): the single

package/dist/components/cms/import-export.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Badge, Button, Code, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Stack, Text, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 /** Import collection data from JSON with validation + error reporting (brief §8.4, EC-079). */
 export function ImportDialog({ collectionId, open, onOpenChange, }) {
     const source = useCollectionView();

package/dist/components/cms/issues-pane.js

@@ -4,7 +4,7 @@ import { Button, Row, Stack, Text } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { cmsIssueLabel } from '@elytracms/studio/lib/persona/labels';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { fieldLabel } from './cms-labels';
+import { fieldLabel } from './cms-labels.js';
 /**
  * EC-283 — the document-scoped validation surface.
  *

package/dist/components/cms/prop-fields.js

@@ -4,9 +4,9 @@ import { isStaticProp } from '@elytracms/core/project-graph';
 import { fieldValueValidator } from '@elytracms/core/cms-core';
 import { Input, Row, Select, Stack, Text } from '@elytracms/studio/ui';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
-import { FieldControl } from './field-control';
-import { FieldDensityProvider } from './field-density';
-import { useOptionalCollectionView } from '../collection-view/collection-view-context';
+import { FieldControl } from './field-control.js';
+import { FieldDensityProvider } from './field-density.js';
+import { useOptionalCollectionView } from '../collection-view/collection-view-context.js';
 export function controlKind(spec) {
     switch (spec.type) {
         case 'boolean':

package/dist/components/cms/reference-confirm.js

@@ -6,7 +6,7 @@ import { documentKey } from '@elytracms/core/cms-core';
 import { buildReferenceImpact, loadInboundReferenceViews } from '@elytracms/studio/lib/references';
 import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Row, Stack, Text, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 const ACTION_LABELS = {
     unpublish: translate('cms.editor.unpublish'),
     delete: translate('common.delete'),

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

@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
 import { Badge, Button, Code, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Row, Spacer, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 /** Pick related document(s) from a target collection (brief §8.4, EC-074). */
 export function RelationPicker({ targetCollection, multiple, value, open, onOpenChange, onChange, excludeIds, }) {
     const source = useCollectionView();

package/dist/components/cms/rich-text/block-commands.d.ts

@@ -1,6 +1,6 @@
 import type { Editor } from '@tiptap/react';
 import type { LucideIcon } from 'lucide-react';
-import type { ToolbarState } from './toolbar-state';
+import type { ToolbarState } from './toolbar-state.js';
 /**
  * Shared block-command metadata (EC-328) — the five block operations
  * `buildSlashItems` (slash-command.tsx) and `RichTextToolbar` (toolbar.tsx)

package/dist/components/cms/rich-text/component-embed.js

@@ -8,8 +8,8 @@ import { Button } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
 import { cn } from '@elytracms/studio/lib/utils';
-import { EmbedPropsDialog, embedPropsSummary } from './embed-props';
-import { useOptionalEmbedInspector } from './embed-inspector-context';
+import { EmbedPropsDialog, embedPropsSummary } from './embed-props.js';
+import { useOptionalEmbedInspector } from './embed-inspector-context.js';
 /**
  * The rich-text component-embed node (EC-189/EC-314): a block atom holding a single
  * composition value at `attrs.node`. It is the third place constrained composition

package/dist/components/cms/rich-text/editor.js

@@ -3,15 +3,15 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { EditorContent, useEditor } from '@tiptap/react';
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel } from '@elytracms/studio/lib/i18n';
-import { useOptionalCollectionView } from '../../collection-view/collection-view-context';
-import { useOptionalAssets } from '../../assets/assets-store';
-import { AssetPicker } from '../asset-picker';
-import { buildRichTextExtensions } from './extensions';
-import { isEffectivelyEmpty, isEquivalentToStored, normalizeEditorDoc, richTextValueFromDoc, toEditorDoc, } from './value';
-import { insertAssetImage, insertComponentEmbed, listEmbeddable } from './insert';
-import { EmbedPicker } from './embed-picker';
+import { useOptionalCollectionView } from '../../collection-view/collection-view-context.js';
+import { useOptionalAssets } from '../../assets/assets-store.js';
+import { AssetPicker } from '../asset-picker.js';
+import { buildRichTextExtensions } from './extensions.js';
+import { isEffectivelyEmpty, isEquivalentToStored, normalizeEditorDoc, richTextValueFromDoc, toEditorDoc, } from './value.js';
+import { insertAssetImage, insertComponentEmbed, listEmbeddable } from './insert.js';
+import { EmbedPicker } from './embed-picker.js';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
-import { RichTextToolbar } from './toolbar';
+import { RichTextToolbar } from './toolbar.js';
 /**
  * The CMS rich-text field editor (EC-314) — a real TipTap editor over the shared
  * `@elytracms/core/rich-text` storage, replacing the plaintext textarea stub.

package/dist/components/cms/rich-text/embed-inspector.d.ts

@@ -1,4 +1,4 @@
-import type { EmbedInspectorPayload } from './embed-inspector-context';
+import type { EmbedInspectorPayload } from './embed-inspector-context.js';
 /**
  * The selection-driven embed prop inspector (0.0.41) — the detail editor's right
  * sidebar swaps to this when a `componentEmbed` node is selected in a rich-text

package/dist/components/cms/rich-text/embed-inspector.js

@@ -4,8 +4,8 @@ import { Button, Field, Row, Separator, Stack, Text } from '@elytracms/studio/ui
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
 import { cn } from '@elytracms/studio/lib/utils';
-import { PropValueControl } from '../prop-fields';
-import { blocksEmbedProps, clearComponentNodeProp, editableEmbedProps, resolveEmbedWrite, setComponentNodeProp, } from './embed-props';
+import { PropValueControl } from '../prop-fields.js';
+import { blocksEmbedProps, clearComponentNodeProp, editableEmbedProps, resolveEmbedWrite, setComponentNodeProp, } from './embed-props.js';
 /**
  * The selection-driven embed prop inspector (0.0.41) — the detail editor's right
  * sidebar swaps to this when a `componentEmbed` node is selected in a rich-text

package/dist/components/cms/rich-text/embed-picker.js

@@ -5,7 +5,7 @@ import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, Input, Stack, Text, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { cn } from '@elytracms/studio/lib/utils';
-import { listEmbeddable } from './insert';
+import { listEmbeddable } from './insert.js';
 /**
  * The component-embed picker dialog (EC-314/EC-189): a searchable list of the
  * components permitted for inline embedding. Rendered once at the editor level and

package/dist/components/cms/rich-text/embed-props.js

@@ -5,7 +5,7 @@ import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle,
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { humanizeName } from '@elytracms/studio/lib/utils';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
-import { PropValueControl } from '../prop-fields';
+import { PropValueControl } from '../prop-fields.js';
 /**
  * Prop editing for rich-text component embeds (EC-314 phase 4).
  *

package/dist/components/cms/rich-text/extensions.d.ts

@@ -1,5 +1,5 @@
 import type { Extensions } from '@tiptap/react';
-import type { SlashCommandOptions } from './slash-command';
+import type { SlashCommandOptions } from './slash-command.js';
 /**
  * The TipTap extension set for the CMS rich-text editor (EC-314).
  *

package/dist/components/cms/rich-text/extensions.js

@@ -1,10 +1,10 @@
 import StarterKit from '@tiptap/starter-kit';
 import { Placeholder } from '@tiptap/extensions';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { RefLink } from './ref-link';
-import { AssetImage } from './asset-image';
-import { ComponentEmbed } from './component-embed';
-import { createSlashCommand } from './slash-command';
+import { RefLink } from './ref-link.js';
+import { AssetImage } from './asset-image.js';
+import { ComponentEmbed } from './component-embed.js';
+import { createSlashCommand } from './slash-command.js';
 /**
  * The TipTap extension set for the CMS rich-text editor (EC-314).
  *

package/dist/components/cms/rich-text/index.d.ts

@@ -9,4 +9,4 @@
  * main route chunk. The eager editor stays available as `./editor` for the unit tests
  * and the extension-level modules that import it directly.
  */
-export { RichTextEditor } from './lazy';
+export { RichTextEditor } from './lazy.js';

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

@@ -9,5 +9,5 @@
  * main route chunk. The eager editor stays available as `./editor` for the unit tests
  * and the extension-level modules that import it directly.
  */
-export { RichTextEditor } from './lazy';
+export { RichTextEditor } from './lazy.js';
 //# sourceMappingURL=index.js.map

package/dist/components/cms/rich-text/insert.d.ts

@@ -1,7 +1,7 @@
 import type { Editor } from '@tiptap/react';
 import type { ComponentNode } from '@elytracms/core/project-graph';
 import type { ComponentManifest } from '@elytracms/core/component-registry';
-import type { AssetsStore } from '../../assets/assets-store';
+import type { AssetsStore } from '../../assets/assets-store.js';
 /**
  * Reference-carrying node insertions shared by the toolbar controls and the slash
  * menu (EC-314). Centralised so both entry points produce byte-identical envelopes

package/dist/components/cms/rich-text/lazy.d.ts

@@ -14,6 +14,6 @@ import type { ComponentProps } from 'react';
  * toolbar-and-body min-height) so the swap-in is layout-jank-free, and carries an
  * accessible loading label from the message catalog.
  */
-declare const RichTextEditorImpl: import("react").LazyExoticComponent<typeof import("./editor").RichTextEditor>;
+declare const RichTextEditorImpl: import("react").LazyExoticComponent<typeof import("./editor.js").RichTextEditor>;
 export declare function RichTextEditor(props: ComponentProps<typeof RichTextEditorImpl>): import("react").JSX.Element;
 export {};

package/dist/components/cms/rich-text/lazy.js

@@ -16,7 +16,7 @@ import { translate } from '@elytracms/studio/lib/i18n';
  * toolbar-and-body min-height) so the swap-in is layout-jank-free, and carries an
  * accessible loading label from the message catalog.
  */
-const RichTextEditorImpl = lazy(() => import('./editor').then((module) => ({ default: module.RichTextEditor })));
+const RichTextEditorImpl = lazy(() => import('./editor.js').then((module) => ({ default: module.RichTextEditor })));
 function RichTextEditorFallback() {
     return (_jsx("div", { className: "ec-rte min-h-[7.5rem] animate-pulse rounded-md border border-input bg-muted/20 shadow-sm", role: "status", "aria-busy": "true", children: _jsx("span", { className: "sr-only", children: translate('richText.loading') }) }));
 }

package/dist/components/cms/rich-text/slash-command.js

@@ -6,7 +6,7 @@ import { Blocks, Heading1, Heading2, Heading3, ImagePlus, Pilcrow } from 'lucide
 import { translate } from '@elytracms/studio/lib/i18n';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
 import { cn } from '@elytracms/studio/lib/utils';
-import { BLOCK_COMMANDS } from './block-commands';
+import { BLOCK_COMMANDS } from './block-commands.js';
 /** The command list, gated by which media actions + components the editor provided. */
 export function buildSlashItems(options) {
     const block = (run) => (editor, range) => run(editor.chain().focus().deleteRange(range)).run();