@elytracms/studio 0.0.78 → 0.0.80

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

@@ -8,7 +8,7 @@ import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection.js';
 import { useOptionalAssets } from '../assets/assets-store.js';
 import { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb.js';
-import { newlyAddedAssetIds } from '../assets/focal-point.js';
+import { uploadBatchProgress } from './asset-picker-core.js';
 import { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata.js';
 import { fieldLabel } from './cms-labels.js';
 import { useCollectionView } from '../collection-view/collection-view-context.js';
@@ -42,8 +42,9 @@ export function AssetField({ field, value, onChange, readOnly, }) {
     // Names of files a drop/pick rejected against the field's `accept` (EC-301) — shown
     // as a transient inline issue, cleared on the next valid upload. Never a silent drop.
     const [rejected, setRejected] = useState([]);
-    // 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).
+    // The active upload BATCH (EC-460): the pre-upload library snapshot + how many
+    // files the drop submitted, so the effect below attaches the WHOLE batch (the
+    // `upload()` API returns nothing — the library diff is the signal).
     const pendingRef = useRef(null);
     const assetCollectionId = source.assetCollectionId ?? 'asset';
     const many = field.multiple;
@@ -58,24 +59,45 @@ export function AssetField({ field, value, onChange, readOnly, }) {
     // gallery item can read/write its own sub-fields.
     const entries = many && Array.isArray(value) ? value : [];
     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.
+    // Uploads still running (failed entries are terminal — visible in the queue
+    // for retry; they must not keep a batch waiting forever).
+    const uploadsInFlight = assets
+        ? assets.uploads.filter((u) => u.state.phase !== 'failed').length
+        : 0;
+    // Auto-select what an upload FROM this field added once it lands in the
+    // library. EC-460: a `many` field attaches EVERY batch arrival as it lands
+    // (the batch stays armed until it settles), so dropping N files attaches all
+    // N — the old flow disarmed on the FIRST arrival and silently stranded the
+    // rest in the library. A `one` field keeps the first-to-land selection.
     useEffect(() => {
-        if (!pendingRef.current)
+        const batch = pendingRef.current;
+        if (!batch)
             return;
-        const added = newlyAddedAssetIds(pendingRef.current, libraryIds);
-        if (added.length === 0)
+        const progress = uploadBatchProgress(batch, libraryIds, uploadsInFlight);
+        if (progress.added.length === 0) {
+            if (progress.settled)
+                pendingRef.current = null; // everything failed — disarm
             return;
-        pendingRef.current = null;
+        }
         if (many) {
             const current = Array.isArray(value) ? value : [];
-            onChange([...current, ...added.map((id) => (hasSub ? assetNode(id) : id))]);
-        }
-        else {
-            onChange(hasSub ? assetNode(added[0], assetSubfieldsOf(value)) : applyAssetSelection(value, added[0], false));
+            const attached = new Set(assetIdsOf(value));
+            const fresh = progress.added.filter((id) => !attached.has(id));
+            if (fresh.length > 0) {
+                onChange([...current, ...fresh.map((id) => (hasSub ? assetNode(id) : id))]);
+            }
+            if (progress.settled)
+                pendingRef.current = null;
+            return;
         }
-        // Reacts to the library set growing (an upload landing), not to unrelated
-        // value edits — `value`/`onChange` are read from the closure on purpose.
-    }, [libraryIds, many, hasSub, onChange, value]);
+        pendingRef.current = null;
+        onChange(hasSub
+            ? assetNode(progress.added[0], assetSubfieldsOf(value))
+            : applyAssetSelection(value, progress.added[0], false));
+        // Reacts to the library set growing (an upload landing) and the upload
+        // queue draining (a batch settling) — `value`/`onChange` are read from the
+        // closure on purpose.
+    }, [libraryIds, uploadsInFlight, many, hasSub, onChange, value]);
     function uploadFiles(files) {
         if (!assets || files.length === 0)
             return;
@@ -93,9 +115,9 @@ export function AssetField({ field, value, onChange, readOnly, }) {
         setRejected(bad);
         if (ok.length === 0)
             return;
-        // Remember the library set so the effect above can learn the new id and
-        // auto-select it once the upload lands (the upload API returns nothing).
-        pendingRef.current = new Set(libraryIds);
+        // Remember the library snapshot + the batch size so the effect above can
+        // attach every upload of this batch as it lands (the upload API returns nothing).
+        pendingRef.current = { before: new Set(libraryIds), expected: ok.length };
         assets.upload(ok);
     }
     // Apply a picked asset id, preserving a placement's per-use sub-fields (EC-301).
@@ -114,6 +136,17 @@ export function AssetField({ field, value, onChange, readOnly, }) {
             onChange(picked ? assetNode(picked, assetSubfieldsOf(value)) : undefined);
         }
     }
+    // EC-460: attach a whole settled in-picker upload batch to a `many` field —
+    // every id not already attached, in arrival order (envelopes when the field
+    // declares per-use sub-fields). Only wired for `many` fields (see the picker).
+    function applyPickedMany(picked) {
+        const current = Array.isArray(value) ? value : [];
+        const attached = new Set(assetIdsOf(value));
+        const fresh = picked.filter((id) => !attached.has(id));
+        if (fresh.length === 0)
+            return;
+        onChange([...current, ...fresh.map((id) => (hasSub ? assetNode(id) : id))]);
+    }
     const canUpload = !readOnly && assets !== null;
     // Drag-to-upload onto the field (EC-301): a depth counter keeps the overlay
     // steady as the pointer crosses child element boundaries. `dragenter`/`dragleave`
@@ -167,7 +200,7 @@ export function AssetField({ field, value, onChange, readOnly, }) {
                                     nextEntries[i] = assetNode(aid, next);
                                     onChange(nextEntries);
                                 }, onRemove: readOnly ? undefined : () => onChange(entries.filter((_, j) => j !== i)) }, `${aid}-${i}`));
-                        }) })) : (_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) })), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })) : many ? (_jsxs(Stack, { gap: "2", children: [ids.length > 0 ? (_jsx("div", { className: cn('grid gap-2', compact ? 'grid-cols-2' : 'grid-cols-3 sm:grid-cols-4'), children: ids.map((aid, i) => (_jsx(AssetChip, { assetId: aid, collectionId: assetCollectionId, onRemove: readOnly ? undefined : () => onChange(ids.filter((x) => x !== aid)) }, `${aid}-${i}`))) })) : (_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) })), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })) : single && hasSub ? (_jsx(Card, { className: "border-l-2 border-l-border p-3", children: _jsxs(Stack, { gap: "3", children: [_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.multiple)) }), _jsx("div", { className: "border-t border-border/60 pt-3", children: _jsx(ObjectItemForm, { fields: subFields, value: assetSubfieldsOf(value), readOnly: readOnly, idPrefix: "asset-sub", onChange: (next) => onChange(assetNode(single, next)) }) })] }) })) : single ? (_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.multiple)) })) : (_jsxs(Stack, { gap: "2", children: [_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) }), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })), !many && single && assets ? (_jsx(AssetOptionsDialog, { assetId: single, readOnly: readOnly, open: editing, onOpenChange: setEditing })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, accept: assetAcceptAttr(field.accept), onChange: applyPicked }), rejected.length > 0 ? (_jsxs(Row, { gap: "2", align: "center", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsx(Text, { size: "xs", tone: "muted", children: rejected.length === 1
+                        }) })) : (_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) })), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })) : many ? (_jsxs(Stack, { gap: "2", children: [ids.length > 0 ? (_jsx("div", { className: cn('grid gap-2', compact ? 'grid-cols-2' : 'grid-cols-3 sm:grid-cols-4'), children: ids.map((aid, i) => (_jsx(AssetChip, { assetId: aid, collectionId: assetCollectionId, onRemove: readOnly ? undefined : () => onChange(ids.filter((x) => x !== aid)) }, `${aid}-${i}`))) })) : (_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) })), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })) : single && hasSub ? (_jsx(Card, { className: "border-l-2 border-l-border p-3", children: _jsxs(Stack, { gap: "3", children: [_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.multiple)) }), _jsx("div", { className: "border-t border-border/60 pt-3", children: _jsx(ObjectItemForm, { fields: subFields, value: assetSubfieldsOf(value), readOnly: readOnly, idPrefix: "asset-sub", onChange: (next) => onChange(assetNode(single, next)) }) })] }) })) : single ? (_jsx(AssetSinglePreview, { assetId: single, compact: compact, readOnly: readOnly, hasLibrary: assets !== null, fallbackTitle: source.titleOf({ collection: assetCollectionId, id: single }), selectButton: selectButton, onEdit: () => setEditing(true), onRemove: () => onChange(applyAssetSelection(value, null, field.multiple)) })) : (_jsxs(Stack, { gap: "2", children: [_jsx(EmptyAssetState, { compact: compact, canUpload: canUpload, readOnly: readOnly, onSelect: () => setOpen(true) }), _jsx(Row, { gap: "2", wrap: true, align: "center", children: selectButton })] })), !many && single && assets ? (_jsx(AssetOptionsDialog, { assetId: single, readOnly: readOnly, open: editing, onOpenChange: setEditing })) : null, _jsx(AssetPicker, { value: single, open: open, onOpenChange: setOpen, accept: assetAcceptAttr(field.accept), onChange: applyPicked, multiple: many, ...(many ? { onChangeMany: applyPickedMany } : {}) }), rejected.length > 0 ? (_jsxs(Row, { gap: "2", align: "center", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsx(Text, { size: "xs", tone: "muted", children: rejected.length === 1
                             ? translate('cms.asset.rejected.one', {
                                 name: rejected[0],
                                 types: describeAccept(field.accept),

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

@@ -1 +1 @@
-{"version":3,"file":"asset-field.js","sourceRoot":"","sources":["../../../src/components/cms/asset-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AlertTriangle, ImagePlus, RotateCcw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { AssetFieldDef, FieldDef } from '@elytracms/core/cms-core'\nimport {\n  assetAcceptAttr,\n  assetMatchesAccept,\n  assetNode,\n  assetSubfieldsOf,\n  describeAccept,\n  readAssetId,\n} from '@elytracms/core/cms-core'\nimport {\n  Button,\n  Card,\n  Code,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  Field,\n  Row,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb'\nimport { newlyAddedAssetIds } from '../assets/focal-point'\nimport { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata'\nimport { fieldLabel } from './cms-labels'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { useFieldDensity } from './field-density'\nimport { AssetPicker } from './asset-picker'\nimport { FieldControl } from './field-control'\nimport { ObjectItemForm } from './object-array-field'\n\n/**\n * The asset-field family (EC-152 + EC-248 + EC-301) — split from\n * `field-control.tsx` (EC-330): the {@link AssetField} control plus its\n * preview/gallery/options sub-components. Per-use sub-fields and the options\n * dialog's metadata form render through the shared object item form /\n * `FieldControl`, so asset metadata stays schema-driven.\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 */\nexport function 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 source = useCollectionView()\n  const assets = useOptionalAssets()\n  const density = useFieldDensity()\n  const compact = density === 'compact'\n  const [open, setOpen] = useState(false)\n  const [editing, setEditing] = useState(false)\n  const [dragging, setDragging] = useState(false)\n  // Names of files a drop/pick rejected against the field's `accept` (EC-301) — shown\n  // as a transient inline issue, cleared on the next valid upload. Never a silent drop.\n  const [rejected, setRejected] = useState<string[]>([])\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 = source.assetCollectionId ?? 'asset'\n  const many = field.multiple\n  const ids = many ? assetIdsOf(value) : []\n  const single = !many ? singleAssetIdOf(value) : null\n  // EC-301 per-use sub-fields: with `field.fields` the value stores asset ENVELOPES\n  // carrying the sub-field siblings (`{ type:'asset', id, caption }`); without them it\n  // stays bare ids (self-typed on save). Picks/edits preserve a placement's sub-fields.\n  const subFields = field.fields ?? []\n  const hasSub = subFields.length > 0\n  // The raw `many` entries (envelopes or bare ids), index-aligned with `ids`, so each\n  // gallery item can read/write its own sub-fields.\n  const entries = many && Array.isArray(value) ? (value as unknown[]) : []\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) {\n      const current = Array.isArray(value) ? (value as unknown[]) : []\n      onChange([...current, ...added.map((id) => (hasSub ? assetNode(id) : id))])\n    } else {\n      onChange(hasSub ? assetNode(added[0]!, assetSubfieldsOf(value)) : applyAssetSelection(value, added[0]!, false))\n    }\n    // Reacts to the library set growing (an upload landing), not to unrelated\n    // value edits — `value`/`onChange` are read from the closure on purpose.\n  }, [libraryIds, many, hasSub, onChange, value])\n\n  function uploadFiles(files: File[]) {\n    if (!assets || files.length === 0) return\n    // EC-301: a drag-drop bypasses the file dialog's `accept` filter — re-check each\n    // file against the field's `accept` and surface a visible issue for the rejects\n    // instead of silently uploading the wrong kind.\n    const ok: File[] = []\n    const bad: string[] = []\n    for (const file of files) {\n      if (assetMatchesAccept({ contentType: file.type, filename: file.name }, field.accept)) ok.push(file)\n      else bad.push(file.name)\n    }\n    setRejected(bad)\n    if (ok.length === 0) return\n    // Remember the library set so the effect above can learn the new id and\n    // auto-select it once the upload lands (the upload API returns nothing).\n    pendingRef.current = new Set(libraryIds)\n    assets.upload(ok)\n  }\n\n  // Apply a picked asset id, preserving a placement's per-use sub-fields (EC-301).\n  // Without sub-fields it stays the plain id-list behaviour (self-typed on save).\n  function applyPicked(picked: string | null) {\n    if (!hasSub) {\n      onChange(applyAssetSelection(value, picked, field.multiple))\n      return\n    }\n    if (many) {\n      if (picked === null || entries.some((e) => readAssetId(e) === picked)) return\n      onChange([...entries, assetNode(picked)])\n    } else {\n      onChange(picked ? assetNode(picked, assetSubfieldsOf(value)) : undefined)\n    }\n  }\n\n  const canUpload = !readOnly && assets !== null\n\n  // Drag-to-upload onto the field (EC-301): a depth counter keeps the overlay\n  // steady as the pointer crosses child element boundaries. `dragenter`/`dragleave`\n  // fire per descendant, so toggling on a bare `dragleave` blinks constantly; we\n  // only hide the overlay when the counter returns to zero (the pointer has truly\n  // left the field). The overlay is pointer-events-none, so it never fires its own\n  // enter/leave to confuse the count.\n  const dragDepth = useRef(0)\n  function onDragEnter(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault()\n    dragDepth.current += 1\n    if (!dragging) setDragging(true)\n  }\n  function onDragOver(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault() // required so a drop is allowed\n  }\n  function onDragLeave() {\n    if (!canUpload) return\n    dragDepth.current -= 1\n    if (dragDepth.current <= 0) {\n      dragDepth.current = 0\n      setDragging(false)\n    }\n  }\n  function onDrop(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault()\n    dragDepth.current = 0\n    setDragging(false)\n    uploadFiles(Array.from(e.dataTransfer.files))\n  }\n  // While the picker is open the field is behind the modal, so any drop is happening\n  // INSIDE the dialog — detach the field's drag handlers entirely so a drop there can\n  // only be handled by the picker, never double-counted by the field too (EC-301). This\n  // is the belt to the picker's stopPropagation braces: the field cannot react at all.\n  const dragProps = canUpload && !open ? { onDragEnter, onDragOver, onDragLeave, onDrop } : {}\n\n  const selectButton = !readOnly ? (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n      <ImagePlus /> {translate('common.select')}\n    </Button>\n  ) : null\n\n  return (\n    <Stack\n      gap=\"2\"\n      className={cn(\n        'relative rounded-lg transition-shadow',\n        dragging && 'ring-2 ring-primary ring-offset-2 ring-offset-background',\n      )}\n      {...dragProps}\n    >\n      {many && hasSub ? (\n        // Gallery with per-use sub-fields (EC-301): a card per placement — thumbnail +\n        // its own sub-field form — reusing the object/repeater item rendering.\n        <Stack gap=\"2\">\n          {entries.length > 0 ? (\n            <Stack gap=\"2\">\n              {entries.map((entry, i) => {\n                const aid = readAssetId(entry)\n                if (!aid) return null\n                return (\n                  <AssetGalleryItem\n                    key={`${aid}-${i}`}\n                    assetId={aid}\n                    collectionId={assetCollectionId}\n                    fields={subFields}\n                    value={assetSubfieldsOf(entry)}\n                    readOnly={readOnly}\n                    idPrefix={`asset-${i}`}\n                    onChangeSubs={(next) => {\n                      const nextEntries = entries.slice()\n                      nextEntries[i] = assetNode(aid, next)\n                      onChange(nextEntries)\n                    }}\n                    onRemove={readOnly ? undefined : () => onChange(entries.filter((_, j) => j !== i))}\n                  />\n                )\n              })}\n            </Stack>\n          ) : (\n            <EmptyAssetState\n              compact={compact}\n              canUpload={canUpload}\n              readOnly={readOnly}\n              onSelect={() => setOpen(true)}\n            />\n          )}\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      ) : many ? (\n        // Gallery: a grid of focal-aware previews + the single Select entry.\n        <Stack gap=\"2\">\n          {ids.length > 0 ? (\n            <div\n              className={cn(\n                'grid gap-2',\n                compact ? 'grid-cols-2' : 'grid-cols-3 sm:grid-cols-4',\n              )}\n            >\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            </div>\n          ) : (\n            <EmptyAssetState\n              compact={compact}\n              canUpload={canUpload}\n              readOnly={readOnly}\n              onSelect={() => setOpen(true)}\n            />\n          )}\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      ) : single && hasSub ? (\n        // With per-use sub-fields the asset + its fields read as ONE grouped unit\n        // (like an object), so it's clear they belong together (EC-301 feedback).\n        <Card className=\"border-l-2 border-l-border p-3\">\n          <Stack gap=\"3\">\n            <AssetSinglePreview\n              assetId={single}\n              compact={compact}\n              readOnly={readOnly}\n              hasLibrary={assets !== null}\n              fallbackTitle={source.titleOf({ collection: assetCollectionId, id: single })}\n              selectButton={selectButton}\n              onEdit={() => setEditing(true)}\n              onRemove={() => onChange(applyAssetSelection(value, null, field.multiple))}\n            />\n            <div className=\"border-t border-border/60 pt-3\">\n              <ObjectItemForm\n                fields={subFields}\n                value={assetSubfieldsOf(value)}\n                readOnly={readOnly}\n                idPrefix=\"asset-sub\"\n                onChange={(next) => onChange(assetNode(single, next))}\n              />\n            </div>\n          </Stack>\n        </Card>\n      ) : single ? (\n        <AssetSinglePreview\n          assetId={single}\n          compact={compact}\n          readOnly={readOnly}\n          hasLibrary={assets !== null}\n          fallbackTitle={source.titleOf({ collection: assetCollectionId, id: single })}\n          selectButton={selectButton}\n          onEdit={() => setEditing(true)}\n          onRemove={() => onChange(applyAssetSelection(value, null, field.multiple))}\n        />\n      ) : (\n        <Stack gap=\"2\">\n          <EmptyAssetState\n            compact={compact}\n            canUpload={canUpload}\n            readOnly={readOnly}\n            onSelect={() => setOpen(true)}\n          />\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      )}\n\n      {/* Image options (focal point + metadata) for a single selected asset, in a\n          dialog rather than an inline disclosure (EC-301). Shared across every use. */}\n      {!many && single && assets ? (\n        <AssetOptionsDialog\n          assetId={single}\n          readOnly={readOnly}\n          open={editing}\n          onOpenChange={setEditing}\n        />\n      ) : null}\n\n      <AssetPicker\n        value={single}\n        open={open}\n        onOpenChange={setOpen}\n        accept={assetAcceptAttr(field.accept)}\n        onChange={applyPicked}\n      />\n\n      {rejected.length > 0 ? (\n        <Row gap=\"2\" align=\"center\">\n          <AlertTriangle className=\"size-4 shrink-0 text-warning\" />\n          <Text size=\"xs\" tone=\"muted\">\n            {rejected.length === 1\n              ? translate('cms.asset.rejected.one', {\n                  name: rejected[0]!,\n                  types: describeAccept(field.accept),\n                })\n              : translate('cms.asset.rejected.other', {\n                  count: rejected.length,\n                  types: describeAccept(field.accept),\n                })}\n          </Text>\n        </Row>\n      ) : null}\n\n      {dragging ? (\n        <div className=\"pointer-events-none absolute inset-0 z-10 grid place-items-center rounded-lg border-2 border-dashed border-primary bg-background/85\">\n          <Row gap=\"2\" align=\"center\">\n            <Upload className=\"size-4 text-primary\" />\n            <Text size=\"sm\" className=\"font-medium\">\n              {translate('cms.asset.dropToUpload')}\n            </Text>\n          </Row>\n        </div>\n      ) : null}\n    </Stack>\n  )\n}\n\n/**\n * Empty-state placeholder shown when an asset field has no selection (EC-301).\n *\n * EC-395: this was the one asset-field affordance that ignored `readOnly` — every\n * sibling control (`selectButton`, the per-item remove/change actions) already\n * degraded, but the empty-state tile stayed a clickable `<button>` that opened the\n * picker regardless. A locked, empty asset field must be as inert as a filled one:\n * read-only renders a plain (non-interactive, non-focusable) `div` with the same\n * frame — no `onClick`, no hover affordance — instead of a `<button>`.\n */\nfunction EmptyAssetState({\n  compact,\n  canUpload,\n  readOnly,\n  onSelect,\n}: {\n  compact: boolean\n  canUpload: boolean\n  readOnly: boolean\n  onSelect: () => void\n}) {\n  const frame = cn(\n    'grid w-full place-items-center gap-1 rounded-lg border border-dashed border-border bg-muted/30 text-center text-muted-foreground',\n    compact ? 'aspect-video' : 'aspect-[5/2]',\n  )\n  if (readOnly) {\n    return <div className={frame}>{emptyAssetStateBody(canUpload)}</div>\n  }\n  return (\n    <button type=\"button\" onClick={onSelect} className={cn(frame, 'transition-colors hover:bg-muted/60')}>\n      {emptyAssetStateBody(canUpload)}\n    </button>\n  )\n}\n\nfunction emptyAssetStateBody(canUpload: boolean) {\n  return (\n    <>\n      <ImagePlus className=\"size-6\" aria-hidden />\n      <Text size=\"xs\" tone=\"muted\">\n        {canUpload ? translate('cms.asset.selectOrDrop') : translate('cms.asset.selectAsset')}\n      </Text>\n    </>\n  )\n}\n\n/** A large focal-aware preview of the selected asset (EC-301). */\nfunction AssetPreview({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  return <AssetThumb record={record} className=\"aspect-[4/3] w-full\" />\n}\n\n/** Filename + dimensions/type for the selected asset — the id is never shown (EC-301). */\nfunction AssetInfo({ assetId, fallbackTitle }: { assetId: string; fallbackTitle?: string }) {\n  const record = useAssetRecord(assetId)\n  const name = record?.title ?? record?.filename ?? fallbackTitle ?? assetId\n  const dims = record?.width && record?.height ? `${record.width}×${record.height}` : null\n  const kind = record?.contentType?.split('/')[1]?.toUpperCase()\n  const meta = [dims, kind].filter(Boolean).join(' · ')\n  return (\n    <Stack gap=\"1\">\n      <Text size=\"sm\" className=\"truncate font-medium\" title={name}>\n        {name}\n      </Text>\n      {meta ? (\n        <Text size=\"xs\" tone=\"subtle\">\n          {meta}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n\n/**\n * The selected image's alt text shown in the field (EC-301) — what an editor most\n * wants at a glance; edited in the options dialog. Reads `meta.alt` with the legacy\n * `alt` column as fallback, matching delivery.\n */\nfunction AssetAltLine({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  const metaAlt = typeof record?.meta?.alt === 'string' ? record.meta.alt : undefined\n  const alt = metaAlt ?? record?.alt\n  return (\n    <Row gap=\"1\" align=\"baseline\" className=\"min-w-0\">\n      <Text size=\"xs\" tone=\"subtle\" className=\"shrink-0\">\n        {translate('cms.asset.altLabel')}\n      </Text>\n      <Text\n        size=\"xs\"\n        tone={alt ? 'muted' : 'subtle'}\n        className={cn('min-w-0 truncate', !alt && 'italic')}\n        title={alt ?? undefined}\n      >\n        {alt || translate('cms.asset.notSet')}\n      </Text>\n    </Row>\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 source = useCollectionView()\n  const record = useAssetRecord(assetId)\n  const title = source.titleOf({ collection: collectionId, id: assetId })\n  return (\n    <div className=\"group relative overflow-hidden rounded-lg border border-border bg-muted/40\">\n      <AssetThumb record={record} alt={title} className=\"aspect-square w-full rounded-none border-0\" />\n      <Row gap=\"1\" align=\"center\" className=\"px-2 py-1\">\n        <Text size=\"xs\" tone=\"subtle\" className=\"min-w-0 flex-1 truncate\" title={title}>\n          {title}\n        </Text>\n        {onRemove ? (\n          <button\n            type=\"button\"\n            aria-label={translate('common.remove')}\n            onClick={onRemove}\n            className=\"text-muted-foreground hover:text-destructive\"\n          >\n            <X className=\"size-3.5\" />\n          </button>\n        ) : null}\n      </Row>\n    </div>\n  )\n}\n\n/**\n * The selected single asset's preview row (EC-301): large focal-aware preview + info\n * column (filename/dimensions, Select/Edit/Remove, alt). Extracted so it renders either\n * bare (a plain asset field) or inside the grouping card when the field carries per-use\n * sub-fields — the asset + its fields then read as one unit.\n */\nfunction AssetSinglePreview({\n  assetId,\n  compact,\n  readOnly,\n  hasLibrary,\n  fallbackTitle,\n  selectButton,\n  onEdit,\n  onRemove,\n}: {\n  assetId: string\n  compact: boolean\n  readOnly: boolean\n  hasLibrary: boolean\n  fallbackTitle?: string\n  selectButton: React.ReactNode\n  onEdit: () => void\n  onRemove: () => void\n}) {\n  return (\n    <div className={compact ? 'flex flex-col gap-3' : 'flex gap-4'}>\n      <div className={compact ? 'w-full' : 'w-1/2 shrink-0'}>\n        <AssetPreview assetId={assetId} />\n      </div>\n      <Stack gap=\"2\" className={cn('min-w-0', !compact && 'flex-1')}>\n        <AssetInfo assetId={assetId} fallbackTitle={fallbackTitle} />\n        {!readOnly ? (\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n            {hasLibrary ? (\n              <Button variant=\"outline\" size=\"sm\" onClick={onEdit}>\n                <SlidersHorizontal /> {translate('common.edit')}\n              </Button>\n            ) : null}\n            <Button variant=\"ghost\" size=\"sm\" onClick={onRemove}>\n              <Trash2 /> {translate('common.remove')}\n            </Button>\n          </Row>\n        ) : null}\n        <AssetAltLine assetId={assetId} />\n      </Stack>\n    </div>\n  )\n}\n\n/**\n * One gallery placement when a `many` asset field declares per-use sub-fields (EC-301):\n * a thumbnail + filename + remove header over the placement's own sub-field form,\n * modelled on a repeater item card so a gallery's placements read as grouped units.\n */\nfunction AssetGalleryItem({\n  assetId,\n  collectionId,\n  fields,\n  value,\n  onChangeSubs,\n  onRemove,\n  readOnly,\n  idPrefix,\n}: {\n  assetId: string\n  collectionId: string\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChangeSubs: (value: Record<string, unknown>) => void\n  onRemove?: () => void\n  readOnly: boolean\n  idPrefix: string\n}) {\n  const source = useCollectionView()\n  const record = useAssetRecord(assetId)\n  const title = source.titleOf({ collection: collectionId, id: assetId })\n  return (\n    <Card className=\"border-l-2 border-l-border p-0\">\n      <Row gap=\"2\" align=\"center\" className=\"border-b border-border/60 bg-muted/30 px-2 py-1.5\">\n        <AssetThumb record={record} alt={title} className=\"size-10 shrink-0\" />\n        <Text size=\"sm\" className=\"min-w-0 flex-1 truncate font-medium\" title={title}>\n          {title}\n        </Text>\n        {onRemove ? (\n          <Button variant=\"ghost\" size=\"sm\" aria-label={translate('common.remove')} onClick={onRemove}>\n            <Trash2 className=\"size-3.5\" />\n          </Button>\n        ) : null}\n      </Row>\n      <div className=\"px-3 pb-3\">\n        <ObjectItemForm\n          fields={fields}\n          value={value}\n          onChange={onChangeSubs}\n          readOnly={readOnly}\n          idPrefix={idPrefix}\n        />\n      </div>\n    </Card>\n  )\n}\n\n/**\n * The image options dialog (EC-301): the focal point (engine-special visual\n * control) + the asset's **schema-driven** metadata, rendered from the\n * `kind:'asset'` collection's `fields` through the same generic field engine\n * documents use — so a project declares asset metadata (alt, copyright, credit, …)\n * in code, not hardcoded here. Edits persist on the asset, shared across every use.\n * Metadata is buffered locally and committed once on close (one write); the focal\n * point commits immediately (it drives a live visual). No-ops without a library.\n */\nfunction AssetOptionsDialog({\n  assetId,\n  readOnly,\n  open,\n  onOpenChange,\n}: {\n  assetId: string\n  readOnly: boolean\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}) {\n  const source = useCollectionView()\n  const assets = useOptionalAssets()\n  const record = useAssetRecord(assetId)\n  const metaFields = useMemo(() => {\n    const assetCollectionId = source.assetCollectionId ?? 'asset'\n    const collection = source.collections.find((c) => c.id === assetCollectionId)\n    return collection ? assetMetaFieldsOf(collection) : []\n  }, [source])\n\n  // Local edit buffers, seeded once per open from the record (so an external edit\n  // still wins between opens). Metadata is non-localized in v1 (the asset\n  // resolution path is locale-agnostic) — localized asset metadata is a follow-up.\n  const [meta, setMeta] = useState<Record<string, unknown>>({})\n  const [focal, setFocal] = useState<{ x: number; y: number } | undefined>(undefined)\n  const dirty = useRef(false)\n  const seeded = useRef(false)\n  useEffect(() => {\n    if (!open) {\n      seeded.current = false\n      return\n    }\n    if (seeded.current || !record) return\n    // Seed from the meta bag, but lift the legacy `alt` column in when meta lacks\n    // it (EC-301 transition): a not-yet-migrated asset still shows its alt, and\n    // saving writes it into meta — a lazy migration-on-edit, matching delivery's\n    // `meta.alt ?? record.alt` read fallback.\n    const seedMeta = { ...(record.alt !== undefined ? { alt: record.alt } : {}), ...(record.meta ?? {}) }\n    setMeta(seedMeta)\n    setFocal(record.focalPoint)\n    dirty.current = false\n    seeded.current = true\n  }, [open, record])\n\n  function handleOpenChange(next: boolean) {\n    // Commit the buffered metadata once, on close (one write, not per keystroke).\n    if (!next && !readOnly && assets && dirty.current) {\n      void assets.updateMetadata(assetId, { meta: pruneMeta(meta) })\n      dirty.current = false\n    }\n    onOpenChange(next)\n  }\n\n  function setField(name: string, value: unknown) {\n    dirty.current = true\n    setMeta((m) => ({ ...m, [name]: value }))\n  }\n\n  // The focal point drives a live crop preview → commit immediately (optimistic\n  // marker), not deferred to close.\n  function commitFocal(point: { x: number; y: number } | null) {\n    if (readOnly || !assets) return\n    setFocal(point ?? undefined)\n    void assets.updateMetadata(assetId, { focalPoint: point })\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange}>\n      <DialogContent className=\"max-w-lg\">\n        <DialogHeader>\n          <DialogTitle>{translate('cms.asset.imageOptions.title')}</DialogTitle>\n          <DialogDescription>\n            {translate('cms.asset.imageOptions.description')}\n          </DialogDescription>\n        </DialogHeader>\n        <Stack gap=\"3\">\n          <Stack gap=\"2\">\n            <Row align=\"center\">\n              <Text size=\"sm\" className=\"font-medium\">\n                {translate('cms.asset.focalPoint')}\n              </Text>\n              <Spacer />\n              {focal && !readOnly ? (\n                <Button variant=\"ghost\" size=\"sm\" onClick={() => commitFocal(null)}>\n                  <RotateCcw /> {translate('cms.asset.resetToCentre')}\n                </Button>\n              ) : null}\n            </Row>\n            <FocalPointPicker\n              record={record}\n              point={focal}\n              onChange={commitFocal}\n              onPreview={setFocal}\n              disabled={readOnly}\n            />\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.focalPointHint')}\n            </Text>\n            <FocalCropPreviews record={record} point={focal} />\n          </Stack>\n          {metaFields.map((f) => (\n            <Field key={f.name} label={fieldLabel(f)} hint={localizedLabel(f.form?.description) || undefined}>\n              <FieldControl\n                id={`asset-meta-${f.name}`}\n                field={f}\n                value={meta[f.name]}\n                readOnly={readOnly}\n                onChange={(v) => setField(f.name, v)}\n              />\n            </Field>\n          ))}\n          {metaFields.length === 0 ? (\n            <Text size=\"sm\" tone=\"subtle\">\n              No editable metadata fields are declared on the asset collection. Add fields (e.g.\n              <Code tone=\"muted\"> alt</Code>, <Code tone=\"muted\">copyright</Code>) to it in code.\n            </Text>\n          ) : null}\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}
+{"version":3,"file":"asset-field.js","sourceRoot":"","sources":["../../../src/components/cms/asset-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AlertTriangle, ImagePlus, RotateCcw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { AssetFieldDef, FieldDef } from '@elytracms/core/cms-core'\nimport {\n  assetAcceptAttr,\n  assetMatchesAccept,\n  assetNode,\n  assetSubfieldsOf,\n  describeAccept,\n  readAssetId,\n} from '@elytracms/core/cms-core'\nimport {\n  Button,\n  Card,\n  Code,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  Field,\n  Row,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { applyAssetSelection, assetIdsOf, singleAssetIdOf } from '../assets/asset-selection'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb'\nimport { uploadBatchProgress } from './asset-picker-core'\nimport type { UploadBatch } from './asset-picker-core'\nimport { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata'\nimport { fieldLabel } from './cms-labels'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { useFieldDensity } from './field-density'\nimport { AssetPicker } from './asset-picker'\nimport { FieldControl } from './field-control'\nimport { ObjectItemForm } from './object-array-field'\n\n/**\n * The asset-field family (EC-152 + EC-248 + EC-301) — split from\n * `field-control.tsx` (EC-330): the {@link AssetField} control plus its\n * preview/gallery/options sub-components. Per-use sub-fields and the options\n * dialog's metadata form render through the shared object item form /\n * `FieldControl`, so asset metadata stays schema-driven.\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 */\nexport function 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 source = useCollectionView()\n  const assets = useOptionalAssets()\n  const density = useFieldDensity()\n  const compact = density === 'compact'\n  const [open, setOpen] = useState(false)\n  const [editing, setEditing] = useState(false)\n  const [dragging, setDragging] = useState(false)\n  // Names of files a drop/pick rejected against the field's `accept` (EC-301) — shown\n  // as a transient inline issue, cleared on the next valid upload. Never a silent drop.\n  const [rejected, setRejected] = useState<string[]>([])\n  // The active upload BATCH (EC-460): the pre-upload library snapshot + how many\n  // files the drop submitted, so the effect below attaches the WHOLE batch (the\n  // `upload()` API returns nothing — the library diff is the signal).\n  const pendingRef = useRef<UploadBatch | null>(null)\n  const assetCollectionId = source.assetCollectionId ?? 'asset'\n  const many = field.multiple\n  const ids = many ? assetIdsOf(value) : []\n  const single = !many ? singleAssetIdOf(value) : null\n  // EC-301 per-use sub-fields: with `field.fields` the value stores asset ENVELOPES\n  // carrying the sub-field siblings (`{ type:'asset', id, caption }`); without them it\n  // stays bare ids (self-typed on save). Picks/edits preserve a placement's sub-fields.\n  const subFields = field.fields ?? []\n  const hasSub = subFields.length > 0\n  // The raw `many` entries (envelopes or bare ids), index-aligned with `ids`, so each\n  // gallery item can read/write its own sub-fields.\n  const entries = many && Array.isArray(value) ? (value as unknown[]) : []\n\n  const libraryIds = useMemo(\n    () => (assets?.status === 'ready' ? assets.assets.map((a) => a.id) : []),\n    [assets],\n  )\n  // Uploads still running (failed entries are terminal — visible in the queue\n  // for retry; they must not keep a batch waiting forever).\n  const uploadsInFlight = assets\n    ? assets.uploads.filter((u) => u.state.phase !== 'failed').length\n    : 0\n\n  // Auto-select what an upload FROM this field added once it lands in the\n  // library. EC-460: a `many` field attaches EVERY batch arrival as it lands\n  // (the batch stays armed until it settles), so dropping N files attaches all\n  // N — the old flow disarmed on the FIRST arrival and silently stranded the\n  // rest in the library. A `one` field keeps the first-to-land selection.\n  useEffect(() => {\n    const batch = pendingRef.current\n    if (!batch) return\n    const progress = uploadBatchProgress(batch, libraryIds, uploadsInFlight)\n    if (progress.added.length === 0) {\n      if (progress.settled) pendingRef.current = null // everything failed — disarm\n      return\n    }\n    if (many) {\n      const current = Array.isArray(value) ? (value as unknown[]) : []\n      const attached = new Set(assetIdsOf(value))\n      const fresh = progress.added.filter((id) => !attached.has(id))\n      if (fresh.length > 0) {\n        onChange([...current, ...fresh.map((id) => (hasSub ? assetNode(id) : id))])\n      }\n      if (progress.settled) pendingRef.current = null\n      return\n    }\n    pendingRef.current = null\n    onChange(\n      hasSub\n        ? assetNode(progress.added[0]!, assetSubfieldsOf(value))\n        : applyAssetSelection(value, progress.added[0]!, false),\n    )\n    // Reacts to the library set growing (an upload landing) and the upload\n    // queue draining (a batch settling) — `value`/`onChange` are read from the\n    // closure on purpose.\n  }, [libraryIds, uploadsInFlight, many, hasSub, onChange, value])\n\n  function uploadFiles(files: File[]) {\n    if (!assets || files.length === 0) return\n    // EC-301: a drag-drop bypasses the file dialog's `accept` filter — re-check each\n    // file against the field's `accept` and surface a visible issue for the rejects\n    // instead of silently uploading the wrong kind.\n    const ok: File[] = []\n    const bad: string[] = []\n    for (const file of files) {\n      if (assetMatchesAccept({ contentType: file.type, filename: file.name }, field.accept)) ok.push(file)\n      else bad.push(file.name)\n    }\n    setRejected(bad)\n    if (ok.length === 0) return\n    // Remember the library snapshot + the batch size so the effect above can\n    // attach every upload of this batch as it lands (the upload API returns nothing).\n    pendingRef.current = { before: new Set(libraryIds), expected: ok.length }\n    assets.upload(ok)\n  }\n\n  // Apply a picked asset id, preserving a placement's per-use sub-fields (EC-301).\n  // Without sub-fields it stays the plain id-list behaviour (self-typed on save).\n  function applyPicked(picked: string | null) {\n    if (!hasSub) {\n      onChange(applyAssetSelection(value, picked, field.multiple))\n      return\n    }\n    if (many) {\n      if (picked === null || entries.some((e) => readAssetId(e) === picked)) return\n      onChange([...entries, assetNode(picked)])\n    } else {\n      onChange(picked ? assetNode(picked, assetSubfieldsOf(value)) : undefined)\n    }\n  }\n\n  // EC-460: attach a whole settled in-picker upload batch to a `many` field —\n  // every id not already attached, in arrival order (envelopes when the field\n  // declares per-use sub-fields). Only wired for `many` fields (see the picker).\n  function applyPickedMany(picked: string[]) {\n    const current = Array.isArray(value) ? (value as unknown[]) : []\n    const attached = new Set(assetIdsOf(value))\n    const fresh = picked.filter((id) => !attached.has(id))\n    if (fresh.length === 0) return\n    onChange([...current, ...fresh.map((id) => (hasSub ? assetNode(id) : id))])\n  }\n\n  const canUpload = !readOnly && assets !== null\n\n  // Drag-to-upload onto the field (EC-301): a depth counter keeps the overlay\n  // steady as the pointer crosses child element boundaries. `dragenter`/`dragleave`\n  // fire per descendant, so toggling on a bare `dragleave` blinks constantly; we\n  // only hide the overlay when the counter returns to zero (the pointer has truly\n  // left the field). The overlay is pointer-events-none, so it never fires its own\n  // enter/leave to confuse the count.\n  const dragDepth = useRef(0)\n  function onDragEnter(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault()\n    dragDepth.current += 1\n    if (!dragging) setDragging(true)\n  }\n  function onDragOver(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault() // required so a drop is allowed\n  }\n  function onDragLeave() {\n    if (!canUpload) return\n    dragDepth.current -= 1\n    if (dragDepth.current <= 0) {\n      dragDepth.current = 0\n      setDragging(false)\n    }\n  }\n  function onDrop(e: React.DragEvent) {\n    if (!canUpload) return\n    e.preventDefault()\n    dragDepth.current = 0\n    setDragging(false)\n    uploadFiles(Array.from(e.dataTransfer.files))\n  }\n  // While the picker is open the field is behind the modal, so any drop is happening\n  // INSIDE the dialog — detach the field's drag handlers entirely so a drop there can\n  // only be handled by the picker, never double-counted by the field too (EC-301). This\n  // is the belt to the picker's stopPropagation braces: the field cannot react at all.\n  const dragProps = canUpload && !open ? { onDragEnter, onDragOver, onDragLeave, onDrop } : {}\n\n  const selectButton = !readOnly ? (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n      <ImagePlus /> {translate('common.select')}\n    </Button>\n  ) : null\n\n  return (\n    <Stack\n      gap=\"2\"\n      className={cn(\n        'relative rounded-lg transition-shadow',\n        dragging && 'ring-2 ring-primary ring-offset-2 ring-offset-background',\n      )}\n      {...dragProps}\n    >\n      {many && hasSub ? (\n        // Gallery with per-use sub-fields (EC-301): a card per placement — thumbnail +\n        // its own sub-field form — reusing the object/repeater item rendering.\n        <Stack gap=\"2\">\n          {entries.length > 0 ? (\n            <Stack gap=\"2\">\n              {entries.map((entry, i) => {\n                const aid = readAssetId(entry)\n                if (!aid) return null\n                return (\n                  <AssetGalleryItem\n                    key={`${aid}-${i}`}\n                    assetId={aid}\n                    collectionId={assetCollectionId}\n                    fields={subFields}\n                    value={assetSubfieldsOf(entry)}\n                    readOnly={readOnly}\n                    idPrefix={`asset-${i}`}\n                    onChangeSubs={(next) => {\n                      const nextEntries = entries.slice()\n                      nextEntries[i] = assetNode(aid, next)\n                      onChange(nextEntries)\n                    }}\n                    onRemove={readOnly ? undefined : () => onChange(entries.filter((_, j) => j !== i))}\n                  />\n                )\n              })}\n            </Stack>\n          ) : (\n            <EmptyAssetState\n              compact={compact}\n              canUpload={canUpload}\n              readOnly={readOnly}\n              onSelect={() => setOpen(true)}\n            />\n          )}\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      ) : many ? (\n        // Gallery: a grid of focal-aware previews + the single Select entry.\n        <Stack gap=\"2\">\n          {ids.length > 0 ? (\n            <div\n              className={cn(\n                'grid gap-2',\n                compact ? 'grid-cols-2' : 'grid-cols-3 sm:grid-cols-4',\n              )}\n            >\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            </div>\n          ) : (\n            <EmptyAssetState\n              compact={compact}\n              canUpload={canUpload}\n              readOnly={readOnly}\n              onSelect={() => setOpen(true)}\n            />\n          )}\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      ) : single && hasSub ? (\n        // With per-use sub-fields the asset + its fields read as ONE grouped unit\n        // (like an object), so it's clear they belong together (EC-301 feedback).\n        <Card className=\"border-l-2 border-l-border p-3\">\n          <Stack gap=\"3\">\n            <AssetSinglePreview\n              assetId={single}\n              compact={compact}\n              readOnly={readOnly}\n              hasLibrary={assets !== null}\n              fallbackTitle={source.titleOf({ collection: assetCollectionId, id: single })}\n              selectButton={selectButton}\n              onEdit={() => setEditing(true)}\n              onRemove={() => onChange(applyAssetSelection(value, null, field.multiple))}\n            />\n            <div className=\"border-t border-border/60 pt-3\">\n              <ObjectItemForm\n                fields={subFields}\n                value={assetSubfieldsOf(value)}\n                readOnly={readOnly}\n                idPrefix=\"asset-sub\"\n                onChange={(next) => onChange(assetNode(single, next))}\n              />\n            </div>\n          </Stack>\n        </Card>\n      ) : single ? (\n        <AssetSinglePreview\n          assetId={single}\n          compact={compact}\n          readOnly={readOnly}\n          hasLibrary={assets !== null}\n          fallbackTitle={source.titleOf({ collection: assetCollectionId, id: single })}\n          selectButton={selectButton}\n          onEdit={() => setEditing(true)}\n          onRemove={() => onChange(applyAssetSelection(value, null, field.multiple))}\n        />\n      ) : (\n        <Stack gap=\"2\">\n          <EmptyAssetState\n            compact={compact}\n            canUpload={canUpload}\n            readOnly={readOnly}\n            onSelect={() => setOpen(true)}\n          />\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n          </Row>\n        </Stack>\n      )}\n\n      {/* Image options (focal point + metadata) for a single selected asset, in a\n          dialog rather than an inline disclosure (EC-301). Shared across every use. */}\n      {!many && single && assets ? (\n        <AssetOptionsDialog\n          assetId={single}\n          readOnly={readOnly}\n          open={editing}\n          onOpenChange={setEditing}\n        />\n      ) : null}\n\n      <AssetPicker\n        value={single}\n        open={open}\n        onOpenChange={setOpen}\n        accept={assetAcceptAttr(field.accept)}\n        onChange={applyPicked}\n        multiple={many}\n        {...(many ? { onChangeMany: applyPickedMany } : {})}\n      />\n\n      {rejected.length > 0 ? (\n        <Row gap=\"2\" align=\"center\">\n          <AlertTriangle className=\"size-4 shrink-0 text-warning\" />\n          <Text size=\"xs\" tone=\"muted\">\n            {rejected.length === 1\n              ? translate('cms.asset.rejected.one', {\n                  name: rejected[0]!,\n                  types: describeAccept(field.accept),\n                })\n              : translate('cms.asset.rejected.other', {\n                  count: rejected.length,\n                  types: describeAccept(field.accept),\n                })}\n          </Text>\n        </Row>\n      ) : null}\n\n      {dragging ? (\n        <div className=\"pointer-events-none absolute inset-0 z-10 grid place-items-center rounded-lg border-2 border-dashed border-primary bg-background/85\">\n          <Row gap=\"2\" align=\"center\">\n            <Upload className=\"size-4 text-primary\" />\n            <Text size=\"sm\" className=\"font-medium\">\n              {translate('cms.asset.dropToUpload')}\n            </Text>\n          </Row>\n        </div>\n      ) : null}\n    </Stack>\n  )\n}\n\n/**\n * Empty-state placeholder shown when an asset field has no selection (EC-301).\n *\n * EC-395: this was the one asset-field affordance that ignored `readOnly` — every\n * sibling control (`selectButton`, the per-item remove/change actions) already\n * degraded, but the empty-state tile stayed a clickable `<button>` that opened the\n * picker regardless. A locked, empty asset field must be as inert as a filled one:\n * read-only renders a plain (non-interactive, non-focusable) `div` with the same\n * frame — no `onClick`, no hover affordance — instead of a `<button>`.\n */\nfunction EmptyAssetState({\n  compact,\n  canUpload,\n  readOnly,\n  onSelect,\n}: {\n  compact: boolean\n  canUpload: boolean\n  readOnly: boolean\n  onSelect: () => void\n}) {\n  const frame = cn(\n    'grid w-full place-items-center gap-1 rounded-lg border border-dashed border-border bg-muted/30 text-center text-muted-foreground',\n    compact ? 'aspect-video' : 'aspect-[5/2]',\n  )\n  if (readOnly) {\n    return <div className={frame}>{emptyAssetStateBody(canUpload)}</div>\n  }\n  return (\n    <button type=\"button\" onClick={onSelect} className={cn(frame, 'transition-colors hover:bg-muted/60')}>\n      {emptyAssetStateBody(canUpload)}\n    </button>\n  )\n}\n\nfunction emptyAssetStateBody(canUpload: boolean) {\n  return (\n    <>\n      <ImagePlus className=\"size-6\" aria-hidden />\n      <Text size=\"xs\" tone=\"muted\">\n        {canUpload ? translate('cms.asset.selectOrDrop') : translate('cms.asset.selectAsset')}\n      </Text>\n    </>\n  )\n}\n\n/** A large focal-aware preview of the selected asset (EC-301). */\nfunction AssetPreview({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  return <AssetThumb record={record} className=\"aspect-[4/3] w-full\" />\n}\n\n/** Filename + dimensions/type for the selected asset — the id is never shown (EC-301). */\nfunction AssetInfo({ assetId, fallbackTitle }: { assetId: string; fallbackTitle?: string }) {\n  const record = useAssetRecord(assetId)\n  const name = record?.title ?? record?.filename ?? fallbackTitle ?? assetId\n  const dims = record?.width && record?.height ? `${record.width}×${record.height}` : null\n  const kind = record?.contentType?.split('/')[1]?.toUpperCase()\n  const meta = [dims, kind].filter(Boolean).join(' · ')\n  return (\n    <Stack gap=\"1\">\n      <Text size=\"sm\" className=\"truncate font-medium\" title={name}>\n        {name}\n      </Text>\n      {meta ? (\n        <Text size=\"xs\" tone=\"subtle\">\n          {meta}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n\n/**\n * The selected image's alt text shown in the field (EC-301) — what an editor most\n * wants at a glance; edited in the options dialog. Reads `meta.alt` with the legacy\n * `alt` column as fallback, matching delivery.\n */\nfunction AssetAltLine({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  const metaAlt = typeof record?.meta?.alt === 'string' ? record.meta.alt : undefined\n  const alt = metaAlt ?? record?.alt\n  return (\n    <Row gap=\"1\" align=\"baseline\" className=\"min-w-0\">\n      <Text size=\"xs\" tone=\"subtle\" className=\"shrink-0\">\n        {translate('cms.asset.altLabel')}\n      </Text>\n      <Text\n        size=\"xs\"\n        tone={alt ? 'muted' : 'subtle'}\n        className={cn('min-w-0 truncate', !alt && 'italic')}\n        title={alt ?? undefined}\n      >\n        {alt || translate('cms.asset.notSet')}\n      </Text>\n    </Row>\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 source = useCollectionView()\n  const record = useAssetRecord(assetId)\n  const title = source.titleOf({ collection: collectionId, id: assetId })\n  return (\n    <div className=\"group relative overflow-hidden rounded-lg border border-border bg-muted/40\">\n      <AssetThumb record={record} alt={title} className=\"aspect-square w-full rounded-none border-0\" />\n      <Row gap=\"1\" align=\"center\" className=\"px-2 py-1\">\n        <Text size=\"xs\" tone=\"subtle\" className=\"min-w-0 flex-1 truncate\" title={title}>\n          {title}\n        </Text>\n        {onRemove ? (\n          <button\n            type=\"button\"\n            aria-label={translate('common.remove')}\n            onClick={onRemove}\n            className=\"text-muted-foreground hover:text-destructive\"\n          >\n            <X className=\"size-3.5\" />\n          </button>\n        ) : null}\n      </Row>\n    </div>\n  )\n}\n\n/**\n * The selected single asset's preview row (EC-301): large focal-aware preview + info\n * column (filename/dimensions, Select/Edit/Remove, alt). Extracted so it renders either\n * bare (a plain asset field) or inside the grouping card when the field carries per-use\n * sub-fields — the asset + its fields then read as one unit.\n */\nfunction AssetSinglePreview({\n  assetId,\n  compact,\n  readOnly,\n  hasLibrary,\n  fallbackTitle,\n  selectButton,\n  onEdit,\n  onRemove,\n}: {\n  assetId: string\n  compact: boolean\n  readOnly: boolean\n  hasLibrary: boolean\n  fallbackTitle?: string\n  selectButton: React.ReactNode\n  onEdit: () => void\n  onRemove: () => void\n}) {\n  return (\n    <div className={compact ? 'flex flex-col gap-3' : 'flex gap-4'}>\n      <div className={compact ? 'w-full' : 'w-1/2 shrink-0'}>\n        <AssetPreview assetId={assetId} />\n      </div>\n      <Stack gap=\"2\" className={cn('min-w-0', !compact && 'flex-1')}>\n        <AssetInfo assetId={assetId} fallbackTitle={fallbackTitle} />\n        {!readOnly ? (\n          <Row gap=\"2\" wrap align=\"center\">\n            {selectButton}\n            {hasLibrary ? (\n              <Button variant=\"outline\" size=\"sm\" onClick={onEdit}>\n                <SlidersHorizontal /> {translate('common.edit')}\n              </Button>\n            ) : null}\n            <Button variant=\"ghost\" size=\"sm\" onClick={onRemove}>\n              <Trash2 /> {translate('common.remove')}\n            </Button>\n          </Row>\n        ) : null}\n        <AssetAltLine assetId={assetId} />\n      </Stack>\n    </div>\n  )\n}\n\n/**\n * One gallery placement when a `many` asset field declares per-use sub-fields (EC-301):\n * a thumbnail + filename + remove header over the placement's own sub-field form,\n * modelled on a repeater item card so a gallery's placements read as grouped units.\n */\nfunction AssetGalleryItem({\n  assetId,\n  collectionId,\n  fields,\n  value,\n  onChangeSubs,\n  onRemove,\n  readOnly,\n  idPrefix,\n}: {\n  assetId: string\n  collectionId: string\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChangeSubs: (value: Record<string, unknown>) => void\n  onRemove?: () => void\n  readOnly: boolean\n  idPrefix: string\n}) {\n  const source = useCollectionView()\n  const record = useAssetRecord(assetId)\n  const title = source.titleOf({ collection: collectionId, id: assetId })\n  return (\n    <Card className=\"border-l-2 border-l-border p-0\">\n      <Row gap=\"2\" align=\"center\" className=\"border-b border-border/60 bg-muted/30 px-2 py-1.5\">\n        <AssetThumb record={record} alt={title} className=\"size-10 shrink-0\" />\n        <Text size=\"sm\" className=\"min-w-0 flex-1 truncate font-medium\" title={title}>\n          {title}\n        </Text>\n        {onRemove ? (\n          <Button variant=\"ghost\" size=\"sm\" aria-label={translate('common.remove')} onClick={onRemove}>\n            <Trash2 className=\"size-3.5\" />\n          </Button>\n        ) : null}\n      </Row>\n      <div className=\"px-3 pb-3\">\n        <ObjectItemForm\n          fields={fields}\n          value={value}\n          onChange={onChangeSubs}\n          readOnly={readOnly}\n          idPrefix={idPrefix}\n        />\n      </div>\n    </Card>\n  )\n}\n\n/**\n * The image options dialog (EC-301): the focal point (engine-special visual\n * control) + the asset's **schema-driven** metadata, rendered from the\n * `kind:'asset'` collection's `fields` through the same generic field engine\n * documents use — so a project declares asset metadata (alt, copyright, credit, …)\n * in code, not hardcoded here. Edits persist on the asset, shared across every use.\n * Metadata is buffered locally and committed once on close (one write); the focal\n * point commits immediately (it drives a live visual). No-ops without a library.\n */\nfunction AssetOptionsDialog({\n  assetId,\n  readOnly,\n  open,\n  onOpenChange,\n}: {\n  assetId: string\n  readOnly: boolean\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}) {\n  const source = useCollectionView()\n  const assets = useOptionalAssets()\n  const record = useAssetRecord(assetId)\n  const metaFields = useMemo(() => {\n    const assetCollectionId = source.assetCollectionId ?? 'asset'\n    const collection = source.collections.find((c) => c.id === assetCollectionId)\n    return collection ? assetMetaFieldsOf(collection) : []\n  }, [source])\n\n  // Local edit buffers, seeded once per open from the record (so an external edit\n  // still wins between opens). Metadata is non-localized in v1 (the asset\n  // resolution path is locale-agnostic) — localized asset metadata is a follow-up.\n  const [meta, setMeta] = useState<Record<string, unknown>>({})\n  const [focal, setFocal] = useState<{ x: number; y: number } | undefined>(undefined)\n  const dirty = useRef(false)\n  const seeded = useRef(false)\n  useEffect(() => {\n    if (!open) {\n      seeded.current = false\n      return\n    }\n    if (seeded.current || !record) return\n    // Seed from the meta bag, but lift the legacy `alt` column in when meta lacks\n    // it (EC-301 transition): a not-yet-migrated asset still shows its alt, and\n    // saving writes it into meta — a lazy migration-on-edit, matching delivery's\n    // `meta.alt ?? record.alt` read fallback.\n    const seedMeta = { ...(record.alt !== undefined ? { alt: record.alt } : {}), ...(record.meta ?? {}) }\n    setMeta(seedMeta)\n    setFocal(record.focalPoint)\n    dirty.current = false\n    seeded.current = true\n  }, [open, record])\n\n  function handleOpenChange(next: boolean) {\n    // Commit the buffered metadata once, on close (one write, not per keystroke).\n    if (!next && !readOnly && assets && dirty.current) {\n      void assets.updateMetadata(assetId, { meta: pruneMeta(meta) })\n      dirty.current = false\n    }\n    onOpenChange(next)\n  }\n\n  function setField(name: string, value: unknown) {\n    dirty.current = true\n    setMeta((m) => ({ ...m, [name]: value }))\n  }\n\n  // The focal point drives a live crop preview → commit immediately (optimistic\n  // marker), not deferred to close.\n  function commitFocal(point: { x: number; y: number } | null) {\n    if (readOnly || !assets) return\n    setFocal(point ?? undefined)\n    void assets.updateMetadata(assetId, { focalPoint: point })\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleOpenChange}>\n      <DialogContent className=\"max-w-lg\">\n        <DialogHeader>\n          <DialogTitle>{translate('cms.asset.imageOptions.title')}</DialogTitle>\n          <DialogDescription>\n            {translate('cms.asset.imageOptions.description')}\n          </DialogDescription>\n        </DialogHeader>\n        <Stack gap=\"3\">\n          <Stack gap=\"2\">\n            <Row align=\"center\">\n              <Text size=\"sm\" className=\"font-medium\">\n                {translate('cms.asset.focalPoint')}\n              </Text>\n              <Spacer />\n              {focal && !readOnly ? (\n                <Button variant=\"ghost\" size=\"sm\" onClick={() => commitFocal(null)}>\n                  <RotateCcw /> {translate('cms.asset.resetToCentre')}\n                </Button>\n              ) : null}\n            </Row>\n            <FocalPointPicker\n              record={record}\n              point={focal}\n              onChange={commitFocal}\n              onPreview={setFocal}\n              disabled={readOnly}\n            />\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.focalPointHint')}\n            </Text>\n            <FocalCropPreviews record={record} point={focal} />\n          </Stack>\n          {metaFields.map((f) => (\n            <Field key={f.name} label={fieldLabel(f)} hint={localizedLabel(f.form?.description) || undefined}>\n              <FieldControl\n                id={`asset-meta-${f.name}`}\n                field={f}\n                value={meta[f.name]}\n                readOnly={readOnly}\n                onChange={(v) => setField(f.name, v)}\n              />\n            </Field>\n          ))}\n          {metaFields.length === 0 ? (\n            <Text size=\"sm\" tone=\"subtle\">\n              No editable metadata fields are declared on the asset collection. Add fields (e.g.\n              <Code tone=\"muted\"> alt</Code>, <Code tone=\"muted\">copyright</Code>) to it in code.\n            </Text>\n          ) : null}\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}

package/dist/components/cms/asset-picker-core.d.ts

@@ -39,6 +39,35 @@ export declare function visiblePickerAssets(assets: readonly AssetRecord[], quer
  * the pre-upload id set to learn the new asset. `null` when nothing new landed.
  */
 export declare function uploadedSelection(before: Iterable<string>, after: readonly string[]): string | null;
+/**
+ * One upload BATCH (EC-460): the pre-upload library snapshot plus how many
+ * files the interaction submitted. The old flow tracked only `before` and
+ * committed on the FIRST library growth — with N concurrent uploads landing at
+ * different instants, files 2…N reached the library but never the field
+ * (silent partial data loss, the EC-276 multi-upload symptom).
+ */
+export interface UploadBatch {
+    before: ReadonlySet<string>;
+    /** How many files this batch submitted (post `accept`-filter). */
+    expected: number;
+}
+export interface UploadBatchProgress {
+    /** Every id the library gained since the batch started, in library order. */
+    added: string[];
+    /**
+     * The batch is finished: every expected file landed, OR nothing is uploading
+     * anymore (the remainder failed — visible in the upload queue, never awaited
+     * forever). Commit/attach decisions happen only once settled for `many`
+     * targets; a single-select target still commits on the first arrival.
+     */
+    settled: boolean;
+}
+/**
+ * Where a batch stands, given the current library ids and how many uploads are
+ * still in flight (non-terminal upload-queue entries). Pure — the picker and
+ * the asset field both drive their effects with this.
+ */
+export declare function uploadBatchProgress(batch: UploadBatch, libraryIds: readonly string[], uploadsInFlight: number): UploadBatchProgress;
 /** The picker's commit callbacks — a pick fires `onChange` then closes the stage. */
 export interface PickerCommit {
     onChange: (assetId: string | null) => void;
@@ -50,3 +79,14 @@ export interface PickerCommit {
  * card and the Clear affordance route through this.
  */
 export declare function commitPickerSelection(assetId: string | null, { onChange, onOpenChange }: PickerCommit): void;
+/** The multi-commit callbacks (EC-460): a settled upload batch on a `many` field. */
+export interface PickerCommitMany {
+    onChangeMany: (assetIds: string[]) => void;
+    onOpenChange: (open: boolean) => void;
+}
+/**
+ * Commit EVERY asset a settled upload batch added (EC-460) and close the picker —
+ * the `many`-field counterpart of {@link commitPickerSelection}, so selecting N
+ * files in one picker interaction attaches all N, not just the first to land.
+ */
+export declare function commitPickerSelectionMany(assetIds: string[], { onChangeMany, onOpenChange }: PickerCommitMany): void;

package/dist/components/cms/asset-picker-core.js

@@ -57,6 +57,18 @@ export function visiblePickerAssets(assets, query, accept) {
 export function uploadedSelection(before, after) {
     return newlyAddedAssetIds(before, after)[0] ?? null;
 }
+/**
+ * Where a batch stands, given the current library ids and how many uploads are
+ * still in flight (non-terminal upload-queue entries). Pure — the picker and
+ * the asset field both drive their effects with this.
+ */
+export function uploadBatchProgress(batch, libraryIds, uploadsInFlight) {
+    const added = newlyAddedAssetIds(batch.before, libraryIds);
+    return {
+        added,
+        settled: added.length >= batch.expected || uploadsInFlight === 0,
+    };
+}
 /**
  * Commit a picked asset (or a clear, `assetId === null`) and close the picker —
  * the selection semantic (click = pick, fire `onChange`, close). Both the grid
@@ -66,4 +78,13 @@ export function commitPickerSelection(assetId, { onChange, onOpenChange }) {
     onChange(assetId);
     onOpenChange(false);
 }
+/**
+ * Commit EVERY asset a settled upload batch added (EC-460) and close the picker —
+ * the `many`-field counterpart of {@link commitPickerSelection}, so selecting N
+ * files in one picker interaction attaches all N, not just the first to land.
+ */
+export function commitPickerSelectionMany(assetIds, { onChangeMany, onOpenChange }) {
+    onChangeMany(assetIds);
+    onOpenChange(false);
+}
 //# sourceMappingURL=asset-picker-core.js.map

package/dist/components/cms/asset-picker-core.js.map

@@ -1 +1 @@
-{"version":3,"file":"asset-picker-core.js","sourceRoot":"","sources":["../../../src/components/cms/asset-picker-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D;;;;;GAKG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAe,CAAA;AAExD;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAA0B;IAC3D,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAA;IACtB,OAAO,MAAM;SACV,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SAC5B,MAAM,CAAC,OAAO,CAAC,CAAA;AACpB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAoD,EACpD,MAA0B;IAE1B,MAAM,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACpC,OAAO,kBAAkB,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAA;AACjG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAA8B,EAC9B,KAAa,EACb,MAA0B;IAE1B,OAAO,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;AAC1F,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAwB,EAAE,KAAwB;IAClF,OAAO,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;AACrD,CAAC;AAQD;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAsB,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAgB;IACpG,QAAQ,CAAC,OAAO,CAAC,CAAA;IACjB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,CAAC","sourcesContent":["import type { AssetRecord } from '@elytracms/core/persistence'\nimport { assetMatchesAccept } from '@elytracms/core/cms-core'\nimport { filterAssets } from '../assets/asset-search'\nimport { newlyAddedAssetIds } from '../assets/focal-point'\n\n/**\n * Pure selection/filter core for the asset picker (EC-432). DOM-free and\n * side-effect-free so the media browser's \"what shows\" and \"what a pick/upload\n * commits\" are unit-testable without a browser — the picker component is just the\n * stage shell around these.\n */\n\n/**\n * The stage width preset the media browser mounts with (EC-432 / EC-431 AD-A):\n * the roomy `grid` measure (`min(1240px, 94vw)`) — browsing assets is spatial.\n * Exported so the geometry contract is pinnable without rendering the portal\n * (which is `null` in the node test env).\n */\nexport const ASSET_PICKER_STAGE_PRESET = 'grid' as const\n\n/**\n * Split a file-input `accept` string (\"image/*\", \"image/png,image/jpeg\",\n * \".pdf\") into the token list the core matcher understands. The picker receives\n * `accept` as the file-input attribute string (from `assetAcceptAttr(field.accept)`,\n * a literal like `\"image/*\"`, or `undefined`), not a field's structured list —\n * so we re-split it here. Empty/undefined ⇒ no tokens (no restriction).\n */\nexport function pickerAcceptTokens(accept: string | undefined): string[] {\n  if (!accept) return []\n  return accept\n    .split(',')\n    .map((token) => token.trim())\n    .filter(Boolean)\n}\n\n/**\n * Does an asset satisfy the picker's `accept`? Reuses the core\n * {@link assetMatchesAccept} matcher over the split tokens — an empty/absent\n * `accept` accepts everything, so a picker opened WITHOUT an accept (the editable\n * cell) still browses the whole library, unchanged.\n */\nexport function matchesPickerAccept(\n  asset: Pick<AssetRecord, 'contentType' | 'filename'>,\n  accept: string | undefined,\n): boolean {\n  const tokens = pickerAcceptTokens(accept)\n  if (tokens.length === 0) return true\n  return assetMatchesAccept({ contentType: asset.contentType, filename: asset.filename }, tokens)\n}\n\n/**\n * The assets shown in the picker grid: the shipped search filter (EC-152) then\n * the `accept` filter (EC-432) — an image field's picker browses only images,\n * never the project's PDFs. Order follows the library.\n */\nexport function visiblePickerAssets(\n  assets: readonly AssetRecord[],\n  query: string,\n  accept: string | undefined,\n): AssetRecord[] {\n  return filterAssets(assets, query).filter((asset) => matchesPickerAccept(asset, accept))\n}\n\n/**\n * The id an upload just added to the library, if any (upload-then-select, EC-301):\n * the `upload()` API is fire-and-forget, so the picker diffs the library against\n * the pre-upload id set to learn the new asset. `null` when nothing new landed.\n */\nexport function uploadedSelection(before: Iterable<string>, after: readonly string[]): string | null {\n  return newlyAddedAssetIds(before, after)[0] ?? null\n}\n\n/** The picker's commit callbacks — a pick fires `onChange` then closes the stage. */\nexport interface PickerCommit {\n  onChange: (assetId: string | null) => void\n  onOpenChange: (open: boolean) => void\n}\n\n/**\n * Commit a picked asset (or a clear, `assetId === null`) and close the picker —\n * the selection semantic (click = pick, fire `onChange`, close). Both the grid\n * card and the Clear affordance route through this.\n */\nexport function commitPickerSelection(assetId: string | null, { onChange, onOpenChange }: PickerCommit): void {\n  onChange(assetId)\n  onOpenChange(false)\n}\n"]}
+{"version":3,"file":"asset-picker-core.js","sourceRoot":"","sources":["../../../src/components/cms/asset-picker-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D;;;;;GAKG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAe,CAAA;AAExD;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAA0B;IAC3D,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAA;IACtB,OAAO,MAAM;SACV,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SAC5B,MAAM,CAAC,OAAO,CAAC,CAAA;AACpB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAoD,EACpD,MAA0B;IAE1B,MAAM,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACpC,OAAO,kBAAkB,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAA;AACjG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAA8B,EAC9B,KAAa,EACb,MAA0B;IAE1B,OAAO,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;AAC1F,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAwB,EAAE,KAAwB;IAClF,OAAO,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;AACrD,CAAC;AA2BD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAkB,EAClB,UAA6B,EAC7B,eAAuB;IAEvB,MAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC1D,OAAO;QACL,KAAK;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,eAAe,KAAK,CAAC;KACjE,CAAA;AACH,CAAC;AAQD;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAsB,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAgB;IACpG,QAAQ,CAAC,OAAO,CAAC,CAAA;IACjB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,CAAC;AAQD;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CACvC,QAAkB,EAClB,EAAE,YAAY,EAAE,YAAY,EAAoB;IAEhD,YAAY,CAAC,QAAQ,CAAC,CAAA;IACtB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,CAAC","sourcesContent":["import type { AssetRecord } from '@elytracms/core/persistence'\nimport { assetMatchesAccept } from '@elytracms/core/cms-core'\nimport { filterAssets } from '../assets/asset-search'\nimport { newlyAddedAssetIds } from '../assets/focal-point'\n\n/**\n * Pure selection/filter core for the asset picker (EC-432). DOM-free and\n * side-effect-free so the media browser's \"what shows\" and \"what a pick/upload\n * commits\" are unit-testable without a browser — the picker component is just the\n * stage shell around these.\n */\n\n/**\n * The stage width preset the media browser mounts with (EC-432 / EC-431 AD-A):\n * the roomy `grid` measure (`min(1240px, 94vw)`) — browsing assets is spatial.\n * Exported so the geometry contract is pinnable without rendering the portal\n * (which is `null` in the node test env).\n */\nexport const ASSET_PICKER_STAGE_PRESET = 'grid' as const\n\n/**\n * Split a file-input `accept` string (\"image/*\", \"image/png,image/jpeg\",\n * \".pdf\") into the token list the core matcher understands. The picker receives\n * `accept` as the file-input attribute string (from `assetAcceptAttr(field.accept)`,\n * a literal like `\"image/*\"`, or `undefined`), not a field's structured list —\n * so we re-split it here. Empty/undefined ⇒ no tokens (no restriction).\n */\nexport function pickerAcceptTokens(accept: string | undefined): string[] {\n  if (!accept) return []\n  return accept\n    .split(',')\n    .map((token) => token.trim())\n    .filter(Boolean)\n}\n\n/**\n * Does an asset satisfy the picker's `accept`? Reuses the core\n * {@link assetMatchesAccept} matcher over the split tokens — an empty/absent\n * `accept` accepts everything, so a picker opened WITHOUT an accept (the editable\n * cell) still browses the whole library, unchanged.\n */\nexport function matchesPickerAccept(\n  asset: Pick<AssetRecord, 'contentType' | 'filename'>,\n  accept: string | undefined,\n): boolean {\n  const tokens = pickerAcceptTokens(accept)\n  if (tokens.length === 0) return true\n  return assetMatchesAccept({ contentType: asset.contentType, filename: asset.filename }, tokens)\n}\n\n/**\n * The assets shown in the picker grid: the shipped search filter (EC-152) then\n * the `accept` filter (EC-432) — an image field's picker browses only images,\n * never the project's PDFs. Order follows the library.\n */\nexport function visiblePickerAssets(\n  assets: readonly AssetRecord[],\n  query: string,\n  accept: string | undefined,\n): AssetRecord[] {\n  return filterAssets(assets, query).filter((asset) => matchesPickerAccept(asset, accept))\n}\n\n/**\n * The id an upload just added to the library, if any (upload-then-select, EC-301):\n * the `upload()` API is fire-and-forget, so the picker diffs the library against\n * the pre-upload id set to learn the new asset. `null` when nothing new landed.\n */\nexport function uploadedSelection(before: Iterable<string>, after: readonly string[]): string | null {\n  return newlyAddedAssetIds(before, after)[0] ?? null\n}\n\n/**\n * One upload BATCH (EC-460): the pre-upload library snapshot plus how many\n * files the interaction submitted. The old flow tracked only `before` and\n * committed on the FIRST library growth — with N concurrent uploads landing at\n * different instants, files 2…N reached the library but never the field\n * (silent partial data loss, the EC-276 multi-upload symptom).\n */\nexport interface UploadBatch {\n  before: ReadonlySet<string>\n  /** How many files this batch submitted (post `accept`-filter). */\n  expected: number\n}\n\nexport interface UploadBatchProgress {\n  /** Every id the library gained since the batch started, in library order. */\n  added: string[]\n  /**\n   * The batch is finished: every expected file landed, OR nothing is uploading\n   * anymore (the remainder failed — visible in the upload queue, never awaited\n   * forever). Commit/attach decisions happen only once settled for `many`\n   * targets; a single-select target still commits on the first arrival.\n   */\n  settled: boolean\n}\n\n/**\n * Where a batch stands, given the current library ids and how many uploads are\n * still in flight (non-terminal upload-queue entries). Pure — the picker and\n * the asset field both drive their effects with this.\n */\nexport function uploadBatchProgress(\n  batch: UploadBatch,\n  libraryIds: readonly string[],\n  uploadsInFlight: number,\n): UploadBatchProgress {\n  const added = newlyAddedAssetIds(batch.before, libraryIds)\n  return {\n    added,\n    settled: added.length >= batch.expected || uploadsInFlight === 0,\n  }\n}\n\n/** The picker's commit callbacks — a pick fires `onChange` then closes the stage. */\nexport interface PickerCommit {\n  onChange: (assetId: string | null) => void\n  onOpenChange: (open: boolean) => void\n}\n\n/**\n * Commit a picked asset (or a clear, `assetId === null`) and close the picker —\n * the selection semantic (click = pick, fire `onChange`, close). Both the grid\n * card and the Clear affordance route through this.\n */\nexport function commitPickerSelection(assetId: string | null, { onChange, onOpenChange }: PickerCommit): void {\n  onChange(assetId)\n  onOpenChange(false)\n}\n\n/** The multi-commit callbacks (EC-460): a settled upload batch on a `many` field. */\nexport interface PickerCommitMany {\n  onChangeMany: (assetIds: string[]) => void\n  onOpenChange: (open: boolean) => void\n}\n\n/**\n * Commit EVERY asset a settled upload batch added (EC-460) and close the picker —\n * the `many`-field counterpart of {@link commitPickerSelection}, so selecting N\n * files in one picker interaction attaches all N, not just the first to land.\n */\nexport function commitPickerSelectionMany(\n  assetIds: string[],\n  { onChangeMany, onOpenChange }: PickerCommitMany,\n): void {\n  onChangeMany(assetIds)\n  onOpenChange(false)\n}\n"]}

package/dist/components/cms/asset-picker.d.ts

@@ -16,13 +16,22 @@
  *
  * The component CONTRACT is unchanged (`{ open, onOpenChange, value, accept,
  * onChange }`) so every call site — asset fields, rich-text image insertion,
- * editable cells — works with zero edits, just a bigger surface.
+ * editable cells — works with zero edits, just a bigger surface. EC-460 adds an
+ * OPTIONAL multi-commit pair (`multiple` + `onChangeMany`): a `many` asset field
+ * passes both so uploading N files in ONE picker interaction attaches ALL N
+ * (the old flow committed the first upload to land and closed — the rest
+ * reached the library but never the field, silent partial data loss). Grid
+ * clicks stay single-pick-and-close in every mode.
  */
-export declare function AssetPicker({ value, open, onOpenChange, onChange, accept, }: {
+export declare function AssetPicker({ value, open, onOpenChange, onChange, onChangeMany, multiple, accept, }: {
     value: string | null;
     open: boolean;
     onOpenChange: (open: boolean) => void;
     onChange: (assetId: string | null) => void;
+    /** EC-460: commit a whole settled upload batch (a `many` field passes this). */
+    onChangeMany?: (assetIds: string[]) => void;
+    /** Whether the consuming field holds many assets (enables batch commit). */
+    multiple?: boolean;
     /** The file input's `accept` attribute for in-picker upload + grid filter (field-derived). */
     accept?: string;
 }): import("react").JSX.Element | null;