@elytracms/studio 0.0.91 → 0.0.93

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

@@ -2,11 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Link, STUDIO_PROJECT_ROUTE, studioPath, useNavigate } from '@elytracms/studio/router';
 import { Check, ChevronDown, CircleAlert, CircleCheck, Copy, Eye, EyeOff, GitCompareArrows, History, Loader2, Lock, MoreHorizontal, RotateCcw, Save, Tag, Trash2, X, } from 'lucide-react';
 import { useCallback, useMemo, useState } from 'react';
-import { FIELD_WIDTH_SPANS, SIDEBAR_FIELD_GROUP, documentKey, groupOrder, groupSectionOf, hasAliases, isBlocksField, isFieldHiddenIn, isFieldLocalized, isSingleton, localeViews, resolveDocumentTitle, resolveField, semanticValueEqual, sidebarFields, tabDescriptorOf, tabOrder, titleFieldOf, staticFieldHidden, valuesInLocale, writeField, } from '@elytracms/core/cms-core';
-import { blockRootsOf } from '@elytracms/core/project-graph';
+import { DRAFT_PERSPECTIVE, DRAFT_VARIANT, FIELD_WIDTH_SPANS, SIDEBAR_FIELD_GROUP, documentKey, groupOrder, groupSectionOf, hasAliases, isBlocksField, isFieldHiddenIn, isFieldLocalized, isSingleton, localeViews, resolveDocumentTitle, resolveField, sidebarFields, tabDescriptorOf, tabOrder, titleFieldOf, staticFieldHidden, valuesInLocale, perspectiveKey, variantOf, } from '@elytracms/core/cms-core';
 import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, CollapsibleSection, Field, Heading, Row, Spacer, Stack, Text, toast, } from '@elytracms/studio/ui';
-import { getStudioRegistry, studioManifestLookup } from '@elytracms/studio/lib/registry';
-import { collectEmbedRefs, resolveReuseCapability } from '../builder/reuse.js';
+import { studioManifestLookup } from '@elytracms/studio/lib/registry';
 import { cn } from '@elytracms/studio/lib/utils';
 import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { LocaleSwitcher, displayedFieldFallback, fieldConnection, fillFieldFromBase, resetFieldToBase, } from '@elytracms/studio/lib/locale';
@@ -37,12 +35,15 @@ import { DetailsPane } from './details-pane.js';
 import { DocumentUrlPath } from './document-url-path.js';
 import { useSetBreadcrumb } from '../breadcrumb-context.js';
 import { useAiCurrentDocumentTap } from '@elytracms/studio/lib/ai-current-document';
-import { resolveDeploymentReuse, resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
+import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 // EC-325 — the controller hooks EditorBody orchestrates (each independently
 // unit-tested at its pure core); the shell threads shared draft/ref/replaceDraft
 // state across their boundaries.
 import { usePublishedPerspective } from './use-published-perspective.js';
-import { useSaveMode } from './use-save-mode.js';
+import { useDocumentDraft } from './use-document-draft.js';
+import { FieldCommitBoundary, FieldConflictNotice, FieldPresenceNote, conflictActorName, pathInField, presentInField, } from './field-collaboration.js';
+import { fieldPositionPath } from '@elytracms/studio/lib/cms/field-patch';
+import { getStudioActor } from '@elytracms/studio/lib/operations';
 import { useDiscardController } from './use-discard-controller.js';
 import { usePublishController, publishGate } from './use-publish-controller.js';
 import { FieldFocusRequestContext, FieldPathContext } from './field-anchors.js';
@@ -109,40 +110,44 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
     // to, and its one document is fixed (never deleted). The header drops the
     // back-crumb/id line and the Delete action accordingly.
     const singleton = isSingleton(collection);
-    const [draft, setDraft] = useState(() => structuredClone(doc));
     // The studio's ambient active locale (EC-176): the form displays and edits
     // exactly this locale — switched via the shared LocaleSwitcher, never per field.
     const locale = source.activeLocale;
-    // Bumped when a version restore replaces the draft out-of-band, to remount the
-    // (uncontrolled) canvas editor from the restored value (EC-224).
-    const [restoreNonce, setRestoreNonce] = useState(0);
     // EC-173: unpublish/delete go through the reference-aware confirmation.
     const [confirmAction, setConfirmAction] = useState(null);
     // Stable so the document-editor context value (EC-224) doesn't churn each render.
     const ref = useMemo(() => ({ collection: collection.id, id: doc.id }), [collection.id, doc.id]);
     const confirmTargets = useMemo(() => [{ collection: collection.id, id: doc.id }], [collection.id, doc.id]);
-    // EC-224 — the working draft's two out-of-band mutators, shared across the
-    // controller hooks below and the document-editor context. `save` persists the
-    // current buffer; `replaceDraft` adopts a restored snapshot and bumps the nonce
-    // to REMOUNT the uncontrolled canvas from it (else the next edit clobbers the
-    // restore — the canvas builds its graph once at mount and lifts edits OUT).
-    function save() {
-        source.save(draft);
-    }
-    function replaceDraft(next) {
-        setDraft(next);
-        setRestoreNonce((n) => n + 1);
-    }
-    // EC-378 — the current-document seam: publish WHICH document is open (and the
-    // draft-adoption channel) so the AI assistant resolves "this document" without
-    // asking, and an applied update replaces this buffer instead of being clobbered
-    // by the next autosave. A narrow read-only tap + the existing `replaceDraft`;
-    // nothing else of the editor is exposed.
+    // EC-595 A2 — the draft over the revisioned document (`useDocumentDraft`): per-keystroke
+    // edits, committed per control kind (commit on quiescence) as the patches of the
+    // positions they wrote; rebased on the session's document whenever it changes (a write
+    // result, a colleague's change by subscription); forced flushes on unmount and tab
+    // hide; the thin presence heartbeat. The explicit-save rails keep their Save button.
+    // EC-188: the canvas field is found from the schema (its tab), so the draft knows it.
+    const lookupManifest = useMemo(() => studioManifestLookup(), []);
+    const draftCanvasField = collection.fields.find(isBlocksField);
+    const documentDraft = useDocumentDraft({
+        source,
+        collection,
+        doc,
+        locale,
+        lookupManifest,
+        ...(draftCanvasField ? { canvasField: draftCanvasField } : {}),
+    });
+    const { draft, dirty, explicitSave } = documentDraft;
+    // `save` — the forced commit (document model) / the Save button (record model);
+    // `replaceDraft` adopts a restored snapshot (the canvas remounts when its value moved).
+    const save = documentDraft.save;
+    const replaceDraft = documentDraft.replaceDraft;
+    // EC-378 — the current-document seam: publish WHICH document is open so the AI
+    // assistant resolves "this document" without asking, and the FORCED FLUSH it runs
+    // before reading or patching it (EC-595 A2 — the assistant's applied changes reach
+    // this editor through the session, which the draft rebases on).
     useAiCurrentDocumentTap({
         collection: collection.id,
         id: doc.id,
         title: primaryTitle(draft, collection, locale, source.localeConfig) || doc.id,
-        adoptDraft: replaceDraft,
+        flush: documentDraft.flush,
     });
     // EC-226 / EC-316 / EC-325 — the Draft/Published VIEW perspective AND the pinned
     // published snapshot, both derived from the ONE shared version-history query
@@ -150,25 +155,21 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
     // in this component). `canDiscard`/`versionKey`/`publishedVersionNumber`/
     // `publishedSnapshotDoc` feed the Discard controller below off that same query.
     const { perspective, setPerspective, published, canDiscard, versionKey, publishedVersionNumber, publishedSnapshotDoc, publishedSnapshot, viewReadOnly, viewDoc, publishedPending, } = usePublishedPerspective({ ref, source, canPublish, canVersions, draft });
-    // EC-586: THE equality verdict (`semanticValueEqual` over canonical forms) — key
-    // order is an artifact of how a value was built, never a change; the same verdict
-    // the store's "has unpublished changes" reads.
-    const dirty = useMemo(() => !semanticValueEqual(draft, doc), [draft, doc]);
-    const schemaIssues = useMemo(() => source.validate(draft), [source, draft]);
-    // EC-300/AD-16: composition embeds (hard references) whose target isn't published
-    // would render empty on the live site. Surface them as errors in the Issues panel,
-    // but they DON'T gate the Publish button (schema errors do) — publishing is
-    // confirm-through, so the editor can publish the page and the reusable together
-    // knowingly. The publish guard below catches them.
-    const referenceIssues = useMemo(() => unpublishedEmbedIssues(collection, draft, source), [collection, draft, source]);
-    const issues = useMemo(() => [...schemaIssues, ...referenceIssues], [schemaIssues, referenceIssues]);
-    const errorCount = schemaIssues.filter((i) => i.severity === 'error').length;
+    // EC-586: THE equality verdict (`semanticValueEqual` over canonical forms) is the
+    // draft's `dirty` (`useDocumentDraft`): uncommitted positions exist.
+    // EC-589: ONE validation path. A strict relation (the reuse embed declares
+    // `strict: true` on its relation prop) to an unpublished target is a blocking error
+    // from the validator's relation-target pass — at every position the reference walk
+    // reaches, localized buckets and rich-text embeds included — so it gates the Publish
+    // button like any other error, and `documents.publish` refuses it for every client.
+    // (The EC-300 special case that walked top-level `blocks` in `values` only, and let
+    // the editor publish through, is gone.)
+    const issues = useMemo(() => source.validate(draft), [source, draft]);
+    const errorCount = issues.filter((i) => i.severity === 'error').length;
     const hasErrors = errorCount > 0;
-    const hasUnpublishedRefs = referenceIssues.length > 0;
-    // EC-225 autosave · EC-240 explicit save — the persistence discipline for this
-    // rail (a publishing rail autosaves + flushes on unmount; a non-publishing rail
-    // saves explicitly and relies on the `UnsavedChangesGuard` below for navigation).
-    const { explicitSave } = useSaveMode({ canPublish, dirty, draft, source });
+    // EC-595 A2 · EC-240 — the write model decides the discipline (`source.writes`): a
+    // document commits on quiescence and flushes on unmount / tab hide; a record saves
+    // explicitly and relies on the `UnsavedChangesGuard` below for navigation.
     // EC-316 / EC-325 — the "Discard changes" controller: the pure enablement
     // decision plus the shared restore sequence (flush → restore the pinned published
     // version whole → replaceDraft → invalidate). Destructured to the names the header
@@ -277,9 +278,22 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
     // reuse the same foundation, so typing, filling, and resetting can never diverge.
     // EC-586: the write canonicalises (`writeField`), and the manifest lookup covers a
     // composition's static props — a canvas or embed edit lands canonical in the draft.
-    const lookupManifest = useMemo(() => studioManifestLookup(), []);
+    // EC-595 A2: each write is also the patch of the position it wrote, committed per the
+    // field's control kind (`useDocumentDraft` → `commit-policy.ts`).
     function setValue(field, value) {
-        setDraft((d) => writeField(collection, d, field.name, locale, value, { lookupManifest }));
+        documentDraft.setFieldValue(field, value);
+    }
+    // EC-595 A2 — the per-field conflicts and the thin presence on this document.
+    const documentWrites = source.writes.kind === 'document' ? source.writes : undefined;
+    const conflicts = documentWrites?.conflicts(ref) ?? [];
+    const selfActor = getStudioActor()?.id;
+    function conflictNotices(field) {
+        if (!documentWrites)
+            return null;
+        const own = conflicts.filter((conflict) => pathInField(conflict.path, field.name, isFieldLocalized(collection, field.name) ? locale : undefined));
+        if (own.length === 0)
+            return null;
+        return (_jsx(Stack, { gap: "1", children: own.map((conflict) => (_jsx(FieldConflictNotice, { conflict: conflict, actorName: conflictActorName(conflict, documentDraft.presence, selfActor), onTakeTheirs: () => documentWrites.resolveConflict(ref, conflict.id, 'theirs'), onKeepMine: () => documentWrites.resolveConflict(ref, conflict.id, 'mine') }, conflict.id))) }));
     }
     // EC-273/EC-580: conditional visibility, judged in the DISPLAYED view of the
     // draft (`valuesInLocale`, with the default-locale fallback) — a localized field
@@ -322,7 +336,7 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
         const connection = localized
             ? fieldConnection(collection, draft, field.name, locale, source.localeConfig)
             : null;
-        return (_jsx(Field, { className: cn('rounded-md transition-shadow', highlightedField === field.name && 'bg-primary/5 p-2 ring-2 ring-primary/70'), label: _jsxs(Row, { gap: "2", children: [_jsx("span", { children: fieldLabel(field) }), field.validation?.required ? _jsx("span", { className: "text-destructive", children: "*" }) : null, localized ? _jsx(Badge, { variant: "outline", children: locale }) : null, fieldLevelReadOnly ? (_jsxs(Badge, { variant: "outline", children: [_jsx(Lock, { className: "size-3" }), " ", translate('cms.editor.readOnlyBadge')] })) : null, _jsx(Spacer, {}), connection && !fieldReadOnly ? (_jsx(FieldConnectionControl, { connection: connection, fieldName: field.name, locale: locale, onFillFromBase: () => setDraft((d) => fillFieldFromBase(collection, d, field.name, locale, source.localeConfig)), onResetToBase: () => setDraft((d) => resetFieldToBase(collection, d, field.name, locale)) })) : null] }), htmlFor: `f-${field.name}`, fieldPath: field.name, hint: localizedLabel(field.form?.description) || undefined, error: fieldReadOnly ? undefined : errorsByField.get(field.name), children: _jsx(FieldPathContext.Provider, { value: field.name, children: _jsx(FieldControl, { id: `f-${field.name}`, field: field, value: getValue(field), onChange: (v) => setValue(field, v), readOnly: fieldReadOnly }) }) }, field.name));
+        return (_jsxs(Field, { className: cn('rounded-md transition-shadow', highlightedField === field.name && 'bg-primary/5 p-2 ring-2 ring-primary/70'), label: _jsxs(Row, { gap: "2", children: [_jsx("span", { children: fieldLabel(field) }), field.validation?.required ? _jsx("span", { className: "text-destructive", children: "*" }) : null, localized ? _jsx(Badge, { variant: "outline", children: locale }) : null, fieldLevelReadOnly ? (_jsxs(Badge, { variant: "outline", children: [_jsx(Lock, { className: "size-3" }), " ", translate('cms.editor.readOnlyBadge')] })) : null, _jsx(Spacer, {}), connection && !fieldReadOnly ? (_jsx(FieldConnectionControl, { connection: connection, fieldName: field.name, locale: locale, onFillFromBase: () => documentDraft.editField(field, (d) => fillFieldFromBase(collection, d, field.name, locale, source.localeConfig)), onResetToBase: () => documentDraft.editField(field, (d) => resetFieldToBase(collection, d, field.name, locale)) })) : null] }), htmlFor: `f-${field.name}`, fieldPath: field.name, hint: localizedLabel(field.form?.description) || undefined, error: fieldReadOnly ? undefined : errorsByField.get(field.name), children: [_jsx(FieldPresenceNote, { entries: presentInField(documentDraft.presence, fieldPositionPath(collection, field.name, locale)) }), fieldReadOnly ? null : conflictNotices(field), _jsx(FieldCommitBoundary, { onFocusField: () => documentDraft.focused(field), onBlurField: () => documentDraft.blurred(field), onEnter: () => documentDraft.entered(field), children: _jsx(FieldPathContext.Provider, { value: field.name, children: _jsx(FieldControl, { id: `f-${field.name}`, field: field, value: getValue(field), onChange: (v) => setValue(field, v), readOnly: fieldReadOnly }) }) })] }, field.name));
     }
     // The frame-owned `Versions` pane (EC-224) — appended after any view-supplied
     // pane (the canvas's `Properties`). One instance feeds both the form view's
@@ -367,14 +381,7 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
             id: 'details',
             label: translate('cms.editor.detailsPane'),
             icon: _jsx(Tag, { className: "size-3.5" }),
-            render: () => (_jsx(DetailsPane, { collection: collection, doc: draft, siblings: source.documents(), readOnly: viewReadOnly, fields: visibleSidebarFields, renderField: renderFieldRow, onAliasChange: (alias) => setDraft((d) => {
-                    const next = { ...d };
-                    if (alias === undefined)
-                        delete next.alias;
-                    else
-                        next.alias = alias;
-                    return next;
-                }) })),
+            render: () => (_jsx(DetailsPane, { collection: collection, doc: draft, siblings: source.documents(), readOnly: viewReadOnly, fields: visibleSidebarFields, renderField: renderFieldRow, onAliasChange: (alias) => documentDraft.setAlias(alias) })),
         }
         : null;
     // Versions is capability-gated (AD-19): a non-versioned rail (users) never mounts
@@ -384,19 +391,13 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
         ...(canVersions ? [versionsPane] : []),
         issuesPane,
     ];
-    // EC-268 / EC-300 / 0.0.39 — the publish controller: the publish indicator state,
-    // the EC-300 confirm-through guard (unpublished hard refs would render empty on
-    // the live site), and the "Publish & close" navigation. Handlers are named to
-    // match the header split button + the confirm-through dialog below.
-    const { publishState, publishConfirm, handlePublish, handlePublishAndClose, confirmPublish, cancelPublishConfirm, } = usePublishController({
+    // EC-268 / 0.0.39 — the publish controller: the publish indicator state and the
+    // "Publish & close" navigation. Handlers are named to match the header split button.
+    const { publishState, handlePublish, handlePublishAndClose } = usePublishController({
         source,
         docRef: ref,
-        collection,
         projectId,
-        draft,
-        setDraft,
-        dirty,
-        hasUnpublishedRefs,
+        flushDraft: documentDraft.flush,
     });
     // EC-442 (amended): Duplicate in the header `…` menu — gated on the explicit
     // `duplicate` capability (CMS collections only, owner call 2026-07-17) + a
@@ -404,12 +405,15 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
     // document"; a copy would be EC-274 drift by construction, mirroring the
     // hidden Delete).
     const canDuplicate = !singleton && source.capabilities.duplicate && source.detailPath !== undefined;
-    function handleDuplicate() {
-        // Copy the CURRENT draft buffer — what the editor sees — not the possibly
-        // autosave-lagged stored row. The duplicate is a fresh DRAFT, never
-        // auto-published (live-is-published-only), created through the seam's
-        // existing create+save write paths (`duplicateFromSource`).
-        const newRef = duplicateFromSource(source, draft);
+    async function handleDuplicate() {
+        // EC-595 A2: the FORCED FLUSH first — the uncommitted fields commit and land — then
+        // copy the committed draft (what the editor sees). The duplicate is a fresh DRAFT,
+        // never auto-published (live-is-published-only), created insert-if-absent with a
+        // factory id (`duplicateFromSource`).
+        await documentDraft.flush();
+        const newRef = duplicateFromSource(source, source.get(ref) ?? draft);
+        if (!newRef)
+            return;
         toast.success(translate('cms.editor.duplicateCreated'));
         const splat = source.detailPath?.(newRef.id);
         if (splat === undefined)
@@ -512,20 +516,13 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
             exitCompare,
         }, children: _jsx(FieldFocusRequestContext.Provider, { value: focusRequest, children: _jsxs("div", { className: cn('flex h-full min-h-0 flex-col', viewReadOnly && 'bg-info/[0.04]'), children: [_jsxs("div", { className: "shrink-0 border-b border-border px-4 py-3 sm:px-6", children: [_jsxs(Row, { gap: "3", align: "start", children: [_jsxs(Stack, { gap: "1", className: "min-w-0", children: [_jsxs(Row, { gap: "2", align: "center", className: "min-w-0", children: [_jsx(Heading, { level: 1, size: "h2", className: "truncate", children: singleton ? localizedLabel(collection.form?.label, collection.id) : title || doc.id }), singleton ? null : _jsx(FallbackChip, { fallback: titleFallback, testId: "doc-title-fallback" })] }), routableCollection ? (_jsx(DocumentUrlPath, { projectId: projectId, collection: collection, doc: draft, siblings: source.documents(), routes: resolveDeploymentRoutes(), localeConfig: source.localeConfig, locale: locale, live: headerLive })) : null] }), _jsx(Spacer, {}), _jsxs(Stack, { gap: "none", align: "end", className: "min-w-0", children: [_jsx(Text, { size: "xs", tone: "muted", className: "whitespace-nowrap", "data-testid": "autosave-status", children: source.lastError
                                                     ? translate('cms.editor.saveFailed')
-                                                    : explicitSave
-                                                        ? dirty
-                                                            ? translate('cms.editor.unsavedChanges')
-                                                            : translate('cms.editor.saved')
-                                                        : dirty
-                                                            ? translate('cms.editor.saving')
-                                                            : translate('cms.editor.saved') }), source.lastError?.message ? (_jsx(Text, { size: "xs", className: "max-w-64 truncate text-destructive", title: source.lastError.message, "data-testid": "save-error-message", children: source.lastError.message })) : null] }), canPublish ? _jsx(DocStateBadge, { published: published }) : null, canPublish ? (_jsxs(Row, { gap: "px", align: "center", children: [_jsx(Button, { size: "sm", onClick: handlePublish, disabled: publishDisabled, title: publishTitle, className: canPublishClose ? 'rounded-r-none' : undefined, "data-testid": "doc-publish", children: publishButtonLabel }), canPublishClose ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "sm", disabled: publishDisabled, "aria-label": translate('cms.editor.publishActions'), "data-testid": "doc-publish-actions", className: "rounded-l-none border-l border-primary-foreground/25 px-1.5", children: _jsx(ChevronDown, { className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsxs(DropdownMenuItem, { onClick: handlePublishAndClose, "data-testid": "doc-publish-and-close", children: [_jsx(Save, {}), " ", translate('cms.editor.publishAndClose')] }) })] })) : null] })) : null, explicitSave ? (_jsxs(Button, { size: "sm", onClick: save, disabled: !dirty, "data-testid": "doc-save", children: [_jsx(Check, {}), " ", translate('common.save')] })) : null, !viewReadOnly ? (_jsx(TranslateDocumentAction, { projectId: projectId, collection: collection, docRef: ref, document: draft, localeConfig: source.localeConfig, localesEnabled: canLocales, onApplied: (next) => {
-                                            source.save(next);
-                                            replaceDraft(next);
-                                        } })) : null, published || !singleton ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon-sm", "aria-label": translate('cms.editor.moreActions'), children: _jsx(MoreHorizontal, {}) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [canDuplicate ? (_jsxs(DropdownMenuItem, { "data-testid": "doc-duplicate", onClick: handleDuplicate, children: [_jsx(Copy, {}), " ", translate('common.duplicate')] })) : null, discardStatus !== 'hidden' ? (_jsxs(DropdownMenuItem, { "data-testid": "doc-discard-draft", disabled: discardStatus !== 'ready', title: discardDisabledReason, onClick: () => setDiscardConfirm(true), children: [_jsx(RotateCcw, {}), " ", translate('cms.editor.discardDraft')] })) : null, published ? (_jsxs(DropdownMenuItem, { onClick: () => setConfirmAction('unpublish'), children: [_jsx(EyeOff, {}), " ", translate('cms.editor.unpublish')] })) : null, singleton ? null : (_jsxs(DropdownMenuItem, { "data-testid": "doc-delete", className: "text-destructive", onClick: () => setConfirmAction('delete'), children: [_jsx(Trash2, {}), " ", translate('common.delete')] }))] })] })) : null] }), showLensRow ? (_jsxs(Row, { gap: "3", className: "mt-3", wrap: true, children: [_jsxs(Row, { gap: "1", align: "center", children: [showContentTabs ? tabs.map((tab) => renderContentTab(tab)) : null, showReferences ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true }), renderContentTab(REFERENCES_TAB)] })) : null, compare ? (_jsxs("span", { className: cn('inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium transition-colors', activeTab === COMPARE_TAB
+                                                    : dirty
+                                                        ? translate('cms.editor.unsavedChanges')
+                                                        : translate('cms.editor.saved') }), source.lastError?.message ? (_jsx(Text, { size: "xs", className: "max-w-64 truncate text-destructive", title: source.lastError.message, "data-testid": "save-error-message", children: source.lastError.message })) : null] }), canPublish ? _jsx(DocStateBadge, { published: published }) : null, canPublish ? (_jsxs(Row, { gap: "px", align: "center", children: [_jsx(Button, { size: "sm", onClick: handlePublish, disabled: publishDisabled, title: publishTitle, className: canPublishClose ? 'rounded-r-none' : undefined, "data-testid": "doc-publish", children: publishButtonLabel }), canPublishClose ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "sm", disabled: publishDisabled, "aria-label": translate('cms.editor.publishActions'), "data-testid": "doc-publish-actions", className: "rounded-l-none border-l border-primary-foreground/25 px-1.5", children: _jsx(ChevronDown, { className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsxs(DropdownMenuItem, { onClick: handlePublishAndClose, "data-testid": "doc-publish-and-close", children: [_jsx(Save, {}), " ", translate('cms.editor.publishAndClose')] }) })] })) : null] })) : null, explicitSave ? (_jsxs(Button, { size: "sm", onClick: save, disabled: !dirty, "data-testid": "doc-save", children: [_jsx(Check, {}), " ", translate('common.save')] })) : null, !viewReadOnly ? (_jsx(TranslateDocumentAction, { projectId: projectId, collection: collection, docRef: ref, document: draft, localeConfig: source.localeConfig, localesEnabled: canLocales, flushDraft: documentDraft.flush })) : null, published || !singleton ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon-sm", "aria-label": translate('cms.editor.moreActions'), children: _jsx(MoreHorizontal, {}) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [canDuplicate ? (_jsxs(DropdownMenuItem, { "data-testid": "doc-duplicate", onClick: () => void handleDuplicate(), children: [_jsx(Copy, {}), " ", translate('common.duplicate')] })) : null, discardStatus !== 'hidden' ? (_jsxs(DropdownMenuItem, { "data-testid": "doc-discard-draft", disabled: discardStatus !== 'ready', title: discardDisabledReason, onClick: () => setDiscardConfirm(true), children: [_jsx(RotateCcw, {}), " ", translate('cms.editor.discardDraft')] })) : null, published ? (_jsxs(DropdownMenuItem, { onClick: () => setConfirmAction('unpublish'), children: [_jsx(EyeOff, {}), " ", translate('cms.editor.unpublish')] })) : null, singleton ? null : (_jsxs(DropdownMenuItem, { "data-testid": "doc-delete", className: "text-destructive", onClick: () => setConfirmAction('delete'), children: [_jsx(Trash2, {}), " ", translate('common.delete')] }))] })] })) : null] }), showLensRow ? (_jsxs(Row, { gap: "3", className: "mt-3", wrap: true, children: [_jsxs(Row, { gap: "1", align: "center", children: [showContentTabs ? tabs.map((tab) => renderContentTab(tab)) : null, showReferences ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true }), renderContentTab(REFERENCES_TAB)] })) : null, compare ? (_jsxs("span", { className: cn('inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium transition-colors', activeTab === COMPARE_TAB
                                                     ? 'bg-accent text-accent-foreground'
-                                                    : 'text-muted-foreground hover:bg-muted'), children: [_jsxs("button", { type: "button", onClick: () => setActiveTab(COMPARE_TAB), "aria-pressed": activeTab === COMPARE_TAB, className: "inline-flex items-center gap-1", children: [_jsx(GitCompareArrows, { className: "size-3", "aria-hidden": true }), " ", translate('cms.version.compare')] }), _jsx("button", { type: "button", onClick: exitCompare, "aria-label": translate('cms.version.closeCompare'), className: "ml-0.5 rounded p-0.5 hover:bg-background/40", children: _jsx(X, { className: "size-3" }) })] })) : null] }), _jsx(Spacer, {}), canLocales ? _jsx(LocaleSwitcher, {}) : null, canPublish ? (_jsxs(Row, { gap: "px", className: "rounded-md bg-muted/60 p-0.5", children: [_jsx(PerspectiveButton, { label: translate('cms.editor.draftState'), active: perspective === 'draft', onClick: () => setPerspective('draft') }), _jsx(PerspectiveButton, { label: translate('cms.editor.publishedState'), active: perspective === 'published', accent: "info", disabled: !published, title: published ? undefined : translate('cms.editor.publishToViewPublished'), onClick: () => setPerspective('published') })] })) : null] })) : null] }), viewReadOnly ? (_jsxs(Row, { gap: "2", className: "shrink-0 border-b border-info/30 bg-info/10 px-4 py-1.5 text-info sm:px-6", "data-testid": "published-view-banner", children: [_jsx(Lock, { className: "size-3.5 shrink-0", "aria-hidden": true }), _jsx(Text, { size: "xs", className: "text-info", children: translate('cms.editor.publishedReadOnlyBanner') }), _jsx(Spacer, {}), _jsx("button", { type: "button", onClick: () => setPerspective('draft'), className: "text-xs font-medium underline-offset-2 hover:underline", children: translate('cms.editor.switchToDraft') })] })) : null, publishedPending ? (_jsx("div", { className: "grid min-h-0 flex-1 place-items-center p-8", children: _jsx(Text, { size: "sm", tone: "muted", children: publishedSnapshot.status === 'loading'
+                                                    : 'text-muted-foreground hover:bg-muted'), children: [_jsxs("button", { type: "button", onClick: () => setActiveTab(COMPARE_TAB), "aria-pressed": activeTab === COMPARE_TAB, className: "inline-flex items-center gap-1", children: [_jsx(GitCompareArrows, { className: "size-3", "aria-hidden": true }), " ", translate('cms.version.compare')] }), _jsx("button", { type: "button", onClick: exitCompare, "aria-label": translate('cms.version.closeCompare'), className: "ml-0.5 rounded p-0.5 hover:bg-background/40", children: _jsx(X, { className: "size-3" }) })] })) : null] }), _jsx(Spacer, {}), canLocales ? _jsx(LocaleSwitcher, {}) : null, canPublish ? (_jsxs(Row, { gap: "px", className: "rounded-md bg-muted/60 p-0.5", children: [_jsx(PerspectiveButton, { label: translate('cms.editor.draftState'), active: variantOf(perspective) === DRAFT_VARIANT, onClick: () => setPerspective(DRAFT_PERSPECTIVE) }), _jsx(PerspectiveButton, { label: translate('cms.editor.publishedState'), active: perspective === 'published', accent: "info", disabled: !published, title: published ? undefined : translate('cms.editor.publishToViewPublished'), onClick: () => setPerspective('published') })] })) : null] })) : null] }), viewReadOnly ? (_jsxs(Row, { gap: "2", className: "shrink-0 border-b border-info/30 bg-info/10 px-4 py-1.5 text-info sm:px-6", "data-testid": "published-view-banner", children: [_jsx(Lock, { className: "size-3.5 shrink-0", "aria-hidden": true }), _jsx(Text, { size: "xs", className: "text-info", children: translate('cms.editor.publishedReadOnlyBanner') }), _jsx(Spacer, {}), _jsx("button", { type: "button", onClick: () => setPerspective(DRAFT_PERSPECTIVE), className: "text-xs font-medium underline-offset-2 hover:underline", children: translate('cms.editor.switchToDraft') })] })) : null, publishedPending ? (_jsx("div", { className: "grid min-h-0 flex-1 place-items-center p-8", children: _jsx(Text, { size: "sm", tone: "muted", children: publishedSnapshot.status === 'loading'
                                 ? translate('cms.editor.loadingPublishedVersion')
-                                : translate('cms.editor.noPublishedVersion') }) })) : activeTab === COMPARE_TAB && compare ? (_jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: _jsx(VersionCompare, {}) }), _jsx(InspectorSidebar, { panes: trailingPanes, activeId: inspectorPaneId, onActiveChange: setInspectorPaneId, className: "w-[320px] shrink-0 border-l border-border" })] })) : canvasField ? (_jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(CompositionFieldEditor, { field: canvasField, value: getValue(canvasField), onChange: (v) => setValue(canvasField, v), readOnly: viewReadOnly || source.isFieldReadOnly(canvasField), trailingPanes: trailingPanes }, `${canvasField.name}:${restoreNonce}:${perspective}`) })) : activeTab === REFERENCES_TAB ? (_jsx("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsx(ReferencesPanel, { projectId: projectId, source: { type: 'document', id: documentKey(ref) }, target: { type: 'document', id: documentKey(ref) } }) }) }) })) : (_jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsxs(Stack, { gap: "6", children: [groups.map((group) => {
+                                : translate('cms.editor.noPublishedVersion') }) })) : activeTab === COMPARE_TAB && compare ? (_jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: _jsx(VersionCompare, {}) }), _jsx(InspectorSidebar, { panes: trailingPanes, activeId: inspectorPaneId, onActiveChange: setInspectorPaneId, className: "w-[320px] shrink-0 border-l border-border" })] })) : canvasField ? (_jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(CompositionFieldEditor, { field: canvasField, value: getValue(canvasField), onChange: (v) => documentDraft.setCanvasValue(canvasField, v), conflicts: conflictNotices(canvasField), readOnly: viewReadOnly || source.isFieldReadOnly(canvasField), trailingPanes: trailingPanes }, `${canvasField.name}:${documentDraft.canvasNonce}:${perspectiveKey(perspective)}`) })) : activeTab === REFERENCES_TAB ? (_jsx("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsx(ReferencesPanel, { projectId: projectId, source: { type: 'document', id: documentKey(ref) }, target: { type: 'document', id: documentKey(ref) } }) }) }) })) : (_jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsxs(Stack, { gap: "6", children: [groups.map((group) => {
                                                 // EC-273/EC-240/EC-306: drop a fieldset whose every field is hidden —
                                                 // by its own rule, by its (static or predicate) group section, or for
                                                 // this principal — so the form never shows an empty section header.
@@ -547,58 +544,7 @@ function EditorBody({ projectId, collection, doc, focusPath, formAppendix, }) {
                             if (!open)
                                 setConfirmAction(null);
                         }, onConfirm: handleConfirmedAction })) : null, _jsx(Dialog, { open: discardConfirm, onOpenChange: (open) => { if (!open)
-                            setDiscardConfirm(false); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('cms.editor.discardDraftTitle') }), _jsx(DialogDescription, { children: translate('cms.editor.discardDraftDescription') })] }), _jsxs(DialogFooter, { className: "mt-4", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDiscardConfirm(false), disabled: discardBusy, children: translate('common.cancel') }), _jsx(Button, { variant: "destructive", size: "sm", "data-testid": "discard-draft-confirm", disabled: discardBusy, onClick: () => void handleDiscardDraft(), children: discardBusy ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "animate-spin" }), " ", translate('cms.editor.discardingDraft')] })) : (_jsxs(_Fragment, { children: [_jsx(RotateCcw, {}), " ", translate('cms.editor.discardDraftConfirm')] })) })] })] }) }), _jsx(Dialog, { open: publishConfirm, onOpenChange: (open) => { if (!open)
-                            cancelPublishConfirm(); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('cms.editor.publishUnpublishedRefsTitle') }), _jsx(DialogDescription, { children: translate('cms.editor.publishUnpublishedRefsDescription') })] }), _jsxs(Stack, { gap: "1", children: [referenceIssues.map((issue, i) => (_jsxs(Text, { size: "xs", tone: "muted", children: ["\u2022 ", cmsValidationIssueMessage(issue)] }, `${issue.meta?.id ?? i}`))), schemaIssues.length > 0 ? (_jsx(Text, { size: "xs", tone: "muted", className: "mt-1", children: translate(schemaIssues.length === 1
-                                                ? 'cms.editor.publishAlsoHasIssues.one'
-                                                : 'cms.editor.publishAlsoHasIssues.other', { count: schemaIssues.length }) })) : null] }), _jsxs(DialogFooter, { className: "mt-4", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: cancelPublishConfirm, children: translate('common.cancel') }), _jsx(Button, { size: "sm", "data-testid": "publish-anyway", onClick: confirmPublish, children: translate('cms.editor.publishAnyway') })] })] }) })] }) }) }));
-}
-/**
- * EC-300/AD-16 — errors for composition embeds (hard references) whose target isn't
- * published: they render empty on the live site. Walks every `blocks` field of the
- * document for reuse embeds; a missing target is an `unknown-relation-target` error,
- * an unpublished one an `unpublished-relation-target` error. Publishing is
- * confirm-through (not blocked), so these feed the Issues panel + the publish
- * confirmation, never the button's disabled gate. No reuse capability → none.
- *
- * EC-467: the capability honours the optional `reuse` studio-config declaration
- * (absent → the same inference as before). Config-level reuse ISSUES belong to the
- * shell rail, not to this document-scoped list — so only the capability is read here.
- */
-function unpublishedEmbedIssues(collection, draft, source) {
-    const capability = resolveReuseCapability(getStudioRegistry().registry.list(), source.collections, resolveDeploymentReuse());
-    if (!capability)
-        return [];
-    const issues = [];
-    const seen = new Set();
-    for (const field of collection.fields) {
-        if (!isBlocksField(field))
-            continue;
-        for (const ref of collectEmbedRefs(blockRootsOf(draft.values?.[field.name]), capability)) {
-            const key = `${ref.collection}:${ref.id}`;
-            if (seen.has(key))
-                continue;
-            seen.add(key);
-            const exists = source.get(ref) !== undefined;
-            if (exists && (source.publishing?.isPublished(ref) ?? false))
-                continue;
-            issues.push(unpublishedEmbedIssue(collection, draft, field.name, ref, exists, source));
-        }
-    }
-    return issues;
-}
-/** One unpublished/missing reuse-embed issue (EC-300). */
-function unpublishedEmbedIssue(collection, draft, field, ref, exists, source) {
-    return {
-        code: exists ? 'unpublished-relation-target' : 'unknown-relation-target',
-        severity: 'error',
-        message: exists
-            ? translate('cms.editor.embedUnpublishedIssue', { title: source.titleOf(ref) })
-            : translate('cms.editor.embedMissingIssue', { id: ref.id }),
-        path: [field],
-        collectionId: collection.id,
-        documentId: draft.id,
-        meta: { field, target: ref.collection, id: ref.id },
-    };
+                            setDiscardConfirm(false); }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('cms.editor.discardDraftTitle') }), _jsx(DialogDescription, { children: translate('cms.editor.discardDraftDescription') })] }), _jsxs(DialogFooter, { className: "mt-4", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDiscardConfirm(false), disabled: discardBusy, children: translate('common.cancel') }), _jsx(Button, { variant: "destructive", size: "sm", "data-testid": "discard-draft-confirm", disabled: discardBusy, onClick: () => void handleDiscardDraft(), children: discardBusy ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "animate-spin" }), " ", translate('cms.editor.discardingDraft')] })) : (_jsxs(_Fragment, { children: [_jsx(RotateCcw, {}), " ", translate('cms.editor.discardDraftConfirm')] })) })] })] }) })] }) }) }));
 }
 /**
  * A segmented-control button for the Draft/Published view toggle (EC-226). The