@elytracms/studio 0.0.27 → 0.0.28

package/dist/components/cms/cell.js

@@ -4,8 +4,7 @@ import { readAssetId, readDocumentRef } from '@elytracms/core/cms-core';
 import { blockRootsOf } from '@elytracms/core/project-graph';
 import { Badge, Text } from '@elytracms/studio/ui';
 import { localeChipLabel, resolveDisplayedValue } from '@elytracms/studio/lib/locale';
-import { useOptionalAssets } from '../assets/assets-store';
-import { useCms } from './cms-store';
+import { useCollectionView } from '../collection-view/collection-view-context';
 /**
  * Render a document's field value for a table cell, by field type (brief
  * §8.4, EC-070), resolved in the studio's ambient active locale (EC-176).
@@ -13,8 +12,8 @@ import { useCms } from './cms-store';
  * silently mixed in as if it were translated.
  */
 export function CellValue({ collection, doc, field, }) {
-    const cms = useCms();
-    const { value, fallback } = resolveDisplayedValue(collection, doc, field.name, cms.activeLocale, cms.localeConfig);
+    const source = useCollectionView();
+    const { value, fallback } = resolveDisplayedValue(collection, doc, field.name, source.activeLocale, source.localeConfig);
     if (value === undefined || value === null || value === '') {
         return _jsx(Minus, { className: "size-3.5 text-muted-foreground/50" });
     }
@@ -65,11 +64,14 @@ function TypedCellValue({ field, value }) {
     }
 }
 function RelationCell({ value }) {
-    const cms = useCms();
+    const source = useCollectionView();
     const refs = toRefArray(value);
     if (refs.length === 0)
         return _jsx(Minus, { className: "size-3.5 text-muted-foreground/50" });
-    return (_jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [refs.slice(0, 3).map((ref, i) => (_jsxs(Badge, { variant: "info", children: [_jsx(Link2, { className: "size-3" }), " ", cms.titleOf(ref)] }, `${ref.id}-${i}`))), refs.length > 3 ? _jsxs(Text, { size: "xs", tone: "subtle", children: ["+", refs.length - 3] }) : null] }));
+    // EC-246c: calm de-pilled read — a single muted link glyph + the title(s), not
+    // a row of info pills. Matches the relation FIELD's row treatment; the pill was
+    // a design cue the list doesn't need.
+    return (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5 text-sm", children: [_jsx(Link2, { className: "size-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "min-w-0 truncate", children: refs.slice(0, 3).map((ref) => source.titleOf(ref)).join(', ') }), refs.length > 3 ? (_jsxs(Text, { size: "xs", tone: "subtle", className: "shrink-0", children: ["+", refs.length - 3] })) : null] }));
 }
 /**
  * A blocks/composition cell: a count of TOP-LEVEL blocks (EC-212) — matching
@@ -82,9 +84,8 @@ function BlocksCell({ value }) {
     return (_jsxs(Badge, { variant: "outline", children: [_jsx(Boxes, { className: "size-3" }), " ", count, " ", count === 1 ? 'block' : 'blocks'] }));
 }
 function AssetCell({ value }) {
-    const cms = useCms();
-    const assetStore = useOptionalAssets();
-    const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset';
+    const source = useCollectionView();
+    const assetCollectionId = source.assetCollectionId ?? 'asset';
     // EC-277: tolerate self-typed `{ type:'asset', id }` envelopes and legacy bare ids.
     const ids = (Array.isArray(value) ? value : [value])
         .map(readAssetId)
@@ -92,17 +93,19 @@ function AssetCell({ value }) {
     if (ids.length === 0)
         return _jsx(Minus, { className: "size-3.5 text-muted-foreground/50" });
     const first = ids[0];
-    const record = assetStore?.assets.find((asset) => asset.id === first);
-    const label = record?.title ?? record?.filename ?? cms.titleOf({ collection: assetCollectionId, id: first });
+    // AD-19: the source resolves the asset record (or nothing, when the rail has no
+    // asset backend — degrading to the labelled badge, as with no `<AssetsProvider>`).
+    const record = source.resolveAsset?.(first);
+    const label = record?.title ?? record?.filename ?? source.titleOf({ collection: assetCollectionId, id: first });
     return (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(AssetPreview, { record: record, label: label }), ids.length > 1 ? _jsxs(Text, { size: "xs", tone: "subtle", children: ["+", ids.length - 1] }) : null] }));
 }
 /**
  * An asset reference in a cell: an image thumbnail for image assets with a
  * resolvable URL (EC-212), otherwise the labelled icon badge (and the same
- * badge whenever no `<AssetsProvider>` is mounted to resolve the record).
+ * badge whenever the source can't resolve the record — e.g. no asset backend).
  */
 function AssetPreview({ record, label }) {
-    const isImage = record?.contentType.startsWith('image/') ?? false;
+    const isImage = record?.contentType?.startsWith('image/') ?? false;
     const url = record?.url;
     if (isImage && url && url.startsWith('http')) {
         return (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx("img", { src: url, alt: record?.alt ?? label, loading: "lazy", className: "size-7 shrink-0 rounded border border-border bg-muted object-cover" }), _jsx(Text, { size: "xs", tone: "subtle", className: "max-w-[10rem] truncate", children: label })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/cms/cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAErF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,UAAU,EACV,GAAG,EACH,KAAK,GAKN;IACC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,qBAAqB,CAC/C,UAAU,EACV,GAAG,EACH,KAAK,CAAC,IAAI,EACV,GAAG,CAAC,YAAY,EAChB,GAAG,CAAC,YAAY,CACjB,CAAA;IAED,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1D,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAAA;IAChE,CAAC;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,qDAAqD,aACnE,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,EAC9C,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,GAAG,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,GAAI,IAChF,CACR,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,GAIP;IACC,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAClC,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,SAAS,iBACJ,MAAM,EACnB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,SAAS,EAAC,gFAAgF,YAEzF,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,GACjC,CACT,CAAA;AACH,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,aAAa,CAAC,QAA2B;IACvD,OAAO,WAAW,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,oBAAoB,eAAe,CACzF,QAAQ,CAAC,eAAe,CACzB,sCAAsC,CAAA;AACzC,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAuC;IAC3E,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAC1C,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,GAAG,CACxD,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,YAAE,MAAM,CAAC,KAAK,CAAC,GAAS,CAAA;QACzD,KAAK,QAAQ;YACX,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,kBAAE,MAAM,CAAC,KAAK,CAAC,GAAQ,CAAA;QACpD,KAAK,MAAM;YACT,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,kBAC9B,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GACtB,CACR,CAAA;QACH,KAAK,UAAU;YACb,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,YAC1B,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,WAAW,GAChD,CACR,CAAA;QACH,KAAK,UAAU;YACb,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;QACvC,KAAK,OAAO;YACV,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;QACpC,KAAK,QAAQ;YACX,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;QACrC,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,2EAA2E;YAC3E,0EAA0E;YAC1E,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;gBACrD,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAC,SAAS,aACrB,KAAK,OAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IACjC,CACT,CAAA;YACH,CAAC;YACD,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,YAC1B,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAC/C,CACR,CAAA;QACH,CAAC;QACD;YACE,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,YACjC,MAAM,CAAC,KAAK,CAAC,GACT,CACR,CAAA;IACL,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,KAAK,EAAsB;IACjD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAAA;IACrF,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAC/C,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAChC,MAAC,KAAK,IAAwB,OAAO,EAAC,MAAM,aAC1C,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,OAAE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KADpC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAEpB,CACT,CAAC,EACD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,kBAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAQ,CAAC,CAAC,CAAC,IAAI,IAC7E,CACP,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,KAAK,EAAsB;IAC/C,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;IACxC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAAA;IAC/E,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAC,SAAS,aACtB,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,OAAE,KAAK,OAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAChE,CACT,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAAsB;IAC9C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,MAAM,UAAU,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,iBAAiB,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,EAAE,EAAE,IAAI,OAAO,CAAA;IACxF,oFAAoF;IACpF,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SACjD,GAAG,CAAC,WAAW,CAAC;SAChB,MAAM,CAAC,CAAC,EAAE,EAAgB,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,CAAA;IACjD,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,GAAG,CAAA;IACpF,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAE,CAAA;IACrB,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,CAAA;IACrE,MAAM,KAAK,GACT,MAAM,EAAE,KAAK,IAAI,MAAM,EAAE,QAAQ,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IAChG,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EAC7C,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,kBAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAQ,CAAC,CAAC,CAAC,IAAI,IAC3E,CACP,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAsD;IACzF,MAAM,OAAO,GAAG,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAA;IACjE,MAAM,GAAG,GAAG,MAAM,EAAE,GAAG,CAAA;IACvB,IAAI,OAAO,IAAI,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7C,OAAO,CACL,gBAAM,SAAS,EAAC,0CAA0C,aACxD,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,EACzB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,oEAAoE,GAC9E,EACF,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,wBAAwB,YAC7D,KAAK,GACD,IACF,CACR,CAAA;IACH,CAAC;IACD,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAC,SAAS,aACtB,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,OAAE,KAAK,IAC7B,CACT,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAc;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACnD,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAsB,EAAE,CAAC,GAAG,KAAK,SAAS,CAAC,CAAA;AACzF,CAAC;AAED,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;AAClE,CAAC","sourcesContent":["import { Boxes, Check, Image, Link2, Minus } from 'lucide-react'\nimport { readAssetId, readDocumentRef } from '@elytracms/core/cms-core'\nimport type { CmsDocument, CollectionDef, DocumentRef, FieldDef } from '@elytracms/core/cms-core'\nimport { blockRootsOf } from '@elytracms/core/project-graph'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport { Badge, Text } from '@elytracms/studio/ui'\nimport { localeChipLabel, resolveDisplayedValue } from '@elytracms/studio/lib/locale'\nimport type { DisplayedFallback } from '@elytracms/studio/lib/locale'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { useCms } from './cms-store'\n\n/**\n * Render a document's field value for a table cell, by field type (brief\n * §8.4, EC-070), resolved in the studio's ambient active locale (EC-176).\n * A value served via EC-018 locale fallback carries a visible chip — never\n * silently mixed in as if it were translated.\n */\nexport function CellValue({\n  collection,\n  doc,\n  field,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  field: FieldDef\n}) {\n  const cms = useCms()\n  const { value, fallback } = resolveDisplayedValue(\n    collection,\n    doc,\n    field.name,\n    cms.activeLocale,\n    cms.localeConfig,\n  )\n\n  if (value === undefined || value === null || value === '') {\n    return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  }\n\n  return (\n    <span className=\"inline-flex min-w-0 max-w-full items-center gap-1.5\">\n      <TypedCellValue field={field} value={value} />\n      <FallbackChip fallback={fallback} testId={`cell-fallback-${doc.id}-${field.name}`} />\n    </span>\n  )\n}\n\n/**\n * Subtle source-locale chip on a fallback-displayed value (EC-176): e.g. a\n * German view showing untranslated English content gets an \"EN\" marker.\n */\nexport function FallbackChip({\n  fallback,\n  testId,\n}: {\n  fallback: DisplayedFallback | null\n  testId: string\n}) {\n  if (fallback === null) return null\n  return (\n    <Badge\n      variant=\"outline\"\n      data-testid={testId}\n      title={fallbackTitle(fallback)}\n      className=\"shrink-0 px-1 py-0 text-[0.6rem] uppercase tracking-wide text-muted-foreground\"\n    >\n      {localeChipLabel(fallback.sourceLocale)}\n    </Badge>\n  )\n}\n\n/** Plain-language tooltip of a fallback chip. */\nexport function fallbackTitle(fallback: DisplayedFallback): string {\n  return `Showing ${localeChipLabel(fallback.sourceLocale)} (fallback) — no ${localeChipLabel(\n    fallback.requestedLocale,\n  )} translation yet. Edit to translate.`\n}\n\nfunction TypedCellValue({ field, value }: { field: FieldDef; value: unknown }) {\n  switch (field.type) {\n    case 'boolean':\n      return value === true ? (\n        <Check className=\"size-4 text-success\" />\n      ) : (\n        <Minus className=\"size-3.5 text-muted-foreground/50\" />\n      )\n    case 'select':\n      return <Badge variant=\"outline\">{String(value)}</Badge>\n    case 'number':\n      return <Text size=\"sm\" mono>{String(value)}</Text>\n    case 'date':\n      return (\n        <Text size=\"sm\" tone=\"muted\" mono>\n          {String(value).slice(0, 10)}\n        </Text>\n      )\n    case 'richText':\n      return (\n        <Text size=\"xs\" tone=\"subtle\">\n          {stripHtml(String(value)).slice(0, 40) || 'rich text'}\n        </Text>\n      )\n    case 'relation':\n      return <RelationCell value={value} />\n    case 'asset':\n      return <AssetCell value={value} />\n    case 'blocks':\n      return <BlocksCell value={value} />\n    case 'object': {\n      // EC-253: list-view summary, never `[object Object]`. A repeater shows its\n      // item count; a single object is edited in the detail form, not the cell.\n      if (field.cardinality === 'many') {\n        const count = Array.isArray(value) ? value.length : 0\n        return (\n          <Badge variant=\"outline\">\n            {count} {count === 1 ? 'item' : 'items'}\n          </Badge>\n        )\n      }\n      return (\n        <Text size=\"xs\" tone=\"subtle\">\n          {value && typeof value === 'object' ? 'object' : '—'}\n        </Text>\n      )\n    }\n    default:\n      return (\n        <Text size=\"sm\" className=\"truncate\">\n          {String(value)}\n        </Text>\n      )\n  }\n}\n\nfunction RelationCell({ value }: { value: unknown }) {\n  const cms = useCms()\n  const refs = toRefArray(value)\n  if (refs.length === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  return (\n    <div className=\"flex flex-wrap items-center gap-1\">\n      {refs.slice(0, 3).map((ref, i) => (\n        <Badge key={`${ref.id}-${i}`} variant=\"info\">\n          <Link2 className=\"size-3\" /> {cms.titleOf(ref)}\n        </Badge>\n      ))}\n      {refs.length > 3 ? <Text size=\"xs\" tone=\"subtle\">+{refs.length - 3}</Text> : null}\n    </div>\n  )\n}\n\n/**\n * A blocks/composition cell: a count of TOP-LEVEL blocks (EC-212) — matching\n * what the canvas/page-tree present as the block list, never `[object Object]`.\n */\nfunction BlocksCell({ value }: { value: unknown }) {\n  const count = blockRootsOf(value).length\n  if (count === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  return (\n    <Badge variant=\"outline\">\n      <Boxes className=\"size-3\" /> {count} {count === 1 ? 'block' : 'blocks'}\n    </Badge>\n  )\n}\n\nfunction AssetCell({ value }: { value: unknown }) {\n  const cms = useCms()\n  const assetStore = useOptionalAssets()\n  const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset'\n  // EC-277: tolerate self-typed `{ type:'asset', id }` envelopes and legacy bare ids.\n  const ids = (Array.isArray(value) ? value : [value])\n    .map(readAssetId)\n    .filter((id): id is string => id !== undefined)\n  if (ids.length === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  const first = ids[0]!\n  const record = assetStore?.assets.find((asset) => asset.id === first)\n  const label =\n    record?.title ?? record?.filename ?? cms.titleOf({ collection: assetCollectionId, id: first })\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      <AssetPreview record={record} label={label} />\n      {ids.length > 1 ? <Text size=\"xs\" tone=\"subtle\">+{ids.length - 1}</Text> : null}\n    </div>\n  )\n}\n\n/**\n * An asset reference in a cell: an image thumbnail for image assets with a\n * resolvable URL (EC-212), otherwise the labelled icon badge (and the same\n * badge whenever no `<AssetsProvider>` is mounted to resolve the record).\n */\nfunction AssetPreview({ record, label }: { record: AssetRecord | undefined; label: string }) {\n  const isImage = record?.contentType.startsWith('image/') ?? false\n  const url = record?.url\n  if (isImage && url && url.startsWith('http')) {\n    return (\n      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n        <img\n          src={url}\n          alt={record?.alt ?? label}\n          loading=\"lazy\"\n          className=\"size-7 shrink-0 rounded border border-border bg-muted object-cover\"\n        />\n        <Text size=\"xs\" tone=\"subtle\" className=\"max-w-[10rem] truncate\">\n          {label}\n        </Text>\n      </span>\n    )\n  }\n  return (\n    <Badge variant=\"outline\">\n      <Image className=\"size-3\" /> {label}\n    </Badge>\n  )\n}\n\n/**\n * Normalize a relation value (single ref or array of refs) into an array of\n * `DocumentRef`s. EC-277: unwraps self-typed `{ type:'reference', ... }` envelopes\n * and legacy bare `{ collection, id }` via the shared tolerant reader.\n */\nexport function toRefArray(value: unknown): DocumentRef[] {\n  const list = Array.isArray(value) ? value : [value]\n  return list.map(readDocumentRef).filter((ref): ref is DocumentRef => ref !== undefined)\n}\n\nfunction stripHtml(html: string): string {\n  return html.replace(/<[^>]*>/g, ' ').replace(/\\s+/g, ' ').trim()\n}\n"]}
+{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../src/components/cms/cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Boxes, Check, Image, Link2, Minus } from 'lucide-react'\nimport { readAssetId, readDocumentRef } from '@elytracms/core/cms-core'\nimport type { CmsDocument, CollectionDef, DocumentRef, FieldDef } from '@elytracms/core/cms-core'\nimport { blockRootsOf } from '@elytracms/core/project-graph'\nimport { Badge, Text } from '@elytracms/studio/ui'\nimport { localeChipLabel, resolveDisplayedValue } from '@elytracms/studio/lib/locale'\nimport type { DisplayedFallback } from '@elytracms/studio/lib/locale'\nimport type { ResolvedAsset } from '@elytracms/studio/lib/collection-view/collection-view-source'\nimport { useCollectionView } from '../collection-view/collection-view-context'\n\n/**\n * Render a document's field value for a table cell, by field type (brief\n * §8.4, EC-070), resolved in the studio's ambient active locale (EC-176).\n * A value served via EC-018 locale fallback carries a visible chip — never\n * silently mixed in as if it were translated.\n */\nexport function CellValue({\n  collection,\n  doc,\n  field,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  field: FieldDef\n}) {\n  const source = useCollectionView()\n  const { value, fallback } = resolveDisplayedValue(\n    collection,\n    doc,\n    field.name,\n    source.activeLocale,\n    source.localeConfig,\n  )\n\n  if (value === undefined || value === null || value === '') {\n    return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  }\n\n  return (\n    <span className=\"inline-flex min-w-0 max-w-full items-center gap-1.5\">\n      <TypedCellValue field={field} value={value} />\n      <FallbackChip fallback={fallback} testId={`cell-fallback-${doc.id}-${field.name}`} />\n    </span>\n  )\n}\n\n/**\n * Subtle source-locale chip on a fallback-displayed value (EC-176): e.g. a\n * German view showing untranslated English content gets an \"EN\" marker.\n */\nexport function FallbackChip({\n  fallback,\n  testId,\n}: {\n  fallback: DisplayedFallback | null\n  testId: string\n}) {\n  if (fallback === null) return null\n  return (\n    <Badge\n      variant=\"outline\"\n      data-testid={testId}\n      title={fallbackTitle(fallback)}\n      className=\"shrink-0 px-1 py-0 text-[0.6rem] uppercase tracking-wide text-muted-foreground\"\n    >\n      {localeChipLabel(fallback.sourceLocale)}\n    </Badge>\n  )\n}\n\n/** Plain-language tooltip of a fallback chip. */\nexport function fallbackTitle(fallback: DisplayedFallback): string {\n  return `Showing ${localeChipLabel(fallback.sourceLocale)} (fallback) — no ${localeChipLabel(\n    fallback.requestedLocale,\n  )} translation yet. Edit to translate.`\n}\n\nfunction TypedCellValue({ field, value }: { field: FieldDef; value: unknown }) {\n  switch (field.type) {\n    case 'boolean':\n      return value === true ? (\n        <Check className=\"size-4 text-success\" />\n      ) : (\n        <Minus className=\"size-3.5 text-muted-foreground/50\" />\n      )\n    case 'select':\n      return <Badge variant=\"outline\">{String(value)}</Badge>\n    case 'number':\n      return <Text size=\"sm\" mono>{String(value)}</Text>\n    case 'date':\n      return (\n        <Text size=\"sm\" tone=\"muted\" mono>\n          {String(value).slice(0, 10)}\n        </Text>\n      )\n    case 'richText':\n      return (\n        <Text size=\"xs\" tone=\"subtle\">\n          {stripHtml(String(value)).slice(0, 40) || 'rich text'}\n        </Text>\n      )\n    case 'relation':\n      return <RelationCell value={value} />\n    case 'asset':\n      return <AssetCell value={value} />\n    case 'blocks':\n      return <BlocksCell value={value} />\n    case 'object': {\n      // EC-253: list-view summary, never `[object Object]`. A repeater shows its\n      // item count; a single object is edited in the detail form, not the cell.\n      if (field.cardinality === 'many') {\n        const count = Array.isArray(value) ? value.length : 0\n        return (\n          <Badge variant=\"outline\">\n            {count} {count === 1 ? 'item' : 'items'}\n          </Badge>\n        )\n      }\n      return (\n        <Text size=\"xs\" tone=\"subtle\">\n          {value && typeof value === 'object' ? 'object' : '—'}\n        </Text>\n      )\n    }\n    default:\n      return (\n        <Text size=\"sm\" className=\"truncate\">\n          {String(value)}\n        </Text>\n      )\n  }\n}\n\nfunction RelationCell({ value }: { value: unknown }) {\n  const source = useCollectionView()\n  const refs = toRefArray(value)\n  if (refs.length === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  // EC-246c: calm de-pilled read — a single muted link glyph + the title(s), not\n  // a row of info pills. Matches the relation FIELD's row treatment; the pill was\n  // a design cue the list doesn't need.\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1.5 text-sm\">\n      <Link2 className=\"size-3.5 shrink-0 text-muted-foreground\" />\n      <span className=\"min-w-0 truncate\">\n        {refs.slice(0, 3).map((ref) => source.titleOf(ref)).join(', ')}\n      </span>\n      {refs.length > 3 ? (\n        <Text size=\"xs\" tone=\"subtle\" className=\"shrink-0\">\n          +{refs.length - 3}\n        </Text>\n      ) : null}\n    </span>\n  )\n}\n\n/**\n * A blocks/composition cell: a count of TOP-LEVEL blocks (EC-212) — matching\n * what the canvas/page-tree present as the block list, never `[object Object]`.\n */\nfunction BlocksCell({ value }: { value: unknown }) {\n  const count = blockRootsOf(value).length\n  if (count === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  return (\n    <Badge variant=\"outline\">\n      <Boxes className=\"size-3\" /> {count} {count === 1 ? 'block' : 'blocks'}\n    </Badge>\n  )\n}\n\nfunction AssetCell({ value }: { value: unknown }) {\n  const source = useCollectionView()\n  const assetCollectionId = source.assetCollectionId ?? 'asset'\n  // EC-277: tolerate self-typed `{ type:'asset', id }` envelopes and legacy bare ids.\n  const ids = (Array.isArray(value) ? value : [value])\n    .map(readAssetId)\n    .filter((id): id is string => id !== undefined)\n  if (ids.length === 0) return <Minus className=\"size-3.5 text-muted-foreground/50\" />\n  const first = ids[0]!\n  // AD-19: the source resolves the asset record (or nothing, when the rail has no\n  // asset backend — degrading to the labelled badge, as with no `<AssetsProvider>`).\n  const record = source.resolveAsset?.(first)\n  const label =\n    record?.title ?? record?.filename ?? source.titleOf({ collection: assetCollectionId, id: first })\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      <AssetPreview record={record} label={label} />\n      {ids.length > 1 ? <Text size=\"xs\" tone=\"subtle\">+{ids.length - 1}</Text> : null}\n    </div>\n  )\n}\n\n/**\n * An asset reference in a cell: an image thumbnail for image assets with a\n * resolvable URL (EC-212), otherwise the labelled icon badge (and the same\n * badge whenever the source can't resolve the record — e.g. no asset backend).\n */\nfunction AssetPreview({ record, label }: { record: ResolvedAsset | undefined; label: string }) {\n  const isImage = record?.contentType?.startsWith('image/') ?? false\n  const url = record?.url\n  if (isImage && url && url.startsWith('http')) {\n    return (\n      <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n        <img\n          src={url}\n          alt={record?.alt ?? label}\n          loading=\"lazy\"\n          className=\"size-7 shrink-0 rounded border border-border bg-muted object-cover\"\n        />\n        <Text size=\"xs\" tone=\"subtle\" className=\"max-w-[10rem] truncate\">\n          {label}\n        </Text>\n      </span>\n    )\n  }\n  return (\n    <Badge variant=\"outline\">\n      <Image className=\"size-3\" /> {label}\n    </Badge>\n  )\n}\n\n/**\n * Normalize a relation value (single ref or array of refs) into an array of\n * `DocumentRef`s. EC-277: unwraps self-typed `{ type:'reference', ... }` envelopes\n * and legacy bare `{ collection, id }` via the shared tolerant reader.\n */\nexport function toRefArray(value: unknown): DocumentRef[] {\n  const list = Array.isArray(value) ? value : [value]\n  return list.map(readDocumentRef).filter((ref): ref is DocumentRef => ref !== undefined)\n}\n\nfunction stripHtml(html: string): string {\n  return html.replace(/<[^>]*>/g, ' ').replace(/\\s+/g, ' ').trim()\n}\n"]}

package/dist/components/cms/cms-store.d.ts

@@ -1,29 +1,22 @@
 import type { ReactNode } from 'react';
-import type { CmsDocument, CmsValidationIssue, CollectionDef, DocumentRef, FieldDef, Locale, LocaleConfig } from '@elytracms/core/cms-core';
+import type { CmsDocument, CmsValidationIssue, CollectionDef, DocumentRef, FieldDef, Locale, LocaleConfig, RestoreScope } from '@elytracms/core/cms-core';
 import type { DocumentVersionRecord } from '@elytracms/core/persistence';
 import type { OperationError } from '@elytracms/studio/lib/operations';
 import type { TableViewState } from '@elytracms/studio/lib/cms-views';
 import type { CellCommitInput, CellCommitOutcome } from './cell-edit';
 import type { BulkAction, BulkReport, BulkSetField } from './bulk-actions';
 /**
- * A saved table view (EC-169, supersedes the EC-071 column presets): a named
- * bundle of filters (closed AD-3 vocabulary), sort, and visible/ordered
- * columns. Named views persist project-scoped through operations (see
- * `lib/cms-views/views-store`); the unnamed "All documents" default is derived
- * per collection and never persisted.
+ * A resolved table view: a named bundle of filters (closed AD-3 vocabulary),
+ * sort, and visible/ordered columns. EC-246b: named views are **config-as-code**
+ * (declared in `cms/`, read live via `configViewsFor`) — the editor-owned DB
+ * saved-view store (EC-169) is retired. The unnamed "All documents" default is
+ * derived per collection; editors keep only transient in-session tweaks + Reset.
  */
 export interface SavedView {
     id: string;
     name: string;
     state: TableViewState;
 }
-/**
- * Mint a collision-safe, slug-derived page id (EC-192): the slug of the page name,
- * suffixed `-2`/`-3`/… until it is free among the ids already taken. Empty or
- * symbol-only names fall back to `page`. Pure so the id rule is testable without
- * the store; `createPage` applies it against the live page documents.
- */
-export declare function nextPageId(name: string, taken: ReadonlySet<string>): string;
 export interface ImportReport {
     added: number;
     rejected: {
@@ -65,10 +58,6 @@ export interface CmsStore {
      */
     commitFieldEdit(input: CellCommitInput): Promise<CellCommitOutcome>;
     createDocument(collectionId: string): DocumentRef;
-    /** Create a named page (`page` collection) with a stable, slug-derived id. */
-    createPage(input: {
-        name: string;
-    }): DocumentRef;
     /**
      * Ensure a singleton collection's lone document exists and return its ref
      * (EC-274). Resolves the existing single document, or creates one with a normal
@@ -105,10 +94,12 @@ export interface CmsStore {
     /**
      * Restore a recorded version as the new working draft (EC-224): the operation
      * snapshots the current draft first (so the rollback is itself undoable), then
-     * loads the chosen snapshot. Returns the restored draft (or null on
-     * failure/fixture session) so the open editor can adopt it.
+     * loads the chosen snapshot. An optional `scope` (EC-298) restores only one
+     * field or block, laid over the current draft, instead of the whole document.
+     * Returns the restored draft (or null on failure/fixture session) so the open
+     * editor can adopt it.
      */
-    restoreDocumentVersion(ref: DocumentRef, version: number): Promise<CmsDocument | null>;
+    restoreDocumentVersion(ref: DocumentRef, version: number, scope?: RestoreScope): Promise<CmsDocument | null>;
     importDocuments(collectionId: string, docs: unknown[]): ImportReport;
     validate(doc: CmsDocument): CmsValidationIssue[];
     isFieldReadOnly(field: FieldDef): boolean;
@@ -127,12 +118,6 @@ export interface CmsStore {
     isViewDirty(collectionId: string): boolean;
     /** Discard working-state edits, back to the active view. */
     resetTableState(collectionId: string): void;
-    /** Persist the working state into the active named view. False on rejection. */
-    saveActiveView(collectionId: string): Promise<boolean>;
-    /** Persist the working state as a new named view and activate it. */
-    saveViewAs(collectionId: string, name: string): Promise<boolean>;
-    /** Delete a named view — a view-only operation; documents are never touched. */
-    deleteView(collectionId: string, viewId: string): Promise<boolean>;
     /**
      * Bulk publish/unpublish/delete (EC-169) + set-field (EC-247): one operations
      * command PER item, per-item outcomes in the report — partial failure is

package/dist/components/cms/cms-store.js

@@ -5,25 +5,12 @@ import { validateCompositionValue } from '@elytracms/core/project-graph';
 import { collectComponentEmbeds, parseRichTextValue } from '@elytracms/core/rich-text';
 import { configureStudioLocales, useStudioLocale } from '@elytracms/studio/lib/locale';
 import { getStudioRegistry, studioManifestLookup } from '@elytracms/studio/lib/registry';
-import { slugify } from '@elytracms/studio/lib/utils';
+import { resolveDeploymentCollections } from '@elytracms/studio/lib/workspace';
 import { createCmsPersister, getStudioOperations } from '@elytracms/studio/lib/operations';
-import { ALL_VIEW_ID, canonicalViewState, defaultViewState, deleteSavedView, loadSavedViews, newViewId, normalizeViewState, saveSavedView, viewStatesEqual, } from '@elytracms/studio/lib/cms-views';
+import { ALL_VIEW_ID, canonicalViewState, configViewsFor, defaultViewState, viewStatesEqual, } from '@elytracms/studio/lib/cms-views';
 import { useOptionalAssets } from '../assets/assets-store';
 import { applyCellValue, commitCellEdit } from './cell-edit';
 import { runBulkAction } from './bulk-actions';
-/**
- * Mint a collision-safe, slug-derived page id (EC-192): the slug of the page name,
- * suffixed `-2`/`-3`/… until it is free among the ids already taken. Empty or
- * symbol-only names fall back to `page`. Pure so the id rule is testable without
- * the store; `createPage` applies it against the live page documents.
- */
-export function nextPageId(name, taken) {
-    const base = slugify(name) || 'page';
-    let id = base;
-    for (let n = 2; taken.has(id); n += 1)
-        id = `${base}-${n}`;
-    return id;
-}
 /**
  * EC-188: validate a `blocks` composition field value against the field's `allow`
  * vocabulary + the code-owned component registry (the leash), mapping graph
@@ -124,9 +111,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
             return new Set(initialPublishedKeys);
         return new Set(initialDocuments ? [] : samplePublishedKeys);
     });
-    // Named saved views per collection (EC-169): loaded from the operations
-    // layer (project-scoped, shared across editors) and mutated through it.
-    const [savedViews, setSavedViews] = useState({});
     const [activeViews, setActiveViews] = useState({});
     // The live table state per collection where it diverges from the active
     // view; absent key = exactly the active view's state (not dirty).
@@ -260,26 +244,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         persisterRef.current?.upsertDocument(doc);
         return { collection: collectionId, id };
     }, [registry]);
-    // EC-192: create a named page document with a stable, slug-derived id (not an
-    // opaque `new-page-N`), so the route bound to it reads as a real address and
-    // the id survives as the canonical key. Collision-safe against existing page
-    // ids. The route itself is written by the caller (NewPageDialog) through the
-    // operations layer, so the two writes stay in their own concerns.
-    const createPage = useCallback((input) => {
-        const collectionId = 'page';
-        const taken = new Set(documentsRef.current.filter((d) => d.collection === collectionId).map((d) => d.id));
-        const id = nextPageId(input.name, taken);
-        // EC-297: seed the page collection's defaults, then the given name.
-        const collection = registry.get(collectionId);
-        const doc = {
-            collection: collectionId,
-            id,
-            values: { ...(collection ? seedDefaults(collection) : {}), name: input.name },
-        };
-        setDocuments((prev) => [...prev, doc]);
-        persisterRef.current?.upsertDocument(doc);
-        return { collection: collectionId, id };
-    }, [registry]);
     // EC-274 (re-scopes EC-217): a singleton is a UI lens, not a fixed id. Resolve
     // the collection's lone document and return its ref; if none exists yet, create
     // one with a NORMAL generated id (never the collection id — no code ever names a
@@ -391,14 +355,20 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
             ...(publishedVersion !== undefined ? { publishedVersion } : {}),
         };
     }, [projectId]);
-    const restoreDocumentVersion = useCallback(async (ref, version) => {
+    const restoreDocumentVersion = useCallback(async (ref, version, scope) => {
         if (projectId === undefined)
             return null;
         // Land any queued edits before the restore reads the current draft to
-        // snapshot it (same ordering contract as commitFieldEdit/runBulk).
+        // snapshot it (same ordering contract as commitFieldEdit/runBulk). This is
+        // what makes a granular (field/block) restore merge over the LATEST draft.
         await persisterRef.current?.ensureBaseline();
         const { operations } = await getStudioOperations();
-        const result = await operations.documents.restore({ projectId, ref, version });
+        const result = await operations.documents.restore({
+            projectId,
+            ref,
+            version,
+            ...(scope ? { scope } : {}),
+        });
         if (!result.ok) {
             setPersistError(result.error);
             return null;
@@ -476,41 +446,20 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         return report;
     }, [registry, documents, localeConfig, assetExists]);
     const isFieldReadOnly = useCallback((field) => field.form?.readOnly === true, []);
-    // --- Saved views (EC-169) -------------------------------------------------
-    // Load the project's persisted views once (operations query). Views saved by
-    // other editors/sessions on the same project show up here.
-    useEffect(() => {
-        if (projectId === undefined)
-            return;
-        let cancelled = false;
-        void getStudioOperations()
-            .then(({ operations }) => loadSavedViews(operations, projectId))
-            .then((result) => {
-            if (cancelled)
-                return;
-            if (!result.ok) {
-                setPersistError(result.error);
-                return;
-            }
-            const grouped = {};
-            for (const record of result.value) {
-                ;
-                (grouped[record.collection] ??= []).push({
-                    id: record.id,
-                    name: record.name,
-                    state: record.state,
-                });
-            }
-            setSavedViews(grouped);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [projectId]);
-    const viewsOf = useCallback((collectionId) => [
-        defaultView(registry.get(collectionId)),
-        ...(savedViews[collectionId] ?? []),
-    ], [registry, savedViews]);
+    // --- Views (EC-246b: config-as-code) --------------------------------------
+    const viewsOf = useCallback((collectionId) => {
+        // The built-in default plus the collection's config-declared views (EC-246b).
+        // Views are PRESENTATION, read live from elytra.config.ts (AD-11) — not the
+        // persisted content schema the session booted from — so they reflect code
+        // immediately without a re-seed (the persisted schema is only baselined on
+        // first run). The EC-169 DB saved-view store is retired: shared views are
+        // code, editors keep only transient in-session tweaks + Reset.
+        const configCollection = resolveDeploymentCollections().find((c) => c.id === collectionId);
+        return [
+            defaultView(registry.get(collectionId)),
+            ...(configCollection ? configViewsFor(configCollection) : []),
+        ];
+    }, [registry]);
     const activeViewOf = useCallback((collectionId) => {
         const id = activeViews[collectionId] ?? ALL_VIEW_ID;
         return (viewsOf(collectionId).find((view) => view.id === id) ??
@@ -530,82 +479,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         setActiveViews((prev) => ({ ...prev, [collectionId]: viewId }));
         dropTableState(collectionId);
     }, [dropTableState]);
-    /**
-     * Run one persisted view mutation: pending content mutations + the persisted
-     * baseline land first (so the system collection never pre-empts the content
-     * schema), then exactly one operations command. Failures surface as
-     * `persistError` and report `false` — the session is only updated on success.
-     */
-    const dispatchViewMutation = useCallback(async (run) => {
-        if (projectId === undefined)
-            return true; // fixture-only session: views stay session-local
-        await persisterRef.current?.ensureBaseline();
-        const { operations } = await getStudioOperations();
-        const result = await run(operations, projectId);
-        if (!result.ok) {
-            setPersistError(result.error);
-            return false;
-        }
-        return true;
-    }, [projectId]);
-    const saveViewAs = useCallback(async (collectionId, name) => {
-        const trimmed = name.trim();
-        if (trimmed === '')
-            return false;
-        const id = newViewId();
-        const state = normalizeViewState(tableStateOf(collectionId));
-        const ok = await dispatchViewMutation((operations, pid) => saveSavedView(operations, pid, { id, name: trimmed, collection: collectionId, state }));
-        if (!ok)
-            return false;
-        setSavedViews((prev) => ({
-            ...prev,
-            [collectionId]: [...(prev[collectionId] ?? []), { id, name: trimmed, state }],
-        }));
-        setActiveViews((prev) => ({ ...prev, [collectionId]: id }));
-        dropTableState(collectionId);
-        return true;
-    }, [dispatchViewMutation, tableStateOf, dropTableState]);
-    const saveActiveView = useCallback(async (collectionId) => {
-        const activeId = activeViews[collectionId] ?? ALL_VIEW_ID;
-        if (activeId === ALL_VIEW_ID)
-            return false; // the default view is not persistable
-        const current = (savedViews[collectionId] ?? []).find((view) => view.id === activeId);
-        if (!current)
-            return false;
-        const state = normalizeViewState(tableStateOf(collectionId));
-        const ok = await dispatchViewMutation((operations, pid) => saveSavedView(operations, pid, {
-            id: activeId,
-            name: current.name,
-            collection: collectionId,
-            state,
-        }));
-        if (!ok)
-            return false;
-        setSavedViews((prev) => ({
-            ...prev,
-            [collectionId]: (prev[collectionId] ?? []).map((view) => view.id === activeId ? { ...view, state } : view),
-        }));
-        dropTableState(collectionId);
-        return true;
-    }, [activeViews, savedViews, dispatchViewMutation, tableStateOf, dropTableState]);
-    const deleteView = useCallback(async (collectionId, viewId) => {
-        if (viewId === ALL_VIEW_ID)
-            return false;
-        // One documents.delete against the views system collection — content
-        // documents are untouched by construction.
-        const ok = await dispatchViewMutation((operations, pid) => deleteSavedView(operations, pid, viewId));
-        if (!ok)
-            return false;
-        setSavedViews((prev) => ({
-            ...prev,
-            [collectionId]: (prev[collectionId] ?? []).filter((view) => view.id !== viewId),
-        }));
-        if ((activeViews[collectionId] ?? ALL_VIEW_ID) === viewId) {
-            setActiveViews((prev) => ({ ...prev, [collectionId]: ALL_VIEW_ID }));
-            dropTableState(collectionId);
-        }
-        return true;
-    }, [dispatchViewMutation, activeViews, dropTableState]);
     // --- Bulk actions (EC-169) ------------------------------------------------
     const runBulk = useCallback(async (collectionId, ids, action, setField) => {
         const collection = registry.get(collectionId);
@@ -698,7 +571,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         saveDocument,
         commitFieldEdit,
         createDocument,
-        createPage,
         ensureSingletonDocument,
         deleteDocument,
         isPublished,
@@ -731,9 +603,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
             return !viewStatesEqual(canonicalViewState(collection, working), canonicalViewState(collection, active));
         },
         resetTableState: dropTableState,
-        saveActiveView,
-        saveViewAs,
-        deleteView,
         runBulk,
         addCollection: (def) => setCollections((prev) => [...prev.filter((c) => c.id !== def.id), def]),
         persistError,
@@ -752,7 +621,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         saveDocument,
         commitFieldEdit,
         createDocument,
-        createPage,
         ensureSingletonDocument,
         deleteDocument,
         isPublished,
@@ -770,9 +638,6 @@ export function CmsProvider({ children, projectId, initialCollections, initialDo
         tableStateOf,
         setActiveView,
         dropTableState,
-        saveActiveView,
-        saveViewAs,
-        deleteView,
         runBulk,
         registry,
         persistError,