@elytracms/studio 0.0.52 → 0.0.54

package/dist/components/account/account-settings.js

@@ -3,10 +3,10 @@ import { UserCog } from 'lucide-react';
 import { Heading, Stack, Text } from '@elytracms/studio/ui';
 import { listStoreState, useOperationQuery } from '@elytracms/studio/lib/query';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useAuth } from '../auth-context';
-import { PortableDetailEditor } from '../cms/detail-editor';
-import { CredentialPanel } from './credential-panel';
-import { useSelfAccountViewSource } from './self-account-view-source';
+import { useAuth } from '../auth-context.js';
+import { PortableDetailEditor } from '../cms/detail-editor.js';
+import { CredentialPanel } from './credential-panel.js';
+import { useSelfAccountViewSource } from './self-account-view-source.js';
 /**
  * The **account-settings** surface (EC-240 H-tail items 1–4). A member — admin or
  * not — opens their OWN record here (via the user menu → `users/<selfId>`). It is

package/dist/components/account/credential-panel.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { KeyRound, ShieldCheck } from 'lucide-react';
 import { Button, Card, CardContent, Field, Heading, Input, Row, Stack, Text, toast, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useAuth } from '../auth-context';
+import { useAuth } from '../auth-context.js';
 /**
  * The credential seam (EC-240 H-tail item 3) — part of the account **property
  * surface**, never a modal. Two blocks:

package/dist/components/account/self-account-view-source.js

@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 import { studioPath } from '@elytracms/studio/router';
-import { useAuth } from '../auth-context';
-import { selfAccountCollectionDef } from './self-account-schema';
-import { normalizeOkResult, useRailViewSource } from '../rail-view-source';
+import { useAuth } from '../auth-context.js';
+import { selfAccountCollectionDef } from './self-account-schema.js';
+import { normalizeOkResult, useRailViewSource } from '../rail-view-source.js';
 /** The account surface is not localized — one implicit locale keeps the lens honest. */
 const ACCOUNT_LOCALE = 'en';
 const ACCOUNT_LOCALE_CONFIG = { default: ACCOUNT_LOCALE, locales: [ACCOUNT_LOCALE] };

package/dist/components/ai/ai-chat-panel-lazy.js

@@ -11,7 +11,7 @@ import { translate } from '@elytracms/studio/lib/i18n';
  * critical path (pinned by the `lib/ai` bundle test). Same pattern as
  * `version-compare-lazy` / `rich-text/lazy`.
  */
-const AiChatPanelImpl = lazy(() => import('./ai-chat-panel').then((module) => ({ default: module.AiChatPanel })));
+const AiChatPanelImpl = lazy(() => import('./ai-chat-panel.js').then((module) => ({ default: module.AiChatPanel })));
 function AiPanelFallback() {
     return (_jsx("aside", { className: "flex h-full min-h-0 w-[360px] shrink-0 flex-col border-l border-border bg-card", children: _jsx("div", { className: "grid min-h-0 flex-1 place-items-center p-6", children: _jsx(Text, { size: "sm", tone: "muted", children: translate('ai.panel.loading') }) }) }));
 }

package/dist/components/ai/ai-chat-panel.js

@@ -8,10 +8,10 @@ import { STUDIO_PROJECT_ROUTE, studioPath, useNavigate } from '@elytracms/studio
 import { resolveDeploymentAi } from '@elytracms/studio/lib/workspace';
 import { getStudioOperations } from '@elytracms/studio/lib/operations';
 import { AiRouteError, chatReducer, initialChatState, resolveAiConfig, resolveKnowledge, runCreateFlow, } from '@elytracms/studio/lib/ai';
-import { useCms } from '../cms/cms-store';
-import { validateComposition, validateRichTextEmbeds } from '../cms/cms-composition-validators';
-import { AssistantTurn, Conversation, ConversationEmpty, PromptInput, ToolStatus, UserTurn, } from './chat-ui';
-import { ProposalCard } from './proposal-card';
+import { useCms } from '../cms/cms-store.js';
+import { validateComposition, validateRichTextEmbeds } from '../cms/cms-composition-validators.js';
+import { AssistantTurn, Conversation, ConversationEmpty, PromptInput, ToolStatus, UserTurn, } from './chat-ui.js';
+import { ProposalCard } from './proposal-card.js';
 import { setAiPanelOpen } from '@elytracms/studio/lib/ai-panel';
 /**
  * The AI assistant chat panel (EC-199) — the right-hand collapsible surface in the CMS

package/dist/components/ai/ai-cms-panel.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { resolveDeploymentAi } from '@elytracms/studio/lib/workspace';
 import { useAiPanelOpen } from '@elytracms/studio/lib/ai-panel';
-import { AiChatPanel } from './ai-chat-panel-lazy';
+import { AiChatPanel } from './ai-chat-panel-lazy.js';
 /**
  * The CMS-area mount of the AI assistant (EC-199): a right-hand sibling of the CMS
  * content, shown on BOTH the collection list and the document editor. Gated twice —

package/dist/components/ai/proposal-card.js

@@ -6,10 +6,10 @@ import { resolveLabel } from '@elytracms/core/cms-core';
 import { Badge, Button, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { proposalDocuments } from '@elytracms/studio/lib/ai';
-import { useCms } from '../cms/cms-store';
-import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source';
-import { CollectionViewProvider } from '../collection-view/collection-view-context';
-import { DocumentDiffView } from '../cms/document-diff-view';
+import { useCms } from '../cms/cms-store.js';
+import { useCmsCollectionViewSource } from '../collection-view/cms-collection-view-source.js';
+import { CollectionViewProvider } from '../collection-view/collection-view-context.js';
+import { DocumentDiffView } from '../cms/document-diff-view.js';
 /**
  * The AI proposal review (EC-199): a valid, leash-compliant draft the editor reviews
  * as a DIFF (the shared EC-317 {@link DocumentDiffView} — never a second renderer)

package/dist/components/ai/translate-document-action.js

@@ -16,7 +16,7 @@ import { resolveDeploymentAi } from '@elytracms/studio/lib/workspace';
  * the translation engine + operations write) loads ONLY when the editor opens it, via a
  * dynamic `import()`, so an unconfigured studio pulls none of it onto the critical path.
  */
-const TranslateDocumentDialog = lazy(() => import('./translate-document-dialog').then((m) => ({ default: m.TranslateDocumentDialog })));
+const TranslateDocumentDialog = lazy(() => import('./translate-document-dialog.js').then((m) => ({ default: m.TranslateDocumentDialog })));
 export function TranslateDocumentAction(props) {
     const [open, setOpen] = useState(false);
     const { collection, localeConfig, localesEnabled, projectId } = props;

package/dist/components/ai/translate-document-dialog.d.ts

@@ -1,4 +1,4 @@
-import type { TranslateDocumentActionProps } from './translate-document-action';
+import type { TranslateDocumentActionProps } from './translate-document-action.js';
 export declare function TranslateDocumentDialog({ projectId, collection, docRef, document, localeConfig, onApplied, open, onOpenChange, }: TranslateDocumentActionProps & {
     open: boolean;
     onOpenChange: (open: boolean) => void;

package/dist/components/app-views/default-modules.d.ts

@@ -4,7 +4,7 @@ import type { CollectionDef, CollectionFieldOverride, CollectionFormMeta } from
 import type { SectionId } from '@elytracms/core/studio-core';
 import type { InstantiatedKit } from '@elytracms/core/starter-kits';
 import type { HydratedCms } from '@elytracms/studio/lib/operations';
-import { type AppViewContext, type AppViewDeepLink, type AppViewModule, type NavPermission, type SidebarViewNode } from './module';
+import { type AppViewContext, type AppViewDeepLink, type AppViewModule, type NavPermission, type SidebarViewNode } from './module.js';
 /**
  * EC-237/239 — the studio's BUILT-IN views + the consumer-facing `nav` namespace,
  * an instance of the EC-236 customization seam.
@@ -188,9 +188,9 @@ export declare const nav: {
     /** A fully custom view — pass your own `render` (and optional `parsePath`). */
     readonly view: (config: CustomViewConfig) => SidebarViewNode;
     /** A labelled group of views (a header with sub-entries). */
-    readonly group: (label: string, children: SidebarViewNode[]) => import("./module").SidebarGroupNode;
+    readonly group: (label: string, children: SidebarViewNode[]) => import("./module.js").SidebarGroupNode;
     /** A divider between rail sections. */
-    readonly separator: () => import("./module").SidebarSeparatorNode;
+    readonly separator: () => import("./module.js").SidebarSeparatorNode;
 };
 /**
  * The CMS schema source for a project mount (bug fix, playground-collections):

package/dist/components/app-views/default-modules.js

@@ -8,26 +8,26 @@ import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { getInstantiatedKit } from '@elytracms/studio/lib/starters/kit-session';
 import { isPlaygroundMode } from '@elytracms/studio/lib/persistence';
 import { resolveDeploymentCollections } from '@elytracms/studio/lib/workspace';
-import { cmsDeepLink, componentsDeepLink, usersDeepLink, redirectsDeepLink, assetsDeepLink, groupNode, separatorNode, viewNode, } from './module';
-import { SectionSurface } from '../section-surface';
-import { SectionStateView } from '../section-state';
-import { SettingsForm } from '../settings-form';
-import { AssetsModule } from '../assets/assets-module';
-import { UsersModule } from '../users/users-module';
-import { RedirectsModule } from '../redirects/redirects-module';
-import { redirectsCollectionDef } from '../redirects/redirects-schema';
-import { ExtensionsView } from '../extensions/extensions-view';
-import { RegistryBrowser } from '../components/registry-browser';
-import { ComponentsIndex } from '../components/components-index';
-import { ComponentDetail } from '../components/component-detail';
-import { CmsSessionGate } from '../project-session';
-import { CmsProvider, useCms } from '../cms/cms-store';
-import { AiCmsPanel } from '../ai/ai-cms-panel';
-import { focusCollectionList } from '../cms/collection-focus';
-import { CmsIndex } from '../cms/cms-index';
-import { CollectionTable } from '../cms/collection-table';
-import { DetailEditor } from '../cms/detail-editor';
-import { OperationErrorBanner } from '../operation-error';
+import { cmsDeepLink, componentsDeepLink, usersDeepLink, redirectsDeepLink, assetsDeepLink, groupNode, separatorNode, viewNode, } from './module.js';
+import { SectionSurface } from '../section-surface.js';
+import { SectionStateView } from '../section-state.js';
+import { SettingsForm } from '../settings-form.js';
+import { AssetsModule } from '../assets/assets-module.js';
+import { UsersModule } from '../users/users-module.js';
+import { RedirectsModule } from '../redirects/redirects-module.js';
+import { redirectsCollectionDef } from '../redirects/redirects-schema.js';
+import { ExtensionsView } from '../extensions/extensions-view.js';
+import { RegistryBrowser } from '../components/registry-browser.js';
+import { ComponentsIndex } from '../components/components-index.js';
+import { ComponentDetail } from '../components/component-detail.js';
+import { CmsSessionGate } from '../project-session.js';
+import { CmsProvider, useCms } from '../cms/cms-store.js';
+import { AiCmsPanel } from '../ai/ai-cms-panel.js';
+import { focusCollectionList } from '../cms/collection-focus.js';
+import { CmsIndex } from '../cms/cms-index.js';
+import { CollectionTable } from '../cms/collection-table.js';
+import { DetailEditor } from '../cms/detail-editor.js';
+import { OperationErrorBanner } from '../operation-error.js';
 function slugify(label) {
     return label.trim().toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '') || 'view';
 }

package/dist/components/app-views/sidebar.d.ts

@@ -1,7 +1,7 @@
 import type { LucideIcon } from 'lucide-react';
 import type { CustomizationIssue, Project, SectionAvailability } from '@elytracms/core/studio-core';
 import type { CollectionDef } from '@elytracms/core/cms-core';
-import { type AppViewModule, type NavPermission, type NavPermissionContext, type SidebarNode } from './module';
+import { type AppViewModule, type NavPermission, type NavPermissionContext, type SidebarNode } from './module.js';
 /**
  * EC-237 — resolving the configurable section rail, an instance of the EC-236
  * customization seam.

package/dist/components/app-views/sidebar.js

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
 import { resolveOverrides } from '@elytracms/core/studio-core';
 import { resolveDeploymentCollections, resolveDeploymentSidebar } from '@elytracms/studio/lib/workspace';
-import { firstAvailableView, moduleAvailability, viewNode, } from './module';
-import { DEFAULT_VIEWS } from './default-modules';
+import { firstAvailableView, moduleAvailability, viewNode, } from './module.js';
+import { DEFAULT_VIEWS } from './default-modules.js';
 /** The default rail: every non-hidden built-in view as a plain entry, in canonical order. */
 function defaultRail() {
     return DEFAULT_VIEWS.filter((view) => !view.hidden).map(viewNode);

package/dist/components/app-views/studio-config.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import type { FieldDef } from '@elytracms/core/cms-core';
 import type { StudioI18nConfig } from '@elytracms/studio/lib/i18n';
 import type { StudioAiConfig } from '@elytracms/studio/lib/ai';
-import type { SidebarNode } from './module';
+import type { SidebarNode } from './module.js';
 /**
  * EC-236 — the studio customization config: the single, studio-only home for
  * everything a consuming repo customizes about the builder UI.

package/dist/components/assets/asset-detail.js

@@ -5,15 +5,15 @@ import { Link, STUDIO_PROJECT_ROUTE, useNavigate } from '@elytracms/studio/route
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { buildAssetReferenceImpact, loadInboundAssetReferenceViews } from '@elytracms/studio/lib/references';
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Field, Heading, Panel, PanelBody, PanelHeader, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
-import { FieldControl } from '../cms/field-control';
-import { fieldLabel } from '../cms/cms-labels';
-import { ReferenceImpactRows } from '../cms/reference-confirm';
-import { ReferencesPanel } from '../references/references-panel';
-import { useSetBreadcrumb } from '../breadcrumb-context';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { FocalCropPreviews, FocalPointPicker, useAssetRecord } from './asset-thumb';
-import { assetMetaFieldsOf, formatBytes, pruneMeta } from './asset-metadata';
-import { useAssets } from './assets-store';
+import { FieldControl } from '../cms/field-control.js';
+import { fieldLabel } from '../cms/cms-labels.js';
+import { ReferenceImpactRows } from '../cms/reference-confirm.js';
+import { ReferencesPanel } from '../references/references-panel.js';
+import { useSetBreadcrumb } from '../breadcrumb-context.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { FocalCropPreviews, FocalPointPicker, useAssetRecord } from './asset-thumb.js';
+import { assetMetaFieldsOf, formatBytes, pruneMeta } from './asset-metadata.js';
+import { useAssets } from './assets-store.js';
 /**
  * The assets rail's DETAIL surface (EC-319). Pragmatic call: assets don't fit
  * the portable `PortableDetailEditor` shell cleanly — there's no dirty/Save/

package/dist/components/assets/asset-grid.js

@@ -5,13 +5,13 @@ import { Link, STUDIO_PROJECT_ROUTE } from '@elytracms/studio/router';
 import { applyViewState } from '@elytracms/studio/lib/cms-views';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { Code, Grid, Panel, Row, Separator, Spacer, Stack, Text } from '@elytracms/studio/ui';
-import { FilterControl } from '../cms/filter-builder';
-import { ViewTabs } from '../cms/view-bar';
-import { useSetBreadcrumb } from '../breadcrumb-context';
-import { useCollectionView } from '../collection-view/collection-view-context';
-import { AssetThumb } from './asset-thumb';
-import { formatBytes } from './asset-metadata';
-import { useAssets } from './assets-store';
+import { FilterControl } from '../cms/filter-builder.js';
+import { ViewTabs } from '../cms/view-bar.js';
+import { useSetBreadcrumb } from '../breadcrumb-context.js';
+import { useCollectionView } from '../collection-view/collection-view-context.js';
+import { AssetThumb } from './asset-thumb.js';
+import { formatBytes } from './asset-metadata.js';
+import { useAssets } from './assets-store.js';
 /**
  * The assets rail's GRID surface (EC-319) — the thumbnail-first counterpart to
  * `LoadedCollectionTable`, over the SAME portable `CollectionViewSource` (the

package/dist/components/assets/asset-thumb.d.ts

@@ -1,5 +1,5 @@
 import type { AssetRecord } from '@elytracms/core/persistence';
-import type { FocalPoint } from './focal-point';
+import type { FocalPoint } from './focal-point.js';
 /** Resolve an asset record by id from the ambient library, if one is mounted. */
 export declare function useAssetRecord(assetId: string | null | undefined): AssetRecord | undefined;
 /**

package/dist/components/assets/asset-thumb.js

@@ -4,8 +4,8 @@ import { Image } from 'lucide-react';
 import { Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { cn } from '@elytracms/studio/lib/utils';
-import { useOptionalAssets } from './assets-store';
-import { CENTER_FOCAL_POINT, focalPointFromPoint, focalPointObjectPosition, } from './focal-point';
+import { useOptionalAssets } from './assets-store.js';
+import { CENTER_FOCAL_POINT, focalPointFromPoint, focalPointObjectPosition, } from './focal-point.js';
 /** Resolve an asset record by id from the ambient library, if one is mounted. */
 export function useAssetRecord(assetId) {
     const store = useOptionalAssets();

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

@@ -1,9 +1,9 @@
 import { useCallback, useMemo } from 'react';
 import { createCollectionRegistry, validateDocument } from '@elytracms/core/cms-core';
 import { studioPath } from '@elytracms/studio/router';
-import { useAssets } from './assets-store';
-import { SYSTEM_ASSET_FIELDS } from './asset-metadata';
-import { normalizeOkResult, useRailViewSource } from '../rail-view-source';
+import { useAssets } from './assets-store.js';
+import { SYSTEM_ASSET_FIELDS } from './asset-metadata.js';
+import { normalizeOkResult, useRailViewSource } from '../rail-view-source.js';
 /** The assets rail is not localized in v1 (EC-301: asset metadata is non-localized). */
 const ASSETS_LOCALE = 'en';
 const ASSETS_LOCALE_CONFIG = {

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

@@ -3,14 +3,14 @@ import { useRef, useState } from 'react';
 import { LayoutGrid, List, RotateCcw, Upload, X } from 'lucide-react';
 import { Badge, Button, Panel, PanelBody, PanelHeader, Row, SegmentedControl, Stack, Text, } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useAssets } from './assets-store';
-import { useAssetsCollectionViewSource } from './assets-collection-view-source';
-import { CollectionViewProvider } from '../collection-view/collection-view-context';
-import { RailStoreStatus } from '../rail-store-status';
-import { LoadedCollectionTable } from '../cms/collection-table';
-import { AssetGridView } from './asset-grid';
-import { AssetDetail } from './asset-detail';
-import { readAssetsViewMode, storeAssetsViewMode, } from './assets-view-preference';
+import { useAssets } from './assets-store.js';
+import { useAssetsCollectionViewSource } from './assets-collection-view-source.js';
+import { CollectionViewProvider } from '../collection-view/collection-view-context.js';
+import { RailStoreStatus } from '../rail-store-status.js';
+import { LoadedCollectionTable } from '../cms/collection-table.js';
+import { AssetGridView } from './asset-grid.js';
+import { AssetDetail } from './asset-detail.js';
+import { readAssetsViewMode, storeAssetsViewMode, } from './assets-view-preference.js';
 /**
  * The studio Assets module (EC-319). The reuse proof (alongside users/redirects)
  * that the portable list surface serves a rail with an entirely different

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