@elytracms/studio 0.0.26 → 0.0.28

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 { 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 { useCms } from './cms-store'\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 cms = useCms()\n  const kind = cellEditKind(field, cms.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 = cms.activeLocale\n  const localized = isFieldLocalized(collection, field.name)\n  const { value, fallback } = resolveDisplayedValue(\n    collection,\n    doc,\n    field.name,\n    locale,\n    cms.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, cms.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      onClick={kind === 'none' ? undefined : onStartEdit}\n      onKeyDown={kind === 'none' ? 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              ? `Saving creates the ${locale.toUpperCase()} translation of this field.`\n              : undefined\n          }\n        >\n          {locale}\n          {createsLocalizedVariant ? <span className=\"lowercase\"> · new</span> : 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 ? 'true' : '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              {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            {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        cardinality={field.cardinality}\n        value={toRefArray(value)}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(refs) => onCommit(field.cardinality === 'many' ? refs : refs[0], null)}\n      />\n    )\n  }\n  if (field.type === 'asset') {\n    return (\n      <AssetPicker\n        value={field.cardinality === 'one' ? singleAssetIdOf(value) : null}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(picked) => onCommit(applyAssetSelection(value, picked, field.cardinality), 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":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACxF,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,QAAQ,GAWT;IACC,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAA;IAClC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/D,wEAAwE;IACxE,4EAA4E;IAC5E,2EAA2E;IAC3E,gDAAgD;IAChD,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAA;IAClC,MAAM,SAAS,GAAG,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,qBAAqB,CAC/C,UAAU,EACV,GAAG,EACH,KAAK,CAAC,IAAI,EACV,MAAM,EACN,MAAM,CAAC,YAAY,CACpB,CAAA;IACD,MAAM,GAAG,GAAG,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IAEzD,IAAI,OAAO,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,eAAe,IACd,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACjC,uBAAuB,EACrB,QAAQ,KAAK,IAAI;gBACjB,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,CAAC,EAE9E,SAAS,EAAE,GAAG,YAEd,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACpF,CACnB,CAAA;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAoC;QACzD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;YAChD,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,WAAW,EAAE,CAAA;QACf,CAAC;IACH,CAAC;IAED,OAAO,CACL,gCACiB,GAAG,iBACL,QAAQ,GAAG,EAAE,EAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACzC,4EAA4E;QAC5E,6EAA6E;QAC7E,6EAA6E;QAC7E,wEAAwE;QACxE,OAAO,EAAE,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC7D,SAAS,EAAE,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,kBACnD,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,IAAI,KAAK,MAAM;YACb,oGAAoG,EACtG,YAAY,IAAI,wDAAwD,EACxE,IAAI,IAAI,YAAY,CACrB,aAED,KAAC,SAAS,IAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,EAC5D,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,yBAAyB,iBAAc,cAAc,GAAG,EAAE,YACjF,YAAY,GACR,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACnF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,EACvB,MAAM,EACN,uBAAuB,GAAG,KAAK,EAC/B,SAAS,EACT,QAAQ,GAOT;IACC,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,mBAAgB,SAAS,EAAE,SAAS,EAAC,sBAAsB,aACnF,MAAM,CAAC,CAAC,CAAC,CACR,MAAC,KAAK,IACJ,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAC,WAAW,iBACT,qBAAqB,EACjC,KAAK,EACH,uBAAuB;oBACrB,CAAC,CAAC,sBAAsB,MAAM,CAAC,WAAW,EAAE,6BAA6B;oBACzE,CAAC,CAAC,SAAS,aAGd,MAAM,EACN,uBAAuB,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,WAAW,4BAAc,CAAC,CAAC,CAAC,IAAI,IACrE,CACT,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAID;;;GAGG;AACH,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,GAOT;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/E,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;IACxB,uEAAuE;IACvE,iCAAiC;IACjC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEhC,SAAS,MAAM,CAAC,OAAgC;QAC9C,IAAI,UAAU,CAAC,OAAO;YAAE,OAAM;QAC9B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC;IAED,SAAS,MAAM;QACb,IAAI,UAAU,CAAC,OAAO;YAAE,OAAM;QAC9B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,QAAQ,EAAE,CAAA;IACZ,CAAC;IAED,SAAS,aAAa,CAAC,KAAoC;QACzD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,CAAC,MAAM,CAAC,CAAA;QAChB,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QAC1C,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAiC;QACnD,6EAA6E;QAC7E,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC;YAAE,MAAM,CAAC,IAAI,CAAC,CAAA;IACrF,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAC3C,SAAS,EAAC,gBAAgB,iBACd,aAAa,eACd,IAAI,IAAI,SAAS,YAE5B,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,GAAI,GAChE,CACP,CAAA;AACH,CAAC;AAED,6EAA6E;AAC7E,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,KAAK,EACL,OAAO,GAKR;IACC,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,CACL,iBAAO,SAAS,EAAC,qCAAqC,aACpD,gBACE,SAAS,QACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,KAAK,IAAI,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,SAAS,EAAC,uBAAuB,iBACrB,qBAAqB,GACjC,EACF,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YACnC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAC7B,IACD,CACT,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,QACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,aAAa,iBACX,oBAAoB,GAChC,CACH,CAAA;QACH,KAAK,MAAM;YACT,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,QACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,aAAa,iBACX,kBAAkB,GAC9B,CACH,CAAA;QACH,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,OAAO,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;YAC7E,CAAC;YACD,OAAO,CACL,MAAC,MAAM,IACL,SAAS,QACT,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,kBAAkB,iBAChB,oBAAoB,aAEhC,iBAAQ,KAAK,EAAC,EAAE,uBAAW,EAC1B,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1B,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IADZ,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,CACV,CAAA;QACH;YACE,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,QACT,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAC,aAAa,iBACX,kBAAkB,GAC9B,CACH,CAAA;IACL,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,GAKR;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAClD,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,uBAAa,yBAAyB,YACpD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACvC,OAAO,CACL,iBAAuB,SAAS,EAAC,mCAAmC,aAClE,gBACE,SAAS,EAAE,KAAK,KAAK,CAAC,EACtB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,GAAG,EAAE,CACb,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAElF,SAAS,EAAC,yBAAyB,GACnC,EACD,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,KAVb,GAAG,CAAC,KAAK,CAWb,CACT,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC;AAED,yFAAyF;AACzF,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAMT;IACC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,CACL,KAAC,cAAc,IACb,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,IAAI,QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,IAAI,CAAC,IAAI;oBAAE,QAAQ,EAAE,CAAA;YACvB,CAAC,EACD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GACjF,CACH,CAAA;IACH,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;gBACrB,IAAI,CAAC,IAAI;oBAAE,QAAQ,EAAE,CAAA;YACvB,CAAC,EACD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,GAC3F,CACH,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,kFAAkF;AAElF,SAAS,YAAY,CAAC,KAAe,EAAE,KAAc;IACnD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,KAAK,KAAK,IAAI,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACvD,KAAK,MAAM;YACT,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5D,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;YAC5F,CAAC;YACD,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAC/C;YACE,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACjD,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,KAAe,EAAE,KAAgB;IACnD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,KAAK,KAAK,IAAI,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACjD,KAAK,MAAM;YACT,OAAO,KAAK,KAAK,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,gBAAgB,CAAA;QACzF,KAAK,QAAQ;YACX,IAAI,KAAK,CAAC,QAAQ;gBAAE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;YAC5D,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;QACzC;YACE,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;IAC3C,CAAC;AACH,CAAC","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 { 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              ? `Saving creates the ${locale.toUpperCase()} translation of this field.`\n              : undefined\n          }\n        >\n          {locale}\n          {createsLocalizedVariant ? <span className=\"lowercase\"> · new</span> : 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 ? 'true' : '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              {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            {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        cardinality={field.cardinality}\n        value={toRefArray(value)}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(refs) => onCommit(field.cardinality === 'many' ? refs : refs[0], null)}\n      />\n    )\n  }\n  if (field.type === 'asset') {\n    return (\n      <AssetPicker\n        value={field.cardinality === 'one' ? singleAssetIdOf(value) : null}\n        open\n        onOpenChange={(open) => {\n          if (!open) onCancel()\n        }}\n        onChange={(picked) => onCommit(applyAssetSelection(value, picked, field.cardinality), 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.d.ts

@@ -48,5 +48,7 @@ export declare function reorder<T>(list: readonly T[], from: number, to: number)
 export declare function objectItemSummary(fields: readonly {
     name: string;
 }[], item: Record<string, unknown>, index: number): string;
+export declare const depthRail: (d: number) => string;
+export declare const depthTint: (d: number) => string;
 export declare function isTabularObjectType(field: ObjectFieldDef): boolean;
 export {};

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

@@ -1,15 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AlertTriangle, ChevronDown, ChevronUp, GripVertical, ImagePlus, Link2, MoreHorizontal, Pencil, Plus, RotateCcw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react';
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
 import { BUILTIN_FIELD_CONTROLS, assetAcceptAttr, assetMatchesAccept, assetNode, assetSubfieldsOf, describeAccept, descendantIds, isFieldHidden, parentRelationField, readAssetId, } from '@elytracms/core/cms-core';
-import { Badge, Button, Card, Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Field, Input, Row, Select, Spacer, Stack, Text, } from '@elytracms/studio/ui';
+import { Button, Card, Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Field, Input, Row, RowItem, Select, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
 import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection';
 import { useOptionalAssets } from '../assets/assets-store';
 import { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb';
 import { newlyAddedAssetIds } from '../assets/focal-point';
-import { fieldLabel, useCms } from './cms-store';
+import { fieldLabel } from './cms-store';
+import { useCollectionView } from '../collection-view/collection-view-context';
 import { useFieldDensity } from './field-density';
 import { useOptionalDocumentEditor } from './document-editor-context';
 import { toRefArray } from './cell';
@@ -153,12 +154,18 @@ function truncateSummary(s, max = 60) {
 // branches. The detail editor renders top-level fields with the default depth 0.
 const ArrayDepthContext = createContext(0);
 const useArrayDepth = () => useContext(ArrayDepthContext);
-// (B) Depth-keyed visuals: a coloured left rail + subtle tint so three levels deep
-// no longer read as four identical borders. Literal classes so Tailwind emits them.
-const DEPTH_RAIL = ['border-l-border', 'border-l-primary/60', 'border-l-info/60', 'border-l-warning/60'];
-const DEPTH_TINT = ['', 'bg-muted/20', 'bg-muted/30', 'bg-muted/40'];
-const depthRail = (d) => DEPTH_RAIL[Math.min(d, DEPTH_RAIL.length - 1)];
-const depthTint = (d) => DEPTH_TINT[Math.min(d, DEPTH_TINT.length - 1)];
+// (B) Depth-keyed visuals: a coloured left rail + a matching faint tint, DISTINCT
+// per level so nesting reads at a glance. The outermost array (depth 0) starts at
+// the brand primary — no more neutral, un-encoded first level — then a fixed
+// high-contrast rotation whose adjacent hues never collide (primary→amber→green→red;
+// note `info` is a near-primary blue, so it is deliberately NOT adjacent to primary).
+// It cycles (mod) so pathological depth still renders. Literal classes so Tailwind emits them.
+const DEPTH_RAIL = ['border-l-primary', 'border-l-warning', 'border-l-success', 'border-l-destructive'];
+const DEPTH_TINT = ['bg-primary/5', 'bg-warning/5', 'bg-success/5', 'bg-destructive/5'];
+// `d` is always ≥ 0, so `d % length` is in-bounds — the assertion is sound and gives
+// callers a definite `string` (cn tolerates undefined, but tests read the value).
+export const depthRail = (d) => DEPTH_RAIL[d % DEPTH_RAIL.length];
+export const depthTint = (d) => DEPTH_TINT[d % DEPTH_TINT.length];
 // (C) An object array renders as a compact TABLE when every subfield is a scalar (a
 // flat row) and there are few enough columns to read; richer/nested object types stay
 // as cards with depth encoding (B). Conditional (function-hidden) subfields force the
@@ -346,11 +353,11 @@ function ObjectTableField({ field, value, onChange, readOnly, id, depth }) {
                         })) })] }), !readOnly ? (_jsx("div", { className: "border-t border-border/60 p-1.5", children: _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => arr.addItem(), children: [_jsx(Plus, { className: "size-3" }), " Add"] }) })) : null] }));
 }
 function RelationField({ field, value, onChange, readOnly, }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const editor = useOptionalDocumentEditor();
     const [open, setOpen] = useState(false);
     const refs = toRefArray(value);
-    const projectId = cms.projectId;
+    const projectId = source.projectId;
     // EC-218: for the editing document's `parent` self-relation, exclude the
     // document itself and its descendants from the picker — choosing one would make
     // the page its own ancestor (a cycle). Only applies to the parent field of a
@@ -361,20 +368,22 @@ function RelationField({ field, value, onChange, readOnly, }) {
             return undefined;
         if (parentRelationField(editor.collection)?.name !== field.name)
             return undefined;
-        const ids = descendantIds(editor.docRef.id, cms.documentsOf(editor.collection.id));
+        const ids = descendantIds(editor.docRef.id, source.referenceCandidates(editor.collection.id));
         ids.add(editor.docRef.id);
         return ids;
-    }, [editor, field.target, field.name, cms]);
+    }, [editor, field.target, field.name, source]);
     function apply(next) {
         onChange(field.cardinality === 'many' ? next : (next[0] ?? undefined));
     }
-    return (_jsxs(Row, { gap: "2", wrap: true, children: [refs.map((ref, i) => {
-                // EC-296: the relation title navigates to the referenced document (autosave
-                // keeps the current edit safe). Without a projectId (no persistence, e.g.
-                // fixtures) it stays plain text.
-                const title = cms.titleOf(ref);
-                return (_jsxs(Badge, { variant: "info", children: [projectId ? (_jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: studioPath.cmsDocument(ref.collection, ref.id) }, title: `Open ${title}`, className: "inline-flex items-center gap-1 hover:underline", children: [_jsx(Link2, { className: "size-3" }), " ", title] })) : (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Link2, { className: "size-3" }), " ", title] })), !readOnly ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => apply(refs.filter((r) => r.id !== ref.id)), className: "ml-1 hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }, `${ref.id}-${i}`));
-            }), !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Pencil, {}), " ", refs.length > 0 ? 'Change' : 'Pick'] })) : null, _jsx(RelationPicker, { targetCollection: field.target, cardinality: field.cardinality, value: refs, open: open, onOpenChange: setOpen, onChange: apply, excludeIds: excludeIds })] }));
+    return (_jsxs(Stack, { gap: "2", children: [refs.length > 0 ? (_jsx(Stack, { gap: "1", children: refs.map((ref, i) => {
+                    // EC-296: the relation title navigates to the referenced document (autosave
+                    // keeps the current edit safe). Without a projectId (no persistence, e.g.
+                    // fixtures) it stays plain text. EC-246c: full-width row, not a pill —
+                    // long titles wrap awkwardly in a pill and a narrow field crushes it.
+                    const title = source.titleOf(ref);
+                    const label = (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx(Link2, { className: "size-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "min-w-0 truncate", children: title })] }));
+                    return (_jsx(RowItem, { "data-testid": "relation-value", actions: !readOnly ? (_jsxs(_Fragment, { children: [field.cardinality === 'one' ? (_jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Change", title: "Change", onClick: () => setOpen(true), children: _jsx(Pencil, {}) })) : null, _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Remove", title: "Remove", className: "hover:text-destructive", onClick: () => apply(refs.filter((r) => r.id !== ref.id)), children: _jsx(X, {}) })] })) : undefined, children: projectId ? (_jsx(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: studioPath.cmsDocument(ref.collection, ref.id) }, title: `Open ${title}`, className: "text-sm font-medium hover:text-primary hover:underline", children: label })) : (_jsx(Text, { as: "span", size: "sm", weight: "medium", children: label })) }, `${ref.id}-${i}`));
+                }) })) : null, !readOnly && (refs.length === 0 || field.cardinality === 'many') ? (_jsx(Row, { children: _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Plus, {}), " ", refs.length === 0 ? 'Pick' : 'Add'] }) })) : null, _jsx(RelationPicker, { targetCollection: field.target, cardinality: field.cardinality, value: refs, open: open, onOpenChange: setOpen, onChange: apply, excludeIds: excludeIds })] }));
 }
 /**
  * The asset field (EC-152 + EC-248). Beyond picking from the library it now shows
@@ -385,7 +394,7 @@ function RelationField({ field, value, onChange, readOnly, }) {
  * picker — no preview/upload — so it stays usable without a real library.
  */
 function AssetField({ field, value, onChange, readOnly, }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const assets = useOptionalAssets();
     const density = useFieldDensity();
     const compact = density === 'compact';
@@ -398,7 +407,7 @@ function AssetField({ field, value, onChange, readOnly, }) {
     // Asset ids known when an upload-from-field started; the effect below diffs the
     // library against it to learn the new id (the `upload()` API returns nothing).
     const pendingRef = useRef(null);
-    const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset';
+    const assetCollectionId = source.assetCollectionId ?? 'asset';
     const many = field.cardinality === 'many';
     const ids = many ? assetIdsOf(value) : [];
     const single = !many ? singleAssetIdOf(value) : null;
@@ -528,7 +537,7 @@ function AssetField({ field, value, onChange, readOnly, }) {
             _jsxs(Stack, { gap: "2", children: [ids.length > 0 ? (_jsx("div", { className: cn('grid gap-2', compact ? 'grid-cols-2' : 'grid-cols-3 sm:grid-cols-4'), children: ids.map((aid, i) => (_jsx(AssetChip, { assetId: aid, collectionId: assetCollectionId, onRemove: readOnly ? undefined : () => onChange(ids.filter((x) => x !== aid)) }, `${aid}-${i}`))) })) : (_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, onSelect: () => setOpen(true) })), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })) : single && hasSub ? (
             // With per-use sub-fields the asset + its fields read as ONE grouped unit
             // (like an object), so it's clear they belong together (EC-301 feedback).
-            _jsx(Card, { className: "border-l-2 border-l-border p-3", children: _jsxs(Stack, { gap: "3", children: [_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: cms.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.cardinality)) }), _jsx("div", { className: "border-t border-border/60 pt-3", children: _jsx(ObjectItemForm, { fields: subFields, value: assetSubfieldsOf(value), readOnly: readOnly, idPrefix: "asset-sub", onChange: (next) => onChange(assetNode(single, next)) }) })] }) })) : single ? (_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: cms.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.cardinality)) })) : (_jsxs(Stack, { gap: "2", children: [_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, onSelect: () => setOpen(true) }), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })), !many && single && assets ? (_jsx(AssetOptionsDialog, { assetId: single, readOnly: readOnly, open: editing, onOpenChange: setEditing })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, accept: assetAcceptAttr(field.accept), onChange: applyPicked }), rejected.length > 0 ? (_jsxs(Row, { gap: "2", align: "center", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsxs(Text, { size: "xs", tone: "muted", children: [rejected.length === 1 ? `“${rejected[0]}”` : `${rejected.length} files`, " skipped \u2014 only", ' ', describeAccept(field.accept), " allowed here."] })] })) : null, dragging ? (_jsx("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center rounded-lg border-2 border-dashed border-primary bg-background/85", children: _jsxs(Row, { gap: "2", align: "center", children: [_jsx(Upload, { className: "size-4 text-primary" }), _jsx(Text, { size: "sm", className: "font-medium", children: "Drop to upload" })] }) })) : null] }));
+            _jsx(Card, { className: "border-l-2 border-l-border p-3", children: _jsxs(Stack, { gap: "3", children: [_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.cardinality)) }), _jsx("div", { className: "border-t border-border/60 pt-3", children: _jsx(ObjectItemForm, { fields: subFields, value: assetSubfieldsOf(value), readOnly: readOnly, idPrefix: "asset-sub", onChange: (next) => onChange(assetNode(single, next)) }) })] }) })) : single ? (_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.cardinality)) })) : (_jsxs(Stack, { gap: "2", children: [_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, onSelect: () => setOpen(true) }), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })), !many && single && assets ? (_jsx(AssetOptionsDialog, { assetId: single, readOnly: readOnly, open: editing, onOpenChange: setEditing })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, accept: assetAcceptAttr(field.accept), onChange: applyPicked }), rejected.length > 0 ? (_jsxs(Row, { gap: "2", align: "center", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsxs(Text, { size: "xs", tone: "muted", children: [rejected.length === 1 ? `“${rejected[0]}”` : `${rejected.length} files`, " skipped \u2014 only", ' ', describeAccept(field.accept), " allowed here."] })] })) : null, dragging ? (_jsx("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center rounded-lg border-2 border-dashed border-primary bg-background/85", children: _jsxs(Row, { gap: "2", align: "center", children: [_jsx(Upload, { className: "size-4 text-primary" }), _jsx(Text, { size: "sm", className: "font-medium", children: "Drop to upload" })] }) })) : null] }));
 }
 /** Empty-state placeholder shown when an asset field has no selection (EC-301). */
 function EmptyAssetState({ compact, canUpload, onSelect, }) {
@@ -561,9 +570,9 @@ function AssetAltLine({ assetId }) {
 }
 /** A single asset reference: focal-aware thumbnail + title, with an optional remove. */
 function AssetChip({ assetId, collectionId, onRemove, }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const record = useAssetRecord(assetId);
-    const title = cms.titleOf({ collection: collectionId, id: assetId });
+    const title = source.titleOf({ collection: collectionId, id: assetId });
     return (_jsxs("div", { className: "group relative overflow-hidden rounded-lg border border-border bg-muted/40", children: [_jsx(AssetThumb, { record: record, alt: title, className: "aspect-square w-full rounded-none border-0" }), _jsxs(Row, { gap: "1", align: "center", className: "px-2 py-1", children: [_jsx(Text, { size: "xs", tone: "subtle", className: "min-w-0 flex-1 truncate", title: title, children: title }), onRemove ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: onRemove, className: "text-muted-foreground hover:text-destructive", children: _jsx(X, { className: "size-3.5" }) })) : null] })] }));
 }
 /**
@@ -581,9 +590,9 @@ function AssetSinglePreview({ assetId, compact, readOnly, hasLibrary, fallbackTi
  * modelled on a repeater item card so a gallery's placements read as grouped units.
  */
 function AssetGalleryItem({ assetId, collectionId, fields, value, onChangeSubs, onRemove, readOnly, idPrefix, }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const record = useAssetRecord(assetId);
-    const title = cms.titleOf({ collection: collectionId, id: assetId });
+    const title = source.titleOf({ collection: collectionId, id: assetId });
     return (_jsxs(Card, { className: "border-l-2 border-l-border p-0", children: [_jsxs(Row, { gap: "2", align: "center", className: "border-b border-border/60 bg-muted/30 px-2 py-1.5", children: [_jsx(AssetThumb, { record: record, alt: title, className: "size-10 shrink-0" }), _jsx(Text, { size: "sm", className: "min-w-0 flex-1 truncate font-medium", title: title, children: title }), onRemove ? (_jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: _jsx(Trash2, { className: "size-3.5" }) })) : null] }), _jsx("div", { className: "px-3 pb-3", children: _jsx(ObjectItemForm, { fields: fields, value: value, onChange: onChangeSubs, readOnly: readOnly, idPrefix: idPrefix }) })] }));
 }
 /**
@@ -615,13 +624,14 @@ function pruneMeta(meta) {
  * point commits immediately (it drives a live visual). No-ops without a library.
  */
 function AssetOptionsDialog({ assetId, readOnly, open, onOpenChange, }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const assets = useOptionalAssets();
     const record = useAssetRecord(assetId);
     const metaFields = useMemo(() => {
-        const collection = cms.collections.find((c) => c.kind === 'asset');
+        const assetId = source.assetCollectionId ?? 'asset';
+        const collection = source.collections.find((c) => c.id === assetId);
         return (collection?.fields ?? []).filter((f) => !SYSTEM_ASSET_FIELDS.has(f.name) && !f.form?.readOnly);
-    }, [cms]);
+    }, [source]);
     // Local edit buffers, seeded once per open from the record (so an external edit
     // still wins between opens). Metadata is non-localized in v1 (the asset
     // resolution path is locale-agnostic) — localized asset metadata is a follow-up.