@elytracms/studio 0.0.93 → 0.0.94

package/dist/components/builder/spacing-handles.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing-handles.js","sourceRoot":"","sources":["../../../src/components/builder/spacing-handles.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { DEFAULT_SLOT, isLayoutContainerNode, staticProp } from '@elytracms/core/project-graph'\nimport type { ComponentNode, LayoutContainerIds } from '@elytracms/core/project-graph'\nimport { containerFlowAxis } from '@elytracms/studio/lib/dnd/drop-rules'\nimport type { FlowAxis } from '@elytracms/studio/lib/dnd/drop-rules'\nimport {\n  containerGapStep,\n  gapHandleSpots,\n  gapStepCss,\n  gapStepFromDrag,\n} from '@elytracms/studio/lib/dnd/gap-drag'\nimport type { GapRect, GapStep } from '@elytracms/studio/lib/dnd/gap-drag'\nimport { translate } from '@elytracms/studio/lib/i18n'\nimport { useBuilder } from './builder-store'\nimport { GAP_LABEL_KEYS, GAP_NONE_LABEL_KEY } from './layout-inspector'\nimport { activeDrag, onDragSessionEnd, onDragSessionStart } from './drag-session'\nimport {\n  createRectTracker,\n  measureElementRect,\n  scheduleFrame,\n  subscribeCanvasLayout,\n} from './canvas-rect-tracking'\nimport type { FrameScheduler, RectTracker } from './canvas-rect-tracking'\n\n/**\n * Tokenized spacing handles (EC-163, vision §3.1 / AD-10): when a Stack/Grid\n * container is selected on the canvas, draggable gap handles appear between\n * its children, axis-aware via the shared `containerFlowAxis`. Dragging snaps\n * through the EC-161 spacing-token scale (`lib/dnd/gap-drag` — pure math, no\n * pixel value can escape it); the static gap tags (EC-435) stay put and read\n * the LIVE token + re-measured px during the drag (EC-438 — no\n * pointer-following label). The drag previews imperatively on the rendered\n * element; releasing commits exactly ONE builder dispatch — `setProp` with the\n * token, or `removeProp` for \"no gap\", the identical values the inspector's\n * gap select writes — so one undo restores, and the graph stays the single\n * source of truth. Esc mid-drag cancels: preview reverts, nothing dispatches.\n */\n\n/** Plain-language label for a gap step — the inspector's vocabulary. */\nexport function gapStepLabel(step: GapStep): string {\n  return step === null ? translate(GAP_NONE_LABEL_KEY) : translate(GAP_LABEL_KEYS[step])\n}\n\nexport interface HandleSpotView {\n  index: number\n  /** Document-coordinate position of the handle's center. */\n  x: number\n  y: number\n  crossStart: number\n  crossLength: number\n  /** Leading edge of the gap region along the flow axis (EC-435 hatch). */\n  gapStart: number\n  /** Rendered extent of the gap along the flow axis (0 for a closed gap). */\n  gapLength: number\n}\n\n/**\n * The hatched gap REGION for a spot (EC-435 AD-2): the rectangle between child\n * N's trailing edge and child N+1's leading edge along the flow axis, spanning\n * the pair's shared cross extent — the same measured child-rect basis the\n * handle spots come from (`gapHandleSpots`), in the same document coordinates.\n * Pure over the spot; a closed gap yields a zero-extent rect (nothing to paint).\n */\nexport function gapRegionRect(spot: HandleSpotView, axis: FlowAxis): GapRect {\n  return axis === 'horizontal'\n    ? { left: spot.gapStart, top: spot.crossStart, width: spot.gapLength, height: spot.crossLength }\n    : { left: spot.crossStart, top: spot.gapStart, width: spot.crossLength, height: spot.gapLength }\n}\n\ninterface ActiveDrag {\n  index: number\n  startStep: GapStep\n  step: GapStep\n  /** Pointer start along the flow axis (client coords). */\n  startCoord: number\n}\n\n/**\n * The container's rendered element (the Stack/Grid div carrying the gap style).\n * Resilient to legitimate intermediate wrappers between the editable\n * `[data-ec-node-id]` wrapper and the primitive (an error-boundary/provider DOM\n * node, a future decorator layer): the FIRST `[data-ec-primitive]` inside the\n * wrapper whose NEAREST node wrapper is THIS node — so it tolerates a wrapper\n * above the primitive but never descends into a CHILD node's subtree and grabs\n * that nested container's own `[data-ec-primitive]`. Mirrors `measurePropRect`'s\n * nearest-node scoping (EC-408). Today no such wrapper exists — `decorate` wraps\n * `<RenderErrorBoundary>` which renders its children with no DOM element, so the\n * primitive is a direct child — but the scoping makes 2(b) unregressable.\n */\nexport function containerElementFor(doc: Document, nodeId: string): HTMLElement | null {\n  const wrapper = doc.querySelector(`[data-ec-node-id=\"${nodeId}\"]`)\n  if (!wrapper) return null\n  for (const primitive of wrapper.querySelectorAll('[data-ec-primitive]')) {\n    if (primitive.closest('[data-ec-node-id]') === wrapper) return primitive as HTMLElement\n  }\n  return null\n}\n\n/** The container's rendered child node-wrappers — the DOM child basis. */\nfunction childWrappers(container: Element): HTMLElement[] {\n  return Array.from(container.querySelectorAll(':scope > [data-ec-node-id]')) as HTMLElement[]\n}\n\ninterface Measured {\n  spots: HandleSpotView[]\n  /** The axis the children are *rendered* along (drag direction follows it). */\n  axis: FlowAxis\n}\n\nconst EMPTY_MEASURED = (axis: FlowAxis): Measured => ({ spots: [], axis })\n\n/**\n * Measure the handle spots between the container's rendered children — the\n * SINGLE source of truth for whether handles show (spots) and where. Eligibility\n * and measurement agree on the SAME (DOM) child basis by construction: a\n * null-rendering graph child (condition-gated → no `[data-ec-node-id]` wrapper)\n * simply isn't counted, so it can neither block handles when ≥2 children render\n * nor phantom them when <2 do; kept fresh by the live tracker (EC-404) so a child\n * add/remove or resize re-runs this. The graph-level flow axis\n * (`containerFlowAxis`) is tried first; when the rendered layout disagrees — a\n * stacking Grid below the mobile breakpoint lays its \"columns\" out vertically —\n * the cross axis is measured instead, so handles always sit in the gaps the\n * editor actually sees.\n */\nexport function measureSpots(doc: Document, nodeId: string, flowAxis: FlowAxis): Measured {\n  const container = containerElementFor(doc, nodeId)\n  const win = doc.defaultView\n  if (!container || !win) return EMPTY_MEASURED(flowAxis)\n  const children = childWrappers(container)\n  if (children.length < 2) return EMPTY_MEASURED(flowAxis)\n  const rects = children.map((el) => measureElementRect(el, win))\n  const along = gapHandleSpots(rects, flowAxis)\n  if (along.length > 0) return { spots: along, axis: flowAxis }\n  const cross: FlowAxis = flowAxis === 'horizontal' ? 'vertical' : 'horizontal'\n  const across = gapHandleSpots(rects, cross)\n  return across.length > 0 ? { spots: across, axis: cross } : EMPTY_MEASURED(flowAxis)\n}\n\n/** Structural equality of two spot lists — suppresses redundant tracker emits. */\nfunction spotsEqual(a: readonly HandleSpotView[], b: readonly HandleSpotView[]): boolean {\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i += 1) {\n    const x = a[i]!\n    const y = b[i]!\n    if (\n      x.index !== y.index ||\n      x.x !== y.x ||\n      x.y !== y.y ||\n      x.crossStart !== y.crossStart ||\n      x.crossLength !== y.crossLength ||\n      x.gapStart !== y.gapStart ||\n      x.gapLength !== y.gapLength\n    ) {\n      return false\n    }\n  }\n  return true\n}\n\n/** True when two measurements are equivalent (same axis, same spots). */\nexport function measuredEqual(a: Measured, b: Measured): boolean {\n  return a.axis === b.axis && spotsEqual(a.spots, b.spots)\n}\n\n/** The elements the tracker's `ResizeObserver` watches: the container + its children. */\nfunction spacingTargets(doc: Document, nodeId: string): Element[] {\n  const container = containerElementFor(doc, nodeId)\n  if (!container) return []\n  return [container, ...childWrappers(container)]\n}\n\n/**\n * Wire a live rect tracker for the spacing handles onto the shared EC-404 core:\n * `subscribeCanvasLayout` re-measures under child resize (image/font decode),\n * child add/remove (async population, conditional render — `MutationObserver`\n * `childList`), container resize, and scroll/viewport change; `scheduleFrame`\n * coalesces on the PARENT window's frame loop with the mandatory 100 ms timeout\n * backstop (the iframe's rAF is paused offscreen / never fires under automation).\n * `dispose` tears down every observer + listener — no leaks on unmount. The\n * once-only `useLayoutEffect` measure this replaces went stale the instant any of\n * those settled after first paint (EC-406 evidence).\n */\nexport function createSpacingTracker(\n  doc: Document,\n  nodeId: string,\n  flowAxis: FlowAxis,\n  host: FrameScheduler,\n  onChange: (measured: Measured) => void,\n): RectTracker {\n  return createRectTracker<Measured>({\n    measure: () => measureSpots(doc, nodeId, flowAxis),\n    equals: measuredEqual,\n    onChange,\n    schedule: (flush) => scheduleFrame(host, flush),\n    subscribe: (invalidate) => subscribeCanvasLayout(doc, () => spacingTargets(doc, nodeId), invalidate),\n  })\n}\n\n/**\n * True when the node is a layout container the handles can attach to — a cheap,\n * NECESSARY graph precondition for the mount (the authoritative \"are there ≥2\n * gaps to space\" answer is the live DOM {@link measureSpots}). Because each graph\n * child renders at most one `[data-ec-node-id]` wrapper, rendered DOM children ⊆\n * graph children, so requiring ≥2 graph children can never wrongly hide handles\n * that a fresh DOM measure would show.\n */\nexport function hasSpacingHandles(\n  node: ComponentNode | null,\n  layout: LayoutContainerIds,\n): node is ComponentNode {\n  return (\n    node !== null &&\n    isLayoutContainerNode(node, layout) &&\n    (node.slots?.[DEFAULT_SLOT]?.length ?? 0) >= 2\n  )\n}\n\nconst HANDLE_THICKNESS = 14\nconst HANDLE_BAR = 4\nconst HANDLE_MAX_LENGTH = 48\n\n/** Everything the portal-free handle markup needs (chrome contract surface). */\nexport interface SpacingHandlesViewProps {\n  spots: HandleSpotView[]\n  horizontal: boolean\n  /**\n   * Token label for the container's COMMITTED gap (EC-435 AD-2) — the SAME\n   * plain-language vocabulary the layout inspector resolves (`gapStepLabel`),\n   * stamped on every hatched gap region as a static size tag while idle.\n   */\n  gapLabel: string\n  /**\n   * The live drag: the active handle index (tint) and the live step's token\n   * label — the static tags read it in place while dragging (EC-438).\n   */\n  drag: { index: number; label: string } | null\n  onPointerDown: (spot: HandleSpotView) => (e: React.PointerEvent<HTMLDivElement>) => void\n  onPointerMove: (e: React.PointerEvent<HTMLDivElement>) => void\n  onPointerUp: () => void\n  onPointerCancel: () => void\n}\n\n/**\n * The spacing handles' rendered markup, portal-free so the AD-D chrome\n * contract test can walk it with `renderToStaticMarkup`. In-frame chrome\n * contract (EC-414 AD-B): `ec-*`/`data-ec-*` plus inline styles only; the root\n * carries the `.ec-chrome` containment recipe.\n *\n * EC-435 AD-2: every open gap region renders a pointer-transparent hatched\n * rectangle (diagonal accent stripes, Figma-grid style) under the handles,\n * each with a small static token-label size tag beside its handle. During a\n * gap drag the tags STAY PUT and read live (EC-438 — a gap drag previews ONE\n * container-wide gap, so every tag shows the live step's token + its own\n * re-measured px); no label follows the pointer. The gap handles remain the\n * only interactive element.\n */\nexport function SpacingHandlesView(props: SpacingHandlesViewProps) {\n  const { spots, horizontal, gapLabel, drag } = props\n  const axis: FlowAxis = horizontal ? 'horizontal' : 'vertical'\n  return (\n    <div data-ec-spacing-handles=\"\" className=\"ec-chrome\">\n      {spots.map((spot) => {\n        const region = gapRegionRect(spot, axis)\n        if (spot.gapLength < 1) return null\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-hatch={spot.index}\n            style={{\n              position: 'absolute',\n              left: region.left,\n              top: region.top,\n              width: region.width,\n              height: region.height,\n              zIndex: 10,\n              pointerEvents: 'none',\n              background:\n                'repeating-linear-gradient(45deg, rgba(91,140,255,0.28) 0px, rgba(91,140,255,0.28) 3px, rgba(91,140,255,0.06) 3px, rgba(91,140,255,0.06) 9px)',\n              boxShadow: 'inset 0 0 0 1px rgba(91,140,255,0.3)',\n            }}\n          />\n        )\n      })}\n      {spots.map((spot) => {\n        if (spot.gapLength < 1) return null\n        const length = Math.min(spot.crossLength, HANDLE_MAX_LENGTH)\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-hatch-label={spot.index}\n            style={{\n              position: 'absolute',\n              left: horizontal ? spot.x : spot.x + length / 2 + 6,\n              top: horizontal ? spot.y + length / 2 + 6 : spot.y,\n              transform: horizontal ? 'translateX(-50%)' : 'translateY(-50%)',\n              zIndex: 45,\n              pointerEvents: 'none',\n              padding: '1px 6px',\n              borderRadius: 5,\n              fontSize: 10,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              color: '#fff',\n              backgroundColor: 'rgba(91,140,255,0.92)',\n              boxShadow: '0 1px 4px rgba(8,12,24,0.3)',\n            }}\n          >\n            {drag ? drag.label : gapLabel} · {Math.round(spot.gapLength)}px\n          </div>\n        )\n      })}\n      {spots.map((spot) => {\n        const length = Math.min(spot.crossLength, HANDLE_MAX_LENGTH)\n        const active = drag?.index === spot.index\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-handle={spot.index}\n            role=\"separator\"\n            aria-label={translate('builder.spacing.gapAfterChild', { index: spot.index + 1 })}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            onPointerDown={props.onPointerDown(spot)}\n            onPointerMove={props.onPointerMove}\n            onPointerUp={props.onPointerUp}\n            onPointerCancel={props.onPointerCancel}\n            style={{\n              position: 'absolute',\n              left: spot.x - (horizontal ? HANDLE_THICKNESS / 2 : length / 2),\n              top: spot.y - (horizontal ? length / 2 : HANDLE_THICKNESS / 2),\n              width: horizontal ? HANDLE_THICKNESS : length,\n              height: horizontal ? length : HANDLE_THICKNESS,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              cursor: horizontal ? 'col-resize' : 'row-resize',\n              zIndex: 40,\n              touchAction: 'none',\n            }}\n          >\n            <div\n              style={{\n                width: horizontal ? HANDLE_BAR : '100%',\n                height: horizontal ? '100%' : HANDLE_BAR,\n                borderRadius: 999,\n                backgroundColor: active ? '#5b8cff' : 'rgba(91, 140, 255, 0.65)',\n                boxShadow: '0 0 0 1px rgba(8, 12, 24, 0.55)',\n              }}\n            />\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport function SpacingHandles({ doc, node }: { doc: Document; node: ComponentNode }) {\n  const builder = useBuilder()\n  const { dispatch } = builder\n  const flowAxis = containerFlowAxis(node, builder.layout)\n  const [measured, setMeasured] = useState<Measured>(() => ({ spots: [], axis: flowAxis }))\n  const [drag, setDrag] = useState<ActiveDrag | null>(null)\n  const dragRef = useRef<ActiveDrag | null>(null)\n  const trackerRef = useRef<RectTracker | null>(null)\n  // The container's pre-drag inline gap, restored on cancel/commit (the graph\n  // re-render owns the committed value; the preview is imperative-only).\n  const inlineGapRef = useRef<string>('')\n\n  // Measurement lifetime (EC-406): ride the shared rect-tracking core instead of\n  // the once-only useLayoutEffect + lone resize listener that went stale. The\n  // tracker re-measures under child resize (image/font decode), child add/remove\n  // (async population, conditional render), container resize, and scroll/viewport\n  // change — every settle the old code missed. Re-subscribed on a graph/axis/\n  // viewport change so the ResizeObserver re-points at the current children.\n  useLayoutEffect(() => {\n    const win = doc.defaultView\n    if (!win) return\n    const host = (win.parent ?? win) as unknown as FrameScheduler\n    const tracker = createSpacingTracker(doc, node.id, flowAxis, host, setMeasured)\n    trackerRef.current = tracker\n    return () => {\n      tracker.dispose()\n      trackerRef.current = null\n    }\n  }, [doc, node.id, flowAxis, builder.present, builder.viewport])\n\n  // The gap-drag previews imperatively on `container.style.gap` (the tracker's\n  // MutationObserver is childList-only and ignores attribute writes, by design),\n  // so nudge a coalesced re-measure per step to keep every handle glued to the\n  // previewed gap as the children shift. Harmless off-drag (an unchanged measure\n  // emits nothing).\n  useEffect(() => {\n    trackerRef.current?.invalidate()\n  }, [drag?.step])\n\n  // Scope 4: yield the handles during an active CONTENT drag (node move/insert) —\n  // the DnD before/after/into indicators own the \"where it lands\" story then. The\n  // handles' OWN gap drag uses pointer capture, never `beginDrag`, so it does not\n  // trip this. Inline-editing suppression is handled at the canvas mount (the\n  // handles unmount while a text/rich-text session owns the node).\n  const [contentDragging, setContentDragging] = useState(() => activeDrag() !== null)\n  useEffect(() => {\n    const offStart = onDragSessionStart(() => setContentDragging(true))\n    const offEnd = onDragSessionEnd(() => setContentDragging(false))\n    return () => {\n      offStart()\n      offEnd()\n    }\n  }, [])\n\n  const { spots: measuredSpots, axis } = measured\n  const spots = contentDragging ? [] : measuredSpots\n\n  const applyPreview = useCallback(\n    (step: GapStep) => {\n      const container = containerElementFor(doc, node.id)\n      if (container) container.style.gap = gapStepCss(step)\n    },\n    [doc, node.id],\n  )\n\n  const finish = useCallback(\n    (mode: 'commit' | 'cancel') => {\n      const active = dragRef.current\n      if (!active) return\n      dragRef.current = null\n      setDrag(null)\n      // Drop the imperative preview; the rendered graph value takes over.\n      const container = containerElementFor(doc, node.id)\n      if (container) container.style.gap = inlineGapRef.current\n      if (mode === 'commit' && active.step !== active.startStep) {\n        // Exactly one dispatch — one operations command, one undo step — and\n        // the identical prop value the inspector's gap select produces.\n        if (active.step === null) {\n          dispatch({ type: 'removeProp', id: node.id, name: 'gap' })\n        } else {\n          dispatch({ type: 'setProp', id: node.id, name: 'gap', value: staticProp(active.step) })\n        }\n      }\n    },\n    [doc, node.id, dispatch],\n  )\n\n  // Esc cancels mid-drag — listen on both documents (focus may sit either side\n  // of the iframe boundary while the pointer is captured).\n  useEffect(() => {\n    if (!drag) return\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        finish('cancel')\n      }\n    }\n    doc.addEventListener('keydown', onKeyDown, true)\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      doc.removeEventListener('keydown', onKeyDown, true)\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [drag, doc, finish])\n\n  // Cleanup on unmount/selection change mid-drag: revert, never dispatch.\n  useEffect(() => () => finish('cancel'), [finish])\n\n  const onPointerDown = (spot: HandleSpotView) => (e: React.PointerEvent<HTMLDivElement>) => {\n    if (e.button !== 0) return\n    e.preventDefault()\n    e.stopPropagation()\n    const startStep = containerGapStep(node)\n    const container = containerElementFor(doc, node.id)\n    inlineGapRef.current = container?.style.gap ?? ''\n    try {\n      e.currentTarget.setPointerCapture(e.pointerId)\n    } catch {\n      // Synthetic pointer events (tests, automation) have no active pointer\n      // to capture; move/up still arrive via the handle's own listeners.\n    }\n    const next: ActiveDrag = {\n      index: spot.index,\n      startStep,\n      step: startStep,\n      startCoord: axis === 'horizontal' ? e.clientX : e.clientY,\n    }\n    dragRef.current = next\n    setDrag(next)\n  }\n\n  const onPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    const active = dragRef.current\n    if (!active) return\n    const coord = axis === 'horizontal' ? e.clientX : e.clientY\n    const step = gapStepFromDrag(active.startStep, coord - active.startCoord)\n    const next: ActiveDrag = { ...active, step }\n    dragRef.current = next\n    setDrag(next)\n    applyPreview(step)\n  }\n\n  const horizontal = axis === 'horizontal'\n\n  return createPortal(\n    <SpacingHandlesView\n      spots={spots}\n      horizontal={horizontal}\n      // The static size tags share ONE vocabulary with the inspector's gap\n      // select: the token label of the node's committed gap step (EC-435\n      // AD-2); during a drag they read the live step instead (EC-438).\n      gapLabel={gapStepLabel(containerGapStep(node))}\n      drag={drag ? { index: drag.index, label: gapStepLabel(drag.step) } : null}\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={() => finish('commit')}\n      onPointerCancel={() => finish('cancel')}\n    />,\n    doc.body,\n  )\n}\n"]}
+{"version":3,"file":"spacing-handles.js","sourceRoot":"","sources":["../../../src/components/builder/spacing-handles.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { DEFAULT_SLOT, isLayoutContainerNode, staticProp } from '@elytracms/core/project-graph'\nimport type { ComponentNode, LayoutContainerIds } from '@elytracms/core/project-graph'\nimport { containerFlowAxis } from '../../lib/dnd/drop-rules'\nimport type { FlowAxis } from '../../lib/dnd/drop-rules'\nimport {\n  containerGapStep,\n  gapHandleSpots,\n  gapStepCss,\n  gapStepFromDrag,\n} from '../../lib/dnd/gap-drag'\nimport type { GapRect, GapStep } from '../../lib/dnd/gap-drag'\nimport { translate } from '../../lib/i18n'\nimport { useBuilder } from './builder-store'\nimport { GAP_LABEL_KEYS, GAP_NONE_LABEL_KEY } from './layout-inspector'\nimport { activeDrag, onDragSessionEnd, onDragSessionStart } from './drag-session'\nimport {\n  createRectTracker,\n  measureElementRect,\n  scheduleFrame,\n  subscribeCanvasLayout,\n} from './canvas-rect-tracking'\nimport type { FrameScheduler, RectTracker } from './canvas-rect-tracking'\n\n/**\n * Tokenized spacing handles (EC-163, vision §3.1 / AD-10): when a Stack/Grid\n * container is selected on the canvas, draggable gap handles appear between\n * its children, axis-aware via the shared `containerFlowAxis`. Dragging snaps\n * through the EC-161 spacing-token scale (`lib/dnd/gap-drag` — pure math, no\n * pixel value can escape it); the static gap tags (EC-435) stay put and read\n * the LIVE token + re-measured px during the drag (EC-438 — no\n * pointer-following label). The drag previews imperatively on the rendered\n * element; releasing commits exactly ONE builder dispatch — `setProp` with the\n * token, or `removeProp` for \"no gap\", the identical values the inspector's\n * gap select writes — so one undo restores, and the graph stays the single\n * source of truth. Esc mid-drag cancels: preview reverts, nothing dispatches.\n */\n\n/** Plain-language label for a gap step — the inspector's vocabulary. */\nexport function gapStepLabel(step: GapStep): string {\n  return step === null ? translate(GAP_NONE_LABEL_KEY) : translate(GAP_LABEL_KEYS[step])\n}\n\nexport interface HandleSpotView {\n  index: number\n  /** Document-coordinate position of the handle's center. */\n  x: number\n  y: number\n  crossStart: number\n  crossLength: number\n  /** Leading edge of the gap region along the flow axis (EC-435 hatch). */\n  gapStart: number\n  /** Rendered extent of the gap along the flow axis (0 for a closed gap). */\n  gapLength: number\n}\n\n/**\n * The hatched gap REGION for a spot (EC-435 AD-2): the rectangle between child\n * N's trailing edge and child N+1's leading edge along the flow axis, spanning\n * the pair's shared cross extent — the same measured child-rect basis the\n * handle spots come from (`gapHandleSpots`), in the same document coordinates.\n * Pure over the spot; a closed gap yields a zero-extent rect (nothing to paint).\n */\nexport function gapRegionRect(spot: HandleSpotView, axis: FlowAxis): GapRect {\n  return axis === 'horizontal'\n    ? { left: spot.gapStart, top: spot.crossStart, width: spot.gapLength, height: spot.crossLength }\n    : { left: spot.crossStart, top: spot.gapStart, width: spot.crossLength, height: spot.gapLength }\n}\n\ninterface ActiveDrag {\n  index: number\n  startStep: GapStep\n  step: GapStep\n  /** Pointer start along the flow axis (client coords). */\n  startCoord: number\n}\n\n/**\n * The container's rendered element (the Stack/Grid div carrying the gap style).\n * Resilient to legitimate intermediate wrappers between the editable\n * `[data-ec-node-id]` wrapper and the primitive (an error-boundary/provider DOM\n * node, a future decorator layer): the FIRST `[data-ec-primitive]` inside the\n * wrapper whose NEAREST node wrapper is THIS node — so it tolerates a wrapper\n * above the primitive but never descends into a CHILD node's subtree and grabs\n * that nested container's own `[data-ec-primitive]`. Mirrors `measurePropRect`'s\n * nearest-node scoping (EC-408). Today no such wrapper exists — `decorate` wraps\n * `<RenderErrorBoundary>` which renders its children with no DOM element, so the\n * primitive is a direct child — but the scoping makes 2(b) unregressable.\n */\nexport function containerElementFor(doc: Document, nodeId: string): HTMLElement | null {\n  const wrapper = doc.querySelector(`[data-ec-node-id=\"${nodeId}\"]`)\n  if (!wrapper) return null\n  for (const primitive of wrapper.querySelectorAll('[data-ec-primitive]')) {\n    if (primitive.closest('[data-ec-node-id]') === wrapper) return primitive as HTMLElement\n  }\n  return null\n}\n\n/** The container's rendered child node-wrappers — the DOM child basis. */\nfunction childWrappers(container: Element): HTMLElement[] {\n  return Array.from(container.querySelectorAll(':scope > [data-ec-node-id]')) as HTMLElement[]\n}\n\ninterface Measured {\n  spots: HandleSpotView[]\n  /** The axis the children are *rendered* along (drag direction follows it). */\n  axis: FlowAxis\n}\n\nconst EMPTY_MEASURED = (axis: FlowAxis): Measured => ({ spots: [], axis })\n\n/**\n * Measure the handle spots between the container's rendered children — the\n * SINGLE source of truth for whether handles show (spots) and where. Eligibility\n * and measurement agree on the SAME (DOM) child basis by construction: a\n * null-rendering graph child (condition-gated → no `[data-ec-node-id]` wrapper)\n * simply isn't counted, so it can neither block handles when ≥2 children render\n * nor phantom them when <2 do; kept fresh by the live tracker (EC-404) so a child\n * add/remove or resize re-runs this. The graph-level flow axis\n * (`containerFlowAxis`) is tried first; when the rendered layout disagrees — a\n * stacking Grid below the mobile breakpoint lays its \"columns\" out vertically —\n * the cross axis is measured instead, so handles always sit in the gaps the\n * editor actually sees.\n */\nexport function measureSpots(doc: Document, nodeId: string, flowAxis: FlowAxis): Measured {\n  const container = containerElementFor(doc, nodeId)\n  const win = doc.defaultView\n  if (!container || !win) return EMPTY_MEASURED(flowAxis)\n  const children = childWrappers(container)\n  if (children.length < 2) return EMPTY_MEASURED(flowAxis)\n  const rects = children.map((el) => measureElementRect(el, win))\n  const along = gapHandleSpots(rects, flowAxis)\n  if (along.length > 0) return { spots: along, axis: flowAxis }\n  const cross: FlowAxis = flowAxis === 'horizontal' ? 'vertical' : 'horizontal'\n  const across = gapHandleSpots(rects, cross)\n  return across.length > 0 ? { spots: across, axis: cross } : EMPTY_MEASURED(flowAxis)\n}\n\n/** Structural equality of two spot lists — suppresses redundant tracker emits. */\nfunction spotsEqual(a: readonly HandleSpotView[], b: readonly HandleSpotView[]): boolean {\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i += 1) {\n    const x = a[i]!\n    const y = b[i]!\n    if (\n      x.index !== y.index ||\n      x.x !== y.x ||\n      x.y !== y.y ||\n      x.crossStart !== y.crossStart ||\n      x.crossLength !== y.crossLength ||\n      x.gapStart !== y.gapStart ||\n      x.gapLength !== y.gapLength\n    ) {\n      return false\n    }\n  }\n  return true\n}\n\n/** True when two measurements are equivalent (same axis, same spots). */\nexport function measuredEqual(a: Measured, b: Measured): boolean {\n  return a.axis === b.axis && spotsEqual(a.spots, b.spots)\n}\n\n/** The elements the tracker's `ResizeObserver` watches: the container + its children. */\nfunction spacingTargets(doc: Document, nodeId: string): Element[] {\n  const container = containerElementFor(doc, nodeId)\n  if (!container) return []\n  return [container, ...childWrappers(container)]\n}\n\n/**\n * Wire a live rect tracker for the spacing handles onto the shared EC-404 core:\n * `subscribeCanvasLayout` re-measures under child resize (image/font decode),\n * child add/remove (async population, conditional render — `MutationObserver`\n * `childList`), container resize, and scroll/viewport change; `scheduleFrame`\n * coalesces on the PARENT window's frame loop with the mandatory 100 ms timeout\n * backstop (the iframe's rAF is paused offscreen / never fires under automation).\n * `dispose` tears down every observer + listener — no leaks on unmount. The\n * once-only `useLayoutEffect` measure this replaces went stale the instant any of\n * those settled after first paint (EC-406 evidence).\n */\nexport function createSpacingTracker(\n  doc: Document,\n  nodeId: string,\n  flowAxis: FlowAxis,\n  host: FrameScheduler,\n  onChange: (measured: Measured) => void,\n): RectTracker {\n  return createRectTracker<Measured>({\n    measure: () => measureSpots(doc, nodeId, flowAxis),\n    equals: measuredEqual,\n    onChange,\n    schedule: (flush) => scheduleFrame(host, flush),\n    subscribe: (invalidate) => subscribeCanvasLayout(doc, () => spacingTargets(doc, nodeId), invalidate),\n  })\n}\n\n/**\n * True when the node is a layout container the handles can attach to — a cheap,\n * NECESSARY graph precondition for the mount (the authoritative \"are there ≥2\n * gaps to space\" answer is the live DOM {@link measureSpots}). Because each graph\n * child renders at most one `[data-ec-node-id]` wrapper, rendered DOM children ⊆\n * graph children, so requiring ≥2 graph children can never wrongly hide handles\n * that a fresh DOM measure would show.\n */\nexport function hasSpacingHandles(\n  node: ComponentNode | null,\n  layout: LayoutContainerIds,\n): node is ComponentNode {\n  return (\n    node !== null &&\n    isLayoutContainerNode(node, layout) &&\n    (node.slots?.[DEFAULT_SLOT]?.length ?? 0) >= 2\n  )\n}\n\nconst HANDLE_THICKNESS = 14\nconst HANDLE_BAR = 4\nconst HANDLE_MAX_LENGTH = 48\n\n/** Everything the portal-free handle markup needs (chrome contract surface). */\nexport interface SpacingHandlesViewProps {\n  spots: HandleSpotView[]\n  horizontal: boolean\n  /**\n   * Token label for the container's COMMITTED gap (EC-435 AD-2) — the SAME\n   * plain-language vocabulary the layout inspector resolves (`gapStepLabel`),\n   * stamped on every hatched gap region as a static size tag while idle.\n   */\n  gapLabel: string\n  /**\n   * The live drag: the active handle index (tint) and the live step's token\n   * label — the static tags read it in place while dragging (EC-438).\n   */\n  drag: { index: number; label: string } | null\n  onPointerDown: (spot: HandleSpotView) => (e: React.PointerEvent<HTMLDivElement>) => void\n  onPointerMove: (e: React.PointerEvent<HTMLDivElement>) => void\n  onPointerUp: () => void\n  onPointerCancel: () => void\n}\n\n/**\n * The spacing handles' rendered markup, portal-free so the AD-D chrome\n * contract test can walk it with `renderToStaticMarkup`. In-frame chrome\n * contract (EC-414 AD-B): `ec-*`/`data-ec-*` plus inline styles only; the root\n * carries the `.ec-chrome` containment recipe.\n *\n * EC-435 AD-2: every open gap region renders a pointer-transparent hatched\n * rectangle (diagonal accent stripes, Figma-grid style) under the handles,\n * each with a small static token-label size tag beside its handle. During a\n * gap drag the tags STAY PUT and read live (EC-438 — a gap drag previews ONE\n * container-wide gap, so every tag shows the live step's token + its own\n * re-measured px); no label follows the pointer. The gap handles remain the\n * only interactive element.\n */\nexport function SpacingHandlesView(props: SpacingHandlesViewProps) {\n  const { spots, horizontal, gapLabel, drag } = props\n  const axis: FlowAxis = horizontal ? 'horizontal' : 'vertical'\n  return (\n    <div data-ec-spacing-handles=\"\" className=\"ec-chrome\">\n      {spots.map((spot) => {\n        const region = gapRegionRect(spot, axis)\n        if (spot.gapLength < 1) return null\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-hatch={spot.index}\n            style={{\n              position: 'absolute',\n              left: region.left,\n              top: region.top,\n              width: region.width,\n              height: region.height,\n              zIndex: 10,\n              pointerEvents: 'none',\n              background:\n                'repeating-linear-gradient(45deg, rgba(91,140,255,0.28) 0px, rgba(91,140,255,0.28) 3px, rgba(91,140,255,0.06) 3px, rgba(91,140,255,0.06) 9px)',\n              boxShadow: 'inset 0 0 0 1px rgba(91,140,255,0.3)',\n            }}\n          />\n        )\n      })}\n      {spots.map((spot) => {\n        if (spot.gapLength < 1) return null\n        const length = Math.min(spot.crossLength, HANDLE_MAX_LENGTH)\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-hatch-label={spot.index}\n            style={{\n              position: 'absolute',\n              left: horizontal ? spot.x : spot.x + length / 2 + 6,\n              top: horizontal ? spot.y + length / 2 + 6 : spot.y,\n              transform: horizontal ? 'translateX(-50%)' : 'translateY(-50%)',\n              zIndex: 45,\n              pointerEvents: 'none',\n              padding: '1px 6px',\n              borderRadius: 5,\n              fontSize: 10,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              color: '#fff',\n              backgroundColor: 'rgba(91,140,255,0.92)',\n              boxShadow: '0 1px 4px rgba(8,12,24,0.3)',\n            }}\n          >\n            {drag ? drag.label : gapLabel} · {Math.round(spot.gapLength)}px\n          </div>\n        )\n      })}\n      {spots.map((spot) => {\n        const length = Math.min(spot.crossLength, HANDLE_MAX_LENGTH)\n        const active = drag?.index === spot.index\n        return (\n          <div\n            key={spot.index}\n            data-ec-gap-handle={spot.index}\n            role=\"separator\"\n            aria-label={translate('builder.spacing.gapAfterChild', { index: spot.index + 1 })}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            onPointerDown={props.onPointerDown(spot)}\n            onPointerMove={props.onPointerMove}\n            onPointerUp={props.onPointerUp}\n            onPointerCancel={props.onPointerCancel}\n            style={{\n              position: 'absolute',\n              left: spot.x - (horizontal ? HANDLE_THICKNESS / 2 : length / 2),\n              top: spot.y - (horizontal ? length / 2 : HANDLE_THICKNESS / 2),\n              width: horizontal ? HANDLE_THICKNESS : length,\n              height: horizontal ? length : HANDLE_THICKNESS,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              cursor: horizontal ? 'col-resize' : 'row-resize',\n              zIndex: 40,\n              touchAction: 'none',\n            }}\n          >\n            <div\n              style={{\n                width: horizontal ? HANDLE_BAR : '100%',\n                height: horizontal ? '100%' : HANDLE_BAR,\n                borderRadius: 999,\n                backgroundColor: active ? '#5b8cff' : 'rgba(91, 140, 255, 0.65)',\n                boxShadow: '0 0 0 1px rgba(8, 12, 24, 0.55)',\n              }}\n            />\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport function SpacingHandles({ doc, node }: { doc: Document; node: ComponentNode }) {\n  const builder = useBuilder()\n  const { dispatch } = builder\n  const flowAxis = containerFlowAxis(node, builder.layout)\n  const [measured, setMeasured] = useState<Measured>(() => ({ spots: [], axis: flowAxis }))\n  const [drag, setDrag] = useState<ActiveDrag | null>(null)\n  const dragRef = useRef<ActiveDrag | null>(null)\n  const trackerRef = useRef<RectTracker | null>(null)\n  // The container's pre-drag inline gap, restored on cancel/commit (the graph\n  // re-render owns the committed value; the preview is imperative-only).\n  const inlineGapRef = useRef<string>('')\n\n  // Measurement lifetime (EC-406): ride the shared rect-tracking core instead of\n  // the once-only useLayoutEffect + lone resize listener that went stale. The\n  // tracker re-measures under child resize (image/font decode), child add/remove\n  // (async population, conditional render), container resize, and scroll/viewport\n  // change — every settle the old code missed. Re-subscribed on a graph/axis/\n  // viewport change so the ResizeObserver re-points at the current children.\n  useLayoutEffect(() => {\n    const win = doc.defaultView\n    if (!win) return\n    const host = (win.parent ?? win) as unknown as FrameScheduler\n    const tracker = createSpacingTracker(doc, node.id, flowAxis, host, setMeasured)\n    trackerRef.current = tracker\n    return () => {\n      tracker.dispose()\n      trackerRef.current = null\n    }\n  }, [doc, node.id, flowAxis, builder.present, builder.viewport])\n\n  // The gap-drag previews imperatively on `container.style.gap` (the tracker's\n  // MutationObserver is childList-only and ignores attribute writes, by design),\n  // so nudge a coalesced re-measure per step to keep every handle glued to the\n  // previewed gap as the children shift. Harmless off-drag (an unchanged measure\n  // emits nothing).\n  useEffect(() => {\n    trackerRef.current?.invalidate()\n  }, [drag?.step])\n\n  // Scope 4: yield the handles during an active CONTENT drag (node move/insert) —\n  // the DnD before/after/into indicators own the \"where it lands\" story then. The\n  // handles' OWN gap drag uses pointer capture, never `beginDrag`, so it does not\n  // trip this. Inline-editing suppression is handled at the canvas mount (the\n  // handles unmount while a text/rich-text session owns the node).\n  const [contentDragging, setContentDragging] = useState(() => activeDrag() !== null)\n  useEffect(() => {\n    const offStart = onDragSessionStart(() => setContentDragging(true))\n    const offEnd = onDragSessionEnd(() => setContentDragging(false))\n    return () => {\n      offStart()\n      offEnd()\n    }\n  }, [])\n\n  const { spots: measuredSpots, axis } = measured\n  const spots = contentDragging ? [] : measuredSpots\n\n  const applyPreview = useCallback(\n    (step: GapStep) => {\n      const container = containerElementFor(doc, node.id)\n      if (container) container.style.gap = gapStepCss(step)\n    },\n    [doc, node.id],\n  )\n\n  const finish = useCallback(\n    (mode: 'commit' | 'cancel') => {\n      const active = dragRef.current\n      if (!active) return\n      dragRef.current = null\n      setDrag(null)\n      // Drop the imperative preview; the rendered graph value takes over.\n      const container = containerElementFor(doc, node.id)\n      if (container) container.style.gap = inlineGapRef.current\n      if (mode === 'commit' && active.step !== active.startStep) {\n        // Exactly one dispatch — one operations command, one undo step — and\n        // the identical prop value the inspector's gap select produces.\n        if (active.step === null) {\n          dispatch({ type: 'removeProp', id: node.id, name: 'gap' })\n        } else {\n          dispatch({ type: 'setProp', id: node.id, name: 'gap', value: staticProp(active.step) })\n        }\n      }\n    },\n    [doc, node.id, dispatch],\n  )\n\n  // Esc cancels mid-drag — listen on both documents (focus may sit either side\n  // of the iframe boundary while the pointer is captured).\n  useEffect(() => {\n    if (!drag) return\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        finish('cancel')\n      }\n    }\n    doc.addEventListener('keydown', onKeyDown, true)\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      doc.removeEventListener('keydown', onKeyDown, true)\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [drag, doc, finish])\n\n  // Cleanup on unmount/selection change mid-drag: revert, never dispatch.\n  useEffect(() => () => finish('cancel'), [finish])\n\n  const onPointerDown = (spot: HandleSpotView) => (e: React.PointerEvent<HTMLDivElement>) => {\n    if (e.button !== 0) return\n    e.preventDefault()\n    e.stopPropagation()\n    const startStep = containerGapStep(node)\n    const container = containerElementFor(doc, node.id)\n    inlineGapRef.current = container?.style.gap ?? ''\n    try {\n      e.currentTarget.setPointerCapture(e.pointerId)\n    } catch {\n      // Synthetic pointer events (tests, automation) have no active pointer\n      // to capture; move/up still arrive via the handle's own listeners.\n    }\n    const next: ActiveDrag = {\n      index: spot.index,\n      startStep,\n      step: startStep,\n      startCoord: axis === 'horizontal' ? e.clientX : e.clientY,\n    }\n    dragRef.current = next\n    setDrag(next)\n  }\n\n  const onPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    const active = dragRef.current\n    if (!active) return\n    const coord = axis === 'horizontal' ? e.clientX : e.clientY\n    const step = gapStepFromDrag(active.startStep, coord - active.startCoord)\n    const next: ActiveDrag = { ...active, step }\n    dragRef.current = next\n    setDrag(next)\n    applyPreview(step)\n  }\n\n  const horizontal = axis === 'horizontal'\n\n  return createPortal(\n    <SpacingHandlesView\n      spots={spots}\n      horizontal={horizontal}\n      // The static size tags share ONE vocabulary with the inspector's gap\n      // select: the token label of the node's committed gap step (EC-435\n      // AD-2); during a drag they read the live step instead (EC-438).\n      gapLabel={gapStepLabel(containerGapStep(node))}\n      drag={drag ? { index: drag.index, label: gapStepLabel(drag.step) } : null}\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={() => finish('commit')}\n      onPointerCancel={() => finish('cancel')}\n    />,\n    doc.body,\n  )\n}\n"]}

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

@@ -5,8 +5,8 @@ import { assetAlt } from '@elytracms/core/persistence';
 import { assetNode, assetSubfieldsOf, moveAssetPlacement, readAssetId, removeAssetPlacementAt, selfTypeFieldValue, } from '@elytracms/core/cms-core';
 import { Button, Card, Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Field, Heading, Row, Separator, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
-import { cn } from '@elytracms/studio/lib/utils';
-import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
+import { cn } from '../../lib/utils.js';
+import { localizedLabel, translate } from '../../lib/i18n/index.js';
 import { appendAssetSelections, 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';

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 { GripVertical, ImagePlus, Link2, RotateCcw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { AssetFieldDef, FieldDef } from '@elytracms/core/cms-core'\nimport { assetAlt } from '@elytracms/core/persistence'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport {\n  assetNode,\n  assetSubfieldsOf,\n  moveAssetPlacement,\n  readAssetId,\n  removeAssetPlacementAt,\n  selfTypeFieldValue,\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  Heading,\n  Row,\n  Separator,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport {\n  appendAssetSelections,\n  applyAssetSelection,\n  assetIdsOf,\n  singleAssetIdOf,\n} from '../assets/asset-selection'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb'\nimport { assetPickerBinding, batchAttachment, splitByAccept, uploadBatchProgress } from './asset-picker-core'\nimport type { UploadBatch } from './asset-picker-core'\nimport { assetMetaFieldsOf, assetMetaSeed, pruneMeta } from '../assets/asset-metadata'\nimport { ReplaceFileButton } from '../assets/replace-file'\nimport { fieldLabel } from './cms-labels'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { useFieldDensity } from './field-density'\nimport { AssetPicker, AssetRejectedNotice } from './asset-picker'\nimport { FieldControl } from './field-control'\nimport { ObjectItemForm } from './object-array-field'\nimport { FieldPathContext, useFieldPath } from './field-anchors'\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>` (a fixture-only session — every project, the playground\n * included, mounts one, `studio-project-screen.tsx`) 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: stored,\n  onChange,\n  readOnly,\n}: {\n  field: AssetFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  // EC-586/EC-581 (ASSETS D4): the field reads its value through THE canonicaliser — the\n  // one cardinality rule — so a lone placement left in a field since declared `multiple`\n  // shows as a one-item gallery (and the next pick keeps it) instead of an empty one that\n  // drops it; picks and removes then write from that canonical list.\n  const value = useMemo(() => selfTypeFieldValue(field, stored), [field, stored])\n  const source = useCollectionView()\n  const assets = useOptionalAssets()\n  const density = useFieldDensity()\n  const compact = density === 'compact'\n  // EC-582 / EC-572 #1: the anchor prefix of this field — a gallery placement's sub-field\n  // inputs are stamped `<field>/<entry index>/<sub-field>`, the path the validator gives\n  // their issues (a single placement's are `<field>/<sub-field>`, stamped by the form).\n  const fieldPath = useFieldPath()\n  const [open, setOpen] = useState(false)\n  // The placement whose image options dialog is open (EC-588 2i: every placement of a\n  // gallery has one, not only a single field's): its gallery index, or `null` for a\n  // single field's one placement.\n  const [editing, setEditing] = useState<{ index: number | null } | null>(null)\n  const [dragging, setDragging] = useState(false)\n  // Reorder by drag (EC-588 2i): the gallery index being dragged and the one under it.\n  const [moveFrom, setMoveFrom] = useState<number | null>(null)\n  const [moveOver, setMoveOver] = useState<number | null>(null)\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): exactly the upload ids this field's drop\n  // started (EC-588 A7), so the effect below attaches the WHOLE batch and nothing\n  // another tab or a sibling field uploaded meanwhile.\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: the value stores asset ENVELOPES (`{ type:'asset', id }`,\n  // EC-586 — the canonical form, sub-fields or not) carrying any sub-field siblings\n  // (`caption`). Picks/edits/removes preserve every other 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  // 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 || !assets) return\n    // EC-588 2i: the one batch-attach rule (the picker runs it too) — a `many` field\n    // appends the whole batch once it settles, IN FILE ORDER; a single field takes the\n    // first arrival.\n    const { attach, disarm } = batchAttachment(uploadBatchProgress(batch, assets, field.accept), many)\n    if (disarm) pendingRef.current = null\n    if (attach.length === 0) return\n    const next = many ? appendAssetSelections(value, attach) : applyAssetSelection(value, attach[0]!, false)\n    if (next !== value) onChange(next)\n    // Reacts to the assets store changing (an upload landing in the library, the\n    // queue draining) — `value`/`onChange` are read from the closure on purpose.\n  }, [assets, field.accept, many, onChange, value])\n\n  function uploadFiles(files: File[]) {\n    if (!assets || files.length === 0) return\n    // EC-301 → EC-588: the drop rule the picker applies too — a drag-drop bypasses\n    // the file dialog's `accept` filter, so re-check each file and name the rejects in\n    // a visible notice instead of silently uploading the wrong kind.\n    const { accepted, rejected: refused } = splitByAccept(files, field.accept)\n    setRejected(refused)\n    if (accepted.length === 0) return\n    pendingRef.current = { uploadIds: assets.upload(accepted) }\n  }\n\n  // The picker is configured from the field — the SAME binding the table cell uses\n  // (EC-570 #1 → EC-588): `accept`, `multiple`, and a pick through the carry rule\n  // (EC-558) so a placement's per-use sub-fields (EC-301) survive a swap or an append.\n  const pickerBinding = assetPickerBinding(field, value, (next) => {\n    if (next !== value) onChange(next)\n  })\n\n  const canUpload = !readOnly && assets !== null\n\n  // The open dialog's placement: which asset it shows, and — when the field declares\n  // per-use sub-fields — the placement form it edits (\"In this place\").\n  const editTarget = ((): { assetId: string; placement?: PlacementForm } | null => {\n    if (!editing) return null\n    if (editing.index === null) {\n      if (!single) return null\n      if (!hasSub) return { assetId: single }\n      return {\n        assetId: single,\n        placement: {\n          fields: subFields,\n          value: assetSubfieldsOf(value),\n          onChange: (next: Record<string, unknown>) => onChange(assetNode(single, next)),\n        },\n      }\n    }\n    if (!hasSub) {\n      const aid = ids[editing.index]\n      return aid ? { assetId: aid } : null\n    }\n    const entry = entries.filter((e) => readAssetId(e) !== undefined)[editing.index]\n    const aid = readAssetId(entry)\n    if (!aid) return null\n    const raw = entries.indexOf(entry)\n    return {\n      assetId: aid,\n      placement: {\n        fields: subFields,\n        value: assetSubfieldsOf(entry),\n        onChange: (next: Record<string, unknown>) => {\n          const nextEntries = entries.slice()\n          nextEntries[raw] = assetNode(aid, next)\n          onChange(nextEntries)\n        },\n      },\n    }\n  })()\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  // Only a FILE drag is an upload: a gallery reorder drag (EC-588) is not.\n  const isFileDrag = (e: React.DragEvent) => Array.from(e.dataTransfer.types).includes('Files')\n  function onDragEnter(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) return\n    e.preventDefault()\n    dragDepth.current += 1\n    if (!dragging) setDragging(true)\n  }\n  function onDragOver(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) return\n    e.preventDefault() // required so a drop is allowed\n  }\n  function onDragLeave(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) 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 || !isFileDrag(e)) 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  // Reorder by drag (EC-588 2i): one placement moves, every entry verbatim — core's\n  // `moveAssetPlacement`, the same index counting as the remove.\n  const reorderable = many && !readOnly && ids.length > 1\n  function reorderProps(i: number) {\n    if (!reorderable) return {}\n    return {\n      onDragOver: (e: React.DragEvent) => {\n        if (moveFrom === null) return\n        e.preventDefault()\n        if (moveOver !== i) setMoveOver(i)\n      },\n      onDrop: (e: React.DragEvent) => {\n        if (moveFrom === null) return\n        e.preventDefault()\n        const next = moveAssetPlacement(value, moveFrom, i)\n        setMoveFrom(null)\n        setMoveOver(null)\n        if (next !== value) onChange(next)\n      },\n    }\n  }\n  function moveHandle(i: number): ReactNode {\n    if (!reorderable) return null\n    return (\n      <span\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.effectAllowed = 'move'\n          e.dataTransfer.setData('text/plain', String(i))\n          setMoveFrom(i)\n        }}\n        onDragEnd={() => {\n          setMoveFrom(null)\n          setMoveOver(null)\n        }}\n        aria-label={translate('cms.field.dragToReorder')}\n        className=\"cursor-grab text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing\"\n      >\n        <GripVertical className=\"size-3.5\" />\n      </span>\n    )\n  }\n  const moveTint = (i: number) =>\n    cn(moveFrom === i && 'opacity-50', moveOver === i && moveFrom !== null && moveFrom !== i && 'ring-2 ring-primary/50')\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                // The gallery position of this placement (readable entries only) — the\n                // index the one remove rule counts (core `removeAssetPlacementAt`).\n                const galleryIndex = entries.slice(0, i).filter((e) => readAssetId(e) !== undefined).length\n                return (\n                  <div key={`${aid}-${i}`} className={cn('rounded-lg', moveTint(galleryIndex))} {...reorderProps(galleryIndex)}>\n                    <FieldPathContext.Provider value={fieldPath === null ? null : `${fieldPath}/${i}`}>\n                      <AssetGalleryItem\n                        assetId={aid}\n                        collectionId={assetCollectionId}\n                        fields={subFields}\n                        value={assetSubfieldsOf(entry)}\n                        readOnly={readOnly}\n                        idPrefix={`asset-${i}`}\n                        handle={moveHandle(galleryIndex)}\n                        onChangeSubs={(next) => {\n                          const nextEntries = entries.slice()\n                          nextEntries[i] = assetNode(aid, next)\n                          onChange(nextEntries)\n                        }}\n                        onEdit={assets ? () => setEditing({ index: galleryIndex }) : undefined}\n                        onRemove={readOnly ? undefined : () => onChange(removeAssetPlacementAt(value, galleryIndex))}\n                      />\n                    </FieldPathContext.Provider>\n                  </div>\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                <div key={`${aid}-${i}`} className={cn('rounded-lg', moveTint(i))} {...reorderProps(i)}>\n                  <AssetChip\n                    assetId={aid}\n                    collectionId={assetCollectionId}\n                    handle={moveHandle(i)}\n                    onEdit={assets ? () => setEditing({ index: i }) : undefined}\n                    onRemove={readOnly ? undefined : () => onChange(removeAssetPlacementAt(value, i))}\n                  />\n                </div>\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({ index: null })}\n              onRemove={() => onChange(applyAssetSelection(value, null, many))}\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({ index: null })}\n          onRemove={() => onChange(applyAssetSelection(value, null, many))}\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 (EC-301 → EC-588 2i): the placement's own sub-fields (\"In this\n          place\") apart from the asset's facts (\"About this image\", shared by every use),\n          for a single field's placement and for each placement of a gallery. */}\n      {editTarget && assets ? (\n        <AssetOptionsDialog\n          assetId={editTarget.assetId}\n          readOnly={readOnly}\n          open\n          onOpenChange={(next) => {\n            if (!next) setEditing(null)\n          }}\n          {...(editTarget.placement ? { placement: editTarget.placement } : {})}\n        />\n      ) : null}\n\n      <AssetPicker open={open} onOpenChange={setOpen} {...pickerBinding} />\n\n      <AssetRejectedNotice rejected={rejected} accept={field.accept} />\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. Read through THE reader (EC-587),\n * so the field shows exactly what delivery serves.\n */\nfunction AssetAltLine({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  const alt = record ? assetAlt(record) : null\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/**\n * A single asset reference: focal-aware thumbnail + title, with an optional drag\n * handle (reorder, EC-588), image options and remove.\n */\nfunction AssetChip({\n  assetId,\n  collectionId,\n  handle,\n  onEdit,\n  onRemove,\n}: {\n  assetId: string\n  collectionId: string\n  handle?: ReactNode\n  onEdit?: () => void\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        {handle}\n        <Text size=\"xs\" tone=\"subtle\" className=\"min-w-0 flex-1 truncate\" title={title}>\n          {title}\n        </Text>\n        {onEdit ? (\n          <button\n            type=\"button\"\n            aria-label={translate('cms.asset.imageOptions.title')}\n            onClick={onEdit}\n            className=\"text-muted-foreground hover:text-foreground\"\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </button>\n        ) : null}\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  handle,\n  onEdit,\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  handle?: ReactNode\n  onEdit?: () => 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        {handle}\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        {onEdit ? (\n          <Button variant=\"ghost\" size=\"sm\" aria-label={translate('cms.asset.imageOptions.title')} onClick={onEdit}>\n            <SlidersHorizontal className=\"size-3.5\" />\n          </Button>\n        ) : null}\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/** A placement's own form (EC-588 2i): the asset field's per-use sub-fields and their value. */\nexport interface PlacementForm {\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChange: (value: Record<string, unknown>) => void\n}\n\n/**\n * The image options dialog (EC-301 → EC-588, ratified 2i): the two schemas an image\n * has, shown apart (`EC-565` § \"2i widened\").\n * - **In this place** — the PLACEMENT schema: the asset field's (or prop's) per-use\n *   sub-fields (a caption, a badge layout), true of this one use only; written into the\n *   field value. Present only when the field declares sub-fields.\n * - **About this image — applies everywhere it is used** — the ASSET schema: the focal\n *   point and the `kind:'asset'` collection's fields over the asset's `meta` bag (alt,\n *   copyright, credit, …), rendered through the generic field engine documents use;\n *   persisted on the asset, so it changes every use — the Where-used panel (the asset's\n *   library page) is one click away.\n * Asset metadata is buffered locally and committed once on close (one write); the\n * focal point commits immediately (it drives a live visual); the placement form writes\n * through to the field as it is edited. No-ops without a library.\n */\nfunction AssetOptionsDialog({\n  assetId,\n  readOnly,\n  open,\n  onOpenChange,\n  placement,\n}: {\n  assetId: string\n  readOnly: boolean\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  placement?: PlacementForm\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 EC-565 2a.\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 with a legacy `alt` column lifted in (EC-587,\n    // `assetMetaSeed`): a not-yet-migrated asset shows its alt, and the save writes it\n    // to `meta.alt` and clears the column (`assetMetadataWrite`).\n    setMeta(assetMetaSeed(record))\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  // EC-568: Replace file, from the dialog. Pending metadata edits are committed FIRST, so\n  // the buffer cannot overwrite what the new file brings; the focal point is kept and the\n  // dialog says to check it (the ticket's recommendation for open question 1).\n  const [replaced, setReplaced] = useState(false)\n  const replaceAction = record ? (\n    <ReplaceFileButton\n      record={record}\n      disabled={readOnly}\n      beforeReplace={async () => {\n        if (assets && dirty.current) {\n          dirty.current = false\n          await assets.updateMetadata(assetId, { meta: pruneMeta(meta) })\n        }\n      }}\n      onReplaced={(asset) => {\n        setMeta(assetMetaSeed(asset))\n        setFocal(asset.focalPoint)\n        dirty.current = false\n        setReplaced(true)\n      }}\n    />\n  ) : null\n\n  const whereUsed =\n    source.projectId !== undefined ? (\n      <Link\n        to={STUDIO_PROJECT_ROUTE}\n        params={{ projectId: source.projectId, _splat: studioPath.asset(assetId) }}\n        className=\"inline-flex items-center gap-1 text-xs text-primary hover:underline\"\n      >\n        <Link2 className=\"size-3\" /> {translate('cms.asset.imageOptions.whereUsed')}\n      </Link>\n    ) : null\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>{translate('cms.asset.imageOptions.description')}</DialogDescription>\n        </DialogHeader>\n        <AssetOptionsSections\n          record={record}\n          readOnly={readOnly}\n          metaFields={metaFields}\n          meta={meta}\n          onMetaField={setField}\n          focal={focal}\n          onFocalCommit={commitFocal}\n          onFocalPreview={setFocal}\n          whereUsed={whereUsed}\n          replaceAction={replaceAction}\n          replaced={replaced}\n          {...(placement ? { placement } : {})}\n        />\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n/**\n * The two sections of the image options dialog (EC-588 2i), stateless — exported so a\n * node smoke render can pin the split (the dialog itself portals, `null` in node).\n */\nexport function AssetOptionsSections({\n  record,\n  readOnly,\n  metaFields,\n  meta,\n  onMetaField,\n  focal,\n  onFocalCommit,\n  onFocalPreview,\n  placement,\n  whereUsed,\n  replaceAction,\n  replaced,\n}: {\n  record: AssetRecord | undefined\n  readOnly: boolean\n  metaFields: readonly FieldDef[]\n  meta: Record<string, unknown>\n  onMetaField: (name: string, value: unknown) => void\n  focal: { x: number; y: number } | undefined\n  onFocalCommit: (point: { x: number; y: number } | null) => void\n  onFocalPreview: (point: { x: number; y: number } | undefined) => void\n  placement?: PlacementForm\n  whereUsed?: ReactNode\n  /** EC-568: the \"Replace file\" action of the asset section. */\n  replaceAction?: ReactNode\n  /** EC-568: the file was just replaced — the kept focal point needs a look. */\n  replaced?: boolean\n}) {\n  return (\n    <Stack gap=\"4\">\n      {placement && placement.fields.length > 0 ? (\n        <Stack gap=\"2\" data-ec-asset-options=\"placement\">\n          <Stack gap=\"1\">\n            <Heading level={3} size=\"h4\">\n              {translate('cms.asset.imageOptions.placementTitle')}\n            </Heading>\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.imageOptions.placementHint')}\n            </Text>\n          </Stack>\n          <ObjectItemForm\n            fields={placement.fields}\n            value={placement.value}\n            readOnly={readOnly}\n            idPrefix=\"asset-options-placement\"\n            onChange={placement.onChange}\n          />\n          <Separator />\n        </Stack>\n      ) : null}\n      <Stack gap=\"3\" data-ec-asset-options=\"asset\">\n        <Stack gap=\"1\">\n          <Row align=\"center\">\n            <Heading level={3} size=\"h4\">\n              {translate('cms.asset.imageOptions.assetTitle')}\n            </Heading>\n            <Spacer />\n            {whereUsed}\n          </Row>\n          <Text size=\"xs\" tone=\"subtle\">\n            {translate('cms.asset.imageOptions.assetHint')}\n          </Text>\n          {replaceAction ? <Row gap=\"2\" align=\"center\" wrap>{replaceAction}</Row> : null}\n        </Stack>\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={() => onFocalCommit(null)}>\n                <RotateCcw /> {translate('cms.asset.resetToCentre')}\n              </Button>\n            ) : null}\n          </Row>\n          <FocalPointPicker\n            record={record}\n            point={focal}\n            onChange={onFocalCommit}\n            onPreview={onFocalPreview}\n            disabled={readOnly}\n          />\n          {replaced ? (\n            <Text size=\"xs\" className=\"font-medium\" data-ec-asset-options=\"replaced\">\n              {translate('cms.asset.replacedCheckFocal')}\n            </Text>\n          ) : null}\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) => onMetaField(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    </Stack>\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 { GripVertical, ImagePlus, Link2, RotateCcw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { AssetFieldDef, FieldDef } from '@elytracms/core/cms-core'\nimport { assetAlt } from '@elytracms/core/persistence'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport {\n  assetNode,\n  assetSubfieldsOf,\n  moveAssetPlacement,\n  readAssetId,\n  removeAssetPlacementAt,\n  selfTypeFieldValue,\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  Heading,\n  Row,\n  Separator,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { cn } from '../../lib/utils'\nimport { localizedLabel, translate } from '../../lib/i18n'\nimport {\n  appendAssetSelections,\n  applyAssetSelection,\n  assetIdsOf,\n  singleAssetIdOf,\n} from '../assets/asset-selection'\nimport { useOptionalAssets } from '../assets/assets-store'\nimport { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb'\nimport { assetPickerBinding, batchAttachment, splitByAccept, uploadBatchProgress } from './asset-picker-core'\nimport type { UploadBatch } from './asset-picker-core'\nimport { assetMetaFieldsOf, assetMetaSeed, pruneMeta } from '../assets/asset-metadata'\nimport { ReplaceFileButton } from '../assets/replace-file'\nimport { fieldLabel } from './cms-labels'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { useFieldDensity } from './field-density'\nimport { AssetPicker, AssetRejectedNotice } from './asset-picker'\nimport { FieldControl } from './field-control'\nimport { ObjectItemForm } from './object-array-field'\nimport { FieldPathContext, useFieldPath } from './field-anchors'\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>` (a fixture-only session — every project, the playground\n * included, mounts one, `studio-project-screen.tsx`) 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: stored,\n  onChange,\n  readOnly,\n}: {\n  field: AssetFieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n}) {\n  // EC-586/EC-581 (ASSETS D4): the field reads its value through THE canonicaliser — the\n  // one cardinality rule — so a lone placement left in a field since declared `multiple`\n  // shows as a one-item gallery (and the next pick keeps it) instead of an empty one that\n  // drops it; picks and removes then write from that canonical list.\n  const value = useMemo(() => selfTypeFieldValue(field, stored), [field, stored])\n  const source = useCollectionView()\n  const assets = useOptionalAssets()\n  const density = useFieldDensity()\n  const compact = density === 'compact'\n  // EC-582 / EC-572 #1: the anchor prefix of this field — a gallery placement's sub-field\n  // inputs are stamped `<field>/<entry index>/<sub-field>`, the path the validator gives\n  // their issues (a single placement's are `<field>/<sub-field>`, stamped by the form).\n  const fieldPath = useFieldPath()\n  const [open, setOpen] = useState(false)\n  // The placement whose image options dialog is open (EC-588 2i: every placement of a\n  // gallery has one, not only a single field's): its gallery index, or `null` for a\n  // single field's one placement.\n  const [editing, setEditing] = useState<{ index: number | null } | null>(null)\n  const [dragging, setDragging] = useState(false)\n  // Reorder by drag (EC-588 2i): the gallery index being dragged and the one under it.\n  const [moveFrom, setMoveFrom] = useState<number | null>(null)\n  const [moveOver, setMoveOver] = useState<number | null>(null)\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): exactly the upload ids this field's drop\n  // started (EC-588 A7), so the effect below attaches the WHOLE batch and nothing\n  // another tab or a sibling field uploaded meanwhile.\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: the value stores asset ENVELOPES (`{ type:'asset', id }`,\n  // EC-586 — the canonical form, sub-fields or not) carrying any sub-field siblings\n  // (`caption`). Picks/edits/removes preserve every other 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  // 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 || !assets) return\n    // EC-588 2i: the one batch-attach rule (the picker runs it too) — a `many` field\n    // appends the whole batch once it settles, IN FILE ORDER; a single field takes the\n    // first arrival.\n    const { attach, disarm } = batchAttachment(uploadBatchProgress(batch, assets, field.accept), many)\n    if (disarm) pendingRef.current = null\n    if (attach.length === 0) return\n    const next = many ? appendAssetSelections(value, attach) : applyAssetSelection(value, attach[0]!, false)\n    if (next !== value) onChange(next)\n    // Reacts to the assets store changing (an upload landing in the library, the\n    // queue draining) — `value`/`onChange` are read from the closure on purpose.\n  }, [assets, field.accept, many, onChange, value])\n\n  function uploadFiles(files: File[]) {\n    if (!assets || files.length === 0) return\n    // EC-301 → EC-588: the drop rule the picker applies too — a drag-drop bypasses\n    // the file dialog's `accept` filter, so re-check each file and name the rejects in\n    // a visible notice instead of silently uploading the wrong kind.\n    const { accepted, rejected: refused } = splitByAccept(files, field.accept)\n    setRejected(refused)\n    if (accepted.length === 0) return\n    pendingRef.current = { uploadIds: assets.upload(accepted) }\n  }\n\n  // The picker is configured from the field — the SAME binding the table cell uses\n  // (EC-570 #1 → EC-588): `accept`, `multiple`, and a pick through the carry rule\n  // (EC-558) so a placement's per-use sub-fields (EC-301) survive a swap or an append.\n  const pickerBinding = assetPickerBinding(field, value, (next) => {\n    if (next !== value) onChange(next)\n  })\n\n  const canUpload = !readOnly && assets !== null\n\n  // The open dialog's placement: which asset it shows, and — when the field declares\n  // per-use sub-fields — the placement form it edits (\"In this place\").\n  const editTarget = ((): { assetId: string; placement?: PlacementForm } | null => {\n    if (!editing) return null\n    if (editing.index === null) {\n      if (!single) return null\n      if (!hasSub) return { assetId: single }\n      return {\n        assetId: single,\n        placement: {\n          fields: subFields,\n          value: assetSubfieldsOf(value),\n          onChange: (next: Record<string, unknown>) => onChange(assetNode(single, next)),\n        },\n      }\n    }\n    if (!hasSub) {\n      const aid = ids[editing.index]\n      return aid ? { assetId: aid } : null\n    }\n    const entry = entries.filter((e) => readAssetId(e) !== undefined)[editing.index]\n    const aid = readAssetId(entry)\n    if (!aid) return null\n    const raw = entries.indexOf(entry)\n    return {\n      assetId: aid,\n      placement: {\n        fields: subFields,\n        value: assetSubfieldsOf(entry),\n        onChange: (next: Record<string, unknown>) => {\n          const nextEntries = entries.slice()\n          nextEntries[raw] = assetNode(aid, next)\n          onChange(nextEntries)\n        },\n      },\n    }\n  })()\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  // Only a FILE drag is an upload: a gallery reorder drag (EC-588) is not.\n  const isFileDrag = (e: React.DragEvent) => Array.from(e.dataTransfer.types).includes('Files')\n  function onDragEnter(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) return\n    e.preventDefault()\n    dragDepth.current += 1\n    if (!dragging) setDragging(true)\n  }\n  function onDragOver(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) return\n    e.preventDefault() // required so a drop is allowed\n  }\n  function onDragLeave(e: React.DragEvent) {\n    if (!canUpload || !isFileDrag(e)) 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 || !isFileDrag(e)) 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  // Reorder by drag (EC-588 2i): one placement moves, every entry verbatim — core's\n  // `moveAssetPlacement`, the same index counting as the remove.\n  const reorderable = many && !readOnly && ids.length > 1\n  function reorderProps(i: number) {\n    if (!reorderable) return {}\n    return {\n      onDragOver: (e: React.DragEvent) => {\n        if (moveFrom === null) return\n        e.preventDefault()\n        if (moveOver !== i) setMoveOver(i)\n      },\n      onDrop: (e: React.DragEvent) => {\n        if (moveFrom === null) return\n        e.preventDefault()\n        const next = moveAssetPlacement(value, moveFrom, i)\n        setMoveFrom(null)\n        setMoveOver(null)\n        if (next !== value) onChange(next)\n      },\n    }\n  }\n  function moveHandle(i: number): ReactNode {\n    if (!reorderable) return null\n    return (\n      <span\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.effectAllowed = 'move'\n          e.dataTransfer.setData('text/plain', String(i))\n          setMoveFrom(i)\n        }}\n        onDragEnd={() => {\n          setMoveFrom(null)\n          setMoveOver(null)\n        }}\n        aria-label={translate('cms.field.dragToReorder')}\n        className=\"cursor-grab text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing\"\n      >\n        <GripVertical className=\"size-3.5\" />\n      </span>\n    )\n  }\n  const moveTint = (i: number) =>\n    cn(moveFrom === i && 'opacity-50', moveOver === i && moveFrom !== null && moveFrom !== i && 'ring-2 ring-primary/50')\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                // The gallery position of this placement (readable entries only) — the\n                // index the one remove rule counts (core `removeAssetPlacementAt`).\n                const galleryIndex = entries.slice(0, i).filter((e) => readAssetId(e) !== undefined).length\n                return (\n                  <div key={`${aid}-${i}`} className={cn('rounded-lg', moveTint(galleryIndex))} {...reorderProps(galleryIndex)}>\n                    <FieldPathContext.Provider value={fieldPath === null ? null : `${fieldPath}/${i}`}>\n                      <AssetGalleryItem\n                        assetId={aid}\n                        collectionId={assetCollectionId}\n                        fields={subFields}\n                        value={assetSubfieldsOf(entry)}\n                        readOnly={readOnly}\n                        idPrefix={`asset-${i}`}\n                        handle={moveHandle(galleryIndex)}\n                        onChangeSubs={(next) => {\n                          const nextEntries = entries.slice()\n                          nextEntries[i] = assetNode(aid, next)\n                          onChange(nextEntries)\n                        }}\n                        onEdit={assets ? () => setEditing({ index: galleryIndex }) : undefined}\n                        onRemove={readOnly ? undefined : () => onChange(removeAssetPlacementAt(value, galleryIndex))}\n                      />\n                    </FieldPathContext.Provider>\n                  </div>\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                <div key={`${aid}-${i}`} className={cn('rounded-lg', moveTint(i))} {...reorderProps(i)}>\n                  <AssetChip\n                    assetId={aid}\n                    collectionId={assetCollectionId}\n                    handle={moveHandle(i)}\n                    onEdit={assets ? () => setEditing({ index: i }) : undefined}\n                    onRemove={readOnly ? undefined : () => onChange(removeAssetPlacementAt(value, i))}\n                  />\n                </div>\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({ index: null })}\n              onRemove={() => onChange(applyAssetSelection(value, null, many))}\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({ index: null })}\n          onRemove={() => onChange(applyAssetSelection(value, null, many))}\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 (EC-301 → EC-588 2i): the placement's own sub-fields (\"In this\n          place\") apart from the asset's facts (\"About this image\", shared by every use),\n          for a single field's placement and for each placement of a gallery. */}\n      {editTarget && assets ? (\n        <AssetOptionsDialog\n          assetId={editTarget.assetId}\n          readOnly={readOnly}\n          open\n          onOpenChange={(next) => {\n            if (!next) setEditing(null)\n          }}\n          {...(editTarget.placement ? { placement: editTarget.placement } : {})}\n        />\n      ) : null}\n\n      <AssetPicker open={open} onOpenChange={setOpen} {...pickerBinding} />\n\n      <AssetRejectedNotice rejected={rejected} accept={field.accept} />\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. Read through THE reader (EC-587),\n * so the field shows exactly what delivery serves.\n */\nfunction AssetAltLine({ assetId }: { assetId: string }) {\n  const record = useAssetRecord(assetId)\n  const alt = record ? assetAlt(record) : null\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/**\n * A single asset reference: focal-aware thumbnail + title, with an optional drag\n * handle (reorder, EC-588), image options and remove.\n */\nfunction AssetChip({\n  assetId,\n  collectionId,\n  handle,\n  onEdit,\n  onRemove,\n}: {\n  assetId: string\n  collectionId: string\n  handle?: ReactNode\n  onEdit?: () => void\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        {handle}\n        <Text size=\"xs\" tone=\"subtle\" className=\"min-w-0 flex-1 truncate\" title={title}>\n          {title}\n        </Text>\n        {onEdit ? (\n          <button\n            type=\"button\"\n            aria-label={translate('cms.asset.imageOptions.title')}\n            onClick={onEdit}\n            className=\"text-muted-foreground hover:text-foreground\"\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </button>\n        ) : null}\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  handle,\n  onEdit,\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  handle?: ReactNode\n  onEdit?: () => 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        {handle}\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        {onEdit ? (\n          <Button variant=\"ghost\" size=\"sm\" aria-label={translate('cms.asset.imageOptions.title')} onClick={onEdit}>\n            <SlidersHorizontal className=\"size-3.5\" />\n          </Button>\n        ) : null}\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/** A placement's own form (EC-588 2i): the asset field's per-use sub-fields and their value. */\nexport interface PlacementForm {\n  fields: readonly FieldDef[]\n  value: Record<string, unknown>\n  onChange: (value: Record<string, unknown>) => void\n}\n\n/**\n * The image options dialog (EC-301 → EC-588, ratified 2i): the two schemas an image\n * has, shown apart (`EC-565` § \"2i widened\").\n * - **In this place** — the PLACEMENT schema: the asset field's (or prop's) per-use\n *   sub-fields (a caption, a badge layout), true of this one use only; written into the\n *   field value. Present only when the field declares sub-fields.\n * - **About this image — applies everywhere it is used** — the ASSET schema: the focal\n *   point and the `kind:'asset'` collection's fields over the asset's `meta` bag (alt,\n *   copyright, credit, …), rendered through the generic field engine documents use;\n *   persisted on the asset, so it changes every use — the Where-used panel (the asset's\n *   library page) is one click away.\n * Asset metadata is buffered locally and committed once on close (one write); the\n * focal point commits immediately (it drives a live visual); the placement form writes\n * through to the field as it is edited. No-ops without a library.\n */\nfunction AssetOptionsDialog({\n  assetId,\n  readOnly,\n  open,\n  onOpenChange,\n  placement,\n}: {\n  assetId: string\n  readOnly: boolean\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  placement?: PlacementForm\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 EC-565 2a.\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 with a legacy `alt` column lifted in (EC-587,\n    // `assetMetaSeed`): a not-yet-migrated asset shows its alt, and the save writes it\n    // to `meta.alt` and clears the column (`assetMetadataWrite`).\n    setMeta(assetMetaSeed(record))\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  // EC-568: Replace file, from the dialog. Pending metadata edits are committed FIRST, so\n  // the buffer cannot overwrite what the new file brings; the focal point is kept and the\n  // dialog says to check it (the ticket's recommendation for open question 1).\n  const [replaced, setReplaced] = useState(false)\n  const replaceAction = record ? (\n    <ReplaceFileButton\n      record={record}\n      disabled={readOnly}\n      beforeReplace={async () => {\n        if (assets && dirty.current) {\n          dirty.current = false\n          await assets.updateMetadata(assetId, { meta: pruneMeta(meta) })\n        }\n      }}\n      onReplaced={(asset) => {\n        setMeta(assetMetaSeed(asset))\n        setFocal(asset.focalPoint)\n        dirty.current = false\n        setReplaced(true)\n      }}\n    />\n  ) : null\n\n  const whereUsed =\n    source.projectId !== undefined ? (\n      <Link\n        to={STUDIO_PROJECT_ROUTE}\n        params={{ projectId: source.projectId, _splat: studioPath.asset(assetId) }}\n        className=\"inline-flex items-center gap-1 text-xs text-primary hover:underline\"\n      >\n        <Link2 className=\"size-3\" /> {translate('cms.asset.imageOptions.whereUsed')}\n      </Link>\n    ) : null\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>{translate('cms.asset.imageOptions.description')}</DialogDescription>\n        </DialogHeader>\n        <AssetOptionsSections\n          record={record}\n          readOnly={readOnly}\n          metaFields={metaFields}\n          meta={meta}\n          onMetaField={setField}\n          focal={focal}\n          onFocalCommit={commitFocal}\n          onFocalPreview={setFocal}\n          whereUsed={whereUsed}\n          replaceAction={replaceAction}\n          replaced={replaced}\n          {...(placement ? { placement } : {})}\n        />\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n/**\n * The two sections of the image options dialog (EC-588 2i), stateless — exported so a\n * node smoke render can pin the split (the dialog itself portals, `null` in node).\n */\nexport function AssetOptionsSections({\n  record,\n  readOnly,\n  metaFields,\n  meta,\n  onMetaField,\n  focal,\n  onFocalCommit,\n  onFocalPreview,\n  placement,\n  whereUsed,\n  replaceAction,\n  replaced,\n}: {\n  record: AssetRecord | undefined\n  readOnly: boolean\n  metaFields: readonly FieldDef[]\n  meta: Record<string, unknown>\n  onMetaField: (name: string, value: unknown) => void\n  focal: { x: number; y: number } | undefined\n  onFocalCommit: (point: { x: number; y: number } | null) => void\n  onFocalPreview: (point: { x: number; y: number } | undefined) => void\n  placement?: PlacementForm\n  whereUsed?: ReactNode\n  /** EC-568: the \"Replace file\" action of the asset section. */\n  replaceAction?: ReactNode\n  /** EC-568: the file was just replaced — the kept focal point needs a look. */\n  replaced?: boolean\n}) {\n  return (\n    <Stack gap=\"4\">\n      {placement && placement.fields.length > 0 ? (\n        <Stack gap=\"2\" data-ec-asset-options=\"placement\">\n          <Stack gap=\"1\">\n            <Heading level={3} size=\"h4\">\n              {translate('cms.asset.imageOptions.placementTitle')}\n            </Heading>\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.imageOptions.placementHint')}\n            </Text>\n          </Stack>\n          <ObjectItemForm\n            fields={placement.fields}\n            value={placement.value}\n            readOnly={readOnly}\n            idPrefix=\"asset-options-placement\"\n            onChange={placement.onChange}\n          />\n          <Separator />\n        </Stack>\n      ) : null}\n      <Stack gap=\"3\" data-ec-asset-options=\"asset\">\n        <Stack gap=\"1\">\n          <Row align=\"center\">\n            <Heading level={3} size=\"h4\">\n              {translate('cms.asset.imageOptions.assetTitle')}\n            </Heading>\n            <Spacer />\n            {whereUsed}\n          </Row>\n          <Text size=\"xs\" tone=\"subtle\">\n            {translate('cms.asset.imageOptions.assetHint')}\n          </Text>\n          {replaceAction ? <Row gap=\"2\" align=\"center\" wrap>{replaceAction}</Row> : null}\n        </Stack>\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={() => onFocalCommit(null)}>\n                <RotateCcw /> {translate('cms.asset.resetToCentre')}\n              </Button>\n            ) : null}\n          </Row>\n          <FocalPointPicker\n            record={record}\n            point={focal}\n            onChange={onFocalCommit}\n            onPreview={onFocalPreview}\n            disabled={readOnly}\n          />\n          {replaced ? (\n            <Text size=\"xs\" className=\"font-medium\" data-ec-asset-options=\"replaced\">\n              {translate('cms.asset.replacedCheckFocal')}\n            </Text>\n          ) : null}\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) => onMetaField(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    </Stack>\n  )\n}\n"]}

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

@@ -4,8 +4,8 @@ import { useEffect, useRef, useState } from 'react';
 import { assetAcceptAttr, describeAccept } from '@elytracms/core/cms-core';
 import { assetAlt } from '@elytracms/core/persistence';
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, ExpandableSurface, Input, Row, Spacer, Text, } from '@elytracms/studio/ui';
-import { cn } from '@elytracms/studio/lib/utils';
-import { translate } from '@elytracms/studio/lib/i18n';
+import { cn } from '../../lib/utils.js';
+import { translate } from '../../lib/i18n/index.js';
 import { AssetThumb } from '../assets/asset-thumb.js';
 import { AssetsProvider, useAssets, useOptionalAssets } from '../assets/assets-store.js';
 import { useCollectionView } from '../collection-view/collection-view-context.js';