@elytracms/studio 0.0.17 → 0.0.19

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronUp, Image, Link2, Pencil, Plus, Trash2, X } from 'lucide-react';
 import { useMemo, useRef, useState } from 'react';
-import { descendantIds, isFieldHidden, parentRelationField } from '@elytracms/core/cms-core';
+import { BUILTIN_FIELD_CONTROLS, descendantIds, isFieldHidden, parentRelationField } from '@elytracms/core/cms-core';
 import { Badge, Button, Card, Code, Field, Input, Row, Select, Spacer, Stack, Text } from '@elytracms/studio/ui';
 import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection';
 import { fieldLabel, useCms } from './cms-store';
@@ -11,22 +11,33 @@ import { RelationPicker } from './relation-picker';
 import { AssetPicker } from './asset-picker';
 import { FieldRendererBoundary, FieldRendererIssue, useFieldRenderers, } from './field-renderer';
 /**
- * The document-editor field control. Resolves a project's custom renderer for the
- * field type (EC-238, customization seam EC-236) and falls back to the built-in
- * control: a registered renderer renders inside an error boundary (a throw → the
- * built-in + a visible issue); a rejected registration (unknown type / non-component)
- * shows the built-in with the issue above it; otherwise the built-in renders alone.
+ * The document-editor field control. Resolves a project's custom renderer by the
+ * field's `form.control` (EC-238, customization seam EC-236) and falls back to the
+ * built-in control for the field's datatype: a registered renderer renders inside
+ * an error boundary (a throw → the built-in + a visible issue); a rejected
+ * registration (non-component) shows the built-in with the issue above it; a field
+ * naming a control with NO renderer and NO built-in name (a typo) shows the
+ * built-in with a loud issue — never a silent fall-through; otherwise the built-in
+ * renders alone.
  */
 export function FieldControl(props) {
     const renderers = useFieldRenderers();
     const builtIn = _jsx(BuiltInFieldControl, { ...props });
-    const Custom = renderers.get(props.field.type);
+    const control = props.field.form?.control;
+    const Custom = control ? renderers.get(control) : undefined;
     if (Custom) {
         return (_jsx(FieldRendererBoundary, { fallback: builtIn, issue: _jsx(FieldRendererIssue, { message: "Custom renderer crashed \u2014 showing the built-in control." }), children: _jsx(Custom, { ...props }) }));
     }
-    const rejected = renderers.issues.find((issue) => issue.id === props.field.type);
-    if (rejected) {
-        return (_jsxs(Stack, { gap: "1", children: [_jsx(FieldRendererIssue, { message: rejected.message }), builtIn] }));
+    if (control) {
+        const rejected = renderers.issues.find((issue) => issue.id === control);
+        if (rejected) {
+            return (_jsxs(Stack, { gap: "1", children: [_jsx(FieldRendererIssue, { message: rejected.message }), builtIn] }));
+        }
+        // The field asks for a control with no registered renderer and no built-in
+        // name — surface it (a typo'd `control` would otherwise read as a plain input).
+        if (!BUILTIN_FIELD_CONTROLS.includes(control)) {
+            return (_jsxs(Stack, { gap: "1", children: [_jsx(FieldRendererIssue, { message: `No field renderer registered for control “${control}”.` }), builtIn] }));
+        }
     }
     return builtIn;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"field-control.js","sourceRoot":"","sources":["../../../src/components/cms/field-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChevronDown, ChevronUp, Image, Link2, Pencil, Plus, Trash2, X } from 'lucide-react'\nimport { useMemo, useRef, useState } from 'react'\nimport type {\n  AssetFieldDef,\n  DocumentRef,\n  FieldDef,\n  ObjectFieldDef,\n  RelationFieldDef,\n} from '@elytracms/core/cms-core'\nimport { descendantIds, isFieldHidden, parentRelationField } from '@elytracms/core/cms-core'\nimport { Badge, Button, Card, Code, Field, Input, Row, Select, Spacer, Stack, Text } from '@elytracms/studio/ui'\nimport { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection'\nimport { fieldLabel, useCms } from './cms-store'\nimport { useOptionalDocumentEditor } from './document-editor-context'\nimport { toRefArray } from './cell'\nimport { RelationPicker } from './relation-picker'\nimport { AssetPicker } from './asset-picker'\nimport {\n  FieldRendererBoundary,\n  FieldRendererIssue,\n  useFieldRenderers,\n} from './field-renderer'\n\ninterface FieldControlProps {\n  field: FieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}\n\n/**\n * The document-editor field control. Resolves a project's custom renderer for the\n * field type (EC-238, customization seam EC-236) and falls back to the built-in\n * control: a registered renderer renders inside an error boundary (a throw → the\n * built-in + a visible issue); a rejected registration (unknown type / non-component)\n * shows the built-in with the issue above it; otherwise the built-in renders alone.\n */\nexport function FieldControl(props: FieldControlProps) {\n  const renderers = useFieldRenderers()\n  const builtIn = <BuiltInFieldControl {...props} />\n  const Custom = renderers.get(props.field.type)\n  if (Custom) {\n    return (\n      <FieldRendererBoundary\n        fallback={builtIn}\n        issue={<FieldRendererIssue message=\"Custom renderer crashed — showing the built-in control.\" />}\n      >\n        <Custom {...props} />\n      </FieldRendererBoundary>\n    )\n  }\n  const rejected = renderers.issues.find((issue) => issue.id === props.field.type)\n  if (rejected) {\n    return (\n      <Stack gap=\"1\">\n        <FieldRendererIssue message={rejected.message} />\n        {builtIn}\n      </Stack>\n    )\n  }\n  return builtIn\n}\n\nfunction BuiltInFieldControl({ field, value, onChange, readOnly, id }: FieldControlProps) {\n  switch (field.type) {\n    case 'boolean':\n      return (\n        <label className=\"flex h-8 items-center gap-2 text-sm\">\n          <input\n            id={id}\n            type=\"checkbox\"\n            checked={value === true}\n            disabled={readOnly}\n            onChange={(e) => onChange(e.target.checked)}\n            className=\"size-4 accent-primary disabled:opacity-50\"\n          />\n          <Text size=\"sm\" tone=\"muted\">\n            {value === true ? 'true' : 'false'}\n          </Text>\n        </label>\n      )\n    case 'number':\n      return (\n        <Input\n          id={id}\n          type=\"number\"\n          disabled={readOnly}\n          value={typeof value === 'number' ? value : ''}\n          onChange={(e) => onChange(e.target.value === '' ? undefined : Number(e.target.value))}\n        />\n      )\n    case 'date':\n      return (\n        <Input\n          id={id}\n          type=\"date\"\n          disabled={readOnly}\n          value={typeof value === 'string' ? value.slice(0, 10) : ''}\n          onChange={(e) => onChange(e.target.value ? `${e.target.value}T00:00:00.000Z` : undefined)}\n        />\n      )\n    case 'select':\n      if (field.multiple) {\n        const selected = Array.isArray(value) ? (value as string[]) : []\n        return (\n          <Row gap=\"2\" wrap>\n            {field.options.map((opt) => {\n              const on = selected.includes(opt.value)\n              return (\n                <label key={opt.value} className=\"flex items-center gap-1.5 text-sm\">\n                  <input\n                    type=\"checkbox\"\n                    checked={on}\n                    disabled={readOnly}\n                    onChange={() =>\n                      onChange(\n                        on ? selected.filter((v) => v !== opt.value) : [...selected, opt.value],\n                      )\n                    }\n                    className=\"size-4 accent-primary\"\n                  />\n                  {opt.label ?? opt.value}\n                </label>\n              )\n            })}\n          </Row>\n        )\n      }\n      return (\n        <Select\n          id={id}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\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    case 'richText':\n      return (\n        <textarea\n          id={id}\n          rows={4}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n          className=\"flex w-full rounded-md border border-input bg-background px-2.5 py-1.5 font-mono text-xs text-foreground shadow-sm focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 outline-none disabled:opacity-50\"\n        />\n      )\n    case 'relation':\n      return <RelationField field={field} value={value} onChange={onChange} readOnly={readOnly} />\n    case 'asset':\n      return <AssetField field={field} value={value} onChange={onChange} readOnly={readOnly} />\n    case 'object':\n      return <ObjectField field={field} value={value} onChange={onChange} readOnly={readOnly} id={id} />\n    default:\n      return (\n        <Input\n          id={id}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n        />\n      )\n  }\n}\n\nfunction asRecord(value: unknown): Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : {}\n}\n\n/**\n * The nested subfield form for one object item (EC-253). Reuses {@link FieldControl}\n * recursively, so any subfield type — including a nested object/repeater — works for\n * free. Writing a subfield merges it back into the item and bubbles the new item up.\n */\nfunction ObjectItemForm({\n  fields,\n  value,\n  onChange,\n  readOnly,\n  idPrefix,\n}: {\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChange: (value: Record<string, unknown>) => void\n  readOnly: boolean\n  idPrefix: string\n}) {\n  return (\n    <Stack gap=\"3\" className=\"mt-2\">\n      {fields.map((sub) => {\n        // EC-273: a conditionally-hidden subfield (its predicate keys off the item's\n        // own sibling values) is omitted — e.g. a discriminated link's `href` shows\n        // only when `linkType === 'href'`. Re-evaluated as the item is edited.\n        if (isFieldHidden(sub, { values: value })) return null\n        const subId = `${idPrefix}-${sub.name}`\n        return (\n          <Field\n            key={sub.name}\n            htmlFor={subId}\n            hint={sub.form?.description}\n            label={\n              <Row gap=\"2\">\n                <span>{fieldLabel(sub)}</span>\n                {sub.validation?.required ? <span className=\"text-destructive\">*</span> : null}\n              </Row>\n            }\n          >\n            <FieldControl\n              id={subId}\n              field={sub}\n              value={value[sub.name]}\n              readOnly={readOnly}\n              onChange={(next) => {\n                const updated = { ...value }\n                if (next === undefined) delete updated[sub.name]\n                else updated[sub.name] = next\n                onChange(updated)\n              }}\n            />\n          </Field>\n        )\n      })}\n    </Stack>\n  )\n}\n\n/**\n * Object / repeater field control (EC-253). `cardinality: 'one'` renders a single\n * nested form in a card; `'many'` renders an add/remove/reorder list of item cards.\n * Editing happens entirely inside the shared field form — no canvas escape (unlike\n * `blocks`), so props and document fields share this control.\n */\nfunction ObjectField({\n  field,\n  value,\n  onChange,\n  readOnly,\n  id,\n}: {\n  field: ObjectFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}) {\n  if (field.cardinality !== 'many') {\n    return (\n      <Card className=\"p-3\">\n        <ObjectItemForm\n          fields={field.fields}\n          value={asRecord(value)}\n          readOnly={readOnly}\n          idPrefix={id}\n          onChange={onChange}\n        />\n      </Card>\n    )\n  }\n\n  const items = Array.isArray(value) ? (value as Record<string, unknown>[]) : []\n  // Stable React keys for the value-only items (they carry no intrinsic id). Index\n  // keys would mis-associate a row's child/DOM state (an open relation/asset picker,\n  // focus) when rows are reordered or removed; we keep a parallel id list in lockstep\n  // with structural ops, reconciled by length when the array is replaced wholesale\n  // (e.g. switching documents). Edits keep the keys — only structure changes them.\n  const seq = useRef(0)\n  const keysRef = useRef<number[]>([])\n  if (keysRef.current.length !== items.length) {\n    keysRef.current = items.map((_, i) => keysRef.current[i] ?? seq.current++)\n  }\n  const keys = keysRef.current\n  const commit = (nextItems: Record<string, unknown>[], nextKeys: number[]) => {\n    keysRef.current = nextKeys\n    onChange(nextItems)\n  }\n  const move = (from: number, to: number) => {\n    const nextItems = items.slice()\n    const [movedItem] = nextItems.splice(from, 1)\n    const nextKeys = keys.slice()\n    const [movedKey] = nextKeys.splice(from, 1)\n    if (movedItem && movedKey !== undefined) {\n      nextItems.splice(to, 0, movedItem)\n      nextKeys.splice(to, 0, movedKey)\n    }\n    commit(nextItems, nextKeys)\n  }\n  const removeAt = (i: number) =>\n    commit(items.filter((_, j) => j !== i), keys.filter((_, j) => j !== i))\n  const addItem = () => {\n    const seed: Record<string, unknown> = {}\n    for (const sub of field.fields) if (sub.default !== undefined) seed[sub.name] = sub.default\n    commit([...items, seed], [...keys, seq.current++])\n  }\n  const setItem = (i: number, updated: Record<string, unknown>) => {\n    const nextItems = items.slice()\n    nextItems[i] = updated\n    commit(nextItems, keys)\n  }\n\n  return (\n    <Stack gap=\"2\">\n      {items.length === 0 ? (\n        <Text size=\"sm\" tone=\"subtle\">\n          No items\n        </Text>\n      ) : (\n        items.map((item, i) => (\n          <Card key={keys[i]} className=\"p-3\">\n            <Row gap=\"2\">\n              <Text size=\"sm\" tone=\"muted\">\n                #{i + 1}\n              </Text>\n              <Spacer />\n              {!readOnly ? (\n                <Row gap=\"1\">\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Move up\"\n                    disabled={i === 0}\n                    onClick={() => move(i, i - 1)}\n                  >\n                    <ChevronUp className=\"size-3\" />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Move down\"\n                    disabled={i === items.length - 1}\n                    onClick={() => move(i, i + 1)}\n                  >\n                    <ChevronDown className=\"size-3\" />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Remove item\"\n                    onClick={() => removeAt(i)}\n                  >\n                    <Trash2 className=\"size-3\" />\n                  </Button>\n                </Row>\n              ) : null}\n            </Row>\n            <ObjectItemForm\n              fields={field.fields}\n              value={asRecord(item)}\n              readOnly={readOnly}\n              idPrefix={`${id}-${i}`}\n              onChange={(updated) => setItem(i, updated)}\n            />\n          </Card>\n        ))\n      )}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={addItem}>\n          <Plus className=\"size-3\" /> Add item\n        </Button>\n      ) : null}\n    </Stack>\n  )\n}\n\nfunction RelationField({\n  field,\n  value,\n  onChange,\n  readOnly,\n}: {\n  field: RelationFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  const cms = useCms()\n  const editor = useOptionalDocumentEditor()\n  const [open, setOpen] = useState(false)\n  const refs = toRefArray(value)\n\n  // EC-218: for the editing document's `parent` self-relation, exclude the\n  // document itself and its descendants from the picker — choosing one would make\n  // the page its own ancestor (a cycle). Only applies to the parent field of a\n  // hierarchical collection; ordinary relations (and other self-relations) are\n  // unrestricted. validateDocument is the backstop where this context is absent.\n  const excludeIds = useMemo<Set<string> | undefined>(() => {\n    if (!editor || field.target !== editor.collection.id) return undefined\n    if (parentRelationField(editor.collection)?.name !== field.name) return undefined\n    const ids = descendantIds(editor.docRef.id, cms.documentsOf(editor.collection.id))\n    ids.add(editor.docRef.id)\n    return ids\n  }, [editor, field.target, field.name, cms])\n\n  function apply(next: DocumentRef[]) {\n    onChange(field.cardinality === 'many' ? next : (next[0] ?? undefined))\n  }\n\n  return (\n    <Row gap=\"2\" wrap>\n      {refs.map((ref, i) => (\n        <Badge key={`${ref.id}-${i}`} variant=\"info\">\n          <Link2 className=\"size-3\" /> {cms.titleOf(ref)}\n          {!readOnly ? (\n            <button\n              type=\"button\"\n              aria-label=\"Remove\"\n              onClick={() => apply(refs.filter((r) => r.id !== ref.id))}\n              className=\"ml-1 hover:text-destructive\"\n            >\n              <X className=\"size-3\" />\n            </button>\n          ) : null}\n        </Badge>\n      ))}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n          <Pencil /> {refs.length > 0 ? 'Change' : 'Pick'}\n        </Button>\n      ) : null}\n      <RelationPicker\n        targetCollection={field.target}\n        cardinality={field.cardinality}\n        value={refs}\n        open={open}\n        onOpenChange={setOpen}\n        onChange={apply}\n        excludeIds={excludeIds}\n      />\n    </Row>\n  )\n}\n\nfunction AssetField({\n  field,\n  value,\n  onChange,\n  readOnly,\n}: {\n  field: AssetFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  const cms = useCms()\n  const [open, setOpen] = useState(false)\n  const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset'\n  const many = field.cardinality === 'many'\n  const ids = many ? assetIdsOf(value) : []\n  const single = !many ? singleAssetIdOf(value) : null\n\n  return (\n    <Row gap=\"2\" wrap>\n      {many ? (\n        ids.length > 0 ? (\n          ids.map((aid, i) => (\n            <Badge key={`${aid}-${i}`} variant=\"outline\">\n              <Image className=\"size-3\" /> {cms.titleOf({ collection: assetCollectionId, id: aid })}\n              {!readOnly ? (\n                <button\n                  type=\"button\"\n                  aria-label=\"Remove\"\n                  onClick={() => onChange(ids.filter((x) => x !== aid))}\n                  className=\"ml-1 hover:text-destructive\"\n                >\n                  <X className=\"size-3\" />\n                </button>\n              ) : null}\n            </Badge>\n          ))\n        ) : (\n          <Text size=\"sm\" tone=\"subtle\">\n            No assets\n          </Text>\n        )\n      ) : single ? (\n        <Badge variant=\"outline\">\n          <Image className=\"size-3\" /> {cms.titleOf({ collection: assetCollectionId, id: single })}\n        </Badge>\n      ) : (\n        <Text size=\"sm\" tone=\"subtle\">\n          No asset\n        </Text>\n      )}\n      <Spacer />\n      {field.accept && field.accept.length > 0 ? (\n        <Code tone=\"muted\">accepts {field.accept.join(', ')}</Code>\n      ) : null}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n          <Pencil /> {many ? 'Add' : single ? 'Change' : 'Pick'}\n        </Button>\n      ) : null}\n      <AssetPicker\n        value={single}\n        open={open}\n        onOpenChange={setOpen}\n        onChange={(next) => onChange(applyAssetSelection(value, next, field.cardinality))}\n      />\n    </Row>\n  )\n}\n"]}
+{"version":3,"file":"field-control.js","sourceRoot":"","sources":["../../../src/components/cms/field-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChevronDown, ChevronUp, Image, Link2, Pencil, Plus, Trash2, X } from 'lucide-react'\nimport { useMemo, useRef, useState } from 'react'\nimport type {\n  AssetFieldDef,\n  DocumentRef,\n  FieldDef,\n  ObjectFieldDef,\n  RelationFieldDef,\n} from '@elytracms/core/cms-core'\nimport { BUILTIN_FIELD_CONTROLS, descendantIds, isFieldHidden, parentRelationField } from '@elytracms/core/cms-core'\nimport { Badge, Button, Card, Code, Field, Input, Row, Select, Spacer, Stack, Text } from '@elytracms/studio/ui'\nimport { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection'\nimport { fieldLabel, useCms } from './cms-store'\nimport { useOptionalDocumentEditor } from './document-editor-context'\nimport { toRefArray } from './cell'\nimport { RelationPicker } from './relation-picker'\nimport { AssetPicker } from './asset-picker'\nimport {\n  FieldRendererBoundary,\n  FieldRendererIssue,\n  useFieldRenderers,\n} from './field-renderer'\n\ninterface FieldControlProps {\n  field: FieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}\n\n/**\n * The document-editor field control. Resolves a project's custom renderer by the\n * field's `form.control` (EC-238, customization seam EC-236) and falls back to the\n * built-in control for the field's datatype: a registered renderer renders inside\n * an error boundary (a throw → the built-in + a visible issue); a rejected\n * registration (non-component) shows the built-in with the issue above it; a field\n * naming a control with NO renderer and NO built-in name (a typo) shows the\n * built-in with a loud issue — never a silent fall-through; otherwise the built-in\n * renders alone.\n */\nexport function FieldControl(props: FieldControlProps) {\n  const renderers = useFieldRenderers()\n  const builtIn = <BuiltInFieldControl {...props} />\n  const control = props.field.form?.control\n  const Custom = control ? renderers.get(control) : undefined\n  if (Custom) {\n    return (\n      <FieldRendererBoundary\n        fallback={builtIn}\n        issue={<FieldRendererIssue message=\"Custom renderer crashed — showing the built-in control.\" />}\n      >\n        <Custom {...props} />\n      </FieldRendererBoundary>\n    )\n  }\n  if (control) {\n    const rejected = renderers.issues.find((issue) => issue.id === control)\n    if (rejected) {\n      return (\n        <Stack gap=\"1\">\n          <FieldRendererIssue message={rejected.message} />\n          {builtIn}\n        </Stack>\n      )\n    }\n    // The field asks for a control with no registered renderer and no built-in\n    // name — surface it (a typo'd `control` would otherwise read as a plain input).\n    if (!(BUILTIN_FIELD_CONTROLS as readonly string[]).includes(control)) {\n      return (\n        <Stack gap=\"1\">\n          <FieldRendererIssue message={`No field renderer registered for control “${control}”.`} />\n          {builtIn}\n        </Stack>\n      )\n    }\n  }\n  return builtIn\n}\n\nfunction BuiltInFieldControl({ field, value, onChange, readOnly, id }: FieldControlProps) {\n  switch (field.type) {\n    case 'boolean':\n      return (\n        <label className=\"flex h-8 items-center gap-2 text-sm\">\n          <input\n            id={id}\n            type=\"checkbox\"\n            checked={value === true}\n            disabled={readOnly}\n            onChange={(e) => onChange(e.target.checked)}\n            className=\"size-4 accent-primary disabled:opacity-50\"\n          />\n          <Text size=\"sm\" tone=\"muted\">\n            {value === true ? 'true' : 'false'}\n          </Text>\n        </label>\n      )\n    case 'number':\n      return (\n        <Input\n          id={id}\n          type=\"number\"\n          disabled={readOnly}\n          value={typeof value === 'number' ? value : ''}\n          onChange={(e) => onChange(e.target.value === '' ? undefined : Number(e.target.value))}\n        />\n      )\n    case 'date':\n      return (\n        <Input\n          id={id}\n          type=\"date\"\n          disabled={readOnly}\n          value={typeof value === 'string' ? value.slice(0, 10) : ''}\n          onChange={(e) => onChange(e.target.value ? `${e.target.value}T00:00:00.000Z` : undefined)}\n        />\n      )\n    case 'select':\n      if (field.multiple) {\n        const selected = Array.isArray(value) ? (value as string[]) : []\n        return (\n          <Row gap=\"2\" wrap>\n            {field.options.map((opt) => {\n              const on = selected.includes(opt.value)\n              return (\n                <label key={opt.value} className=\"flex items-center gap-1.5 text-sm\">\n                  <input\n                    type=\"checkbox\"\n                    checked={on}\n                    disabled={readOnly}\n                    onChange={() =>\n                      onChange(\n                        on ? selected.filter((v) => v !== opt.value) : [...selected, opt.value],\n                      )\n                    }\n                    className=\"size-4 accent-primary\"\n                  />\n                  {opt.label ?? opt.value}\n                </label>\n              )\n            })}\n          </Row>\n        )\n      }\n      return (\n        <Select\n          id={id}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\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    case 'richText':\n      return (\n        <textarea\n          id={id}\n          rows={4}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n          className=\"flex w-full rounded-md border border-input bg-background px-2.5 py-1.5 font-mono text-xs text-foreground shadow-sm focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 outline-none disabled:opacity-50\"\n        />\n      )\n    case 'relation':\n      return <RelationField field={field} value={value} onChange={onChange} readOnly={readOnly} />\n    case 'asset':\n      return <AssetField field={field} value={value} onChange={onChange} readOnly={readOnly} />\n    case 'object':\n      return <ObjectField field={field} value={value} onChange={onChange} readOnly={readOnly} id={id} />\n    default:\n      return (\n        <Input\n          id={id}\n          disabled={readOnly}\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value || undefined)}\n        />\n      )\n  }\n}\n\nfunction asRecord(value: unknown): Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : {}\n}\n\n/**\n * The nested subfield form for one object item (EC-253). Reuses {@link FieldControl}\n * recursively, so any subfield type — including a nested object/repeater — works for\n * free. Writing a subfield merges it back into the item and bubbles the new item up.\n */\nfunction ObjectItemForm({\n  fields,\n  value,\n  onChange,\n  readOnly,\n  idPrefix,\n}: {\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChange: (value: Record<string, unknown>) => void\n  readOnly: boolean\n  idPrefix: string\n}) {\n  return (\n    <Stack gap=\"3\" className=\"mt-2\">\n      {fields.map((sub) => {\n        // EC-273: a conditionally-hidden subfield (its predicate keys off the item's\n        // own sibling values) is omitted — e.g. a discriminated link's `href` shows\n        // only when `linkType === 'href'`. Re-evaluated as the item is edited.\n        if (isFieldHidden(sub, { values: value })) return null\n        const subId = `${idPrefix}-${sub.name}`\n        return (\n          <Field\n            key={sub.name}\n            htmlFor={subId}\n            hint={sub.form?.description}\n            label={\n              <Row gap=\"2\">\n                <span>{fieldLabel(sub)}</span>\n                {sub.validation?.required ? <span className=\"text-destructive\">*</span> : null}\n              </Row>\n            }\n          >\n            <FieldControl\n              id={subId}\n              field={sub}\n              value={value[sub.name]}\n              readOnly={readOnly}\n              onChange={(next) => {\n                const updated = { ...value }\n                if (next === undefined) delete updated[sub.name]\n                else updated[sub.name] = next\n                onChange(updated)\n              }}\n            />\n          </Field>\n        )\n      })}\n    </Stack>\n  )\n}\n\n/**\n * Object / repeater field control (EC-253). `cardinality: 'one'` renders a single\n * nested form in a card; `'many'` renders an add/remove/reorder list of item cards.\n * Editing happens entirely inside the shared field form — no canvas escape (unlike\n * `blocks`), so props and document fields share this control.\n */\nfunction ObjectField({\n  field,\n  value,\n  onChange,\n  readOnly,\n  id,\n}: {\n  field: ObjectFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}) {\n  if (field.cardinality !== 'many') {\n    return (\n      <Card className=\"p-3\">\n        <ObjectItemForm\n          fields={field.fields}\n          value={asRecord(value)}\n          readOnly={readOnly}\n          idPrefix={id}\n          onChange={onChange}\n        />\n      </Card>\n    )\n  }\n\n  const items = Array.isArray(value) ? (value as Record<string, unknown>[]) : []\n  // Stable React keys for the value-only items (they carry no intrinsic id). Index\n  // keys would mis-associate a row's child/DOM state (an open relation/asset picker,\n  // focus) when rows are reordered or removed; we keep a parallel id list in lockstep\n  // with structural ops, reconciled by length when the array is replaced wholesale\n  // (e.g. switching documents). Edits keep the keys — only structure changes them.\n  const seq = useRef(0)\n  const keysRef = useRef<number[]>([])\n  if (keysRef.current.length !== items.length) {\n    keysRef.current = items.map((_, i) => keysRef.current[i] ?? seq.current++)\n  }\n  const keys = keysRef.current\n  const commit = (nextItems: Record<string, unknown>[], nextKeys: number[]) => {\n    keysRef.current = nextKeys\n    onChange(nextItems)\n  }\n  const move = (from: number, to: number) => {\n    const nextItems = items.slice()\n    const [movedItem] = nextItems.splice(from, 1)\n    const nextKeys = keys.slice()\n    const [movedKey] = nextKeys.splice(from, 1)\n    if (movedItem && movedKey !== undefined) {\n      nextItems.splice(to, 0, movedItem)\n      nextKeys.splice(to, 0, movedKey)\n    }\n    commit(nextItems, nextKeys)\n  }\n  const removeAt = (i: number) =>\n    commit(items.filter((_, j) => j !== i), keys.filter((_, j) => j !== i))\n  const addItem = () => {\n    const seed: Record<string, unknown> = {}\n    for (const sub of field.fields) if (sub.default !== undefined) seed[sub.name] = sub.default\n    commit([...items, seed], [...keys, seq.current++])\n  }\n  const setItem = (i: number, updated: Record<string, unknown>) => {\n    const nextItems = items.slice()\n    nextItems[i] = updated\n    commit(nextItems, keys)\n  }\n\n  return (\n    <Stack gap=\"2\">\n      {items.length === 0 ? (\n        <Text size=\"sm\" tone=\"subtle\">\n          No items\n        </Text>\n      ) : (\n        items.map((item, i) => (\n          <Card key={keys[i]} className=\"p-3\">\n            <Row gap=\"2\">\n              <Text size=\"sm\" tone=\"muted\">\n                #{i + 1}\n              </Text>\n              <Spacer />\n              {!readOnly ? (\n                <Row gap=\"1\">\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Move up\"\n                    disabled={i === 0}\n                    onClick={() => move(i, i - 1)}\n                  >\n                    <ChevronUp className=\"size-3\" />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Move down\"\n                    disabled={i === items.length - 1}\n                    onClick={() => move(i, i + 1)}\n                  >\n                    <ChevronDown className=\"size-3\" />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    aria-label=\"Remove item\"\n                    onClick={() => removeAt(i)}\n                  >\n                    <Trash2 className=\"size-3\" />\n                  </Button>\n                </Row>\n              ) : null}\n            </Row>\n            <ObjectItemForm\n              fields={field.fields}\n              value={asRecord(item)}\n              readOnly={readOnly}\n              idPrefix={`${id}-${i}`}\n              onChange={(updated) => setItem(i, updated)}\n            />\n          </Card>\n        ))\n      )}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={addItem}>\n          <Plus className=\"size-3\" /> Add item\n        </Button>\n      ) : null}\n    </Stack>\n  )\n}\n\nfunction RelationField({\n  field,\n  value,\n  onChange,\n  readOnly,\n}: {\n  field: RelationFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  const cms = useCms()\n  const editor = useOptionalDocumentEditor()\n  const [open, setOpen] = useState(false)\n  const refs = toRefArray(value)\n\n  // EC-218: for the editing document's `parent` self-relation, exclude the\n  // document itself and its descendants from the picker — choosing one would make\n  // the page its own ancestor (a cycle). Only applies to the parent field of a\n  // hierarchical collection; ordinary relations (and other self-relations) are\n  // unrestricted. validateDocument is the backstop where this context is absent.\n  const excludeIds = useMemo<Set<string> | undefined>(() => {\n    if (!editor || field.target !== editor.collection.id) return undefined\n    if (parentRelationField(editor.collection)?.name !== field.name) return undefined\n    const ids = descendantIds(editor.docRef.id, cms.documentsOf(editor.collection.id))\n    ids.add(editor.docRef.id)\n    return ids\n  }, [editor, field.target, field.name, cms])\n\n  function apply(next: DocumentRef[]) {\n    onChange(field.cardinality === 'many' ? next : (next[0] ?? undefined))\n  }\n\n  return (\n    <Row gap=\"2\" wrap>\n      {refs.map((ref, i) => (\n        <Badge key={`${ref.id}-${i}`} variant=\"info\">\n          <Link2 className=\"size-3\" /> {cms.titleOf(ref)}\n          {!readOnly ? (\n            <button\n              type=\"button\"\n              aria-label=\"Remove\"\n              onClick={() => apply(refs.filter((r) => r.id !== ref.id))}\n              className=\"ml-1 hover:text-destructive\"\n            >\n              <X className=\"size-3\" />\n            </button>\n          ) : null}\n        </Badge>\n      ))}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n          <Pencil /> {refs.length > 0 ? 'Change' : 'Pick'}\n        </Button>\n      ) : null}\n      <RelationPicker\n        targetCollection={field.target}\n        cardinality={field.cardinality}\n        value={refs}\n        open={open}\n        onOpenChange={setOpen}\n        onChange={apply}\n        excludeIds={excludeIds}\n      />\n    </Row>\n  )\n}\n\nfunction AssetField({\n  field,\n  value,\n  onChange,\n  readOnly,\n}: {\n  field: AssetFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  const cms = useCms()\n  const [open, setOpen] = useState(false)\n  const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset'\n  const many = field.cardinality === 'many'\n  const ids = many ? assetIdsOf(value) : []\n  const single = !many ? singleAssetIdOf(value) : null\n\n  return (\n    <Row gap=\"2\" wrap>\n      {many ? (\n        ids.length > 0 ? (\n          ids.map((aid, i) => (\n            <Badge key={`${aid}-${i}`} variant=\"outline\">\n              <Image className=\"size-3\" /> {cms.titleOf({ collection: assetCollectionId, id: aid })}\n              {!readOnly ? (\n                <button\n                  type=\"button\"\n                  aria-label=\"Remove\"\n                  onClick={() => onChange(ids.filter((x) => x !== aid))}\n                  className=\"ml-1 hover:text-destructive\"\n                >\n                  <X className=\"size-3\" />\n                </button>\n              ) : null}\n            </Badge>\n          ))\n        ) : (\n          <Text size=\"sm\" tone=\"subtle\">\n            No assets\n          </Text>\n        )\n      ) : single ? (\n        <Badge variant=\"outline\">\n          <Image className=\"size-3\" /> {cms.titleOf({ collection: assetCollectionId, id: single })}\n        </Badge>\n      ) : (\n        <Text size=\"sm\" tone=\"subtle\">\n          No asset\n        </Text>\n      )}\n      <Spacer />\n      {field.accept && field.accept.length > 0 ? (\n        <Code tone=\"muted\">accepts {field.accept.join(', ')}</Code>\n      ) : null}\n      {!readOnly ? (\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n          <Pencil /> {many ? 'Add' : single ? 'Change' : 'Pick'}\n        </Button>\n      ) : null}\n      <AssetPicker\n        value={single}\n        open={open}\n        onOpenChange={setOpen}\n        onChange={(next) => onChange(applyAssetSelection(value, next, field.cardinality))}\n      />\n    </Row>\n  )\n}\n"]}

package/dist/components/cms/field-renderer.d.ts

@@ -1,42 +1,39 @@
 import { Component } from 'react';
 import type { ReactNode } from 'react';
-import type { FieldDef } from '@elytracms/core/cms-core';
-import type { CustomizationIssue, FieldRendererEntry } from '@elytracms/core/studio-core';
+import type { CustomizationIssue } from '@elytracms/core/studio-core';
+import type { CustomFieldRenderer } from '../app-views/studio-config';
 /**
  * EC-238 — custom field renderers, an instance of the EC-236 customization seam.
  *
- * A project registers a React component (via `config.fieldRenderers`) keyed by
- * field type to REPLACE the built-in document-editor control. The contract is
- * the exact {@link FieldControl} props seam, so a project component drops in
- * unchanged and reuses internal helpers (relation/asset pickers, validation
- * state) by calling the exported studio hooks (`useCms`,
- * `useOptionalDocumentEditor`) itself. Resolution falls back to the built-in
- * control, and every failure mode — unknown field type, duplicate registration,
- * a non-component value, or a renderer that throws — surfaces a visible issue,
- * never a silent drop or a crash.
+ * A project registers a React component (via `defineStudio({ fieldRenderers })`)
+ * keyed by CONTROL name to REPLACE the built-in document-editor control. A field
+ * opts in PER-FIELD with `form: { control: '<name>' }` — so a renderer targets
+ * exactly the fields that ask for it, not every field of a datatype. (`control` is
+ * a presentation hint on the field; the field's `type` stays its honest datatype.
+ * That split is why a colour is `type: 'text'` + `control: 'color'`, not a bogus
+ * `plugin.color` type.) The contract is the exact {@link FieldControl} props seam,
+ * so a project component drops in unchanged and reuses internal helpers
+ * (relation/asset pickers, validation state) via the exported studio hooks
+ * (`useCms`, `useOptionalDocumentEditor`). Resolution falls back to the built-in
+ * control, and every failure mode — a non-component value, an unknown control on a
+ * field, or a renderer that throws — surfaces a visible issue, never a silent drop
+ * or a crash.
  */
-/** The props a custom field renderer receives — identical to the built-in control. */
-export interface CustomFieldRendererProps {
-    field: FieldDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    readOnly: boolean;
-    id: string;
-}
-export type CustomFieldRenderer = (props: CustomFieldRendererProps) => ReactNode;
+export type { CustomFieldRenderer, CustomFieldRendererProps } from '../app-views/studio-config';
 export interface ResolvedFieldRenderers {
-    /** The custom renderer for a field type, or `undefined` → use the built-in. */
-    get(type: string): CustomFieldRenderer | undefined;
-    /** Resolution issues (unknown type, duplicate id, non-component); located by `id` = type. */
+    /** The custom renderer for a control name, or `undefined` → use the built-in. */
+    get(control: string): CustomFieldRenderer | undefined;
+    /** Resolution issues (non-component); located by `id` = control name. */
     issues: CustomizationIssue[];
 }
 /**
- * Resolve the config's custom field renderers through the shared customization
- * core (EC-236): additive registry keyed by field type, rejecting an unknown
- * type / non-component / duplicate with a visible issue and keeping the built-in.
+ * Resolve the studio config's custom field renderers through the shared
+ * customization core (EC-236): a registry keyed by control name, rejecting a
+ * non-component with a visible issue and keeping the built-in. The map's keys are
+ * unique by construction, so duplicates are structurally impossible.
  */
-export declare function resolveFieldRenderers(entries: readonly FieldRendererEntry[]): ResolvedFieldRenderers;
-/** The active project's resolved field renderers (config is static per studio boot). */
+export declare function resolveFieldRenderers(renderers: Record<string, CustomFieldRenderer> | undefined): ResolvedFieldRenderers;
+/** The active studio's resolved field renderers (config is static per studio boot). */
 export declare function useFieldRenderers(): ResolvedFieldRenderers;
 /** A visible, inline field-renderer issue — the customization seam's "never silent". */
 export declare function FieldRendererIssue({ message }: {
@@ -65,7 +62,8 @@ export declare class FieldRendererBoundary extends Component<{
 /**
  * Example custom field renderer (EC-238 DoD): a colour control proving reuse of
  * the studio form primitives and a save round-trip. A consuming repo registers it
- * with `fieldRenderers: [{ type: 'plugin.color', component: colorFieldRenderer }]`
- * (or `{ type: 'text', ... }` to override the built-in text control).
+ * (or its own) with `defineStudio({ fieldRenderers: { color: colorFieldRenderer } })`
+ * and opts a field in with `form: { control: 'color' }` — the field's datatype
+ * stays `text` (a `#rrggbb` string).
  */
 export declare const colorFieldRenderer: CustomFieldRenderer;

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

@@ -1,35 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Component, useMemo } from 'react';
 import { AlertTriangle } from 'lucide-react';
-import { fieldTypeSchema } from '@elytracms/core/cms-core';
 import { resolveOverrides } from '@elytracms/core/studio-core';
 import { resolveDeploymentFieldRenderers } from '@elytracms/studio/lib/workspace';
 import { Input, Row, Text } from '@elytracms/studio/ui';
-/** A field type is registrable if it is a built-in type or a dotted project type id. */
-const DOTTED_TYPE = /^[a-z][a-z0-9]*\.[a-z][a-z0-9]*$/i;
-function isKnownFieldType(type) {
-    return fieldTypeSchema.safeParse(type).success || DOTTED_TYPE.test(type);
-}
 /**
- * Resolve the config's custom field renderers through the shared customization
- * core (EC-236): additive registry keyed by field type, rejecting an unknown
- * type / non-component / duplicate with a visible issue and keeping the built-in.
+ * Resolve the studio config's custom field renderers through the shared
+ * customization core (EC-236): a registry keyed by control name, rejecting a
+ * non-component with a visible issue and keeping the built-in. The map's keys are
+ * unique by construction, so duplicates are structurally impossible.
  */
-export function resolveFieldRenderers(entries) {
+export function resolveFieldRenderers(renderers) {
     const resolved = resolveOverrides({
         point: 'fieldRenderers',
         defaults: [],
-        overrides: entries.map((entry) => ({ id: entry.type, value: entry.component })),
+        overrides: Object.entries(renderers ?? {}).map(([control, component]) => ({
+            id: control,
+            value: component,
+        })),
         allowNew: true,
-        validate: (entry) => typeof entry.value !== 'function'
-            ? 'the component is not a function'
-            : isKnownFieldType(entry.id)
-                ? null
-                : `"${entry.id}" is not a known field type`,
+        validate: (entry) => (typeof entry.value !== 'function' ? 'the renderer is not a component' : null),
     });
-    return { get: (type) => resolved.get(type), issues: resolved.issues };
+    return { get: (control) => resolved.get(control), issues: resolved.issues };
 }
-/** The active project's resolved field renderers (config is static per studio boot). */
+/** The active studio's resolved field renderers (config is static per studio boot). */
 export function useFieldRenderers() {
     return useMemo(() => resolveFieldRenderers(resolveDeploymentFieldRenderers()), []);
 }
@@ -57,8 +51,9 @@ export class FieldRendererBoundary extends Component {
 /**
  * Example custom field renderer (EC-238 DoD): a colour control proving reuse of
  * the studio form primitives and a save round-trip. A consuming repo registers it
- * with `fieldRenderers: [{ type: 'plugin.color', component: colorFieldRenderer }]`
- * (or `{ type: 'text', ... }` to override the built-in text control).
+ * (or its own) with `defineStudio({ fieldRenderers: { color: colorFieldRenderer } })`
+ * and opts a field in with `form: { control: 'color' }` — the field's datatype
+ * stays `text` (a `#rrggbb` string).
  */
 export const colorFieldRenderer = ({ value, onChange, readOnly, id }) => {
     const hex = typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : '#000000';

package/dist/components/cms/field-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-renderer.js","sourceRoot":"","sources":["../../../src/components/cms/field-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, useMemo } from 'react'\nimport type { ReactNode } from 'react'\nimport { AlertTriangle } from 'lucide-react'\nimport { fieldTypeSchema } from '@elytracms/core/cms-core'\nimport type { FieldDef } from '@elytracms/core/cms-core'\nimport { resolveOverrides } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue, FieldRendererEntry } from '@elytracms/core/studio-core'\nimport { resolveDeploymentFieldRenderers } from '@elytracms/studio/lib/workspace'\nimport { Input, Row, Text } from '@elytracms/studio/ui'\n\n/**\n * EC-238 — custom field renderers, an instance of the EC-236 customization seam.\n *\n * A project registers a React component (via `config.fieldRenderers`) keyed by\n * field type to REPLACE the built-in document-editor control. The contract is\n * the exact {@link FieldControl} props seam, so a project component drops in\n * unchanged and reuses internal helpers (relation/asset pickers, validation\n * state) by calling the exported studio hooks (`useCms`,\n * `useOptionalDocumentEditor`) itself. Resolution falls back to the built-in\n * control, and every failure mode — unknown field type, duplicate registration,\n * a non-component value, or a renderer that throws — surfaces a visible issue,\n * never a silent drop or a crash.\n */\n\n/** The props a custom field renderer receives — identical to the built-in control. */\nexport interface CustomFieldRendererProps {\n  field: FieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}\nexport type CustomFieldRenderer = (props: CustomFieldRendererProps) => ReactNode\n\n/** A field type is registrable if it is a built-in type or a dotted project type id. */\nconst DOTTED_TYPE = /^[a-z][a-z0-9]*\\.[a-z][a-z0-9]*$/i\nfunction isKnownFieldType(type: string): boolean {\n  return fieldTypeSchema.safeParse(type).success || DOTTED_TYPE.test(type)\n}\n\nexport interface ResolvedFieldRenderers {\n  /** The custom renderer for a field type, or `undefined` → use the built-in. */\n  get(type: string): CustomFieldRenderer | undefined\n  /** Resolution issues (unknown type, duplicate id, non-component); located by `id` = type. */\n  issues: CustomizationIssue[]\n}\n\n/**\n * Resolve the config's custom field renderers through the shared customization\n * core (EC-236): additive registry keyed by field type, rejecting an unknown\n * type / non-component / duplicate with a visible issue and keeping the built-in.\n */\nexport function resolveFieldRenderers(\n  entries: readonly FieldRendererEntry[],\n): ResolvedFieldRenderers {\n  const resolved = resolveOverrides<CustomFieldRenderer>({\n    point: 'fieldRenderers',\n    defaults: [],\n    overrides: entries.map((entry) => ({ id: entry.type, value: entry.component as CustomFieldRenderer })),\n    allowNew: true,\n    validate: (entry) =>\n      typeof entry.value !== 'function'\n        ? 'the component is not a function'\n        : isKnownFieldType(entry.id)\n          ? null\n          : `\"${entry.id}\" is not a known field type`,\n  })\n  return { get: (type) => resolved.get(type), issues: resolved.issues }\n}\n\n/** The active project's resolved field renderers (config is static per studio boot). */\nexport function useFieldRenderers(): ResolvedFieldRenderers {\n  return useMemo(() => resolveFieldRenderers(resolveDeploymentFieldRenderers()), [])\n}\n\n/** A visible, inline field-renderer issue — the customization seam's \"never silent\". */\nexport function FieldRendererIssue({ message }: { message: string }) {\n  return (\n    <Row gap=\"1\" align=\"center\" className=\"text-amber-600 dark:text-amber-400\" title={message}>\n      <AlertTriangle aria-hidden className=\"size-3.5\" />\n      <Text size=\"xs\">{message}</Text>\n    </Row>\n  )\n}\n\n/**\n * Error boundary around a custom renderer: a renderer that throws falls back to\n * the built-in control (passed as `fallback`) with a visible `issue` above it,\n * so a broken third-party component degrades the one field, never the editor.\n */\nexport class FieldRendererBoundary extends Component<\n  { fallback: ReactNode; issue: ReactNode; children: ReactNode },\n  { failed: boolean }\n> {\n  override state = { failed: false }\n  static getDerivedStateFromError() {\n    return { failed: true }\n  }\n  override render() {\n    if (this.state.failed) {\n      return (\n        <>\n          {this.props.issue}\n          {this.props.fallback}\n        </>\n      )\n    }\n    return this.props.children\n  }\n}\n\n/**\n * Example custom field renderer (EC-238 DoD): a colour control proving reuse of\n * the studio form primitives and a save round-trip. A consuming repo registers it\n * with `fieldRenderers: [{ type: 'plugin.color', component: colorFieldRenderer }]`\n * (or `{ type: 'text', ... }` to override the built-in text control).\n */\nexport const colorFieldRenderer: CustomFieldRenderer = ({ value, onChange, readOnly, id }) => {\n  const hex = typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : '#000000'\n  return (\n    <Row gap=\"2\" align=\"center\">\n      <input\n        id={id}\n        type=\"color\"\n        disabled={readOnly}\n        value={hex}\n        onChange={(event) => onChange(event.target.value)}\n        aria-label=\"Colour\"\n        className=\"h-8 w-12 cursor-pointer rounded-md border border-input bg-background disabled:opacity-50\"\n      />\n      <Input\n        value={typeof value === 'string' ? value : ''}\n        disabled={readOnly}\n        placeholder=\"#rrggbb\"\n        onChange={(event) => onChange(event.target.value || undefined)}\n        className=\"w-28 font-mono text-xs\"\n      />\n    </Row>\n  )\n}\n"]}
+{"version":3,"file":"field-renderer.js","sourceRoot":"","sources":["../../../src/components/cms/field-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, useMemo } from 'react'\nimport type { ReactNode } from 'react'\nimport { AlertTriangle } from 'lucide-react'\nimport { resolveOverrides } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue } from '@elytracms/core/studio-core'\nimport { resolveDeploymentFieldRenderers } from '@elytracms/studio/lib/workspace'\nimport { Input, Row, Text } from '@elytracms/studio/ui'\nimport type { CustomFieldRenderer } from '../app-views/studio-config'\n\n/**\n * EC-238 — custom field renderers, an instance of the EC-236 customization seam.\n *\n * A project registers a React component (via `defineStudio({ fieldRenderers })`)\n * keyed by CONTROL name to REPLACE the built-in document-editor control. A field\n * opts in PER-FIELD with `form: { control: '<name>' }` — so a renderer targets\n * exactly the fields that ask for it, not every field of a datatype. (`control` is\n * a presentation hint on the field; the field's `type` stays its honest datatype.\n * That split is why a colour is `type: 'text'` + `control: 'color'`, not a bogus\n * `plugin.color` type.) The contract is the exact {@link FieldControl} props seam,\n * so a project component drops in unchanged and reuses internal helpers\n * (relation/asset pickers, validation state) via the exported studio hooks\n * (`useCms`, `useOptionalDocumentEditor`). Resolution falls back to the built-in\n * control, and every failure mode — a non-component value, an unknown control on a\n * field, or a renderer that throws — surfaces a visible issue, never a silent drop\n * or a crash.\n */\n\nexport type { CustomFieldRenderer, CustomFieldRendererProps } from '../app-views/studio-config'\n\nexport interface ResolvedFieldRenderers {\n  /** The custom renderer for a control name, or `undefined` → use the built-in. */\n  get(control: string): CustomFieldRenderer | undefined\n  /** Resolution issues (non-component); located by `id` = control name. */\n  issues: CustomizationIssue[]\n}\n\n/**\n * Resolve the studio config's custom field renderers through the shared\n * customization core (EC-236): a registry keyed by control name, rejecting a\n * non-component with a visible issue and keeping the built-in. The map's keys are\n * unique by construction, so duplicates are structurally impossible.\n */\nexport function resolveFieldRenderers(\n  renderers: Record<string, CustomFieldRenderer> | undefined,\n): ResolvedFieldRenderers {\n  const resolved = resolveOverrides<CustomFieldRenderer>({\n    point: 'fieldRenderers',\n    defaults: [],\n    overrides: Object.entries(renderers ?? {}).map(([control, component]) => ({\n      id: control,\n      value: component,\n    })),\n    allowNew: true,\n    validate: (entry) => (typeof entry.value !== 'function' ? 'the renderer is not a component' : null),\n  })\n  return { get: (control) => resolved.get(control), issues: resolved.issues }\n}\n\n/** The active studio's resolved field renderers (config is static per studio boot). */\nexport function useFieldRenderers(): ResolvedFieldRenderers {\n  return useMemo(() => resolveFieldRenderers(resolveDeploymentFieldRenderers()), [])\n}\n\n/** A visible, inline field-renderer issue — the customization seam's \"never silent\". */\nexport function FieldRendererIssue({ message }: { message: string }) {\n  return (\n    <Row gap=\"1\" align=\"center\" className=\"text-amber-600 dark:text-amber-400\" title={message}>\n      <AlertTriangle aria-hidden className=\"size-3.5\" />\n      <Text size=\"xs\">{message}</Text>\n    </Row>\n  )\n}\n\n/**\n * Error boundary around a custom renderer: a renderer that throws falls back to\n * the built-in control (passed as `fallback`) with a visible `issue` above it,\n * so a broken third-party component degrades the one field, never the editor.\n */\nexport class FieldRendererBoundary extends Component<\n  { fallback: ReactNode; issue: ReactNode; children: ReactNode },\n  { failed: boolean }\n> {\n  override state = { failed: false }\n  static getDerivedStateFromError() {\n    return { failed: true }\n  }\n  override render() {\n    if (this.state.failed) {\n      return (\n        <>\n          {this.props.issue}\n          {this.props.fallback}\n        </>\n      )\n    }\n    return this.props.children\n  }\n}\n\n/**\n * Example custom field renderer (EC-238 DoD): a colour control proving reuse of\n * the studio form primitives and a save round-trip. A consuming repo registers it\n * (or its own) with `defineStudio({ fieldRenderers: { color: colorFieldRenderer } })`\n * and opts a field in with `form: { control: 'color' }` — the field's datatype\n * stays `text` (a `#rrggbb` string).\n */\nexport const colorFieldRenderer: CustomFieldRenderer = ({ value, onChange, readOnly, id }) => {\n  const hex = typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : '#000000'\n  return (\n    <Row gap=\"2\" align=\"center\">\n      <input\n        id={id}\n        type=\"color\"\n        disabled={readOnly}\n        value={hex}\n        onChange={(event) => onChange(event.target.value)}\n        aria-label=\"Colour\"\n        className=\"h-8 w-12 cursor-pointer rounded-md border border-input bg-background disabled:opacity-50\"\n      />\n      <Input\n        value={typeof value === 'string' ? value : ''}\n        disabled={readOnly}\n        placeholder=\"#rrggbb\"\n        onChange={(event) => onChange(event.target.value || undefined)}\n        className=\"w-28 font-mono text-xs\"\n      />\n    </Row>\n  )\n}\n"]}

package/dist/components/section-nav.d.ts

@@ -6,12 +6,13 @@ export interface SectionNavProps {
     onToggleCollapsed: () => void;
 }
 /**
- * Vertical section rail (brief §8.1), now driven by the configurable sidebar
- * (EC-237): a consumer-extendable tree of items / groups / separators resolved
- * over the app-view module registry (EC-239). Availability-aware (`unavailable`
- * items are absent per EC-221); items deep-link to a module + resource; the
- * preference-persisted collapse and the strong active marker (EC-214) are
- * preserved. Customization issues (duplicate ids, unknown modules, unresolvable
- * deep-links) render at the rail foot — visible, never silent.
+ * Vertical section rail (brief §8.1), driven by the configurable sidebar (EC-237):
+ * a consumer-extendable tree of views / groups / separators resolved over the
+ * built-in views (EC-239). Availability-aware (`unavailable` items are absent per
+ * EC-221); the active item is matched by the VIEW ID in the URL, so two views
+ * backed by the same surface (Content vs. a focused Categories) highlight
+ * independently. The preference-persisted collapse and the strong active marker
+ * (EC-214) are preserved. Customization issues (duplicate view id, invalid view,
+ * non-component renderers) render at the rail foot — visible, never silent.
  */
 export declare function SectionNav({ project, collapsed, onToggleCollapsed }: SectionNavProps): import("react").JSX.Element;

package/dist/components/section-nav.js

@@ -1,50 +1,60 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from 'react';
 import { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router';
 import { AlertTriangle, PanelLeftClose, PanelLeftOpen } from 'lucide-react';
 import { cn } from '@elytracms/studio/lib/utils';
 import { Text } from '@elytracms/studio/ui';
-import { useAppViews } from './app-views/default-modules';
-import { activeModuleFromPath, useSidebar } from './app-views/sidebar';
+import { activeViewIdFromPath, useStudioNav } from './app-views/sidebar';
+import { useFieldRenderers } from './cms/field-renderer';
 /**
- * Vertical section rail (brief §8.1), now driven by the configurable sidebar
- * (EC-237): a consumer-extendable tree of items / groups / separators resolved
- * over the app-view module registry (EC-239). Availability-aware (`unavailable`
- * items are absent per EC-221); items deep-link to a module + resource; the
- * preference-persisted collapse and the strong active marker (EC-214) are
- * preserved. Customization issues (duplicate ids, unknown modules, unresolvable
- * deep-links) render at the rail foot — visible, never silent.
+ * Vertical section rail (brief §8.1), driven by the configurable sidebar (EC-237):
+ * a consumer-extendable tree of views / groups / separators resolved over the
+ * built-in views (EC-239). Availability-aware (`unavailable` items are absent per
+ * EC-221); the active item is matched by the VIEW ID in the URL, so two views
+ * backed by the same surface (Content vs. a focused Categories) highlight
+ * independently. The preference-persisted collapse and the strong active marker
+ * (EC-214) are preserved. Customization issues (duplicate view id, invalid view,
+ * non-component renderers) render at the rail foot — visible, never silent.
  */
 export function SectionNav({ project, collapsed, onToggleCollapsed }) {
     const { pathname } = useLocation();
-    const active = activeModuleFromPath(pathname);
-    const { nodes, issues: sidebarIssues } = useSidebar(project);
-    const { issues: moduleIssues } = useAppViews();
-    const issues = [...moduleIssues, ...sidebarIssues];
+    const activeViewId = activeViewIdFromPath(pathname);
+    const { nodes, issues: navIssues } = useStudioNav(project);
+    const { issues: rendererIssues } = useFieldRenderers();
+    const issues = [...navIssues, ...rendererIssues];
     const projectId = project.id;
-    return (_jsxs("nav", { "aria-label": "Sections", className: cn('flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150', collapsed ? 'w-[3.5rem]' : 'w-56'), children: [nodes.map((node) => {
+    return (_jsxs("nav", { "aria-label": "Sections", className: cn('flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150', collapsed ? 'w-[3.5rem]' : 'w-56'), children: [nodes.map((node, index) => {
                 if (node.kind === 'separator') {
-                    return _jsx("div", { className: "my-1.5 border-t border-border/60", "aria-hidden": true }, node.id);
+                    return _jsx("div", { className: "my-1.5 border-t border-border/60", "aria-hidden": true }, `sep-${index}`);
                 }
                 if (node.kind === 'group') {
-                    const items = node.items.filter((item) => item.availability !== 'unavailable');
-                    if (items.length === 0)
+                    const views = node.views.filter((view) => view.availability !== 'unavailable');
+                    if (views.length === 0)
                         return null;
-                    return (_jsxs("div", { className: "mt-2 first:mt-0", children: [collapsed ? (_jsx("div", { className: "my-1 border-t border-border/60", "aria-hidden": true })) : (_jsx(Text, { size: "xs", tone: "subtle", className: "px-3 pb-1 pt-1 font-medium uppercase tracking-wide", children: node.label })), items.map((item) => (_jsx(NavItemLink, { projectId: projectId, item: item, active: active, collapsed: collapsed, nested: true }, item.id)))] }, node.id));
+                    return (_jsxs("div", { className: "mt-2 first:mt-0", children: [collapsed ? (_jsx("div", { className: "my-1 border-t border-border/60", "aria-hidden": true })) : (_jsx(Text, { size: "xs", tone: "subtle", className: "px-3 pb-1 pt-1 font-medium uppercase tracking-wide", children: node.label })), views.map((view) => (_jsx(NavViewLink, { projectId: projectId, view: view, activeViewId: activeViewId, collapsed: collapsed }, view.id)))] }, `group-${node.label}-${index}`));
                 }
-                // EC-221: an unavailable item is absent from the rail (not greyed) — it
+                // EC-221: an unavailable view is absent from the rail (not greyed) — it
                 // stays reachable by URL, the rail simply doesn't advertise it.
                 if (node.availability === 'unavailable')
                     return null;
-                return (_jsx(NavItemLink, { projectId: projectId, item: node, active: active, collapsed: collapsed }, node.id));
+                // EC-293: a view may nest its sub-views (CMS collections). The parent renders
+                // as a link; its children render indented below (hidden when collapsed). The
+                // parent gets a subtle active hint when one of its children is the active view.
+                const hasActiveChild = node.children?.some((child) => child.id === activeViewId) ?? false;
+                return (_jsxs(Fragment, { children: [_jsx(NavViewLink, { projectId: projectId, view: node, activeViewId: activeViewId, collapsed: collapsed, hasActiveChild: hasActiveChild }), collapsed
+                            ? null
+                            : node.children?.map((child) => (_jsx(NavViewLink, { projectId: projectId, view: child, activeViewId: activeViewId, collapsed: collapsed, nested: true }, child.id)))] }, node.id));
             }), _jsxs("div", { className: "mt-auto flex flex-col gap-0.5", children: [issues.length > 0 ? _jsx(NavIssues, { issues: issues, collapsed: collapsed }) : null, _jsx("button", { type: "button", onClick: onToggleCollapsed, "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar', "aria-pressed": collapsed, title: collapsed ? 'Expand sidebar' : 'Collapse sidebar', className: cn('flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', collapsed ? 'justify-center px-0' : 'px-3'), children: collapsed ? (_jsx(PanelLeftOpen, { className: "size-4 shrink-0" })) : (_jsxs(_Fragment, { children: [_jsx(PanelLeftClose, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: "Collapse" })] })) })] })] }));
 }
-/** One rail item (top-level or nested) — a deep-linkable Link to its module. */
-function NavItemLink({ projectId, item, active, collapsed, nested = false, }) {
-    const isActive = item.moduleId === active;
-    const Icon = item.icon;
-    return (_jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: item.path }, title: item.label, "aria-current": isActive ? 'page' : undefined, className: cn('group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors', collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3', isActive
+/** One rail view (top-level or nested) — a Link to its home route, active by view id. */
+function NavViewLink({ projectId, view, activeViewId, collapsed, nested = false, hasActiveChild = false, }) {
+    const isActive = view.id === activeViewId;
+    const Icon = view.icon;
+    return (_jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: view.path }, title: view.label, "aria-current": isActive ? 'page' : undefined, className: cn('group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors', collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3', isActive
             ? 'bg-accent font-medium text-accent-foreground'
-            : 'text-muted-foreground hover:bg-muted hover:text-foreground'), children: [isActive ? (_jsx("span", { className: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary", "aria-hidden": true })) : null, _jsx(Icon, { className: "size-4 shrink-0" }), collapsed ? null : _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.availability === 'planned' && !collapsed ? (_jsx("span", { className: "size-1.5 shrink-0 rounded-full bg-warning", "aria-hidden": true, title: "Planned" })) : null] }));
+            : hasActiveChild
+                ? 'text-foreground hover:bg-muted'
+                : 'text-muted-foreground hover:bg-muted hover:text-foreground'), children: [isActive ? (_jsx("span", { className: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary", "aria-hidden": true })) : null, _jsx(Icon, { className: "size-4 shrink-0" }), collapsed ? null : _jsx("span", { className: "min-w-0 flex-1 truncate", children: view.label }), view.availability === 'planned' && !collapsed ? (_jsx("span", { className: "size-1.5 shrink-0 rounded-full bg-warning", "aria-hidden": true, title: "Planned" })) : null] }));
 }
 /** Visible customization issues at the rail foot — the seam's "never silent" (EC-236). */
 function NavIssues({ issues, collapsed }) {

package/dist/components/section-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-nav.js","sourceRoot":"","sources":["../../src/components/section-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router'\nimport { AlertTriangle, PanelLeftClose, PanelLeftOpen } from 'lucide-react'\nimport type { Project } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue } from '@elytracms/core/studio-core'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { Text } from '@elytracms/studio/ui'\nimport { useAppViews } from './app-views/default-modules'\nimport { activeModuleFromPath, useSidebar } from './app-views/sidebar'\nimport type { ResolvedSidebarItem } from './app-views/sidebar'\n\nexport interface SectionNavProps {\n  project: Project\n  /** User-toggled collapse (EC-214) — icons only when collapsed, persisted by the shell. */\n  collapsed: boolean\n  onToggleCollapsed: () => void\n}\n\n/**\n * Vertical section rail (brief §8.1), now driven by the configurable sidebar\n * (EC-237): a consumer-extendable tree of items / groups / separators resolved\n * over the app-view module registry (EC-239). Availability-aware (`unavailable`\n * items are absent per EC-221); items deep-link to a module + resource; the\n * preference-persisted collapse and the strong active marker (EC-214) are\n * preserved. Customization issues (duplicate ids, unknown modules, unresolvable\n * deep-links) render at the rail foot — visible, never silent.\n */\nexport function SectionNav({ project, collapsed, onToggleCollapsed }: SectionNavProps) {\n  const { pathname } = useLocation()\n  const active = activeModuleFromPath(pathname)\n  const { nodes, issues: sidebarIssues } = useSidebar(project)\n  const { issues: moduleIssues } = useAppViews()\n  const issues = [...moduleIssues, ...sidebarIssues]\n  const projectId = project.id\n\n  return (\n    <nav\n      aria-label=\"Sections\"\n      className={cn(\n        'flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150',\n        collapsed ? 'w-[3.5rem]' : 'w-56',\n      )}\n    >\n      {nodes.map((node) => {\n        if (node.kind === 'separator') {\n          return <div key={node.id} className=\"my-1.5 border-t border-border/60\" aria-hidden />\n        }\n        if (node.kind === 'group') {\n          const items = node.items.filter((item) => item.availability !== 'unavailable')\n          if (items.length === 0) return null\n          return (\n            <div key={node.id} className=\"mt-2 first:mt-0\">\n              {collapsed ? (\n                <div className=\"my-1 border-t border-border/60\" aria-hidden />\n              ) : (\n                <Text\n                  size=\"xs\"\n                  tone=\"subtle\"\n                  className=\"px-3 pb-1 pt-1 font-medium uppercase tracking-wide\"\n                >\n                  {node.label}\n                </Text>\n              )}\n              {items.map((item) => (\n                <NavItemLink\n                  key={item.id}\n                  projectId={projectId}\n                  item={item}\n                  active={active}\n                  collapsed={collapsed}\n                  nested\n                />\n              ))}\n            </div>\n          )\n        }\n        // EC-221: an unavailable item is absent from the rail (not greyed) — it\n        // stays reachable by URL, the rail simply doesn't advertise it.\n        if (node.availability === 'unavailable') return null\n        return (\n          <NavItemLink\n            key={node.id}\n            projectId={projectId}\n            item={node}\n            active={active}\n            collapsed={collapsed}\n          />\n        )\n      })}\n\n      <div className=\"mt-auto flex flex-col gap-0.5\">\n        {issues.length > 0 ? <NavIssues issues={issues} collapsed={collapsed} /> : null}\n\n        {/* Collapse toggle pinned to the rail foot (EC-214). */}\n        <button\n          type=\"button\"\n          onClick={onToggleCollapsed}\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          aria-pressed={collapsed}\n          title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          className={cn(\n            'flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n            collapsed ? 'justify-center px-0' : 'px-3',\n          )}\n        >\n          {collapsed ? (\n            <PanelLeftOpen className=\"size-4 shrink-0\" />\n          ) : (\n            <>\n              <PanelLeftClose className=\"size-4 shrink-0\" />\n              <span className=\"min-w-0 flex-1 truncate text-left\">Collapse</span>\n            </>\n          )}\n        </button>\n      </div>\n    </nav>\n  )\n}\n\n/** One rail item (top-level or nested) — a deep-linkable Link to its module. */\nfunction NavItemLink({\n  projectId,\n  item,\n  active,\n  collapsed,\n  nested = false,\n}: {\n  projectId: string\n  item: ResolvedSidebarItem\n  active: string | null\n  collapsed: boolean\n  nested?: boolean\n}) {\n  const isActive = item.moduleId === active\n  const Icon = item.icon\n  return (\n    <Link\n      to={STUDIO_PROJECT_ROUTE}\n      params={{ projectId, _splat: item.path }}\n      title={item.label}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        'group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors',\n        collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3',\n        isActive\n          ? 'bg-accent font-medium text-accent-foreground'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n      )}\n    >\n      {/* Strong active marker: a leading accent bar (EC-214). */}\n      {isActive ? (\n        <span className=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\" aria-hidden />\n      ) : null}\n      <Icon className=\"size-4 shrink-0\" />\n      {collapsed ? null : <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>}\n      {item.availability === 'planned' && !collapsed ? (\n        <span className=\"size-1.5 shrink-0 rounded-full bg-warning\" aria-hidden title=\"Planned\" />\n      ) : null}\n    </Link>\n  )\n}\n\n/** Visible customization issues at the rail foot — the seam's \"never silent\" (EC-236). */\nfunction NavIssues({ issues, collapsed }: { issues: CustomizationIssue[]; collapsed: boolean }) {\n  if (collapsed) {\n    return (\n      <div\n        className=\"grid h-9 place-items-center text-amber-600 dark:text-amber-400\"\n        title={issues.map((issue) => issue.message).join('\\n')}\n      >\n        <AlertTriangle className=\"size-4\" aria-label={`${issues.length} sidebar issues`} />\n      </div>\n    )\n  }\n  return (\n    <div className=\"mb-1 flex flex-col gap-1 rounded-md border border-amber-500/30 bg-amber-500/5 p-2\">\n      {issues.map((issue, index) => (\n        <div\n          key={`${issue.point}:${issue.id ?? index}`}\n          className=\"flex items-start gap-1.5 text-amber-600 dark:text-amber-400\"\n          title={issue.message}\n        >\n          <AlertTriangle className=\"mt-0.5 size-3.5 shrink-0\" aria-hidden />\n          <Text size=\"xs\" className=\"min-w-0 leading-snug\">\n            {issue.message}\n          </Text>\n        </div>\n      ))}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"section-nav.js","sourceRoot":"","sources":["../../src/components/section-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAG3E,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AASxD;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAmB;IACnF,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAClC,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAC1D,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtD,MAAM,MAAM,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,cAAc,CAAC,CAAA;IAChD,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,CAAA;IAE5B,OAAO,CACL,6BACa,UAAU,EACrB,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAClC,aAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;oBAC9B,OAAO,cAA0B,SAAS,EAAC,kCAAkC,yBAA5D,OAAO,KAAK,EAAE,CAA6D,CAAA;gBAC9F,CAAC;gBACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,KAAK,aAAa,CAAC,CAAA;oBAC9E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;wBAAE,OAAO,IAAI,CAAA;oBACnC,OAAO,CACL,eAA0C,SAAS,EAAC,iBAAiB,aAClE,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,gCAAgC,wBAAe,CAC/D,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oDAAoD,YAE7D,IAAI,CAAC,KAAK,GACN,CACR,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,WAAW,IAEV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAJf,IAAI,CAAC,EAAE,CAKZ,CACH,CAAC,KApBM,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAqBlC,CACP,CAAA;gBACH,CAAC;gBACD,wEAAwE;gBACxE,gEAAgE;gBAChE,IAAI,IAAI,CAAC,YAAY,KAAK,aAAa;oBAAE,OAAO,IAAI,CAAA;gBACpD,8EAA8E;gBAC9E,6EAA6E;gBAC7E,gFAAgF;gBAChF,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,YAAY,CAAC,IAAI,KAAK,CAAA;gBACzF,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,GAC9B,EACD,SAAS;4BACR,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,WAAW,IAEV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,UALD,KAAK,CAAC,EAAE,CAMb,CACH,CAAC,KAnBO,IAAI,CAAC,EAAE,CAoBX,CACZ,CAAA;YACH,CAAC,CAAC,EAEF,eAAK,SAAS,EAAC,+BAA+B,aAC3C,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAG/E,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB,gBACd,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,kBAC/C,SAAS,EACvB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,EACxD,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAC3C,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,aAAa,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAC9C,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,GAAG,EAC9C,eAAM,SAAS,EAAC,mCAAmC,yBAAgB,IAClE,CACJ,GACM,IACL,IACF,CACP,CAAA;AACH,CAAC;AAED,yFAAyF;AACzF,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,MAAM,GAAG,KAAK,EACd,cAAc,GAAG,KAAK,GASvB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,YAAY,CAAA;IACzC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IACtB,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,oBAAoB,EACxB,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,KAAK,kBACH,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EACjE,QAAQ;YACN,CAAC,CAAC,8CAA8C;YAChD,CAAC,CAAC,cAAc;gBACd,CAAC,CAAC,gCAAgC;gBAClC,CAAC,CAAC,4DAA4D,CACnE,aAGA,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,2DAA2D,wBAAe,CAC3F,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACnC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAChF,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/C,eAAM,SAAS,EAAC,2CAA2C,uBAAa,KAAK,EAAC,SAAS,GAAG,CAC3F,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC;AAED,0FAA0F;AAC1F,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAwD;IAC5F,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cACE,SAAS,EAAC,gEAAgE,EAC1E,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAEtD,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,gBAAa,GAAG,MAAM,CAAC,MAAM,iBAAiB,GAAI,GAC/E,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAC,mFAAmF,YAC/F,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAEE,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,KAAK,CAAC,OAAO,aAEpB,KAAC,aAAa,IAAC,SAAS,EAAC,0BAA0B,wBAAe,EAClE,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,sBAAsB,YAC7C,KAAK,CAAC,OAAO,GACT,KAPF,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,IAAI,KAAK,EAAE,CAQtC,CACP,CAAC,GACE,CACP,CAAA;AACH,CAAC","sourcesContent":["import { Fragment } from 'react'\nimport { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router'\nimport { AlertTriangle, PanelLeftClose, PanelLeftOpen } from 'lucide-react'\nimport type { Project } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue } from '@elytracms/core/studio-core'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { Text } from '@elytracms/studio/ui'\nimport { activeViewIdFromPath, useStudioNav } from './app-views/sidebar'\nimport type { ResolvedRailView } from './app-views/sidebar'\nimport { useFieldRenderers } from './cms/field-renderer'\n\nexport interface SectionNavProps {\n  project: Project\n  /** User-toggled collapse (EC-214) — icons only when collapsed, persisted by the shell. */\n  collapsed: boolean\n  onToggleCollapsed: () => void\n}\n\n/**\n * Vertical section rail (brief §8.1), driven by the configurable sidebar (EC-237):\n * a consumer-extendable tree of views / groups / separators resolved over the\n * built-in views (EC-239). Availability-aware (`unavailable` items are absent per\n * EC-221); the active item is matched by the VIEW ID in the URL, so two views\n * backed by the same surface (Content vs. a focused Categories) highlight\n * independently. The preference-persisted collapse and the strong active marker\n * (EC-214) are preserved. Customization issues (duplicate view id, invalid view,\n * non-component renderers) render at the rail foot — visible, never silent.\n */\nexport function SectionNav({ project, collapsed, onToggleCollapsed }: SectionNavProps) {\n  const { pathname } = useLocation()\n  const activeViewId = activeViewIdFromPath(pathname)\n  const { nodes, issues: navIssues } = useStudioNav(project)\n  const { issues: rendererIssues } = useFieldRenderers()\n  const issues = [...navIssues, ...rendererIssues]\n  const projectId = project.id\n\n  return (\n    <nav\n      aria-label=\"Sections\"\n      className={cn(\n        'flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150',\n        collapsed ? 'w-[3.5rem]' : 'w-56',\n      )}\n    >\n      {nodes.map((node, index) => {\n        if (node.kind === 'separator') {\n          return <div key={`sep-${index}`} className=\"my-1.5 border-t border-border/60\" aria-hidden />\n        }\n        if (node.kind === 'group') {\n          const views = node.views.filter((view) => view.availability !== 'unavailable')\n          if (views.length === 0) return null\n          return (\n            <div key={`group-${node.label}-${index}`} className=\"mt-2 first:mt-0\">\n              {collapsed ? (\n                <div className=\"my-1 border-t border-border/60\" aria-hidden />\n              ) : (\n                <Text\n                  size=\"xs\"\n                  tone=\"subtle\"\n                  className=\"px-3 pb-1 pt-1 font-medium uppercase tracking-wide\"\n                >\n                  {node.label}\n                </Text>\n              )}\n              {views.map((view) => (\n                <NavViewLink\n                  key={view.id}\n                  projectId={projectId}\n                  view={view}\n                  activeViewId={activeViewId}\n                  collapsed={collapsed}\n                />\n              ))}\n            </div>\n          )\n        }\n        // EC-221: an unavailable view is absent from the rail (not greyed) — it\n        // stays reachable by URL, the rail simply doesn't advertise it.\n        if (node.availability === 'unavailable') return null\n        // EC-293: a view may nest its sub-views (CMS collections). The parent renders\n        // as a link; its children render indented below (hidden when collapsed). The\n        // parent gets a subtle active hint when one of its children is the active view.\n        const hasActiveChild = node.children?.some((child) => child.id === activeViewId) ?? false\n        return (\n          <Fragment key={node.id}>\n            <NavViewLink\n              projectId={projectId}\n              view={node}\n              activeViewId={activeViewId}\n              collapsed={collapsed}\n              hasActiveChild={hasActiveChild}\n            />\n            {collapsed\n              ? null\n              : node.children?.map((child) => (\n                  <NavViewLink\n                    key={child.id}\n                    projectId={projectId}\n                    view={child}\n                    activeViewId={activeViewId}\n                    collapsed={collapsed}\n                    nested\n                  />\n                ))}\n          </Fragment>\n        )\n      })}\n\n      <div className=\"mt-auto flex flex-col gap-0.5\">\n        {issues.length > 0 ? <NavIssues issues={issues} collapsed={collapsed} /> : null}\n\n        {/* Collapse toggle pinned to the rail foot (EC-214). */}\n        <button\n          type=\"button\"\n          onClick={onToggleCollapsed}\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          aria-pressed={collapsed}\n          title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          className={cn(\n            'flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n            collapsed ? 'justify-center px-0' : 'px-3',\n          )}\n        >\n          {collapsed ? (\n            <PanelLeftOpen className=\"size-4 shrink-0\" />\n          ) : (\n            <>\n              <PanelLeftClose className=\"size-4 shrink-0\" />\n              <span className=\"min-w-0 flex-1 truncate text-left\">Collapse</span>\n            </>\n          )}\n        </button>\n      </div>\n    </nav>\n  )\n}\n\n/** One rail view (top-level or nested) — a Link to its home route, active by view id. */\nfunction NavViewLink({\n  projectId,\n  view,\n  activeViewId,\n  collapsed,\n  nested = false,\n  hasActiveChild = false,\n}: {\n  projectId: string\n  view: ResolvedRailView\n  activeViewId: string | null\n  collapsed: boolean\n  nested?: boolean\n  /** EC-293: this parent's a child is the active view → a subtle (non-accent) hint. */\n  hasActiveChild?: boolean\n}) {\n  const isActive = view.id === activeViewId\n  const Icon = view.icon\n  return (\n    <Link\n      to={STUDIO_PROJECT_ROUTE}\n      params={{ projectId, _splat: view.path }}\n      title={view.label}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        'group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors',\n        collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3',\n        isActive\n          ? 'bg-accent font-medium text-accent-foreground'\n          : hasActiveChild\n            ? 'text-foreground hover:bg-muted'\n            : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n      )}\n    >\n      {/* Strong active marker: a leading accent bar (EC-214). */}\n      {isActive ? (\n        <span className=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\" aria-hidden />\n      ) : null}\n      <Icon className=\"size-4 shrink-0\" />\n      {collapsed ? null : <span className=\"min-w-0 flex-1 truncate\">{view.label}</span>}\n      {view.availability === 'planned' && !collapsed ? (\n        <span className=\"size-1.5 shrink-0 rounded-full bg-warning\" aria-hidden title=\"Planned\" />\n      ) : null}\n    </Link>\n  )\n}\n\n/** Visible customization issues at the rail foot — the seam's \"never silent\" (EC-236). */\nfunction NavIssues({ issues, collapsed }: { issues: CustomizationIssue[]; collapsed: boolean }) {\n  if (collapsed) {\n    return (\n      <div\n        className=\"grid h-9 place-items-center text-amber-600 dark:text-amber-400\"\n        title={issues.map((issue) => issue.message).join('\\n')}\n      >\n        <AlertTriangle className=\"size-4\" aria-label={`${issues.length} sidebar issues`} />\n      </div>\n    )\n  }\n  return (\n    <div className=\"mb-1 flex flex-col gap-1 rounded-md border border-amber-500/30 bg-amber-500/5 p-2\">\n      {issues.map((issue, index) => (\n        <div\n          key={`${issue.point}:${issue.id ?? index}`}\n          className=\"flex items-start gap-1.5 text-amber-600 dark:text-amber-400\"\n          title={issue.message}\n        >\n          <AlertTriangle className=\"mt-0.5 size-3.5 shrink-0\" aria-hidden />\n          <Text size=\"xs\" className=\"min-w-0 leading-snug\">\n            {issue.message}\n          </Text>\n        </div>\n      ))}\n    </div>\n  )\n}\n"]}