@elytracms/studio 0.0.18 → 0.0.20

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

@@ -1,9 +1,14 @@
 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 { ChevronDown, ChevronUp, Crosshair, GripVertical, Link2, Pencil, Plus, Trash2, Upload, X } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
 import { BUILTIN_FIELD_CONTROLS, 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 { cn } from '@elytracms/studio/lib/utils';
 import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection';
+import { useOptionalAssets } from '../assets/assets-store';
+import { AssetThumb, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb';
+import { newlyAddedAssetIds } from '../assets/focal-point';
 import { fieldLabel, useCms } from './cms-store';
 import { useOptionalDocumentEditor } from './document-editor-context';
 import { toRefArray } from './cell';
@@ -57,6 +62,11 @@ function BuiltInFieldControl({ field, value, onChange, readOnly, id }) {
                         return (_jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [_jsx("input", { type: "checkbox", checked: on, disabled: readOnly, onChange: () => onChange(on ? selected.filter((v) => v !== opt.value) : [...selected, opt.value]), className: "size-4 accent-primary" }), opt.label ?? opt.value] }, opt.value));
                     }) }));
             }
+            // EC-295: the `options` control renders a small fixed enumeration as inline
+            // segmented buttons instead of the dropdown (single-select only).
+            if (field.form?.control === 'options') {
+                return (_jsx(SegmentedOptions, { field: field, value: value, onChange: onChange, readOnly: readOnly, id: id }));
+            }
             return (_jsxs(Select, { id: id, disabled: readOnly, value: typeof value === 'string' ? value : '', onChange: (e) => onChange(e.target.value || undefined), children: [_jsx("option", { value: "", children: "\u2014" }), field.options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label ?? opt.value }, opt.value)))] }));
         case 'richText':
             return (_jsx("textarea", { id: id, rows: 4, disabled: readOnly, value: typeof value === 'string' ? value : '', onChange: (e) => onChange(e.target.value || undefined), 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" }));
@@ -70,11 +80,73 @@ function BuiltInFieldControl({ field, value, onChange, readOnly, id }) {
             return (_jsx(Input, { id: id, disabled: readOnly, value: typeof value === 'string' ? value : '', onChange: (e) => onChange(e.target.value || undefined) }));
     }
 }
+/**
+ * EC-295: the `options` control — a `select` shown as inline segmented buttons
+ * (`[[Page]] [URL] [File]`) instead of a dropdown. Engine built-in (no consumer
+ * registration); single-select only. Each option shows `label ?? value` and a
+ * `title` tooltip from the option's `description`; the field `default` + `readOnly`
+ * flow through the shared form. Picks one — to allow an empty/unset value use the
+ * default dropdown control.
+ */
+export function SegmentedOptions({ field, value, onChange, readOnly, id, }) {
+    const current = typeof value === 'string' ? value : '';
+    return (_jsx(Row, { gap: "1", wrap: true, role: "radiogroup", id: id, "aria-label": fieldLabel(field), children: field.options.map((opt) => {
+            const active = current === opt.value;
+            return (_jsx(Button, { type: "button", variant: active ? 'default' : 'outline', size: "sm", role: "radio", "aria-checked": active, title: opt.description, disabled: readOnly, onClick: () => onChange(opt.value), children: opt.label ?? opt.value }, opt.value));
+        }) }));
+}
 function asRecord(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value)
         ? value
         : {};
 }
+/**
+ * Move `from` → `to`, returning a NEW array (all elements preserved). The repeater
+ * applies the same `(from, to)` to its value array AND its parallel stable-key array,
+ * so the two stay aligned through a reorder — a row's child/DOM state (an open
+ * relation/asset picker, focus) never mis-associates (EC-253 C2, EC-294).
+ */
+export function reorder(list, from, to) {
+    const next = list.slice();
+    const [moved] = next.splice(from, 1);
+    if (moved !== undefined)
+        next.splice(to, 0, moved);
+    return next;
+}
+const SUMMARY_PREFERRED_FIELDS = ['title', 'label', 'name', 'heading', 'text', 'linkType'];
+/**
+ * A scannable one-line summary for a collapsed repeater item (EC-294): the first
+ * meaningful scalar subfield value — preferring title-ish field names — else `#n`.
+ * Pure (no store): summarises from the item's own scalar values, so it works for
+ * any object shape without resolving relations/assets.
+ */
+export function objectItemSummary(fields, item, index) {
+    const scalar = (name) => {
+        const v = item[name];
+        if (typeof v === 'string' && v.trim())
+            return v.trim();
+        if (typeof v === 'number' || typeof v === 'boolean')
+            return String(v);
+        return null;
+    };
+    const names = fields.map((f) => f.name);
+    for (const name of SUMMARY_PREFERRED_FIELDS) {
+        if (names.includes(name)) {
+            const s = scalar(name);
+            if (s)
+                return truncateSummary(s);
+        }
+    }
+    for (const name of names) {
+        const s = scalar(name);
+        if (s)
+            return truncateSummary(s);
+    }
+    return `#${index + 1}`;
+}
+function truncateSummary(s, max = 60) {
+    return s.length > max ? `${s.slice(0, max - 1)}…` : s;
+}
 /**
  * The nested subfield form for one object item (EC-253). Reuses {@link FieldControl}
  * recursively, so any subfield type — including a nested object/repeater — works for
@@ -106,7 +178,7 @@ function ObjectItemForm({ fields, value, onChange, readOnly, idPrefix, }) {
  */
 function ObjectField({ field, value, onChange, readOnly, id, }) {
     if (field.cardinality !== 'many') {
-        return (_jsx(Card, { className: "p-3", children: _jsx(ObjectItemForm, { fields: field.fields, value: asRecord(value), readOnly: readOnly, idPrefix: id, onChange: onChange }) }));
+        return (_jsx(Card, { className: "border-l-2 border-l-border p-3", children: _jsx(ObjectItemForm, { fields: field.fields, value: asRecord(value), readOnly: readOnly, idPrefix: id, onChange: onChange }) }));
     }
     const items = Array.isArray(value) ? value : [];
     // Stable React keys for the value-only items (they carry no intrinsic id). Index
@@ -124,17 +196,9 @@ function ObjectField({ field, value, onChange, readOnly, id, }) {
         keysRef.current = nextKeys;
         onChange(nextItems);
     };
-    const move = (from, to) => {
-        const nextItems = items.slice();
-        const [movedItem] = nextItems.splice(from, 1);
-        const nextKeys = keys.slice();
-        const [movedKey] = nextKeys.splice(from, 1);
-        if (movedItem && movedKey !== undefined) {
-            nextItems.splice(to, 0, movedItem);
-            nextKeys.splice(to, 0, movedKey);
-        }
-        commit(nextItems, nextKeys);
-    };
+    // The same (from,to) drives both the value array AND the parallel key array, so
+    // they stay aligned through a reorder (EC-253 C2 / EC-294).
+    const move = (from, to) => commit(reorder(items, from, to), reorder(keys, from, to));
     const removeAt = (i) => commit(items.filter((_, j) => j !== i), keys.filter((_, j) => j !== i));
     const addItem = () => {
         const seed = {};
@@ -148,13 +212,56 @@ function ObjectField({ field, value, onChange, readOnly, id, }) {
         nextItems[i] = updated;
         commit(nextItems, keys);
     };
-    return (_jsxs(Stack, { gap: "2", children: [items.length === 0 ? (_jsx(Text, { size: "sm", tone: "subtle", children: "No items" })) : (items.map((item, i) => (_jsxs(Card, { className: "p-3", children: [_jsxs(Row, { gap: "2", children: [_jsxs(Text, { size: "sm", tone: "muted", children: ["#", i + 1] }), _jsx(Spacer, {}), !readOnly ? (_jsxs(Row, { gap: "1", children: [_jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Move up", disabled: i === 0, onClick: () => move(i, i - 1), children: _jsx(ChevronUp, { className: "size-3" }) }), _jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Move down", disabled: i === items.length - 1, onClick: () => move(i, i + 1), children: _jsx(ChevronDown, { className: "size-3" }) }), _jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Remove item", onClick: () => removeAt(i), children: _jsx(Trash2, { className: "size-3" }) })] })) : null] }), _jsx(ObjectItemForm, { fields: field.fields, value: asRecord(item), readOnly: readOnly, idPrefix: `${id}-${i}`, onChange: (updated) => setItem(i, updated) })] }, keys[i])))), !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: addItem, children: [_jsx(Plus, { className: "size-3" }), " Add item"] })) : null] }));
+    // EC-294: per-item collapse (ephemeral disclosure state keyed by the stable key —
+    // not persisted) + native drag-to-reorder. ▲/▼ stay as the keyboard/a11y fallback.
+    const [collapsedKeys, setCollapsedKeys] = useState(() => new Set());
+    const toggleCollapsed = (key) => setCollapsedKeys((prev) => {
+        const next = new Set(prev);
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        return next;
+    });
+    const allCollapsed = items.length > 0 && keys.every((k) => collapsedKeys.has(k));
+    const [dragIndex, setDragIndex] = useState(null);
+    const [overIndex, setOverIndex] = useState(null);
+    const endDrag = () => {
+        setDragIndex(null);
+        setOverIndex(null);
+    };
+    const drop = (to) => {
+        if (dragIndex !== null && dragIndex !== to)
+            move(dragIndex, to);
+        endDrag();
+    };
+    return (_jsxs(Stack, { gap: "2", children: [items.length > 1 && !readOnly ? (_jsx(Row, { justify: "end", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCollapsedKeys(allCollapsed ? new Set() : new Set(keys)), children: allCollapsed ? 'Expand all' : 'Collapse all' }) })) : null, items.length === 0 ? (_jsx(Text, { size: "sm", tone: "subtle", children: "No items" })) : (items.map((item, i) => {
+                // keysRef is reconciled to items.length above, so keys[i] is always present;
+                // `?? i` only satisfies noUncheckedIndexedAccess (never taken at runtime).
+                const key = keys[i] ?? i;
+                const record = asRecord(item);
+                const isCollapsed = collapsedKeys.has(key);
+                return (_jsxs(Card, { onDragOver: (e) => {
+                        if (dragIndex === null)
+                            return;
+                        e.preventDefault();
+                        if (overIndex !== i)
+                            setOverIndex(i);
+                    }, onDrop: () => drop(i), className: cn('border-l-2 border-l-border p-0', dragIndex === i ? 'opacity-50' : '', overIndex === i && dragIndex !== null && dragIndex !== i
+                        ? 'border-l-primary ring-1 ring-primary/40'
+                        : ''), children: [_jsxs(Row, { className: "select-none border-b border-border/60 bg-muted/30 px-2 py-1.5", children: [!readOnly ? (_jsx("span", { draggable: true, onDragStart: (e) => {
+                                        e.dataTransfer.effectAllowed = 'move';
+                                        e.dataTransfer.setData('text/plain', String(i));
+                                        setDragIndex(i);
+                                    }, onDragEnd: endDrag, "aria-label": "Drag to reorder", className: "cursor-grab text-muted-foreground/50 hover:text-muted-foreground active:cursor-grabbing", children: _jsx(GripVertical, { className: "size-3.5" }) })) : null, _jsxs("button", { type: "button", onClick: () => toggleCollapsed(key), "aria-expanded": !isCollapsed, className: "flex min-w-0 flex-1 items-center gap-1.5 text-left", children: [_jsx(ChevronDown, { className: cn('size-3.5 shrink-0 text-muted-foreground transition-transform', isCollapsed ? '-rotate-90' : ''), "aria-hidden": true }), _jsx(Text, { size: "sm", className: "min-w-0 truncate font-medium", children: objectItemSummary(field.fields, record, i) })] }), !readOnly ? (_jsxs(Row, { gap: "1", children: [_jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Move up", disabled: i === 0, onClick: () => move(i, i - 1), children: _jsx(ChevronUp, { className: "size-3" }) }), _jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Move down", disabled: i === items.length - 1, onClick: () => move(i, i + 1), children: _jsx(ChevronDown, { className: "size-3" }) }), _jsx(Button, { variant: "ghost", size: "sm", "aria-label": "Remove item", onClick: () => removeAt(i), children: _jsx(Trash2, { className: "size-3" }) })] })) : null] }), !isCollapsed ? (_jsx("div", { className: "px-3 pb-3", children: _jsx(ObjectItemForm, { fields: field.fields, value: record, readOnly: readOnly, idPrefix: `${id}-${i}`, onChange: (updated) => setItem(i, updated) }) })) : null] }, key));
+            })), !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: addItem, children: [_jsx(Plus, { className: "size-3" }), " Add item"] })) : null] }));
 }
 function RelationField({ field, value, onChange, readOnly, }) {
     const cms = useCms();
     const editor = useOptionalDocumentEditor();
     const [open, setOpen] = useState(false);
     const refs = toRefArray(value);
+    const projectId = cms.projectId;
     // EC-218: for the editing document's `parent` self-relation, exclude the
     // document itself and its descendants from the picker — choosing one would make
     // the page its own ancestor (a cycle). Only applies to the parent field of a
@@ -172,15 +279,107 @@ function RelationField({ field, value, onChange, readOnly, }) {
     function apply(next) {
         onChange(field.cardinality === 'many' ? next : (next[0] ?? undefined));
     }
-    return (_jsxs(Row, { gap: "2", wrap: true, children: [refs.map((ref, i) => (_jsxs(Badge, { variant: "info", children: [_jsx(Link2, { className: "size-3" }), " ", cms.titleOf(ref), !readOnly ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => apply(refs.filter((r) => r.id !== ref.id)), className: "ml-1 hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }, `${ref.id}-${i}`))), !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Pencil, {}), " ", refs.length > 0 ? 'Change' : 'Pick'] })) : null, _jsx(RelationPicker, { targetCollection: field.target, cardinality: field.cardinality, value: refs, open: open, onOpenChange: setOpen, onChange: apply, excludeIds: excludeIds })] }));
+    return (_jsxs(Row, { gap: "2", wrap: true, children: [refs.map((ref, i) => {
+                // EC-296: the relation title navigates to the referenced document (autosave
+                // keeps the current edit safe). Without a projectId (no persistence, e.g.
+                // fixtures) it stays plain text.
+                const title = cms.titleOf(ref);
+                return (_jsxs(Badge, { variant: "info", children: [projectId ? (_jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: studioPath.cmsDocument(ref.collection, ref.id) }, title: `Open ${title}`, className: "inline-flex items-center gap-1 hover:underline", children: [_jsx(Link2, { className: "size-3" }), " ", title] })) : (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Link2, { className: "size-3" }), " ", title] })), !readOnly ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => apply(refs.filter((r) => r.id !== ref.id)), className: "ml-1 hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }, `${ref.id}-${i}`));
+            }), !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Pencil, {}), " ", refs.length > 0 ? 'Change' : 'Pick'] })) : null, _jsx(RelationPicker, { targetCollection: field.target, cardinality: field.cardinality, value: refs, open: open, onOpenChange: setOpen, onChange: apply, excludeIds: excludeIds })] }));
 }
+/** Translate a field's `accept` list into the file input's `accept` attribute. */
+function acceptAttr(accept) {
+    if (!accept || accept.length === 0)
+        return undefined;
+    // The field vocabulary is a coarse kind list (`image`, `file`); map the common
+    // `image` kind to the MIME wildcard the browser file dialog filters on.
+    return accept.map((a) => (a === 'image' ? 'image/*' : a)).join(',');
+}
+/**
+ * The asset field (EC-152 + EC-248). Beyond picking from the library it now shows
+ * a focal-point-aware preview, uploads directly from the field (reusing the EC-152
+ * upload path — no parallel uploader), and edits the selected image's alt + focal
+ * point inline (persisted on the asset document, where delivery reads them, EC-230).
+ * With no `<AssetsProvider>` (fixtures/playground) it degrades to the labelled-badge
+ * picker — no preview/upload — so it stays usable without a real library.
+ */
 function AssetField({ field, value, onChange, readOnly, }) {
     const cms = useCms();
+    const assets = useOptionalAssets();
     const [open, setOpen] = useState(false);
+    const [editing, setEditing] = useState(false);
+    const fileInputRef = useRef(null);
+    // Asset ids known when an upload-from-field started; the effect below diffs the
+    // library against it to learn the new id (the `upload()` API returns nothing).
+    const pendingRef = useRef(null);
     const assetCollectionId = cms.collections.find((c) => c.kind === 'asset')?.id ?? 'asset';
     const many = field.cardinality === 'many';
     const ids = many ? assetIdsOf(value) : [];
     const single = !many ? singleAssetIdOf(value) : null;
-    return (_jsxs(Row, { gap: "2", wrap: true, children: [many ? (ids.length > 0 ? (ids.map((aid, i) => (_jsxs(Badge, { variant: "outline", children: [_jsx(Image, { className: "size-3" }), " ", cms.titleOf({ collection: assetCollectionId, id: aid }), !readOnly ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: () => onChange(ids.filter((x) => x !== aid)), className: "ml-1 hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }, `${aid}-${i}`)))) : (_jsx(Text, { size: "sm", tone: "subtle", children: "No assets" }))) : single ? (_jsxs(Badge, { variant: "outline", children: [_jsx(Image, { className: "size-3" }), " ", cms.titleOf({ collection: assetCollectionId, id: single })] })) : (_jsx(Text, { size: "sm", tone: "subtle", children: "No asset" })), _jsx(Spacer, {}), field.accept && field.accept.length > 0 ? (_jsxs(Code, { tone: "muted", children: ["accepts ", field.accept.join(', ')] })) : null, !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Pencil, {}), " ", many ? 'Add' : single ? 'Change' : 'Pick'] })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, onChange: (next) => onChange(applyAssetSelection(value, next, field.cardinality)) })] }));
+    const libraryIds = useMemo(() => (assets?.status === 'ready' ? assets.assets.map((a) => a.id) : []), [assets]);
+    // Auto-select an asset uploaded FROM this field once it lands in the library.
+    useEffect(() => {
+        if (!pendingRef.current)
+            return;
+        const added = newlyAddedAssetIds(pendingRef.current, libraryIds);
+        if (added.length === 0)
+            return;
+        pendingRef.current = null;
+        if (many)
+            onChange([...ids, ...added]);
+        else
+            onChange(applyAssetSelection(value, added[0], 'one'));
+        // Reacts to the library set growing (an upload landing), not to unrelated
+        // value edits — `ids`/`value`/`onChange` are read from the closure on purpose.
+    }, [libraryIds, ids, many, onChange, value]);
+    function pickFiles() {
+        fileInputRef.current?.click();
+    }
+    function onFiles(e) {
+        const files = e.target.files;
+        if (!assets || !files || files.length === 0)
+            return;
+        pendingRef.current = new Set(libraryIds);
+        assets.upload(Array.from(files));
+        e.target.value = ''; // allow re-uploading the same file
+    }
+    const canUpload = !readOnly && assets !== null;
+    return (_jsxs(Stack, { gap: "2", children: [_jsxs(Row, { gap: "2", wrap: true, align: "center", children: [many ? (ids.length > 0 ? (ids.map((aid, i) => (_jsx(AssetChip, { assetId: aid, collectionId: assetCollectionId, onRemove: readOnly ? undefined : () => onChange(ids.filter((x) => x !== aid)) }, `${aid}-${i}`)))) : (_jsx(Text, { size: "sm", tone: "subtle", children: "No assets" }))) : single ? (_jsx(AssetChip, { assetId: single, collectionId: assetCollectionId })) : (_jsx(Text, { size: "sm", tone: "subtle", children: "No asset" })), _jsx(Spacer, {}), field.accept && field.accept.length > 0 ? (_jsxs(Code, { tone: "muted", children: ["accepts ", field.accept.join(', ')] })) : null, !readOnly ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Pencil, {}), " ", many ? 'Add' : single ? 'Change' : 'Pick'] })) : null, canUpload ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: pickFiles, children: [_jsx(Upload, {}), " Upload"] })) : null, _jsx("input", { ref: fileInputRef, type: "file", multiple: many, accept: acceptAttr(field.accept), onChange: onFiles, className: "hidden" })] }), !many && single && assets ? (_jsxs(Stack, { gap: "2", children: [!readOnly ? (_jsx(Row, { gap: "2", children: _jsxs(Button, { variant: "ghost", size: "sm", "aria-expanded": editing, onClick: () => setEditing((v) => !v), children: [_jsx(Crosshair, {}), " ", editing ? 'Hide image settings' : 'Image settings'] }) })) : null, editing ? _jsx(AssetMetaEditor, { assetId: single, readOnly: readOnly }) : null] })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, onChange: (next) => onChange(applyAssetSelection(value, next, field.cardinality)) })] }));
+}
+/** A single asset reference: focal-aware thumbnail + title, with an optional remove. */
+function AssetChip({ assetId, collectionId, onRemove, }) {
+    const cms = useCms();
+    const record = useAssetRecord(assetId);
+    const title = cms.titleOf({ collection: collectionId, id: assetId });
+    return (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5 rounded border border-border bg-muted/40 py-0.5 pl-0.5 pr-2", children: [_jsx(AssetThumb, { record: record, alt: title, className: "size-7" }), _jsx(Text, { size: "xs", tone: "subtle", className: "max-w-[10rem] truncate", children: title }), onRemove ? (_jsx("button", { type: "button", "aria-label": "Remove", onClick: onRemove, className: "hover:text-destructive", children: _jsx(X, { className: "size-3" }) })) : null] }));
+}
+/**
+ * Inline editor for a selected image's authoring metadata (EC-248): the focal
+ * point (click-to-place over the preview) and alt text, both persisted on the
+ * asset document via the EC-152 metadata path. Alt commits on blur; the focal
+ * point commits per placement. No-ops without a mounted asset library.
+ */
+function AssetMetaEditor({ assetId, readOnly }) {
+    const assets = useOptionalAssets();
+    const record = useAssetRecord(assetId);
+    const [alt, setAlt] = useState(record?.alt ?? '');
+    const recordAlt = record?.alt ?? '';
+    // Re-seed the local buffer when the underlying asset (or its stored alt) changes.
+    useEffect(() => {
+        setAlt(recordAlt);
+    }, [assetId, recordAlt]);
+    if (!assets)
+        return null;
+    function commitFocal(point) {
+        if (readOnly)
+            return;
+        void assets.updateMetadata(assetId, { focalPoint: point });
+    }
+    function commitAlt() {
+        if (readOnly || alt === recordAlt)
+            return;
+        void assets.updateMetadata(assetId, { alt });
+    }
+    return (_jsxs(Stack, { gap: "2", className: "rounded-md border border-border bg-muted/30 p-3", children: [_jsx(Field, { label: "Focal point", hint: "Click the image to set the focal point used when it\u2019s cropped.", children: _jsx(FocalPointPicker, { record: record, point: record?.focalPoint, onChange: commitFocal, disabled: readOnly }) }), record?.focalPoint && !readOnly ? (_jsx(Row, { children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => commitFocal(null), children: "Reset to centre" }) })) : null, _jsx(Field, { label: "Alt text", hint: "Describes the image for screen readers and search.", children: _jsx(Input, { value: alt, readOnly: readOnly, onChange: (e) => setAlt(e.target.value), onBlur: commitAlt, placeholder: "Describe this image\u2026" }) })] }));
 }
 //# sourceMappingURL=field-control.js.map

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 { 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"]}
+{"version":3,"file":"field-control.js","sourceRoot":"","sources":["../../../src/components/cms/field-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChevronDown, ChevronUp, Crosshair, GripVertical, Link2, Pencil, Plus, Trash2, Upload, X } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport type {\n  AssetFieldDef,\n  DocumentRef,\n  FieldDef,\n  ObjectFieldDef,\n  RelationFieldDef,\n  SelectFieldDef,\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 { cn } from '@elytracms/studio/lib/utils'\nimport { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { AssetThumb, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb'\nimport { newlyAddedAssetIds } from '../assets/focal-point'\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      // EC-295: the `options` control renders a small fixed enumeration as inline\n      // segmented buttons instead of the dropdown (single-select only).\n      if (field.form?.control === 'options') {\n        return (\n          <SegmentedOptions field={field} value={value} onChange={onChange} readOnly={readOnly} id={id} />\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\n/**\n * EC-295: the `options` control — a `select` shown as inline segmented buttons\n * (`[[Page]] [URL] [File]`) instead of a dropdown. Engine built-in (no consumer\n * registration); single-select only. Each option shows `label ?? value` and a\n * `title` tooltip from the option's `description`; the field `default` + `readOnly`\n * flow through the shared form. Picks one — to allow an empty/unset value use the\n * default dropdown control.\n */\nexport function SegmentedOptions({\n  field,\n  value,\n  onChange,\n  readOnly,\n  id,\n}: {\n  field: SelectFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}) {\n  const current = typeof value === 'string' ? value : ''\n  return (\n    <Row gap=\"1\" wrap role=\"radiogroup\" id={id} aria-label={fieldLabel(field)}>\n      {field.options.map((opt) => {\n        const active = current === opt.value\n        return (\n          <Button\n            key={opt.value}\n            type=\"button\"\n            variant={active ? 'default' : 'outline'}\n            size=\"sm\"\n            role=\"radio\"\n            aria-checked={active}\n            title={opt.description}\n            disabled={readOnly}\n            onClick={() => onChange(opt.value)}\n          >\n            {opt.label ?? opt.value}\n          </Button>\n        )\n      })}\n    </Row>\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 * Move `from` → `to`, returning a NEW array (all elements preserved). The repeater\n * applies the same `(from, to)` to its value array AND its parallel stable-key array,\n * so the two stay aligned through a reorder — a row's child/DOM state (an open\n * relation/asset picker, focus) never mis-associates (EC-253 C2, EC-294).\n */\nexport function reorder<T>(list: readonly T[], from: number, to: number): T[] {\n  const next = list.slice()\n  const [moved] = next.splice(from, 1)\n  if (moved !== undefined) next.splice(to, 0, moved)\n  return next\n}\n\nconst SUMMARY_PREFERRED_FIELDS = ['title', 'label', 'name', 'heading', 'text', 'linkType']\n\n/**\n * A scannable one-line summary for a collapsed repeater item (EC-294): the first\n * meaningful scalar subfield value — preferring title-ish field names — else `#n`.\n * Pure (no store): summarises from the item's own scalar values, so it works for\n * any object shape without resolving relations/assets.\n */\nexport function objectItemSummary(\n  fields: readonly { name: string }[],\n  item: Record<string, unknown>,\n  index: number,\n): string {\n  const scalar = (name: string): string | null => {\n    const v = item[name]\n    if (typeof v === 'string' && v.trim()) return v.trim()\n    if (typeof v === 'number' || typeof v === 'boolean') return String(v)\n    return null\n  }\n  const names = fields.map((f) => f.name)\n  for (const name of SUMMARY_PREFERRED_FIELDS) {\n    if (names.includes(name)) {\n      const s = scalar(name)\n      if (s) return truncateSummary(s)\n    }\n  }\n  for (const name of names) {\n    const s = scalar(name)\n    if (s) return truncateSummary(s)\n  }\n  return `#${index + 1}`\n}\n\nfunction truncateSummary(s: string, max = 60): string {\n  return s.length > max ? `${s.slice(0, max - 1)}…` : s\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=\"border-l-2 border-l-border 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  // The same (from,to) drives both the value array AND the parallel key array, so\n  // they stay aligned through a reorder (EC-253 C2 / EC-294).\n  const move = (from: number, to: number) => commit(reorder(items, from, to), reorder(keys, from, to))\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  // EC-294: per-item collapse (ephemeral disclosure state keyed by the stable key —\n  // not persisted) + native drag-to-reorder. ▲/▼ stay as the keyboard/a11y fallback.\n  const [collapsedKeys, setCollapsedKeys] = useState<ReadonlySet<number>>(() => new Set())\n  const toggleCollapsed = (key: number) =>\n    setCollapsedKeys((prev) => {\n      const next = new Set(prev)\n      if (next.has(key)) next.delete(key)\n      else next.add(key)\n      return next\n    })\n  const allCollapsed = items.length > 0 && keys.every((k) => collapsedKeys.has(k))\n  const [dragIndex, setDragIndex] = useState<number | null>(null)\n  const [overIndex, setOverIndex] = useState<number | null>(null)\n  const endDrag = () => {\n    setDragIndex(null)\n    setOverIndex(null)\n  }\n  const drop = (to: number) => {\n    if (dragIndex !== null && dragIndex !== to) move(dragIndex, to)\n    endDrag()\n  }\n\n  return (\n    <Stack gap=\"2\">\n      {items.length > 1 && !readOnly ? (\n        <Row justify=\"end\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setCollapsedKeys(allCollapsed ? new Set() : new Set(keys))}\n          >\n            {allCollapsed ? 'Expand all' : 'Collapse all'}\n          </Button>\n        </Row>\n      ) : null}\n      {items.length === 0 ? (\n        <Text size=\"sm\" tone=\"subtle\">\n          No items\n        </Text>\n      ) : (\n        items.map((item, i) => {\n          // keysRef is reconciled to items.length above, so keys[i] is always present;\n          // `?? i` only satisfies noUncheckedIndexedAccess (never taken at runtime).\n          const key = keys[i] ?? i\n          const record = asRecord(item)\n          const isCollapsed = collapsedKeys.has(key)\n          return (\n            <Card\n              key={key}\n              onDragOver={(e) => {\n                if (dragIndex === null) return\n                e.preventDefault()\n                if (overIndex !== i) setOverIndex(i)\n              }}\n              onDrop={() => drop(i)}\n              className={cn(\n                'border-l-2 border-l-border p-0',\n                dragIndex === i ? 'opacity-50' : '',\n                overIndex === i && dragIndex !== null && dragIndex !== i\n                  ? 'border-l-primary ring-1 ring-primary/40'\n                  : '',\n              )}\n            >\n              <Row className=\"select-none border-b border-border/60 bg-muted/30 px-2 py-1.5\">\n                {!readOnly ? (\n                  <span\n                    draggable\n                    onDragStart={(e) => {\n                      e.dataTransfer.effectAllowed = 'move'\n                      e.dataTransfer.setData('text/plain', String(i))\n                      setDragIndex(i)\n                    }}\n                    onDragEnd={endDrag}\n                    aria-label=\"Drag to reorder\"\n                    className=\"cursor-grab text-muted-foreground/50 hover:text-muted-foreground active:cursor-grabbing\"\n                  >\n                    <GripVertical className=\"size-3.5\" />\n                  </span>\n                ) : null}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleCollapsed(key)}\n                  aria-expanded={!isCollapsed}\n                  className=\"flex min-w-0 flex-1 items-center gap-1.5 text-left\"\n                >\n                  <ChevronDown\n                    className={cn(\n                      'size-3.5 shrink-0 text-muted-foreground transition-transform',\n                      isCollapsed ? '-rotate-90' : '',\n                    )}\n                    aria-hidden\n                  />\n                  <Text size=\"sm\" className=\"min-w-0 truncate font-medium\">\n                    {objectItemSummary(field.fields, record, i)}\n                  </Text>\n                </button>\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 variant=\"ghost\" size=\"sm\" aria-label=\"Remove item\" onClick={() => removeAt(i)}>\n                      <Trash2 className=\"size-3\" />\n                    </Button>\n                  </Row>\n                ) : null}\n              </Row>\n              {!isCollapsed ? (\n                <div className=\"px-3 pb-3\">\n                  <ObjectItemForm\n                    fields={field.fields}\n                    value={record}\n                    readOnly={readOnly}\n                    idPrefix={`${id}-${i}`}\n                    onChange={(updated) => setItem(i, updated)}\n                  />\n                </div>\n              ) : null}\n            </Card>\n          )\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  const projectId = cms.projectId\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        // EC-296: the relation title navigates to the referenced document (autosave\n        // keeps the current edit safe). Without a projectId (no persistence, e.g.\n        // fixtures) it stays plain text.\n        const title = cms.titleOf(ref)\n        return (\n          <Badge key={`${ref.id}-${i}`} variant=\"info\">\n            {projectId ? (\n              <Link\n                to={STUDIO_PROJECT_ROUTE}\n                params={{ projectId, _splat: studioPath.cmsDocument(ref.collection, ref.id) }}\n                title={`Open ${title}`}\n                className=\"inline-flex items-center gap-1 hover:underline\"\n              >\n                <Link2 className=\"size-3\" /> {title}\n              </Link>\n            ) : (\n              <span className=\"inline-flex items-center gap-1\">\n                <Link2 className=\"size-3\" /> {title}\n              </span>\n            )}\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      })}\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\n/** Translate a field's `accept` list into the file input's `accept` attribute. */\nfunction acceptAttr(accept: readonly string[] | undefined): string | undefined {\n  if (!accept || accept.length === 0) return undefined\n  // The field vocabulary is a coarse kind list (`image`, `file`); map the common\n  // `image` kind to the MIME wildcard the browser file dialog filters on.\n  return accept.map((a) => (a === 'image' ? 'image/*' : a)).join(',')\n}\n\n/**\n * The asset field (EC-152 + EC-248). Beyond picking from the library it now shows\n * a focal-point-aware preview, uploads directly from the field (reusing the EC-152\n * upload path — no parallel uploader), and edits the selected image's alt + focal\n * point inline (persisted on the asset document, where delivery reads them, EC-230).\n * With no `<AssetsProvider>` (fixtures/playground) it degrades to the labelled-badge\n * picker — no preview/upload — so it stays usable without a real library.\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 assets = useOptionalAssets()\n  const [open, setOpen] = useState(false)\n  const [editing, setEditing] = useState(false)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  // Asset ids known when an upload-from-field started; the effect below diffs the\n  // library against it to learn the new id (the `upload()` API returns nothing).\n  const pendingRef = useRef<ReadonlySet<string> | null>(null)\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  const libraryIds = useMemo(\n    () => (assets?.status === 'ready' ? assets.assets.map((a) => a.id) : []),\n    [assets],\n  )\n\n  // Auto-select an asset uploaded FROM this field once it lands in the library.\n  useEffect(() => {\n    if (!pendingRef.current) return\n    const added = newlyAddedAssetIds(pendingRef.current, libraryIds)\n    if (added.length === 0) return\n    pendingRef.current = null\n    if (many) onChange([...ids, ...added])\n    else onChange(applyAssetSelection(value, added[0]!, 'one'))\n    // Reacts to the library set growing (an upload landing), not to unrelated\n    // value edits — `ids`/`value`/`onChange` are read from the closure on purpose.\n  }, [libraryIds, ids, many, onChange, value])\n\n  function pickFiles() {\n    fileInputRef.current?.click()\n  }\n  function onFiles(e: React.ChangeEvent<HTMLInputElement>) {\n    const files = e.target.files\n    if (!assets || !files || files.length === 0) return\n    pendingRef.current = new Set(libraryIds)\n    assets.upload(Array.from(files))\n    e.target.value = '' // allow re-uploading the same file\n  }\n\n  const canUpload = !readOnly && assets !== null\n\n  return (\n    <Stack gap=\"2\">\n      <Row gap=\"2\" wrap align=\"center\">\n        {many ? (\n          ids.length > 0 ? (\n            ids.map((aid, i) => (\n              <AssetChip\n                key={`${aid}-${i}`}\n                assetId={aid}\n                collectionId={assetCollectionId}\n                onRemove={readOnly ? undefined : () => onChange(ids.filter((x) => x !== aid))}\n              />\n            ))\n          ) : (\n            <Text size=\"sm\" tone=\"subtle\">\n              No assets\n            </Text>\n          )\n        ) : single ? (\n          <AssetChip assetId={single} collectionId={assetCollectionId} />\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        {canUpload ? (\n          <Button variant=\"outline\" size=\"sm\" onClick={pickFiles}>\n            <Upload /> Upload\n          </Button>\n        ) : null}\n        {/* Reuse the EC-152 library uploader; the field just feeds it files. */}\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={many}\n          accept={acceptAttr(field.accept)}\n          onChange={onFiles}\n          className=\"hidden\"\n        />\n      </Row>\n\n      {/* Inline focal-point + alt editing for a single selected asset (EC-248).\n          Edits persist on the asset document, shared across every use. */}\n      {!many && single && assets ? (\n        <Stack gap=\"2\">\n          {!readOnly ? (\n            <Row gap=\"2\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-expanded={editing}\n                onClick={() => setEditing((v) => !v)}\n              >\n                <Crosshair /> {editing ? 'Hide image settings' : 'Image settings'}\n              </Button>\n            </Row>\n          ) : null}\n          {editing ? <AssetMetaEditor assetId={single} readOnly={readOnly} /> : null}\n        </Stack>\n      ) : null}\n\n      <AssetPicker\n        value={single}\n        open={open}\n        onOpenChange={setOpen}\n        onChange={(next) => onChange(applyAssetSelection(value, next, field.cardinality))}\n      />\n    </Stack>\n  )\n}\n\n/** A single asset reference: focal-aware thumbnail + title, with an optional remove. */\nfunction AssetChip({\n  assetId,\n  collectionId,\n  onRemove,\n}: {\n  assetId: string\n  collectionId: string\n  onRemove?: () => void\n}) {\n  const cms = useCms()\n  const record = useAssetRecord(assetId)\n  const title = cms.titleOf({ collection: collectionId, id: assetId })\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1.5 rounded border border-border bg-muted/40 py-0.5 pl-0.5 pr-2\">\n      <AssetThumb record={record} alt={title} className=\"size-7\" />\n      <Text size=\"xs\" tone=\"subtle\" className=\"max-w-[10rem] truncate\">\n        {title}\n      </Text>\n      {onRemove ? (\n        <button\n          type=\"button\"\n          aria-label=\"Remove\"\n          onClick={onRemove}\n          className=\"hover:text-destructive\"\n        >\n          <X className=\"size-3\" />\n        </button>\n      ) : null}\n    </span>\n  )\n}\n\n/**\n * Inline editor for a selected image's authoring metadata (EC-248): the focal\n * point (click-to-place over the preview) and alt text, both persisted on the\n * asset document via the EC-152 metadata path. Alt commits on blur; the focal\n * point commits per placement. No-ops without a mounted asset library.\n */\nfunction AssetMetaEditor({ assetId, readOnly }: { assetId: string; readOnly: boolean }) {\n  const assets = useOptionalAssets()\n  const record = useAssetRecord(assetId)\n  const [alt, setAlt] = useState(record?.alt ?? '')\n  const recordAlt = record?.alt ?? ''\n  // Re-seed the local buffer when the underlying asset (or its stored alt) changes.\n  useEffect(() => {\n    setAlt(recordAlt)\n  }, [assetId, recordAlt])\n\n  if (!assets) return null\n\n  function commitFocal(point: { x: number; y: number } | null) {\n    if (readOnly) return\n    void assets!.updateMetadata(assetId, { focalPoint: point })\n  }\n  function commitAlt() {\n    if (readOnly || alt === recordAlt) return\n    void assets!.updateMetadata(assetId, { alt })\n  }\n\n  return (\n    <Stack gap=\"2\" className=\"rounded-md border border-border bg-muted/30 p-3\">\n      <Field label=\"Focal point\" hint=\"Click the image to set the focal point used when it’s cropped.\">\n        <FocalPointPicker\n          record={record}\n          point={record?.focalPoint}\n          onChange={commitFocal}\n          disabled={readOnly}\n        />\n      </Field>\n      {record?.focalPoint && !readOnly ? (\n        <Row>\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => commitFocal(null)}>\n            Reset to centre\n          </Button>\n        </Row>\n      ) : null}\n      <Field label=\"Alt text\" hint=\"Describes the image for screen readers and search.\">\n        <Input\n          value={alt}\n          readOnly={readOnly}\n          onChange={(e) => setAlt(e.target.value)}\n          onBlur={commitAlt}\n          placeholder=\"Describe this image…\"\n        />\n      </Field>\n    </Stack>\n  )\n}\n"]}