@elytracms/studio 0.0.52 → 0.0.53

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

package/dist/components/current-user-menu.js

@@ -4,8 +4,8 @@ import { roleGrantsCapability } from '@elytracms/core/persistence';
 import { Avatar, Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Row, Stack, Text, } from '@elytracms/studio/ui';
 import { STUDIO_PROJECT_ROUTE, studioPath, useNavigate } from '@elytracms/studio/router';
 import { useT } from '@elytracms/studio/lib/i18n';
-import { useAuth, useProjectRole } from './auth-context';
-import { useTheme } from './theme-context';
+import { useAuth, useProjectRole } from './auth-context.js';
+import { useTheme } from './theme-context.js';
 /**
  * Current-user affordance in the shell header (EC-150): who is signed in,
  * their role on the active project (badge), theme switch, and sign-out. Role

package/dist/components/delivery-health-banner.js

@@ -3,8 +3,8 @@ import { useState } from 'react';
 import { Rocket, X } from 'lucide-react';
 import { Button, Row, Spacer, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { resolveBackendConfig } from '../lib/persistence/backend-mode';
-import { missingInstantPublishVars } from '../lib/delivery/instant-publish';
+import { resolveBackendConfig } from '../lib/persistence/backend-mode.js';
+import { missingInstantPublishVars } from '../lib/delivery/instant-publish.js';
 import { useOperationQuery } from '@elytracms/studio/lib/query';
 /**
  * EC-268: a boot-up health check for instant publish (EC-146). When the studio is

package/dist/components/operation-error.js

@@ -4,7 +4,7 @@ import { SESSION_EXPIRED_MESSAGE, SIGN_IN_AGAIN_LABEL, isSessionExpiredError, si
 import { Badge, Button, Row, Stack, Text } from '@elytracms/studio/ui';
 import { operationErrorLabel } from '@elytracms/studio/lib/persona/labels';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useOptionalAuth } from './auth-context';
+import { useOptionalAuth } from './auth-context.js';
 /**
  * Shared error surface for failed/denied operations (EC-141). Every studio
  * surface renders rejected commands through this banner so a structured

package/dist/components/project-list.js

@@ -4,11 +4,11 @@ import { Globe, LogIn, TerminalSquare } from 'lucide-react';
 import { Badge, Button, Card, Code, Heading, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { hasProjectSession } from '@elytracms/studio/lib/auth';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { PlaygroundBadge } from './playground-badge';
-import { SignInNeededBadge } from './sign-in-needed-badge';
-import { SectionStateView } from './section-state';
-import { useStudio } from './studio-context';
-import { useRecentProjects, useSwitcherEntries } from './workspace-projects';
+import { PlaygroundBadge } from './playground-badge.js';
+import { SignInNeededBadge } from './sign-in-needed-badge.js';
+import { SectionStateView } from './section-state.js';
+import { useStudio } from './studio-context.js';
+import { useRecentProjects, useSwitcherEntries } from './workspace-projects.js';
 /**
  * Studio launcher / project list (brief §4.3, §8.1; reframed by EC-154). The
  * Studio's front door: lists the workspace's projects and routes into a

package/dist/components/project-session.js

@@ -5,7 +5,7 @@ import { isPlaygroundMode } from '@elytracms/studio/lib/persistence';
 import { configureContentSession } from '@elytracms/studio/lib/data';
 import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 import { createRequiredContext } from '@elytracms/studio/lib/required-context';
-import { HydrationBoundary, useHydrationPhase } from './use-hydration-phase';
+import { HydrationBoundary, useHydrationPhase } from './use-hydration-phase.js';
 const { Context: ProjectSessionContext, useRequired: useProjectSession } = createRequiredContext('ProjectSession');
 export function ProjectSessionProvider({ projectId, children, }) {
     const playground = isPlaygroundMode();

package/dist/components/project-switcher.js

@@ -4,9 +4,9 @@ import { Check, ChevronsUpDown, FolderOpen } from 'lucide-react';
 import { hasProjectSession } from '@elytracms/studio/lib/auth';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { Badge, Button, Code, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
-import { useStudio } from './studio-context';
-import { useRecentProjects, useSwitcherEntries } from './workspace-projects';
-import { SignInNeededBadge } from './sign-in-needed-badge';
+import { useStudio } from './studio-context.js';
+import { useRecentProjects, useSwitcherEntries } from './workspace-projects.js';
+import { SignInNeededBadge } from './sign-in-needed-badge.js';
 /**
  * The project switcher (EC-033, reframed by EC-154): with a workspace config
  * the list is config-driven — configured projects ∩ the user's grants, plus

package/dist/components/rail-store-status.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RotateCcw } from 'lucide-react';
 import { Button } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { SectionStateView } from './section-state';
+import { SectionStateView } from './section-state.js';
 /**
  * The shared error/loading status gate for a rail module (EC-319/EC-323,
  * repointed onto `SectionStateView` in EC-327). The assets, users, and

package/dist/components/redirects/redirects-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 { useRedirects } from './redirects-store';
-import { redirectsCollectionDef } from './redirects-schema';
-import { metaBagProjection, normalizeOkResult, useRailViewSource } from '../rail-view-source';
+import { useRedirects } from './redirects-store.js';
+import { redirectsCollectionDef } from './redirects-schema.js';
+import { metaBagProjection, normalizeOkResult, useRailViewSource } from '../rail-view-source.js';
 /** The redirects rail is not localized — one implicit locale keeps the lens honest. */
 const REDIRECTS_LOCALE = 'en';
 const REDIRECTS_LOCALE_CONFIG = {

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { translate } from '@elytracms/studio/lib/i18n';
-import { RedirectsProvider, useRedirects } from './redirects-store';
-import { useRedirectsCollectionViewSource } from './redirects-collection-view-source';
-import { CollectionViewProvider } from '../collection-view/collection-view-context';
-import { RailStoreStatus } from '../rail-store-status';
-import { LoadedCollectionTable } from '../cms/collection-table';
-import { PortableDetailEditor } from '../cms/detail-editor';
+import { RedirectsProvider, useRedirects } from './redirects-store.js';
+import { useRedirectsCollectionViewSource } from './redirects-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 { PortableDetailEditor } from '../cms/detail-editor.js';
 /**
  * The studio Redirects module (EC-303). Editorial redirects as data — the reuse
  * proof (with the users rail) that the portable interaction surfaces serve any

package/dist/components/section-nav.js

@@ -6,9 +6,9 @@ import { cn } from '@elytracms/studio/lib/utils';
 import { readCollapsedViews, storeCollapsedViews } from '@elytracms/studio/lib/rail';
 import { translate } from '@elytracms/studio/lib/i18n';
 import { Text } from '@elytracms/studio/ui';
-import { activeViewIdFromPath, isNavViewVisible, useStudioNav } from './app-views/sidebar';
-import { useFieldRenderers } from './cms/field-renderer';
-import { useProjectRole } from './auth-context';
+import { activeViewIdFromPath, isNavViewVisible, useStudioNav } from './app-views/sidebar.js';
+import { useFieldRenderers } from './cms/field-renderer.js';
+import { useProjectRole } from './auth-context.js';
 /**
  * Vertical section rail (brief §8.1), driven by the configurable sidebar (EC-237):
  * a consumer-extendable tree of views / groups / separators resolved over the

package/dist/components/section-surface.js

@@ -3,7 +3,7 @@ import { Link, STUDIO_PROJECT_ROUTE } from '@elytracms/studio/router';
 import { availabilityOf, SECTIONS, sectionStateSchema } from '@elytracms/core/studio-core';
 import { Code, Row, Stack, Text } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
-import { resolveSectionState, SectionStateView } from './section-state';
+import { resolveSectionState, SectionStateView } from './section-state.js';
 /** Parse a `?state=` search param into a SectionState (undefined when absent/invalid). */
 export function parseSectionState(raw) {
     const parsed = sectionStateSchema.safeParse(raw);

package/dist/components/studio-project-screen.js

@@ -6,13 +6,13 @@ import { studioSearch } from '@elytracms/studio/router/search';
 import { Button, Heading, Stack, Text } from '@elytracms/studio/ui';
 import { DataProvider } from '@elytracms/studio/lib/data';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useStudio } from './studio-context';
-import { StudioShell } from './studio-shell';
-import { AssetsProvider } from './assets/assets-store';
-import { CollabProvider } from './collab/collab-context';
-import { ProjectSessionProvider } from './project-session';
-import { flatPath } from './app-views/module';
-import { landingViewId, useStudioNav } from './app-views/sidebar';
+import { useStudio } from './studio-context.js';
+import { StudioShell } from './studio-shell.js';
+import { AssetsProvider } from './assets/assets-store.js';
+import { CollabProvider } from './collab/collab-context.js';
+import { ProjectSessionProvider } from './project-session.js';
+import { flatPath } from './app-views/module.js';
+import { landingViewId, useStudioNav } from './app-views/sidebar.js';
 /**
  * EC-223 Stage 6 (catch-all routing): the studio's per-project route component.
  *

package/dist/components/studio-shell.js

@@ -5,15 +5,15 @@ import { useCallback, useEffect, useState } from 'react';
 import { Row, Spacer, Toaster } from '@elytracms/studio/ui';
 import { readRailCollapsed, storeRailCollapsed } from '@elytracms/studio/lib/rail';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { CurrentUserMenu } from './current-user-menu';
-import { DeliveryHealthBanner } from './delivery-health-banner';
-import { PlaygroundBadge } from './playground-badge';
-import { DevLoginBadge } from './dev-login-badge';
-import { AiPanelToggle } from './ai/ai-panel-toggle';
-import { ProjectSwitcher } from './project-switcher';
-import { SectionNav } from './section-nav';
-import { activeViewIdFromPath, useStudioNav } from './app-views/sidebar';
-import { BreadcrumbProvider, useBreadcrumbTrail } from './breadcrumb-context';
+import { CurrentUserMenu } from './current-user-menu.js';
+import { DeliveryHealthBanner } from './delivery-health-banner.js';
+import { PlaygroundBadge } from './playground-badge.js';
+import { DevLoginBadge } from './dev-login-badge.js';
+import { AiPanelToggle } from './ai/ai-panel-toggle.js';
+import { ProjectSwitcher } from './project-switcher.js';
+import { SectionNav } from './section-nav.js';
+import { activeViewIdFromPath, useStudioNav } from './app-views/sidebar.js';
+import { BreadcrumbProvider, useBreadcrumbTrail } from './breadcrumb-context.js';
 /**
  * The Studio shell (brief §4.3, §8.1): a persistent top bar + section rail that
  * preserve the active project while the user moves between surfaces. The top bar

package/dist/components/use-hydration-phase.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Button, Stack, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { OperationErrorBanner } from './operation-error';
+import { OperationErrorBanner } from './operation-error.js';
 /**
  * `loader`'s IDENTITY is the refetch trigger — memoize it (`useCallback`) over
  * whatever inputs should re-hydrate (e.g. `projectId`), exactly like the

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

@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 import { studioPath } from '@elytracms/studio/router';
-import { useAuth } from '../auth-context';
-import { useUsers } from './users-store';
-import { usersCollectionDef } from './users-schema';
-import { metaBagProjection, normalizeOkResult, useRailViewSource } from '../rail-view-source';
+import { useAuth } from '../auth-context.js';
+import { useUsers } from './users-store.js';
+import { usersCollectionDef } from './users-schema.js';
+import { metaBagProjection, normalizeOkResult, useRailViewSource } from '../rail-view-source.js';
 /** The users rail is not localized — one implicit locale keeps the lens honest. */
 const USERS_LOCALE = 'en';
 const USERS_LOCALE_CONFIG = { default: USERS_LOCALE, locales: [USERS_LOCALE] };

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

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ShieldAlert } from 'lucide-react';
 import { Heading, Stack, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
-import { useAuth, useProjectRole } from '../auth-context';
-import { UsersProvider, useUsers } from './users-store';
-import { useUsersCollectionViewSource } from './users-collection-view-source';
-import { CollectionViewProvider } from '../collection-view/collection-view-context';
-import { RailStoreStatus } from '../rail-store-status';
-import { LoadedCollectionTable } from '../cms/collection-table';
-import { PortableDetailEditor } from '../cms/detail-editor';
-import { AccountSettings } from '../account/account-settings';
-import { InviteUserBar } from './invite-user-bar';
+import { useAuth, useProjectRole } from '../auth-context.js';
+import { UsersProvider, useUsers } from './users-store.js';
+import { useUsersCollectionViewSource } from './users-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 { PortableDetailEditor } from '../cms/detail-editor.js';
+import { AccountSettings } from '../account/account-settings.js';
+import { InviteUserBar } from './invite-user-bar.js';
 /**
  * The studio Users module (EC-240). An admin-only section for managing who has
  * access to this deployment and their role. AD-19: it is the **reuse proof** for

package/dist/components/workspace-projects.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { getWorkspaceState, selectSwitcherProjects } from '@elytracms/studio/lib/workspace';
-import { useStudio } from './studio-context';
+import { useStudio } from './studio-context.js';
 /**
  * Config-driven project source for the switcher + launcher (EC-154, reframed for
  * EC-179). The decision logic is the pure `selectSwitcherProjects`; this hook

package/dist/customization.d.ts

@@ -38,18 +38,18 @@
  * createStudio(config, studioConfig)
  * ```
  */
-export { defineStudio } from './components/app-views/studio-config';
-export type { StudioConfig, CustomFieldRenderer, CustomFieldRendererProps, } from './components/app-views/studio-config';
-export { nav } from './components/app-views/default-modules';
-export type { CmsViewConfig, BuiltinViewConfig, CustomViewConfig, } from './components/app-views/default-modules';
-export type { AppViewContext, AppViewModule, SidebarNode } from './components/app-views/module';
-export { createStudio } from './lib/workspace';
+export { defineStudio } from './components/app-views/studio-config.js';
+export type { StudioConfig, CustomFieldRenderer, CustomFieldRendererProps, } from './components/app-views/studio-config.js';
+export { nav } from './components/app-views/default-modules.js';
+export type { CmsViewConfig, BuiltinViewConfig, CustomViewConfig, } from './components/app-views/default-modules.js';
+export type { AppViewContext, AppViewModule, SidebarNode } from './components/app-views/module.js';
+export { createStudio } from './lib/workspace/index.js';
 /** A ready-made example renderer; a consuming repo may use it or author its own. */
-export { colorFieldRenderer } from './components/cms/field-renderer';
+export { colorFieldRenderer } from './components/cms/field-renderer.js';
 /**
  * Studio-UI localization (EC-241): author a translation catalog for `defineStudio({
  * i18n })`. `msg` is only needed to build an in-repo *source* catalog with translator
  * hints; a plain `MessageCatalog` (flat key → string) is all a consumer supplies.
  */
-export { msg } from './lib/i18n';
-export type { MessageCatalog, SourceMessage, StudioI18nConfig } from './lib/i18n';
+export { msg } from './lib/i18n/index.js';
+export type { MessageCatalog, SourceMessage, StudioI18nConfig } from './lib/i18n/index.js';