@elytracms/studio 0.0.51 → 0.0.53

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();

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

@@ -1,5 +1,5 @@
 import type { Editor } from '@tiptap/react';
-import type { LinkTarget } from './link-control';
+import type { LinkTarget } from './link-control.js';
 interface RichTextToolbarProps {
     editor: Editor;
     /** Internal-link destinations across the workspace (empty ⇒ external-only). */

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

@@ -3,10 +3,10 @@ import { useEditorState } from '@tiptap/react';
 import { Blocks, Bold, ChevronDown, Code, ImagePlus, Italic, Pilcrow, Redo2, Strikethrough, Underline, Undo2, } from 'lucide-react';
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Toolbar, ToolbarGroup, ToolbarSeparator, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { ToolbarButton } from './toolbar-button';
-import { LinkControl } from './link-control';
-import { toolbarStateFromEditor } from './toolbar-state';
-import { BLOCK_COMMANDS, isBlockCommandActive } from './block-commands';
+import { ToolbarButton } from './toolbar-button.js';
+import { LinkControl } from './link-control.js';
+import { toolbarStateFromEditor } from './toolbar-state.js';
+import { BLOCK_COMMANDS, isBlockCommandActive } from './block-commands.js';
 /**
  * The CMS rich-text toolbar (EC-314) — a compact, Notion-grade control strip that
  * reads its active/enabled state reactively from the editor (`useEditorState`) so a

package/dist/components/cms/use-cell-edit.d.ts

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
 import type { CmsDocument, CollectionDef } from '@elytracms/core/cms-core';
-import type { AdvanceDirection, CellCoord } from './cell-edit';
+import type { AdvanceDirection, CellCoord } from './cell-edit.js';
 /**
  * Table-level cell-edit controller (EC-168). Owns the state machine the cells
  * render from:

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

@@ -1,7 +1,7 @@
 import { useCallback, useRef, useState } from 'react';
 import { resolveField } from '@elytracms/core/cms-core';
-import { cellErrorMessage, cellKey, nextEditableCell } from './cell-edit';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { cellErrorMessage, cellKey, nextEditableCell } from './cell-edit.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 export function useCellEdit({ collection, docs, editableFields, }) {
     const source = useCollectionView();
     const [activeKey, setActiveKey] = useState(null);

package/dist/components/cms/use-compare-selection.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { CompareState } from './document-editor-context';
+import type { CompareState } from './document-editor-context.js';
 export interface CompareSelection {
     /** The open version comparison, or null when none (the sticky Compare tab). */
     compare: CompareState | null;

package/dist/components/cms/use-discard-controller.d.ts

@@ -1,7 +1,7 @@
 import type { QueryKey } from '@tanstack/react-query';
 import type { CmsDocument, CollectionDef, DocumentRef } from '@elytracms/core/cms-core';
 import type { CollectionViewSource } from '@elytracms/studio/lib/collection-view/collection-view-source';
-import type { DiscardDraftStatus } from './discard-draft';
+import type { DiscardDraftStatus } from './discard-draft.js';
 export interface DiscardController {
     status: DiscardDraftStatus;
     /** The hint shown when the item is disabled (view-read-only / up-to-date / loading). */

package/dist/components/cms/use-discard-controller.js

@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { discardDraftStatus } from './discard-draft';
-import { useRestoreVersion } from './use-restore-version';
+import { discardDraftStatus } from './discard-draft.js';
+import { useRestoreVersion } from './use-restore-version.js';
 /**
  * EC-316 / EC-325 — the "Discard changes" controller. Reverting the draft to the
  * published content IS a whole-document restore of the pinned published version,

package/dist/components/cms/use-document-versions.d.ts

@@ -1,5 +1,5 @@
 import type { DocumentRef } from '@elytracms/core/cms-core';
-import type { DocumentVersionsView } from './cms-store';
+import type { DocumentVersionsView } from './cms-store.js';
 /** The one cache key for a document's version history — shared so the Versions
  *  pane and the EC-298 compare view read through a single deduped query. */
 export declare function documentVersionsKey(projectId: string | undefined, ref: DocumentRef): readonly ["documentVersions", string, string, string];

package/dist/components/cms/use-document-versions.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useOperationQuery } from '@elytracms/studio/lib/query';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 /**
  * Recorded-version freshness (EC-322): re-read on exactly the commands that
  * change a document's version history or its live pin — NOT the whole `documents`

package/dist/components/cms/use-embed-inspector-host.d.ts

@@ -1,4 +1,4 @@
-import type { EmbedInspectorApi, EmbedInspectorPayload } from './rich-text/embed-inspector-context';
+import type { EmbedInspectorApi, EmbedInspectorPayload } from './rich-text/embed-inspector-context.js';
 /**
  * 0.0.41 — the selection-driven embed-inspector host. A `componentEmbed` node
  * selection in a rich-text field swaps the inspector sidebar for the embed's prop

package/dist/components/cms/use-published-perspective.d.ts

@@ -1,8 +1,8 @@
 import type { QueryKey } from '@tanstack/react-query';
 import type { CmsDocument, DocumentRef } from '@elytracms/core/cms-core';
 import type { CollectionViewSource } from '@elytracms/studio/lib/collection-view/collection-view-source';
-import type { DocumentVersionsView } from './cms-store';
-import type { PublishedSnapshotState } from './versions-model';
+import type { DocumentVersionsView } from './cms-store.js';
+import type { PublishedSnapshotState } from './versions-model.js';
 export type Perspective = 'draft' | 'published';
 /**
  * EC-226 — which document the fieldset renders, given the active perspective and

package/dist/components/cms/use-published-perspective.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { useDocumentVersionsQuery } from './use-document-versions';
-import { derivePublishedSnapshot, publishedVersionSnapshot } from './versions-model';
+import { useDocumentVersionsQuery } from './use-document-versions.js';
+import { derivePublishedSnapshot, publishedVersionSnapshot } from './versions-model.js';
 /**
  * EC-226 — which document the fieldset renders, given the active perspective and
  * the pinned published snapshot's load state. A pure decision so "never present

package/dist/components/cms/use-restore-version.js

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import { useOperationCache } from '@elytracms/studio/lib/query';
-import { flushDirtyDraft } from './discard-draft';
+import { flushDirtyDraft } from './discard-draft.js';
 /**
  * EC-325 — the version-restore sequence, single-sourced. The Versions pane's
  * per-version restore, the Compare view's scoped/whole restore, and the header's

package/dist/components/cms/version-compare-lazy.js

@@ -13,7 +13,7 @@ import { translate } from '@elytracms/studio/lib/i18n';
  * The shared `@elytracms/core/content` diff engine it uses stays eager (many other
  * critical-path modules import it), so what defers here is the compare UI itself.
  */
-const VersionCompareImpl = lazy(() => import('./version-compare').then((module) => ({ default: module.VersionCompare })));
+const VersionCompareImpl = lazy(() => import('./version-compare.js').then((module) => ({ default: module.VersionCompare })));
 function CompareFallback() {
     return (_jsx("div", { className: "grid min-h-0 flex-1 place-items-center p-8", children: _jsx(Text, { size: "sm", tone: "muted", children: translate('cms.version.loadingCompare') }) }));
 }

package/dist/components/cms/version-compare.js

@@ -4,12 +4,12 @@ import { ArrowRight, ChevronDown, ChevronLeft, ChevronRight, RotateCcw } from 'l
 import { diffDocuments } from '@elytracms/core/content';
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { DocumentDiffView } from './document-diff-view';
-import { useDocumentEditor } from './document-editor-context';
-import { useDocumentVersionsQuery } from './use-document-versions';
-import { useRestoreVersion } from './use-restore-version';
-import { formatVersionTimestamp } from './versions-model';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { DocumentDiffView } from './document-diff-view.js';
+import { useDocumentEditor } from './document-editor-context.js';
+import { useDocumentVersionsQuery } from './use-document-versions.js';
+import { useRestoreVersion } from './use-restore-version.js';
+import { formatVersionTimestamp } from './versions-model.js';
 /**
  * EC-298/317 — the version compare view: the sticky **Compare** content tab. This
  * shell owns the version SELECTION chrome (the two re-pickable sides, the base

package/dist/components/cms/versions-model.d.ts

@@ -1,5 +1,5 @@
 import type { CmsDocument } from '@elytracms/core/cms-core';
-import type { DocumentVersionsView } from './cms-store';
+import type { DocumentVersionsView } from './cms-store.js';
 /**
  * Does a recorded snapshot equal the working draft, by VALUE (EC-224)? Decides
  * whether the Versions pane shows "unpublished changes".

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

@@ -6,11 +6,11 @@ import { documentsSemanticEqual } from '@elytracms/core/content';
 import { useOperationCache } from '@elytracms/studio/lib/query';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { cn } from '@elytracms/studio/lib/utils';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { useDocumentEditor } from './document-editor-context';
-import { useDocumentVersionsQuery } from './use-document-versions';
-import { useRestoreVersion } from './use-restore-version';
-import { formatVersionTimestamp } from './versions-model';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { useDocumentEditor } from './document-editor-context.js';
+import { useDocumentVersionsQuery } from './use-document-versions.js';
+import { useRestoreVersion } from './use-restore-version.js';
+import { formatVersionTimestamp } from './versions-model.js';
 /**
  * EC-224 — the document-level **Versions** inspector pane. Re-homes the EC-180
  * VersionsPanel at the document level (the Sanity model): the continuous draft

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

@@ -3,8 +3,8 @@ import { ArrowDown, ArrowUp, Check, List, ListTree, SlidersHorizontal } from 'lu
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Row, SegmentedControl, Text, } from '@elytracms/studio/ui';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { moveColumn, resolveColumns, toggleColumn } from '@elytracms/studio/lib/cms-views';
-import { fieldLabel } from './cms-labels';
-import { useCollectionView } from '../collection-view/collection-view-context';
+import { fieldLabel } from './cms-labels.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
 /**
  * The view selector of the collection table (EC-169) — a segmented control that
  * switches between the built-in "All documents" default and the project's

package/dist/components/collab/collab-context.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useReducer, useRef } from 'react';
 import { Collaboration, createSequentialClock, createSequentialIds } from '@elytracms/core/collaboration';
 import { createRequiredContext } from '@elytracms/studio/lib/required-context';
-import { seedCollabSession } from './collab-seed';
+import { seedCollabSession } from './collab-seed.js';
 const { Context: CollabContext, useRequired: useCollab } = createRequiredContext('Collab');
 const ME = { id: 'u-you', name: 'You' };
 export function CollabProvider({ projectId, children, }) {

package/dist/components/collection-view/cms-collection-view-source.js

@@ -2,8 +2,8 @@ import { useCallback, useMemo } from 'react';
 import { isHierarchical, urlForDocument } from '@elytracms/core/cms-core';
 import { studioPath } from '@elytracms/studio/router';
 import { resolveDeploymentFrontendUrl, resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
-import { useCms } from '../cms/cms-store';
-import { useOptionalAssets } from '../assets/assets-store';
+import { useCms } from '../cms/cms-store.js';
+import { useOptionalAssets } from '../assets/assets-store.js';
 import { usePublishedDocuments } from '@elytracms/studio/lib/cms/published-documents';
 /**
  * Assemble a {@link CollectionViewSource} for a `cmsDocuments` collection from the

package/dist/components/components/component-preview.js

@@ -9,9 +9,9 @@ import { previewSpecs } from '@elytracms/studio/lib/registry/preview';
 import { Badge, Button, Code, Field, Row, Spacer, Stack, TabButton, Text } from '@elytracms/studio/ui';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { cn } from '@elytracms/studio/lib/utils';
-import { getCanvasStylesheetUrl } from '../builder/canvas-stylesheet';
-import { useCanvasViewports, viewportWidth } from '../builder/canvas-breakpoints';
-import { PropValueControl } from '../cms/prop-fields';
+import { getCanvasStylesheetUrl } from '../builder/canvas-stylesheet.js';
+import { useCanvasViewports, viewportWidth } from '../builder/canvas-breakpoints.js';
+import { PropValueControl } from '../cms/prop-fields.js';
 /** Preview state for a manifest: the fixture selection + the live prop overrides. */
 export function usePreviewState(manifest) {
     const specs = useMemo(() => previewSpecs(manifest), [manifest]);

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BookOpen, Layers, MousePointerClick, Sparkles } from 'lucide-react';
 import { getStudioRegistry, registryHealth } from '@elytracms/studio/lib/registry';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { RegistryBrowser } from './registry-browser';
-import { deriveComponentStats } from './taxonomy';
+import { RegistryBrowser } from './registry-browser.js';
+import { deriveComponentStats } from './taxonomy.js';
 import { Badge, Card, Code, Heading, Panel, PanelHeader, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
 /**
  * The Components section landing view (EC-050, overhauled EC-320). Serves BOTH

package/dist/components/components/registry-browser.js

@@ -6,8 +6,8 @@ import { componentStatus, getStudioRegistry } from '@elytracms/studio/lib/regist
 import { translate } from '@elytracms/studio/lib/i18n';
 import { Code, Input, Row, SegmentedControl, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
-import { ComponentStatusDot } from './component-status';
-import { deriveTaxonomy } from './taxonomy';
+import { ComponentStatusDot } from './component-status.js';
+import { deriveTaxonomy } from './taxonomy.js';
 /**
  * The registry browser sidebar (EC-050, taxonomy overhaul EC-320). A searchable,
  * two-level tree: namespace (base / project) → category (the manifest's declared

package/dist/components/components/transfer-dialog.js

@@ -6,11 +6,11 @@ import { Button, Code, Dialog, DialogContent, DialogDescription, DialogFooter, D
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { getInstantiatedKit } from '@elytracms/studio/lib/starters/kit-session';
-import { CmsSessionGate } from '../project-session';
-import { CmsProvider, useCms } from '../cms/cms-store';
-import { stageDocument } from '../cms/document-staging';
-import { resolveCmsInitialCollections } from '../app-views/default-modules';
-import { appendToBlockDocument, buildBlockDocument, canAppendTo, collectionsWithBlocks, isComponentAllowed, } from './transfer';
+import { CmsSessionGate } from '../project-session.js';
+import { CmsProvider, useCms } from '../cms/cms-store.js';
+import { stageDocument } from '../cms/document-staging.js';
+import { resolveCmsInitialCollections } from '../app-views/default-modules.js';
+import { appendToBlockDocument, buildBlockDocument, canAppendTo, collectionsWithBlocks, isComponentAllowed, } from './transfer.js';
 /** Existing documents offered per target, beyond which the rest are hidden (filter to find them). */
 const MAX_EXISTING_TARGETS = 8;
 /**

package/dist/components/components/transfer.js

@@ -1,9 +1,9 @@
 import { isBlocksField, isFieldLocalized, seedDefaults } from '@elytracms/core/cms-core';
 import { blockRootsOf, maxNodeIdSeq } from '@elytracms/core/project-graph';
-import { makeNodeIdCounter } from '../builder/builder-store';
-import { applyCellValue } from '../cms/cell-edit';
-import { mintDocumentId } from '../cms/cms-store';
-import { embedNodeFrom } from './component-preview';
+import { makeNodeIdCounter } from '../builder/builder-store.js';
+import { applyCellValue } from '../cms/cell-edit.js';
+import { mintDocumentId } from '../cms/cms-store.js';
+import { embedNodeFrom } from './component-preview.js';
 /**
  * Collections that can receive a transferred combination — those declaring a
  * `blocks` (composition) field. The first blocks field wins (a collection with a