@elytracms/studio 0.0.78 → 0.0.80

package/dist/components/cms/document-staging.js

@@ -9,10 +9,11 @@ import { isPlaygroundMode } from '@elytracms/studio/lib/persistence';
  * snapshot its `CmsSessionGate` resolves, and in BOTH modes that snapshot can
  * miss a document the transfer just wrote — for two DIFFERENT reasons:
  *
- * - **Playground**: `CmsSessionGate` renders synchronously with `session:
- *   null` (the EC-138 determinism contract) — it never queries anything, so
- *   the seeded set is always the STATIC kit/fixture baseline, forever. It
- *   never reflects a write, on the first mount or the hundredth.
+ * - **Playground**: since EC-461 the gate hydrates from the seeded in-memory
+ *   adapter like connected mode (the old synchronous static-baseline gate was
+ *   the loss family's root) — but an UN-BASELINED project (a kit instantiated
+ *   in-session, nothing persisted yet) still seeds the static kit baseline,
+ *   which never reflects a write on its own.
  * - **Convex**: the seeded set comes from a REAL fresh-per-mount query
  *   (`loadCms()`), so it usually catches up — but there is no synchronous
  *   guarantee it observes a write from a moment earlier (belt and braces: the
@@ -60,29 +61,39 @@ export function stageDocument(projectId, doc) {
 }
 /**
  * Merge any documents staged for `projectId` into a fresh mount's
- * seeded/hydrated document list. See the module doc for why the merge rule
- * itself is mode-aware (playground: staged always wins; Convex: staged fills
- * gaps only, dropped once superseded).
+ * seeded/hydrated document list. EC-461: the merge rule keys on whether the
+ * seeded set REFLECTS WRITES — a fact of the MOUNT, not of the backend:
+ *
+ * - `seedReflectsWrites: true` — the seeded set came from a fresh per-mount
+ *   hydration query (Convex, or the playground's seeded in-memory adapter now
+ *   that EC-461 retired the static-baseline gate). A staged doc only fills a
+ *   gap; a key the snapshot carries supersedes and drops the staged entry.
+ * - `seedReflectsWrites: false` — the seeded set is a static kit/fixture
+ *   baseline (an un-baselined playground kit project, a fixture session) that
+ *   never reflects a write on its own — a staged doc always wins for its key.
+ *
+ * The default preserves the historical mode split for callers that don't know
+ * their seed's provenance (fixtures/tests): connected hydrates, playground may
+ * not. `CmsScreen`/the transfer dialog pass the real provenance (`cms !== null`).
  */
-export function consumeStagedDocuments(projectId, seeded) {
+export function consumeStagedDocuments(projectId, seeded, seedReflectsWrites = !isPlaygroundMode()) {
     if (projectId === undefined)
         return [...seeded];
     const list = staged.get(projectId);
     if (!list || list.length === 0)
         return [...seeded];
-    if (isPlaygroundMode()) {
-        // The seeded set is a static kit/fixture baseline that never reflects a
-        // write on its own — a staged doc always wins for its key, matching the
+    if (!seedReflectsWrites) {
+        // Static baseline: a staged doc always wins for its key, matching the
         // ONLY mechanism that ever represents a live edit across mounts here.
         const byKey = new Map(seeded.map((d) => [docKey(d), d]));
         for (const d of list)
             byKey.set(docKey(d), structuredClone(d));
         return [...byKey.values()];
     }
-    // Convex: `seeded` is a fresh per-mount hydration query — a real signal of
-    // the current persisted truth. A staged doc only fills a gap that snapshot
-    // doesn't already carry; a key it DOES carry is superseded and dropped from
-    // the buffer so it can never resurrect on a later mount.
+    // Hydrated seed: a real signal of the current persisted truth. A staged doc
+    // only fills a gap that snapshot doesn't already carry; a key it DOES carry
+    // is superseded and dropped from the buffer so it can never resurrect on a
+    // later mount and shadow a newer revision.
     const seededKeys = new Set(seeded.map(docKey));
     const superseded = list.filter((d) => seededKeys.has(docKey(d)));
     if (superseded.length > 0) {

package/dist/components/cms/document-staging.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-staging.js","sourceRoot":"","sources":["../../../src/components/cms/document-staging.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CmsDocument } from '@elytracms/core/cms-core'\nimport { isPlaygroundMode } from '@elytracms/studio/lib/persistence'\n\n/**\n * EC-320 (0.0.44 follow-up) — a tiny cross-mount handoff for a freshly created\n * (or freshly appended-to) document.\n *\n * The \"Use in document…\" transfer creates/updates a draft in the Components\n * view, then navigates to that document's CMS editor — a FRESH `CmsProvider`\n * mount. That fresh mount seeds its documents from whatever hydration/kit\n * snapshot its `CmsSessionGate` resolves, and in BOTH modes that snapshot can\n * miss a document the transfer just wrote — for two DIFFERENT reasons:\n *\n * - **Playground**: `CmsSessionGate` renders synchronously with `session:\n *   null` (the EC-138 determinism contract) — it never queries anything, so\n *   the seeded set is always the STATIC kit/fixture baseline, forever. It\n *   never reflects a write, on the first mount or the hundredth.\n * - **Convex**: the seeded set comes from a REAL fresh-per-mount query\n *   (`loadCms()`), so it usually catches up — but there is no synchronous\n *   guarantee it observes a write from a moment earlier (belt and braces: the\n *   transfer also AWAITS its own write landing — see `transfer-dialog.tsx` —\n *   but staging covers the mount regardless of that timing).\n *\n * A previous version of this module gated `stageDocument` itself on\n * `isPlaygroundMode()`, reasoning that Convex mode \"re-hydrates from\n * persistence\" per mount and so never needs staging. That reasoning was\n * wrong — a fresh query has no synchronous ordering guarantee against a write\n * from moments earlier — and the gate was exactly why the Convex-mode\n * transfer 404'd (EC-320 follow-up finding). Staging now runs in every mode.\n *\n * The two modes DO still genuinely differ on the read side, though — not by a\n * wrong assumption this time, but structurally:\n *\n * - Playground's seeded set can NEVER be \"fresher\" than a staged write (it\n *   never changes at all), so a staged entry always wins over it — exactly\n *   the original, working behavior, now also covering \"insert into an\n *   EXISTING document\" (whose key was already in the static baseline before\n *   the edit — the append would otherwise be invisible).\n * - Convex's seeded set is a genuine live signal, so a staged entry only\n *   fills a GAP it doesn't already carry; once it does, the seeded set wins\n *   outright (the newer-or-equal persisted truth) and the stale staged entry\n *   is dropped — so it can never resurrect on a later mount and shadow a\n *   revision made after the transfer (e.g. a subsequent edit, once persisted\n *   and re-hydrated).\n *\n * Reads that don't drop anything are non-destructive (StrictMode-safe: a\n * double mount computes the identical merge both times); the buffer itself is\n * in-memory, session-scoped runtime state — never persisted, never a\n * substitute for the real write.\n */\n\nconst staged = new Map<string, CmsDocument[]>()\n\nfunction docKey(doc: CmsDocument): string {\n  return `${doc.collection}/${doc.id}`\n}\n\n/** Stage a document for the next `CmsProvider` mount of `projectId` (any mode). */\nexport function stageDocument(projectId: string, doc: CmsDocument): void {\n  const list = staged.get(projectId) ?? []\n  // Replace any prior staging of the same doc key so a re-transfer wins.\n  const next = list.filter((d) => docKey(d) !== docKey(doc))\n  next.push(doc)\n  staged.set(projectId, next)\n}\n\n/**\n * Merge any documents staged for `projectId` into a fresh mount's\n * seeded/hydrated document list. See the module doc for why the merge rule\n * itself is mode-aware (playground: staged always wins; Convex: staged fills\n * gaps only, dropped once superseded).\n */\nexport function consumeStagedDocuments(\n  projectId: string | undefined,\n  seeded: readonly CmsDocument[],\n): CmsDocument[] {\n  if (projectId === undefined) return [...seeded]\n  const list = staged.get(projectId)\n  if (!list || list.length === 0) return [...seeded]\n\n  if (isPlaygroundMode()) {\n    // The seeded set is a static kit/fixture baseline that never reflects a\n    // write on its own — a staged doc always wins for its key, matching the\n    // ONLY mechanism that ever represents a live edit across mounts here.\n    const byKey = new Map(seeded.map((d) => [docKey(d), d]))\n    for (const d of list) byKey.set(docKey(d), structuredClone(d))\n    return [...byKey.values()]\n  }\n\n  // Convex: `seeded` is a fresh per-mount hydration query — a real signal of\n  // the current persisted truth. A staged doc only fills a gap that snapshot\n  // doesn't already carry; a key it DOES carry is superseded and dropped from\n  // the buffer so it can never resurrect on a later mount.\n  const seededKeys = new Set(seeded.map(docKey))\n  const superseded = list.filter((d) => seededKeys.has(docKey(d)))\n  if (superseded.length > 0) {\n    const remaining = list.filter((d) => !superseded.some((s) => docKey(s) === docKey(d)))\n    if (remaining.length > 0) staged.set(projectId, remaining)\n    else staged.delete(projectId)\n  }\n\n  const gap = list.filter((d) => !seededKeys.has(docKey(d)))\n  if (gap.length === 0) return [...seeded]\n  return [...seeded, ...gap.map((d) => structuredClone(d))]\n}\n\n/** Test seam: drop all staged documents. */\nexport function clearStagedDocuments(): void {\n  staged.clear()\n}\n"]}
+{"version":3,"file":"document-staging.js","sourceRoot":"","sources":["../../../src/components/cms/document-staging.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CmsDocument } from '@elytracms/core/cms-core'\nimport { isPlaygroundMode } from '@elytracms/studio/lib/persistence'\n\n/**\n * EC-320 (0.0.44 follow-up) — a tiny cross-mount handoff for a freshly created\n * (or freshly appended-to) document.\n *\n * The \"Use in document…\" transfer creates/updates a draft in the Components\n * view, then navigates to that document's CMS editor — a FRESH `CmsProvider`\n * mount. That fresh mount seeds its documents from whatever hydration/kit\n * snapshot its `CmsSessionGate` resolves, and in BOTH modes that snapshot can\n * miss a document the transfer just wrote — for two DIFFERENT reasons:\n *\n * - **Playground**: since EC-461 the gate hydrates from the seeded in-memory\n *   adapter like connected mode (the old synchronous static-baseline gate was\n *   the loss family's root) — but an UN-BASELINED project (a kit instantiated\n *   in-session, nothing persisted yet) still seeds the static kit baseline,\n *   which never reflects a write on its own.\n * - **Convex**: the seeded set comes from a REAL fresh-per-mount query\n *   (`loadCms()`), so it usually catches up — but there is no synchronous\n *   guarantee it observes a write from a moment earlier (belt and braces: the\n *   transfer also AWAITS its own write landing — see `transfer-dialog.tsx` —\n *   but staging covers the mount regardless of that timing).\n *\n * A previous version of this module gated `stageDocument` itself on\n * `isPlaygroundMode()`, reasoning that Convex mode \"re-hydrates from\n * persistence\" per mount and so never needs staging. That reasoning was\n * wrong — a fresh query has no synchronous ordering guarantee against a write\n * from moments earlier — and the gate was exactly why the Convex-mode\n * transfer 404'd (EC-320 follow-up finding). Staging now runs in every mode.\n *\n * The two modes DO still genuinely differ on the read side, though — not by a\n * wrong assumption this time, but structurally:\n *\n * - Playground's seeded set can NEVER be \"fresher\" than a staged write (it\n *   never changes at all), so a staged entry always wins over it — exactly\n *   the original, working behavior, now also covering \"insert into an\n *   EXISTING document\" (whose key was already in the static baseline before\n *   the edit — the append would otherwise be invisible).\n * - Convex's seeded set is a genuine live signal, so a staged entry only\n *   fills a GAP it doesn't already carry; once it does, the seeded set wins\n *   outright (the newer-or-equal persisted truth) and the stale staged entry\n *   is dropped — so it can never resurrect on a later mount and shadow a\n *   revision made after the transfer (e.g. a subsequent edit, once persisted\n *   and re-hydrated).\n *\n * Reads that don't drop anything are non-destructive (StrictMode-safe: a\n * double mount computes the identical merge both times); the buffer itself is\n * in-memory, session-scoped runtime state — never persisted, never a\n * substitute for the real write.\n */\n\nconst staged = new Map<string, CmsDocument[]>()\n\nfunction docKey(doc: CmsDocument): string {\n  return `${doc.collection}/${doc.id}`\n}\n\n/** Stage a document for the next `CmsProvider` mount of `projectId` (any mode). */\nexport function stageDocument(projectId: string, doc: CmsDocument): void {\n  const list = staged.get(projectId) ?? []\n  // Replace any prior staging of the same doc key so a re-transfer wins.\n  const next = list.filter((d) => docKey(d) !== docKey(doc))\n  next.push(doc)\n  staged.set(projectId, next)\n}\n\n/**\n * Merge any documents staged for `projectId` into a fresh mount's\n * seeded/hydrated document list. EC-461: the merge rule keys on whether the\n * seeded set REFLECTS WRITES — a fact of the MOUNT, not of the backend:\n *\n * - `seedReflectsWrites: true` — the seeded set came from a fresh per-mount\n *   hydration query (Convex, or the playground's seeded in-memory adapter now\n *   that EC-461 retired the static-baseline gate). A staged doc only fills a\n *   gap; a key the snapshot carries supersedes and drops the staged entry.\n * - `seedReflectsWrites: false` — the seeded set is a static kit/fixture\n *   baseline (an un-baselined playground kit project, a fixture session) that\n *   never reflects a write on its own — a staged doc always wins for its key.\n *\n * The default preserves the historical mode split for callers that don't know\n * their seed's provenance (fixtures/tests): connected hydrates, playground may\n * not. `CmsScreen`/the transfer dialog pass the real provenance (`cms !== null`).\n */\nexport function consumeStagedDocuments(\n  projectId: string | undefined,\n  seeded: readonly CmsDocument[],\n  seedReflectsWrites: boolean = !isPlaygroundMode(),\n): CmsDocument[] {\n  if (projectId === undefined) return [...seeded]\n  const list = staged.get(projectId)\n  if (!list || list.length === 0) return [...seeded]\n\n  if (!seedReflectsWrites) {\n    // Static baseline: a staged doc always wins for its key, matching the\n    // ONLY mechanism that ever represents a live edit across mounts here.\n    const byKey = new Map(seeded.map((d) => [docKey(d), d]))\n    for (const d of list) byKey.set(docKey(d), structuredClone(d))\n    return [...byKey.values()]\n  }\n\n  // Hydrated seed: a real signal of the current persisted truth. A staged doc\n  // only fills a gap that snapshot doesn't already carry; a key it DOES carry\n  // is superseded and dropped from the buffer so it can never resurrect on a\n  // later mount and shadow a newer revision.\n  const seededKeys = new Set(seeded.map(docKey))\n  const superseded = list.filter((d) => seededKeys.has(docKey(d)))\n  if (superseded.length > 0) {\n    const remaining = list.filter((d) => !superseded.some((s) => docKey(s) === docKey(d)))\n    if (remaining.length > 0) staged.set(projectId, remaining)\n    else staged.delete(projectId)\n  }\n\n  const gap = list.filter((d) => !seededKeys.has(docKey(d)))\n  if (gap.length === 0) return [...seeded]\n  return [...seeded, ...gap.map((d) => structuredClone(d))]\n}\n\n/** Test seam: drop all staged documents. */\nexport function clearStagedDocuments(): void {\n  staged.clear()\n}\n"]}

package/dist/components/cms/editable-cell.js

@@ -7,7 +7,10 @@ import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { editCreatesVariant, resolveDisplayedValue } from '@elytracms/studio/lib/locale';
 import { applyAssetSelection, singleAssetIdOf } from '../assets/asset-selection.js';
 import { CellValue, toRefArray } from './cell.js';
+import { DateInput } from './date-input.js';
+import { datePickerBounds } from './date-input-core.js';
 import { cellEditKind, cellKey } from './cell-edit.js';
+import { fieldLabel } from './cms-labels.js';
 import { useCollectionView } from '../collection-view/collection-view-context.js';
 import { RelationPicker } from './relation-picker.js';
 import { AssetPicker } from './asset-picker.js';
@@ -22,7 +25,15 @@ import { AssetPicker } from './asset-picker.js';
  */
 export function EditableCell({ collection, doc, field, editing, busy, errorMessage, onStartEdit, onCancel, onCommit, }) {
     const source = useCollectionView();
-    const kind = cellEditKind(field, source.isFieldReadOnly(field));
+    // Inline editing is a capability. EC-463: the gate used to sit only on the
+    // Tab-advance list, so a rail WITHOUT it (redirects, users, the self-account
+    // view) still rendered focusable, clickable, editor-opening cells whose commit
+    // then hit "no `inlineEditing.commitField` → close without dispatching" — the
+    // edit was accepted on screen and silently thrown away. A read-only rail now
+    // really does yield no editable cells.
+    const kind = source.capabilities.inlineEdit
+        ? cellEditKind(field, source.isFieldReadOnly(field))
+        : 'none';
     // The table's locale resolution (EC-176): the cell displays the AMBIENT
     // active locale (EC-018 fallback applied) and edits write that locale only.
     // Editing a fallback-shown value therefore creates the localized variant —
@@ -36,12 +47,25 @@ export function EditableCell({ collection, doc, field, editing, busy, errorMessa
                 editCreatesVariant(collection, doc, field.name, locale, source.localeConfig), cellKeyId: key, children: _jsx(InlineCellEditor, { field: field, value: value, busy: busy, onCommit: onCommit, onCancel: onCancel }) }));
     }
     function handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === 'F2') {
+        // EC-463: Space too — it is half of the native activation contract the
+        // `role="button"` this cell now carries promises.
+        if (event.key === 'Enter' || event.key === 'F2' || event.key === ' ') {
             event.preventDefault();
             onStartEdit();
         }
     }
-    return (_jsxs("div", { "data-cell-key": key, "data-testid": `cell-${key}`, tabIndex: kind === 'none' ? undefined : 0, 
+    const editable = kind !== 'none';
+    return (_jsxs("div", { "data-cell-key": key, "data-testid": `cell-${key}`, tabIndex: editable ? 0 : undefined, 
+        // EC-463: an editable cell WAS an anonymous focusable `div` — the
+        // accessibility tree listed it as a nameless "generic, clickable", so
+        // neither a screen reader nor an agent editor could tell what activating it
+        // would edit. It is an activation surface, so it says so and names itself.
+        role: editable ? 'button' : undefined, "aria-label": editable
+            ? translate('cms.cell.editAria', {
+                field: fieldLabel(field),
+                title: source.titleOf({ collection: collection.id, id: doc.id }),
+            })
+            : undefined, 
         // While a picker cell is editing, the dialog renders inside this div. React
         // bubbles portal events through the COMPONENT tree, so a click on the picker
         // (e.g. its ✕) would re-fire onStartEdit and reopen it — hence the `editing`
@@ -67,6 +91,14 @@ function InlineCellEditor({ field, value, busy, onCommit, onCancel, }) {
     const [draft, setDraft] = useState(() => initialDraft(field, value));
     const draftRef = useRef(draft);
     draftRef.current = draft;
+    // EC-463: the ref moves SYNCHRONOUSLY with the control, not at the next
+    // render. A control that only emits its final value on the settling keystroke
+    // (the date control's Enter) would otherwise be committed one render stale —
+    // the same event that produces the value also triggers `commit()` below.
+    function updateDraft(next) {
+        draftRef.current = next;
+        setDraft(next);
+    }
     // Each editor instance settles exactly once (Tab keydown + the blur it
     // causes must not commit twice).
     const settledRef = useRef(false);
@@ -102,7 +134,7 @@ function InlineCellEditor({ field, value, busy, onCommit, onCancel, }) {
         if (!event.currentTarget.contains(event.relatedTarget))
             commit(null);
     }
-    return (_jsx("div", { onKeyDown: handleKeyDown, onBlur: handleBlur, onClick: (event) => event.stopPropagation(), className: "min-w-0 flex-1", "data-testid": "cell-editor", "aria-busy": busy || undefined, children: _jsx(CellEditorControl, { field: field, draft: draft, onDraft: setDraft }) }));
+    return (_jsx("div", { onKeyDown: handleKeyDown, onBlur: handleBlur, onClick: (event) => event.stopPropagation(), className: "min-w-0 flex-1", "data-testid": "cell-editor", "aria-busy": busy || undefined, children: _jsx(CellEditorControl, { field: field, draft: draft, onDraft: updateDraft }) }));
 }
 /** The actual input for the field type (compact, table-density variants). */
 function CellEditorControl({ field, draft, onDraft, }) {
@@ -112,7 +144,10 @@ function CellEditorControl({ field, draft, onDraft, }) {
         case 'number':
             return (_jsx(Input, { autoFocus: true, type: "number", value: typeof draft === 'string' ? draft : '', onChange: (event) => onDraft(event.target.value), className: "h-7 text-sm", "data-testid": "cell-editor-number" }));
         case 'date':
-            return (_jsx(Input, { autoFocus: true, type: "date", value: typeof draft === 'string' ? draft : '', onChange: (event) => onDraft(event.target.value), className: "h-7 text-sm", "data-testid": "cell-editor-date" }));
+            // EC-463: the shared date control. The cell's own draft already commits on
+            // Enter/Tab/blur, so what this adds here is the working insert/paste path
+            // and the guard against a re-render clobbering half-typed segments.
+            return (_jsx(DateInput, { autoFocus: true, value: typeof draft === 'string' ? draft : '', onChange: (stored) => onDraft(stored ? stored.slice(0, 10) : ''), className: "h-7 text-sm", testId: "cell-editor-date", ...datePickerBounds(field.validation) }));
         case 'select':
             if (field.multiple) {
                 return _jsx(MultiSelectControl, { field: field, draft: draft, onDraft: onDraft });

package/dist/components/cms/editable-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"editable-cell.js","sourceRoot":"","sources":["../../../src/components/cms/editable-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useState } from 'react'\nimport type { FocusEvent, KeyboardEvent, ReactNode } from 'react'\nimport { isFieldLocalized } from '@elytracms/core/cms-core'\nimport type { CmsDocument, CollectionDef, FieldDef, Locale, SelectFieldDef } from '@elytracms/core/cms-core'\nimport { Badge, Input, Row, Select, Text } from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { editCreatesVariant, resolveDisplayedValue } from '@elytracms/studio/lib/locale'\nimport { applyAssetSelection, singleAssetIdOf } from '../assets/asset-selection'\nimport { CellValue, toRefArray } from './cell'\nimport { cellEditKind, cellKey } from './cell-edit'\nimport type { AdvanceDirection } from './cell-edit'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { RelationPicker } from './relation-picker'\nimport { AssetPicker } from './asset-picker'\n\n/**\n * One editable table cell (EC-168, the Airtable-feel wedge of vision 3.2).\n *\n * Renders the field's `CellValue` until activated (click / Enter / F2), then\n * swaps to an inline editor (text, number, boolean, select, date) or opens the\n * existing relation/asset picker from the cell. Commits flow through the\n * table's cell-edit controller; rejections render as an error ring + message\n * on this cell — never a toast.\n */\nexport function EditableCell({\n  collection,\n  doc,\n  field,\n  editing,\n  busy,\n  errorMessage,\n  onStartEdit,\n  onCancel,\n  onCommit,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  field: FieldDef\n  editing: boolean\n  busy: boolean\n  errorMessage: string | null\n  onStartEdit: () => void\n  onCancel: () => void\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n}) {\n  const source = useCollectionView()\n  const kind = cellEditKind(field, source.isFieldReadOnly(field))\n  // The table's locale resolution (EC-176): the cell displays the AMBIENT\n  // active locale (EC-018 fallback applied) and edits write that locale only.\n  // Editing a fallback-shown value therefore creates the localized variant —\n  // the fallback locale's value is never mutated.\n  const locale = source.activeLocale\n  const localized = isFieldLocalized(collection, field.name)\n  const { value, fallback } = resolveDisplayedValue(\n    collection,\n    doc,\n    field.name,\n    locale,\n    source.localeConfig,\n  )\n  const key = cellKey({ docId: doc.id, field: field.name })\n\n  if (editing && kind === 'inline') {\n    return (\n      <CellEditorFrame\n        locale={localized ? locale : null}\n        createsLocalizedVariant={\n          fallback !== null &&\n          editCreatesVariant(collection, doc, field.name, locale, source.localeConfig)\n        }\n        cellKeyId={key}\n      >\n        <InlineCellEditor field={field} value={value} busy={busy} onCommit={onCommit} onCancel={onCancel} />\n      </CellEditorFrame>\n    )\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'Enter' || event.key === 'F2') {\n      event.preventDefault()\n      onStartEdit()\n    }\n  }\n\n  return (\n    <div\n      data-cell-key={key}\n      data-testid={`cell-${key}`}\n      tabIndex={kind === 'none' ? undefined : 0}\n      // While a picker cell is editing, the dialog renders inside this div. React\n      // bubbles portal events through the COMPONENT tree, so a click on the picker\n      // (e.g. its ✕) would re-fire onStartEdit and reopen it — hence the `editing`\n      // guard. ESC/click-outside dodge this (keydown / close-on-pointerdown).\n      onClick={kind === 'none' || editing ? undefined : onStartEdit}\n      onKeyDown={kind === 'none' || editing ? undefined : handleKeyDown}\n      aria-invalid={errorMessage ? true : undefined}\n      className={cn(\n        '-mx-1.5 min-h-7 rounded-md px-1.5 py-0.5 outline-none',\n        kind !== 'none' &&\n          'cursor-pointer transition-colors hover:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring/50',\n        errorMessage && 'bg-destructive/5 ring-2 ring-inset ring-destructive/60',\n        busy && 'opacity-60',\n      )}\n    >\n      <CellValue collection={collection} doc={doc} field={field} />\n      {errorMessage ? (\n        <Text size=\"xs\" className=\"mt-0.5 text-destructive\" data-testid={`cell-error-${key}`}>\n          {errorMessage}\n        </Text>\n      ) : null}\n      {editing && kind === 'picker' ? (\n        <CellPicker field={field} value={value} onCommit={onCommit} onCancel={onCancel} />\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Editing chrome: marks the edited locale at the point of edit (EC-018), and\n * says so explicitly when committing will CREATE the active locale's variant\n * from a fallback-shown value (EC-176) — translation is a visible act.\n */\nfunction CellEditorFrame({\n  locale,\n  createsLocalizedVariant = false,\n  cellKeyId,\n  children,\n}: {\n  locale: Locale | null\n  /** True when the cell showed a fallback — committing creates the variant. */\n  createsLocalizedVariant?: boolean\n  cellKeyId: string\n  children: ReactNode\n}) {\n  return (\n    <Row gap=\"1\" align=\"center\" data-cell-key={cellKeyId} className=\"-mx-1.5 min-w-[9rem]\">\n      {locale ? (\n        <Badge\n          variant={createsLocalizedVariant ? 'info' : 'outline'}\n          className=\"uppercase\"\n          data-testid=\"cell-editing-locale\"\n          title={\n            createsLocalizedVariant\n              ? translate('cms.cell.createsVariantTitle', { locale: locale.toUpperCase() })\n              : undefined\n          }\n        >\n          {locale}\n          {createsLocalizedVariant ? (\n            <span className=\"lowercase\"> · {translate('cms.cell.newVariant')}</span>\n          ) : null}\n        </Badge>\n      ) : null}\n      {children}\n    </Row>\n  )\n}\n\ntype CellDraft = string | boolean | string[]\n\n/**\n * The in-cell editor: draft → commit on Enter (advance down), Tab/Shift-Tab\n * (advance next/prev) or blur; Esc cancels without dispatching anything.\n */\nfunction InlineCellEditor({\n  field,\n  value,\n  busy,\n  onCommit,\n  onCancel,\n}: {\n  field: FieldDef\n  value: unknown\n  busy: boolean\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n  onCancel: () => void\n}) {\n  const [draft, setDraft] = useState<CellDraft>(() => initialDraft(field, value))\n  const draftRef = useRef(draft)\n  draftRef.current = draft\n  // Each editor instance settles exactly once (Tab keydown + the blur it\n  // causes must not commit twice).\n  const settledRef = useRef(false)\n\n  function commit(advance: AdvanceDirection | null) {\n    if (settledRef.current) return\n    settledRef.current = true\n    onCommit(draftValue(field, draftRef.current), advance)\n  }\n\n  function cancel() {\n    if (settledRef.current) return\n    settledRef.current = true\n    onCancel()\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'Enter') {\n      event.preventDefault()\n      commit('down')\n    } else if (event.key === 'Tab') {\n      event.preventDefault()\n      commit(event.shiftKey ? 'prev' : 'next')\n    } else if (event.key === 'Escape') {\n      event.preventDefault()\n      event.stopPropagation()\n      cancel()\n    }\n  }\n\n  function handleBlur(event: FocusEvent<HTMLDivElement>) {\n    // Focus left the editor entirely (e.g. a click elsewhere) → commit in place.\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) commit(null)\n  }\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onClick={(event) => event.stopPropagation()}\n      className=\"min-w-0 flex-1\"\n      data-testid=\"cell-editor\"\n      aria-busy={busy || undefined}\n    >\n      <CellEditorControl field={field} draft={draft} onDraft={setDraft} />\n    </div>\n  )\n}\n\n/** The actual input for the field type (compact, table-density variants). */\nfunction CellEditorControl({\n  field,\n  draft,\n  onDraft,\n}: {\n  field: FieldDef\n  draft: CellDraft\n  onDraft: (draft: CellDraft) => void\n}) {\n  switch (field.type) {\n    case 'boolean':\n      return (\n        <label className=\"flex h-7 items-center gap-2 text-sm\">\n          <input\n            autoFocus\n            type=\"checkbox\"\n            checked={draft === true}\n            onChange={(event) => onDraft(event.target.checked)}\n            className=\"size-4 accent-primary\"\n            data-testid=\"cell-editor-boolean\"\n          />\n          <Text as=\"span\" size=\"xs\" tone=\"muted\">\n            {draft === true ? translate('common.true') : translate('common.false')}\n          </Text>\n        </label>\n      )\n    case 'number':\n      return (\n        <Input\n          autoFocus\n          type=\"number\"\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 text-sm\"\n          data-testid=\"cell-editor-number\"\n        />\n      )\n    case 'date':\n      return (\n        <Input\n          autoFocus\n          type=\"date\"\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 text-sm\"\n          data-testid=\"cell-editor-date\"\n        />\n      )\n    case 'select':\n      if (field.multiple) {\n        return <MultiSelectControl field={field} draft={draft} onDraft={onDraft} />\n      }\n      return (\n        <Select\n          autoFocus\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 py-0 text-sm\"\n          data-testid=\"cell-editor-select\"\n        >\n          <option value=\"\">—</option>\n          {field.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {localizedLabel(opt.label, opt.value)}\n            </option>\n          ))}\n        </Select>\n      )\n    default:\n      return (\n        <Input\n          autoFocus\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 text-sm\"\n          data-testid=\"cell-editor-text\"\n        />\n      )\n  }\n}\n\nfunction MultiSelectControl({\n  field,\n  draft,\n  onDraft,\n}: {\n  field: SelectFieldDef\n  draft: CellDraft\n  onDraft: (draft: CellDraft) => void\n}) {\n  const selected = Array.isArray(draft) ? draft : []\n  return (\n    <Row gap=\"2\" wrap data-testid=\"cell-editor-multiselect\">\n      {field.options.map((opt, index) => {\n        const on = selected.includes(opt.value)\n        return (\n          <label key={opt.value} className=\"flex items-center gap-1.5 text-xs\">\n            <input\n              autoFocus={index === 0}\n              type=\"checkbox\"\n              checked={on}\n              onChange={() =>\n                onDraft(on ? selected.filter((v) => v !== opt.value) : [...selected, opt.value])\n              }\n              className=\"size-3.5 accent-primary\"\n            />\n            {localizedLabel(opt.label, opt.value)}\n          </label>\n        )\n      })}\n    </Row>\n  )\n}\n\n/** Relation/asset cells reuse the existing lightweight pickers, opened from the cell. */\nfunction CellPicker({\n  field,\n  value,\n  onCommit,\n  onCancel,\n}: {\n  field: FieldDef\n  value: unknown\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n  onCancel: () => void\n}) {\n  if (field.type === 'relation') {\n    return (\n      <RelationPicker\n        targetCollection={field.target}\n        multiple={field.multiple}\n        value={toRefArray(value)}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(refs) => onCommit(field.multiple ? refs : refs[0], null)}\n      />\n    )\n  }\n  if (field.type === 'asset') {\n    return (\n      <AssetPicker\n        value={field.multiple === false ? singleAssetIdOf(value) : null}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(picked) => onCommit(applyAssetSelection(value, picked, field.multiple), null)}\n      />\n    )\n  }\n  return null\n}\n\n// --- Draft <-> stored value mapping (mirrors `FieldControl`'s conventions) -----\n\nfunction initialDraft(field: FieldDef, value: unknown): CellDraft {\n  switch (field.type) {\n    case 'boolean':\n      return value === true\n    case 'number':\n      return typeof value === 'number' ? String(value) : ''\n    case 'date':\n      return typeof value === 'string' ? value.slice(0, 10) : ''\n    case 'select':\n      if (field.multiple) {\n        return Array.isArray(value) ? value.filter((v): v is string => typeof v === 'string') : []\n      }\n      return typeof value === 'string' ? value : ''\n    default:\n      return typeof value === 'string' ? value : ''\n  }\n}\n\nfunction draftValue(field: FieldDef, draft: CellDraft): unknown {\n  switch (field.type) {\n    case 'boolean':\n      return draft === true\n    case 'number':\n      return draft === '' ? undefined : Number(draft)\n    case 'date':\n      return draft === '' || typeof draft !== 'string' ? undefined : `${draft}T00:00:00.000Z`\n    case 'select':\n      if (field.multiple) return Array.isArray(draft) ? draft : []\n      return draft === '' ? undefined : draft\n    default:\n      return draft === '' ? undefined : draft\n  }\n}\n"]}
+{"version":3,"file":"editable-cell.js","sourceRoot":"","sources":["../../../src/components/cms/editable-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useState } from 'react'\nimport type { FocusEvent, KeyboardEvent, ReactNode } from 'react'\nimport { isFieldLocalized } from '@elytracms/core/cms-core'\nimport type { CmsDocument, CollectionDef, FieldDef, Locale, SelectFieldDef } from '@elytracms/core/cms-core'\nimport { Badge, Input, Row, Select, Text } from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { editCreatesVariant, resolveDisplayedValue } from '@elytracms/studio/lib/locale'\nimport { applyAssetSelection, singleAssetIdOf } from '../assets/asset-selection'\nimport { CellValue, toRefArray } from './cell'\nimport { DateInput } from './date-input'\nimport { datePickerBounds } from './date-input-core'\nimport { cellEditKind, cellKey } from './cell-edit'\nimport { fieldLabel } from './cms-labels'\nimport type { AdvanceDirection } from './cell-edit'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { RelationPicker } from './relation-picker'\nimport { AssetPicker } from './asset-picker'\n\n/**\n * One editable table cell (EC-168, the Airtable-feel wedge of vision 3.2).\n *\n * Renders the field's `CellValue` until activated (click / Enter / F2), then\n * swaps to an inline editor (text, number, boolean, select, date) or opens the\n * existing relation/asset picker from the cell. Commits flow through the\n * table's cell-edit controller; rejections render as an error ring + message\n * on this cell — never a toast.\n */\nexport function EditableCell({\n  collection,\n  doc,\n  field,\n  editing,\n  busy,\n  errorMessage,\n  onStartEdit,\n  onCancel,\n  onCommit,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  field: FieldDef\n  editing: boolean\n  busy: boolean\n  errorMessage: string | null\n  onStartEdit: () => void\n  onCancel: () => void\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n}) {\n  const source = useCollectionView()\n  // Inline editing is a capability. EC-463: the gate used to sit only on the\n  // Tab-advance list, so a rail WITHOUT it (redirects, users, the self-account\n  // view) still rendered focusable, clickable, editor-opening cells whose commit\n  // then hit \"no `inlineEditing.commitField` → close without dispatching\" — the\n  // edit was accepted on screen and silently thrown away. A read-only rail now\n  // really does yield no editable cells.\n  const kind = source.capabilities.inlineEdit\n    ? cellEditKind(field, source.isFieldReadOnly(field))\n    : 'none'\n  // The table's locale resolution (EC-176): the cell displays the AMBIENT\n  // active locale (EC-018 fallback applied) and edits write that locale only.\n  // Editing a fallback-shown value therefore creates the localized variant —\n  // the fallback locale's value is never mutated.\n  const locale = source.activeLocale\n  const localized = isFieldLocalized(collection, field.name)\n  const { value, fallback } = resolveDisplayedValue(\n    collection,\n    doc,\n    field.name,\n    locale,\n    source.localeConfig,\n  )\n  const key = cellKey({ docId: doc.id, field: field.name })\n\n  if (editing && kind === 'inline') {\n    return (\n      <CellEditorFrame\n        locale={localized ? locale : null}\n        createsLocalizedVariant={\n          fallback !== null &&\n          editCreatesVariant(collection, doc, field.name, locale, source.localeConfig)\n        }\n        cellKeyId={key}\n      >\n        <InlineCellEditor field={field} value={value} busy={busy} onCommit={onCommit} onCancel={onCancel} />\n      </CellEditorFrame>\n    )\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    // EC-463: Space too — it is half of the native activation contract the\n    // `role=\"button\"` this cell now carries promises.\n    if (event.key === 'Enter' || event.key === 'F2' || event.key === ' ') {\n      event.preventDefault()\n      onStartEdit()\n    }\n  }\n\n  const editable = kind !== 'none'\n  return (\n    <div\n      data-cell-key={key}\n      data-testid={`cell-${key}`}\n      tabIndex={editable ? 0 : undefined}\n      // EC-463: an editable cell WAS an anonymous focusable `div` — the\n      // accessibility tree listed it as a nameless \"generic, clickable\", so\n      // neither a screen reader nor an agent editor could tell what activating it\n      // would edit. It is an activation surface, so it says so and names itself.\n      role={editable ? 'button' : undefined}\n      aria-label={\n        editable\n          ? translate('cms.cell.editAria', {\n              field: fieldLabel(field),\n              title: source.titleOf({ collection: collection.id, id: doc.id }),\n            })\n          : undefined\n      }\n      // While a picker cell is editing, the dialog renders inside this div. React\n      // bubbles portal events through the COMPONENT tree, so a click on the picker\n      // (e.g. its ✕) would re-fire onStartEdit and reopen it — hence the `editing`\n      // guard. ESC/click-outside dodge this (keydown / close-on-pointerdown).\n      onClick={kind === 'none' || editing ? undefined : onStartEdit}\n      onKeyDown={kind === 'none' || editing ? undefined : handleKeyDown}\n      aria-invalid={errorMessage ? true : undefined}\n      className={cn(\n        '-mx-1.5 min-h-7 rounded-md px-1.5 py-0.5 outline-none',\n        kind !== 'none' &&\n          'cursor-pointer transition-colors hover:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring/50',\n        errorMessage && 'bg-destructive/5 ring-2 ring-inset ring-destructive/60',\n        busy && 'opacity-60',\n      )}\n    >\n      <CellValue collection={collection} doc={doc} field={field} />\n      {errorMessage ? (\n        <Text size=\"xs\" className=\"mt-0.5 text-destructive\" data-testid={`cell-error-${key}`}>\n          {errorMessage}\n        </Text>\n      ) : null}\n      {editing && kind === 'picker' ? (\n        <CellPicker field={field} value={value} onCommit={onCommit} onCancel={onCancel} />\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Editing chrome: marks the edited locale at the point of edit (EC-018), and\n * says so explicitly when committing will CREATE the active locale's variant\n * from a fallback-shown value (EC-176) — translation is a visible act.\n */\nfunction CellEditorFrame({\n  locale,\n  createsLocalizedVariant = false,\n  cellKeyId,\n  children,\n}: {\n  locale: Locale | null\n  /** True when the cell showed a fallback — committing creates the variant. */\n  createsLocalizedVariant?: boolean\n  cellKeyId: string\n  children: ReactNode\n}) {\n  return (\n    <Row gap=\"1\" align=\"center\" data-cell-key={cellKeyId} className=\"-mx-1.5 min-w-[9rem]\">\n      {locale ? (\n        <Badge\n          variant={createsLocalizedVariant ? 'info' : 'outline'}\n          className=\"uppercase\"\n          data-testid=\"cell-editing-locale\"\n          title={\n            createsLocalizedVariant\n              ? translate('cms.cell.createsVariantTitle', { locale: locale.toUpperCase() })\n              : undefined\n          }\n        >\n          {locale}\n          {createsLocalizedVariant ? (\n            <span className=\"lowercase\"> · {translate('cms.cell.newVariant')}</span>\n          ) : null}\n        </Badge>\n      ) : null}\n      {children}\n    </Row>\n  )\n}\n\ntype CellDraft = string | boolean | string[]\n\n/**\n * The in-cell editor: draft → commit on Enter (advance down), Tab/Shift-Tab\n * (advance next/prev) or blur; Esc cancels without dispatching anything.\n */\nfunction InlineCellEditor({\n  field,\n  value,\n  busy,\n  onCommit,\n  onCancel,\n}: {\n  field: FieldDef\n  value: unknown\n  busy: boolean\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n  onCancel: () => void\n}) {\n  const [draft, setDraft] = useState<CellDraft>(() => initialDraft(field, value))\n  const draftRef = useRef(draft)\n  draftRef.current = draft\n  // EC-463: the ref moves SYNCHRONOUSLY with the control, not at the next\n  // render. A control that only emits its final value on the settling keystroke\n  // (the date control's Enter) would otherwise be committed one render stale —\n  // the same event that produces the value also triggers `commit()` below.\n  function updateDraft(next: CellDraft) {\n    draftRef.current = next\n    setDraft(next)\n  }\n  // Each editor instance settles exactly once (Tab keydown + the blur it\n  // causes must not commit twice).\n  const settledRef = useRef(false)\n\n  function commit(advance: AdvanceDirection | null) {\n    if (settledRef.current) return\n    settledRef.current = true\n    onCommit(draftValue(field, draftRef.current), advance)\n  }\n\n  function cancel() {\n    if (settledRef.current) return\n    settledRef.current = true\n    onCancel()\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'Enter') {\n      event.preventDefault()\n      commit('down')\n    } else if (event.key === 'Tab') {\n      event.preventDefault()\n      commit(event.shiftKey ? 'prev' : 'next')\n    } else if (event.key === 'Escape') {\n      event.preventDefault()\n      event.stopPropagation()\n      cancel()\n    }\n  }\n\n  function handleBlur(event: FocusEvent<HTMLDivElement>) {\n    // Focus left the editor entirely (e.g. a click elsewhere) → commit in place.\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) commit(null)\n  }\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onClick={(event) => event.stopPropagation()}\n      className=\"min-w-0 flex-1\"\n      data-testid=\"cell-editor\"\n      aria-busy={busy || undefined}\n    >\n      <CellEditorControl field={field} draft={draft} onDraft={updateDraft} />\n    </div>\n  )\n}\n\n/** The actual input for the field type (compact, table-density variants). */\nfunction CellEditorControl({\n  field,\n  draft,\n  onDraft,\n}: {\n  field: FieldDef\n  draft: CellDraft\n  onDraft: (draft: CellDraft) => void\n}) {\n  switch (field.type) {\n    case 'boolean':\n      return (\n        <label className=\"flex h-7 items-center gap-2 text-sm\">\n          <input\n            autoFocus\n            type=\"checkbox\"\n            checked={draft === true}\n            onChange={(event) => onDraft(event.target.checked)}\n            className=\"size-4 accent-primary\"\n            data-testid=\"cell-editor-boolean\"\n          />\n          <Text as=\"span\" size=\"xs\" tone=\"muted\">\n            {draft === true ? translate('common.true') : translate('common.false')}\n          </Text>\n        </label>\n      )\n    case 'number':\n      return (\n        <Input\n          autoFocus\n          type=\"number\"\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 text-sm\"\n          data-testid=\"cell-editor-number\"\n        />\n      )\n    case 'date':\n      // EC-463: the shared date control. The cell's own draft already commits on\n      // Enter/Tab/blur, so what this adds here is the working insert/paste path\n      // and the guard against a re-render clobbering half-typed segments.\n      return (\n        <DateInput\n          autoFocus\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(stored) => onDraft(stored ? stored.slice(0, 10) : '')}\n          className=\"h-7 text-sm\"\n          testId=\"cell-editor-date\"\n          {...datePickerBounds(field.validation)}\n        />\n      )\n    case 'select':\n      if (field.multiple) {\n        return <MultiSelectControl field={field} draft={draft} onDraft={onDraft} />\n      }\n      return (\n        <Select\n          autoFocus\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 py-0 text-sm\"\n          data-testid=\"cell-editor-select\"\n        >\n          <option value=\"\">—</option>\n          {field.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {localizedLabel(opt.label, opt.value)}\n            </option>\n          ))}\n        </Select>\n      )\n    default:\n      return (\n        <Input\n          autoFocus\n          value={typeof draft === 'string' ? draft : ''}\n          onChange={(event) => onDraft(event.target.value)}\n          className=\"h-7 text-sm\"\n          data-testid=\"cell-editor-text\"\n        />\n      )\n  }\n}\n\nfunction MultiSelectControl({\n  field,\n  draft,\n  onDraft,\n}: {\n  field: SelectFieldDef\n  draft: CellDraft\n  onDraft: (draft: CellDraft) => void\n}) {\n  const selected = Array.isArray(draft) ? draft : []\n  return (\n    <Row gap=\"2\" wrap data-testid=\"cell-editor-multiselect\">\n      {field.options.map((opt, index) => {\n        const on = selected.includes(opt.value)\n        return (\n          <label key={opt.value} className=\"flex items-center gap-1.5 text-xs\">\n            <input\n              autoFocus={index === 0}\n              type=\"checkbox\"\n              checked={on}\n              onChange={() =>\n                onDraft(on ? selected.filter((v) => v !== opt.value) : [...selected, opt.value])\n              }\n              className=\"size-3.5 accent-primary\"\n            />\n            {localizedLabel(opt.label, opt.value)}\n          </label>\n        )\n      })}\n    </Row>\n  )\n}\n\n/** Relation/asset cells reuse the existing lightweight pickers, opened from the cell. */\nfunction CellPicker({\n  field,\n  value,\n  onCommit,\n  onCancel,\n}: {\n  field: FieldDef\n  value: unknown\n  onCommit: (value: unknown, advance: AdvanceDirection | null) => void\n  onCancel: () => void\n}) {\n  if (field.type === 'relation') {\n    return (\n      <RelationPicker\n        targetCollection={field.target}\n        multiple={field.multiple}\n        value={toRefArray(value)}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(refs) => onCommit(field.multiple ? refs : refs[0], null)}\n      />\n    )\n  }\n  if (field.type === 'asset') {\n    return (\n      <AssetPicker\n        value={field.multiple === false ? singleAssetIdOf(value) : null}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(picked) => onCommit(applyAssetSelection(value, picked, field.multiple), null)}\n      />\n    )\n  }\n  return null\n}\n\n// --- Draft <-> stored value mapping (mirrors `FieldControl`'s conventions) -----\n\nfunction initialDraft(field: FieldDef, value: unknown): CellDraft {\n  switch (field.type) {\n    case 'boolean':\n      return value === true\n    case 'number':\n      return typeof value === 'number' ? String(value) : ''\n    case 'date':\n      return typeof value === 'string' ? value.slice(0, 10) : ''\n    case 'select':\n      if (field.multiple) {\n        return Array.isArray(value) ? value.filter((v): v is string => typeof v === 'string') : []\n      }\n      return typeof value === 'string' ? value : ''\n    default:\n      return typeof value === 'string' ? value : ''\n  }\n}\n\nfunction draftValue(field: FieldDef, draft: CellDraft): unknown {\n  switch (field.type) {\n    case 'boolean':\n      return draft === true\n    case 'number':\n      return draft === '' ? undefined : Number(draft)\n    case 'date':\n      return draft === '' || typeof draft !== 'string' ? undefined : `${draft}T00:00:00.000Z`\n    case 'select':\n      if (field.multiple) return Array.isArray(draft) ? draft : []\n      return draft === '' ? undefined : draft\n    default:\n      return draft === '' ? undefined : draft\n  }\n}\n"]}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { AlertTriangle, Link2, Pencil, Plus, RotateCw, X } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
-import { BUILTIN_FIELD_CONTROLS, applySlugify, descendantIds, findSlugCollision, parentRelationField, resolveSlugPath, resolveUrlSegments, slugSourceValue, } from '@elytracms/core/cms-core';
+import { BUILTIN_FIELD_CONTROLS, applySlugify, descendantIds, documentDefaultLocale, findSlugCollision, isFieldLocalized, parentRelationField, resolveSlugPath, resolveUrlSegments, slugSourceValue, } from '@elytracms/core/cms-core';
 import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 import { Button, Input, Row, RowItem, Select, Stack, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
@@ -15,8 +15,11 @@ import { toRefArray } from './cell.js';
 import { RelationPicker } from './relation-picker.js';
 import { RichTextEditor } from './rich-text/index.js';
 import { DocumentUrlSegment } from './document-url-path.js';
+import { DateInput } from './date-input.js';
+import { datePickerBounds } from './date-input-core.js';
 import { AssetField } from './asset-field.js';
 import { SegmentedOptions } from './field-control-lib.js';
+import { slugAutoDeriveDecision } from './slug-auto-derive.js';
 import { ObjectField } from './object-array-field.js';
 import { FieldRendererBoundary, FieldRendererIssue, useFieldRenderers, } from './field-renderer.js';
 /**
@@ -82,7 +85,10 @@ function BuiltInFieldControl({ field, value, onChange, readOnly, id }) {
         case 'number':
             return (_jsx(Input, { id: id, type: "number", disabled: readOnly, value: typeof value === 'number' ? value : '', onChange: (e) => onChange(e.target.value === '' ? undefined : Number(e.target.value)) }));
         case 'date':
-            return (_jsx(Input, { id: id, type: "date", disabled: readOnly, value: typeof value === 'string' ? value.slice(0, 10) : '', onChange: (e) => onChange(e.target.value ? `${e.target.value}T00:00:00.000Z` : undefined) }));
+            // EC-463: never write a mid-entry segment state into the document — see
+            // `date-input.tsx` (this control silently stored `0002-09-18` for an
+            // editor typing 2026-09-18).
+            return (_jsx(DateInput, { id: id, value: value, onChange: onChange, disabled: readOnly, testId: `field-date-${field.name}`, ...datePickerBounds(field.validation) }));
         case 'select':
             if (field.multiple) {
                 const selected = Array.isArray(value) ? value : [];
@@ -149,8 +155,16 @@ function SlugField({ field, value, onChange, readOnly, id, }) {
     const routes = resolveDeploymentRoutes();
     const routable = routes.some((r) => r.document?.collection === source.collectionId);
     const draft = editor?.draft;
-    // The active-locale value bag the auto-slug source derives from (title, etc.).
-    const values = useMemo(() => (draft ? activeLocaleValues(draft, locale) : {}), [draft, locale]);
+    // EC-463: a slug field that is NOT localized holds ONE value for every locale,
+    // so its auto-slug must read ONE locale's source fields — the document's base
+    // locale. Deriving from the ACTIVE locale made switching to the DE tab show a
+    // German-derived slug preview for a field that is shared across locales (and,
+    // with the EC-461 derive latch, a locale switch alone could then WRITE it).
+    // A localized slug keeps per-locale derivation, which is the whole point of it.
+    const deriveLocale = isFieldLocalized(source.schema, field.name) || !draft
+        ? locale
+        : documentDefaultLocale(draft, localeConfig);
+    const values = useMemo(() => (draft ? activeLocaleValues(draft, deriveLocale) : {}), [draft, deriveLocale]);
     const derived = applySlugify(slugConfig, slugSourceValue(slugConfig, source.schema, values));
     // Track whether the slug was manually set — auto-derive stays active while the
     // slug is empty or was last produced by auto-derivation (never overwrites a manual
@@ -158,10 +172,28 @@ function SlugField({ field, value, onChange, readOnly, id, }) {
     const [manuallyEdited, setManuallyEdited] = useState(() => current.trim() !== '');
     const onChangeRef = useRef(onChange);
     onChangeRef.current = onChange;
+    // EC-461: opening a document is not an edit. Auto-derive fires only once the
+    // derived value has moved away from its mount state (the editor actually
+    // changed a source field this session) — the old on-mount fill made every
+    // slug-less document dirty on open, and the 1s autosave then WROTE it (in the
+    // playground: the stale re-seeded baseline over the adapter's newer record —
+    // the destructive half of the EC-461 loss family). Decision extracted pure in
+    // `slug-auto-derive.ts`; the latch keeps derivation live after the first
+    // divergence so title edits that return to the initial value still land.
+    const initialDerivedRef = useRef(derived);
+    const deriveLatchRef = useRef(false);
     useEffect(() => {
-        if (readOnly || manuallyEdited)
-            return;
-        if (derived && derived !== current)
+        const decision = slugAutoDeriveDecision({
+            derived,
+            current,
+            initialDerived: initialDerivedRef.current,
+            latchOpen: deriveLatchRef.current,
+            manuallyEdited,
+            readOnly,
+        });
+        if (decision.openLatch)
+            deriveLatchRef.current = true;
+        if (decision.write)
             onChangeRef.current(derived);
     }, [derived, manuallyEdited, readOnly, current]);
     // The composed path parts (routable collections with a document editor only).