venuekit 0.10.1 → 0.10.2

package/dist/react.cjs

@@ -45,7 +45,7 @@
 
 
 
-var _chunkLFRA3GBPcjs = require('./chunk-LFRA3GBP.cjs');
+var _chunkZ47OPTEPcjs = require('./chunk-Z47OPTEP.cjs');
 
 // ../canvas/src/camera.ts
 var MIN_ZOOM = 0.05;
@@ -133,7 +133,7 @@ function reduceGesture(state, camera, viewport, input) {
     const [a, b] = list2;
     return {
       // Con dos dedos ya no hay tap posible: `moved` queda en true a propósito.
-      state: { pointers, origin: null, moved: true, pinchDistance: _chunkLFRA3GBPcjs.distance.call(void 0, a, b) },
+      state: { pointers, origin: null, moved: true, pinchDistance: _chunkZ47OPTEPcjs.distance.call(void 0, a, b) },
       camera
     };
   }
@@ -146,7 +146,7 @@ function reduceGesture(state, camera, viewport, input) {
       const [a, b] = list2;
       const previousA = state.pointers[a.id];
       const previousB = state.pointers[b.id];
-      const nextDistance = _chunkLFRA3GBPcjs.distance.call(void 0, a, b);
+      const nextDistance = _chunkZ47OPTEPcjs.distance.call(void 0, a, b);
       const previousDistance = state.pinchDistance;
       if (!previousA || !previousB || !previousDistance || previousDistance < 1e-6 || nextDistance < 1e-6) {
         return { state: { ...state, pointers, pinchDistance: nextDistance }, camera };
@@ -159,7 +159,7 @@ function reduceGesture(state, camera, viewport, input) {
         camera: panBy(zoomed, nextMid.x - previousMid.x, nextMid.y - previousMid.y)
       };
     }
-    const movedEnough = state.moved || state.origin !== null && _chunkLFRA3GBPcjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
+    const movedEnough = state.moved || state.origin !== null && _chunkZ47OPTEPcjs.distance.call(void 0, state.origin, pointer) > TAP_SLOP;
     if (!movedEnough) return { state: { ...state, pointers }, camera };
     return {
       state: { ...state, pointers, moved: true },
@@ -262,7 +262,7 @@ function centredBox(at, width, height, rotation) {
   return { minX: at.x - hw, minY: at.y - hh, maxX: at.x + hw, maxY: at.y + hh };
 }
 function tableBodyBox(table) {
-  const size = _chunkLFRA3GBPcjs.tableSize.call(void 0, table.shape, table.places);
+  const size = _chunkZ47OPTEPcjs.tableSize.call(void 0, table.shape, table.places);
   const k = _nullishCoalesce(table.scale, () => ( 1));
   const [w, h] = "radius" in size ? [size.radius * 2 * k, size.radius * 2 * k] : [size.width * k, size.height * k];
   return centredBox(table.transform, w, h, table.transform.rotation);
@@ -270,13 +270,21 @@ function tableBodyBox(table) {
 function elementBounds(_layout, element) {
   return pieceBounds(element);
 }
+var boundsCache = /* @__PURE__ */ new WeakMap();
 function pieceBounds(element) {
-  if (element.type === "zone") return _chunkLFRA3GBPcjs.zoneBounds.call(void 0, element);
+  const cached = boundsCache.get(element);
+  if (cached !== void 0) return cached;
+  const box = computeBounds(element);
+  boundsCache.set(element, box);
+  return box;
+}
+function computeBounds(element) {
+  if (element.type === "zone") return _chunkZ47OPTEPcjs.zoneBounds.call(void 0, element);
   if (element.type === "landmark") {
     return centredBox(element.transform, element.width, element.height, element.transform.rotation);
   }
-  const units = element.type === "seatBlock" ? _chunkLFRA3GBPcjs.expandSeatBlock.call(void 0, element) : _chunkLFRA3GBPcjs.expandTable.call(void 0, element);
-  const own = units.length > 0 ? _chunkLFRA3GBPcjs.bbox.call(void 0, units.map((u) => ({ x: u.x, y: u.y }))) : null;
+  const units = element.type === "seatBlock" ? _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, element) : _chunkZ47OPTEPcjs.expandTable.call(void 0, element);
+  const own = units.length > 0 ? _chunkZ47OPTEPcjs.bbox.call(void 0, units.map((u) => ({ x: u.x, y: u.y }))) : null;
   if (element.type === "table") {
     const body = tableBodyBox(element);
     return own ? {
@@ -294,7 +302,7 @@ function elementAt(layout, screen, camera, viewport) {
     const element = layout.elements[i];
     const box = elementBounds(layout, element);
     if (box && world.x >= box.minX && world.x <= box.maxX && world.y >= box.minY && world.y <= box.maxY) {
-      if (element.type === "zone" && !_chunkLFRA3GBPcjs.pointInZone.call(void 0, element, world)) continue;
+      if (element.type === "zone" && !_chunkZ47OPTEPcjs.pointInZone.call(void 0, element, world)) continue;
       return element;
     }
   }
@@ -328,7 +336,7 @@ function unitRadii(layout) {
         out.set(el.id, DEFAULT_UNIT_RADIUS * k);
         continue;
       }
-      const size = _chunkLFRA3GBPcjs.tableSize.call(void 0, el.shape, el.places);
+      const size = _chunkZ47OPTEPcjs.tableSize.call(void 0, el.shape, el.places);
       out.set(el.id, ("radius" in size ? size.radius : Math.max(size.width, size.height) / 2) * k);
     }
   }
@@ -428,10 +436,10 @@ function buildScene(input) {
         strokeWidth: strong ? 2.5 : 1.5,
         ...dim(ref) ? { alpha: DIMMED_ALPHA } : {}
       };
-      const outline = _chunkLFRA3GBPcjs.zoneOutline.call(void 0, el, ZONE_CORNER);
+      const outline = _chunkZ47OPTEPcjs.zoneOutline.call(void 0, el, ZONE_CORNER);
       if (outline.length > 0) shapes.push({ kind: "polygon", points: outline, ...paint2 });
       else shapes.push({ kind: "rect", x: b.minX, y: b.minY, width: b.maxX - b.minX, height: b.maxY - b.minY, cornerRadius: ZONE_CORNER, ...paint2 });
-      const room = _chunkLFRA3GBPcjs.zoneLabelSize.call(void 0, el);
+      const room = _chunkZ47OPTEPcjs.zoneLabelSize.call(void 0, el);
       const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
       const roomW = (swap ? room.height : room.width) * camera.zoom;
       const roomH = (swap ? room.width : room.height) * camera.zoom;
@@ -481,16 +489,12 @@ function buildScene(input) {
       }
     }
   }
-  const byElement = /* @__PURE__ */ new Map();
-  for (const u of units) {
-    const list2 = byElement.get(u.elementId);
-    if (list2) list2.push(u);
-    else byElement.set(u.elementId, [u]);
-  }
-  for (const el of mode === "designer" ? layout.elements : []) {
-    if (el.type === "landmark" || colorOf(refOf(el)) !== null) continue;
+  const chipped = mode === "designer" ? layout.elements.filter((el) => el.type !== "landmark" && colorOf(refOf(el)) === null) : [];
+  const byElement = new Map(chipped.map((el) => [el.id, []]));
+  if (byElement.size > 0) for (const u of units) _optionalChain([byElement, 'access', _14 => _14.get, 'call', _15 => _15(u.elementId), 'optionalAccess', _16 => _16.push, 'call', _17 => _17(u)]);
+  for (const el of chipped) {
     const own = byElement.get(el.id);
-    if (!own) continue;
+    if (!own || own.length === 0) continue;
     let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
     for (const u of own) {
       if (u.x < minX) minX = u.x;
@@ -530,7 +534,7 @@ function buildScene(input) {
     if (!visible.has(u.id)) continue;
     visibleUnitIds.push(u.id);
     const color = _nullishCoalesce(colorOf(u.placeTypeRef), () => ( palette.unassigned));
-    const state = mode === "designer" && _optionalChain([input, 'access', _14 => _14.locked, 'optionalAccess', _15 => _15.has, 'call', _16 => _16(u.id)]) ? "taken" : _nullishCoalesce(states.get(u.id), () => ( "free"));
+    const state = mode === "designer" && _optionalChain([input, 'access', _18 => _18.locked, 'optionalAccess', _19 => _19.has, 'call', _20 => _20(u.id)]) ? "taken" : _nullishCoalesce(states.get(u.id), () => ( "free"));
     const mapPaint = mode === "map" ? mapUnitPaint(state, color, palette) : null;
     const paint2 = mapPaint ? { fill: mapPaint.fill, stroke: mapPaint.stroke, strokeWidth: mapPaint.strokeWidth } : unitPaint(state, color, palette);
     const dimmed = dim(u.placeTypeRef);
@@ -542,7 +546,7 @@ function buildScene(input) {
       const size = Math.min(13, Math.max(8, radius * camera.zoom * 0.9));
       labels.push({ x: u.x, y: u.y, text: number, size, weight: 700, color: mapPaint.label, align: "centre", maxWidth: radius * camera.zoom * 1.7 });
     }
-    if (_optionalChain([el, 'optionalAccess', _17 => _17.type]) === "table" && el.mode === "whole" && el.shape === "rect") {
+    if (_optionalChain([el, 'optionalAccess', _21 => _21.type]) === "table" && el.mode === "whole" && el.shape === "rect") {
       const b = tableBodyBox(el);
       shapes.push({ kind: "rect", x: b.minX, y: b.minY, width: b.maxX - b.minX, height: b.maxY - b.minY, ...paint2, ...alpha });
       continue;
@@ -621,7 +625,7 @@ function paint(ctx, fill, stroke, strokeWidth, zoom) {
 }
 function drawBackground(ctx, scene, images) {
   const bg = scene.background;
-  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _18 => _18.get, 'call', _19 => _19(bg.src)]) : void 0;
+  const bitmap = bg ? _optionalChain([images, 'optionalAccess', _22 => _22.get, 'call', _23 => _23(bg.src)]) : void 0;
   if (!bg || !bitmap) return;
   const previous = ctx.globalAlpha;
   ctx.globalAlpha = bg.opacity;
@@ -730,7 +734,7 @@ function hitUnit(input) {
     const unit = unitById.get(id);
     if (!unit) continue;
     const radius = _nullishCoalesce(radii.get(unit.elementId), () => ( 0));
-    const d = _chunkLFRA3GBPcjs.distance.call(void 0, world, unit);
+    const d = _chunkZ47OPTEPcjs.distance.call(void 0, world, unit);
     if (d > reach + radius) continue;
     const score = d - radius;
     if (score < bestScore) {
@@ -755,7 +759,7 @@ function cornerPoint(box, corner) {
 var clamp = (v, min, max) => Math.min(max, Math.max(min, v));
 function resizeElement(el, corner, from, to) {
   if (el.type === "zone" || el.type === "landmark") {
-    const box2 = el.type === "zone" ? _chunkLFRA3GBPcjs.zoneBounds.call(void 0, el) : centredBox(el.transform, el.width, el.height, el.transform.rotation);
+    const box2 = el.type === "zone" ? _chunkZ47OPTEPcjs.zoneBounds.call(void 0, el) : centredBox(el.transform, el.width, el.height, el.transform.rotation);
     const east = corner === "ne" || corner === "se";
     const south = corner === "se" || corner === "sw";
     const start = cornerPoint(box2, corner);
@@ -766,11 +770,11 @@ function resizeElement(el, corner, from, to) {
     const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
     const [w, h] = swap ? [worldH, worldW] : [worldW, worldH];
     if (el.type === "zone" && (_nullishCoalesce(el.curve, () => ( 0))) > 0) {
-      const sized = _chunkLFRA3GBPcjs.zoneWithLocalSize.call(void 0, el, w, h);
+      const sized = _chunkZ47OPTEPcjs.zoneWithLocalSize.call(void 0, el, w, h);
       const width = Math.round(clamp(sized.width, RESIZE_MIN, RESIZE_MAX));
       const height = Math.round(clamp(sized.height, RESIZE_MIN, RESIZE_MAX));
       const next = { ...sized, width, height };
-      const b = _chunkLFRA3GBPcjs.zoneBounds.call(void 0, next);
+      const b = _chunkZ47OPTEPcjs.zoneBounds.call(void 0, next);
       const dx = east ? box2.minX - b.minX : box2.maxX - b.maxX;
       const dy = south ? box2.minY - b.minY : box2.maxY - b.maxY;
       return { ...next, transform: { ...el.transform, x: el.transform.x + dx, y: el.transform.y + dy } };
@@ -782,11 +786,11 @@ function resizeElement(el, corner, from, to) {
   const box = pieceBounds(el);
   if (!box) return el;
   const centre = { x: (box.minX + box.maxX) / 2, y: (box.minY + box.maxY) / 2 };
-  const reach = _chunkLFRA3GBPcjs.distance.call(void 0, from, centre);
+  const reach = _chunkZ47OPTEPcjs.distance.call(void 0, from, centre);
   if (reach < 1) return el;
-  const scale = _chunkLFRA3GBPcjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkLFRA3GBPcjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
+  const scale = _chunkZ47OPTEPcjs.snapScale.call(void 0, (_nullishCoalesce(el.scale, () => ( 1))) * (_chunkZ47OPTEPcjs.distance.call(void 0, to, centre) / reach), RESIZE_SCALE_STEP);
   if (scale === (_nullishCoalesce(el.scale, () => ( 1)))) return el;
-  return _chunkLFRA3GBPcjs.scalePiece.call(void 0, el, scale);
+  return _chunkZ47OPTEPcjs.scalePiece.call(void 0, el, scale);
 }
 
 // ../canvas/src/a11y.ts
@@ -830,7 +834,7 @@ function nearestInDirection(nodes, from, direction) {
     const d = Math.hypot(dx, dy);
     if (!best2 || d < best2.d) best2 = { id: n.id, d };
   }
-  return _nullishCoalesce(_optionalChain([best2, 'optionalAccess', _20 => _20.id]), () => ( null));
+  return _nullishCoalesce(_optionalChain([best2, 'optionalAccess', _24 => _24.id]), () => ( null));
 }
 function navigateA11y(nodes, fromId, direction) {
   const from = nodes.find((n) => n.id === fromId);
@@ -866,10 +870,10 @@ function initialEditGesture() {
   return { g: initialGestureState, press: null };
 }
 function isArmed(state) {
-  return !!_optionalChain([state, 'access', _21 => _21.press, 'optionalAccess', _22 => _22.armed]) && state.press.movable !== null;
+  return !!_optionalChain([state, 'access', _25 => _25.press, 'optionalAccess', _26 => _26.armed]) && state.press.movable !== null;
 }
 function isMarqueeArmed(state) {
-  return !!_optionalChain([state, 'access', _23 => _23.press, 'optionalAccess', _24 => _24.armed]) && !!state.press.marquee;
+  return !!_optionalChain([state, 'access', _27 => _27.press, 'optionalAccess', _28 => _28.armed]) && !!state.press.marquee;
 }
 var sample = (p) => ({ id: p.id, x: p.x, y: p.y });
 function reduceEditGesture(state, camera, viewport, input) {
@@ -896,9 +900,9 @@ function reduceEditGesture(state, camera, viewport, input) {
   if (input.kind === "down") {
     const r2 = delegate(state.g, { type: "pointerdown", pointer: sample(p) });
     if (Object.keys(r2.state.pointers).length >= 2) {
-      const effects2 = _optionalChain([press, 'optionalAccess', _25 => _25.moving]) && press.movable ? [{ type: "moveEnd", elementId: press.movable }] : [];
-      if (_optionalChain([press, 'optionalAccess', _26 => _26.resize, 'optionalAccess', _27 => _27.active]) && press.elementId) effects2.push({ type: "resizeCancel", elementId: press.elementId });
-      if (_optionalChain([press, 'optionalAccess', _28 => _28.marquee, 'optionalAccess', _29 => _29.active])) effects2.push({ type: "marqueeCancel" });
+      const effects2 = _optionalChain([press, 'optionalAccess', _29 => _29.moving]) && press.movable ? [{ type: "moveEnd", elementId: press.movable }] : [];
+      if (_optionalChain([press, 'optionalAccess', _30 => _30.resize, 'optionalAccess', _31 => _31.active]) && press.elementId) effects2.push({ type: "resizeCancel", elementId: press.elementId });
+      if (_optionalChain([press, 'optionalAccess', _32 => _32.marquee, 'optionalAccess', _33 => _33.active])) effects2.push({ type: "marqueeCancel" });
       return {
         state: {
           g: r2.state,
@@ -953,9 +957,9 @@ function reduceEditGesture(state, camera, viewport, input) {
     };
   }
   if (input.kind === "move") {
-    if (_optionalChain([press, 'optionalAccess', _30 => _30.marquee]) && Object.keys(state.g.pointers).length === 1) {
+    if (_optionalChain([press, 'optionalAccess', _34 => _34.marquee]) && Object.keys(state.g.pointers).length === 1) {
       const { origin } = press.marquee;
-      const active = press.marquee.active || press.armed || _chunkLFRA3GBPcjs.distance.call(void 0, origin, p) > TAP_SLOP;
+      const active = press.marquee.active || press.armed || _chunkZ47OPTEPcjs.distance.call(void 0, origin, p) > TAP_SLOP;
       if (!active) return { state, camera, effects: [] };
       return {
         state: { g: state.g, press: { ...press, last: { x: p.x, y: p.y }, marquee: { origin, active: true } } },
@@ -963,7 +967,7 @@ function reduceEditGesture(state, camera, viewport, input) {
         effects: [{ type: "marquee", from: screenToWorld(camera, viewport, origin), to: screenToWorld(camera, viewport, p) }]
       };
     }
-    if (_optionalChain([press, 'optionalAccess', _31 => _31.resize]) && press.elementId) {
+    if (_optionalChain([press, 'optionalAccess', _35 => _35.resize]) && press.elementId) {
       if (Object.keys(state.g.pointers).length !== 1) return { state, camera, effects: [] };
       const { corner, from } = press.resize;
       return {
@@ -973,7 +977,7 @@ function reduceEditGesture(state, camera, viewport, input) {
       };
     }
     if (press && press.movable && Object.keys(state.g.pointers).length === 1) {
-      const dragging = press.pointerType === "touch" ? press.armed : press.moving || _chunkLFRA3GBPcjs.distance.call(void 0, 
+      const dragging = press.pointerType === "touch" ? press.armed : press.moving || _chunkZ47OPTEPcjs.distance.call(void 0, 
         _nullishCoalesce(state.g.origin, () => ( press.last)),
         p
       ) > TAP_SLOP;
@@ -989,7 +993,7 @@ function reduceEditGesture(state, camera, viewport, input) {
       if (press.pointerType !== "touch") return { state, camera, effects: [] };
     }
     const r2 = delegate(state.g, { type: "pointermove", pointer: sample(p) });
-    const lostPiece = _optionalChain([press, 'optionalAccess', _32 => _32.movable]) && r2.state.moved && !press.moving;
+    const lostPiece = _optionalChain([press, 'optionalAccess', _36 => _36.movable]) && r2.state.moved && !press.moving;
     return {
       state: { g: r2.state, press: press && lostPiece ? { ...press, movable: null } : press },
       camera: r2.camera,
@@ -999,19 +1003,19 @@ function reduceEditGesture(state, camera, viewport, input) {
   const r = delegate(state.g, { type: input.kind === "up" ? "pointerup" : "pointercancel", pointer: sample(p) });
   const idle = Object.keys(r.state.pointers).length === 0;
   const effects = [];
-  if (_optionalChain([press, 'optionalAccess', _33 => _33.resize]) && press.elementId) {
+  if (_optionalChain([press, 'optionalAccess', _37 => _37.resize]) && press.elementId) {
     if (press.resize.active) {
       effects.push({ type: input.kind === "up" ? "resizeEnd" : "resizeCancel", elementId: press.elementId });
     }
     return { state: { g: r.state, press: idle ? null : { ...press, resize: void 0 } }, camera: r.camera, effects };
   }
-  if (_optionalChain([press, 'optionalAccess', _34 => _34.marquee, 'optionalAccess', _35 => _35.active])) {
+  if (_optionalChain([press, 'optionalAccess', _38 => _38.marquee, 'optionalAccess', _39 => _39.active])) {
     const from = screenToWorld(camera, viewport, press.marquee.origin);
     const to = screenToWorld(camera, viewport, press.last);
     effects.push(input.kind === "up" ? { type: "marqueeEnd", from, to, additive: !!press.additive } : { type: "marqueeCancel" });
     return { state: { g: r.state, press: idle ? null : { ...press, marquee: void 0, canMarquee: false } }, camera: r.camera, effects };
   }
-  if (_optionalChain([press, 'optionalAccess', _36 => _36.moving]) && press.movable) effects.push({ type: "moveEnd", elementId: press.movable });
+  if (_optionalChain([press, 'optionalAccess', _40 => _40.moving]) && press.movable) effects.push({ type: "moveEnd", elementId: press.movable });
   else if (r.tap && press) {
     const world = screenToWorld(camera, viewport, r.tap);
     effects.push(press.additive ? { type: "tap", world, elementId: press.elementId, additive: true } : { type: "tap", world, elementId: press.elementId });
@@ -1144,11 +1148,11 @@ function snapMove(moving, others, threshold, opts = {}) {
   const pick = (axis) => best([...alignCandidates(moving, others, axis, threshold, opts.sheet), ...gapCandidates(moving, others, axis, threshold)]);
   const x = pick("x");
   const y = pick("y");
-  const dx = _nullishCoalesce(_optionalChain([x, 'optionalAccess', _37 => _37.delta]), () => ( 0));
-  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _38 => _38.delta]), () => ( 0));
+  const dx = _nullishCoalesce(_optionalChain([x, 'optionalAccess', _41 => _41.delta]), () => ( 0));
+  const dy = _nullishCoalesce(_optionalChain([y, 'optionalAccess', _42 => _42.delta]), () => ( 0));
   const moved = shiftBox(moving, dx, dy);
   const guides = alignmentGuides(moved, others, opts.sheet);
-  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _39 => _39.gaps, 'call', _40 => _40(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _41 => _41.gaps, 'call', _42 => _42(moved)]), () => ( []))];
+  const gaps = [..._nullishCoalesce(_optionalChain([x, 'optionalAccess', _43 => _43.gaps, 'call', _44 => _44(moved)]), () => ( [])), ..._nullishCoalesce(_optionalChain([y, 'optionalAccess', _45 => _45.gaps, 'call', _46 => _46(moved)]), () => ( []))];
   return { dx, dy, guides, gaps };
 }
 function snapResize(box, edges, others, threshold, opts = {}) {
@@ -1271,7 +1275,7 @@ function focusBox(layout, units, radii, ref) {
     maxY = Math.max(maxY, u.y + r);
   }
   for (const el of layout.elements) {
-    if (el.type !== "zone" || _optionalChain([el, 'access', _43 => _43.placeType, 'optionalAccess', _44 => _44.ref]) !== ref) continue;
+    if (el.type !== "zone" || _optionalChain([el, 'access', _47 => _47.placeType, 'optionalAccess', _48 => _48.ref]) !== ref) continue;
     const b = pieceBounds(el);
     if (!b) continue;
     minX = Math.min(minX, b.minX);
@@ -1326,6 +1330,8 @@ var es = {
   mapLabel: "Plano del lugar. Movete con las flechas y eleg\xED con Enter.",
   zoomIn: "Acercar",
   zoomOut: "Alejar",
+  zoomToChoose: "Hay {n} lugares a la vista. Acerc\xE1 el mapa para elegir uno.",
+  wheelHint: "Para acercar el mapa, us\xE1 Ctrl + rueda o los botones + y \u2212",
   overviewMapLabel: "Plano del lugar. Toc\xE1 una entrada en el mapa o elegila en la lista de abajo.",
   overviewList: "Entradas del lugar",
   soldOut: "Agotada",
@@ -1369,6 +1375,8 @@ var en = {
   mapLabel: "Venue map. Move with the arrow keys and choose with Enter.",
   zoomIn: "Zoom in",
   zoomOut: "Zoom out",
+  zoomToChoose: "There are {n} spots in view. Zoom in to choose one.",
+  wheelHint: "To zoom the map, use Ctrl + scroll or the + and \u2212 buttons",
   overviewMapLabel: "Venue map. Tap a ticket on the map or choose it from the list below.",
   overviewList: "Tickets at the venue",
   soldOut: "Sold out",
@@ -1481,11 +1489,19 @@ var PICKER_CSS = `
  min-height:300px;max-height:70vh;background:var(--vk-surface);
  border:1px solid var(--vk-line);border-radius:var(--vk-radius-lg);overflow:hidden;touch-action:none}
 .vk-root[data-fill="true"] .vk-map{flex:1;aspect-ratio:auto;min-height:0;max-height:none}
+.vk-map[data-cooperative="true"]{touch-action:pan-y}
 .vk-canvas{display:block;width:100%;height:100%}
 .vk-a11y{position:absolute;inset:0;pointer-events:none}
 .vk-seat{position:absolute;transform:translate(-50%,-50%);padding:0;margin:0;border:0;background:transparent;
  border-radius:50%;cursor:pointer;color:transparent;overflow:hidden}
 .vk-seat:focus-visible{outline:3px solid var(--vk-accent);outline-offset:2px}
+.vk-choose{position:absolute;left:8px;top:8px;max-width:calc(100% - 64px);min-height:44px;padding:8px 12px;
+ border:1px solid var(--vk-line);border-radius:var(--vk-radius);background:var(--vk-bg);color:var(--vk-fg);
+ font:inherit;font-size:14px;text-align:left;cursor:pointer;opacity:0}
+.vk-choose:focus{opacity:1;pointer-events:auto;outline:3px solid var(--vk-accent);outline-offset:2px}
+.vk-map-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;max-width:calc(100% - 32px);
+ padding:8px 12px;border-radius:var(--vk-radius);background:rgba(0,0,0,.72);color:#fff;font-size:14px;
+ text-align:center;pointer-events:none}
 .vk-zoom{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px}
 .vk-zoom button{width:36px;height:36px;border:1px solid var(--vk-line);background:var(--vk-bg);
  color:var(--vk-fg);border-radius:var(--vk-radius);font-size:16px;line-height:1;cursor:pointer}
@@ -1561,13 +1577,43 @@ function useImage(src) {
       img.onerror = null;
     };
   }, [src]);
-  if (!src || _optionalChain([loaded, 'optionalAccess', _45 => _45.src]) !== src) return { image: null, failed: false };
+  if (!src || _optionalChain([loaded, 'optionalAccess', _49 => _49.src]) !== src) return { image: null, failed: false };
   return { image: loaded.image, failed: loaded.failed };
 }
 
 // ../react/src/VenueCanvas.tsx
 
+
+// ../react/src/map-targets.ts
+var MAX_SEAT_BUTTONS = 500;
+var MIN_PICK_RADIUS_PX = 6;
+function chooseTarget(visible, activeId, centre) {
+  const active = activeId === null ? void 0 : visible.find((n) => n.id === activeId);
+  if (active) return active;
+  let best2 = null;
+  let bestD = Infinity;
+  for (const n of visible) {
+    const d = (n.x - centre.x) ** 2 + (n.y - centre.y) ** 2;
+    if (d < bestD) {
+      bestD = d;
+      best2 = n;
+    }
+  }
+  return best2;
+}
+function zoomToChoose(camera, visibleCount, target) {
+  const factor = Math.max(2, Math.sqrt(visibleCount / (MAX_SEAT_BUTTONS / 2)));
+  return { x: target.x, y: target.y, zoom: clampZoom(camera.zoom * factor) };
+}
+function tapZoom(camera, viewport, screen, radiusPx) {
+  if (radiusPx >= MIN_PICK_RADIUS_PX) return null;
+  const next = zoomAt(camera, viewport, screen, Math.max(2, MIN_NUMBERED_RADIUS_PX / Math.max(radiusPx, 0.01)));
+  return next.zoom > camera.zoom ? next : null;
+}
+
+// ../react/src/VenueCanvas.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var WHEEL_HINT_MS = 1600;
 var ARROWS = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -1638,6 +1684,9 @@ function VenueCanvas(props) {
   );
   const visible = _react.useMemo.call(void 0, () => new Set(scene.visibleUnitIds), [scene]);
   const visibleNodes = _react.useMemo.call(void 0, () => a11yNodes.filter((n) => visible.has(n.id)), [a11yNodes, visible]);
+  const tooMany = visibleNodes.length > MAX_SEAT_BUTTONS;
+  const unitById = _react.useMemo.call(void 0, () => new Map(units.map((u) => [u.id, u])), [units]);
+  const chooseRef = _react.useRef.call(void 0, null);
   const sizeOf = (elementId) => Math.max(24, 2 * (_nullishCoalesce(props.radii.get(elementId), () => ( DEFAULT_UNIT_RADIUS))) * camera.zoom);
   const lastSize = _react.useRef.call(void 0, { width: 0, height: 0 });
   const onViewportChangeRef = _react.useRef.call(void 0, props.onViewportChange);
@@ -1674,10 +1723,23 @@ function VenueCanvas(props) {
   viewportRef.current = viewport;
   const onCameraChangeRef = _react.useRef.call(void 0, props.onCameraChange);
   onCameraChangeRef.current = props.onCameraChange;
+  const cooperativeRef = _react.useRef.call(void 0, props.cooperative === true);
+  cooperativeRef.current = props.cooperative === true;
+  const [wheelHint, setWheelHint] = _react.useState.call(void 0, false);
+  const hintTimer = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => () => {
+    if (hintTimer.current) clearTimeout(hintTimer.current);
+  }, []);
   _react.useEffect.call(void 0, () => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const onWheel = (e) => {
+      if (cooperativeRef.current && !e.ctrlKey && !e.metaKey) {
+        setWheelHint(true);
+        if (hintTimer.current) clearTimeout(hintTimer.current);
+        hintTimer.current = setTimeout(() => setWheelHint(false), WHEEL_HINT_MS);
+        return;
+      }
       e.preventDefault();
       const rect = canvas.getBoundingClientRect();
       const currentCamera = cameraRef.current;
@@ -1695,9 +1757,9 @@ function VenueCanvas(props) {
   _react.useEffect.call(void 0, () => {
     const id = pendingFocus.current;
     if (!id) return;
-    const button = _optionalChain([wrapRef, 'access', _46 => _46.current, 'optionalAccess', _47 => _47.querySelector, 'call', _48 => _48(`[data-unit-id="${id}"]`)]);
+    const button = _optionalChain([wrapRef, 'access', _50 => _50.current, 'optionalAccess', _51 => _51.querySelector, 'call', _52 => _52(`[data-unit-id="${id}"]`)]);
     pendingFocus.current = null;
-    _optionalChain([button, 'optionalAccess', _49 => _49.focus, 'call', _50 => _50()]);
+    _optionalChain([(_nullishCoalesce(button, () => ( chooseRef.current))), 'optionalAccess', _53 => _53.focus, 'call', _54 => _54()]);
   }, [visibleNodes]);
   const send = (input) => {
     const result = reduceGesture(gesture.current, camera, viewport, input);
@@ -1705,8 +1767,26 @@ function VenueCanvas(props) {
     if (result.camera !== camera) props.onCameraChange(result.camera);
     if (!result.tap) return;
     const unitId = hitUnit({ index, camera, viewport, screenPoint: result.tap, units, radii: props.radii });
-    if (unitId) props.onActivateUnit(unitId);
-    else _optionalChain([props, 'access', _51 => _51.onTapEmpty, 'optionalCall', _52 => _52(result.tap)]);
+    if (!unitId) {
+      _optionalChain([props, 'access', _55 => _55.onTapEmpty, 'optionalCall', _56 => _56(result.tap)]);
+      return;
+    }
+    const unit = unitById.get(unitId);
+    if (unit && props.focusRef !== null && unit.placeTypeRef === props.focusRef) {
+      const closer = tapZoom(camera, viewport, result.tap, (_nullishCoalesce(props.radii.get(unit.elementId), () => ( DEFAULT_UNIT_RADIUS))) * camera.zoom);
+      if (closer) {
+        props.onCameraChange(closer);
+        return;
+      }
+    }
+    props.onActivateUnit(unitId);
+  };
+  const zoomInToChoose = () => {
+    const target = chooseTarget(visibleNodes, activeId, camera);
+    if (!target) return;
+    setActiveId(target.id);
+    pendingFocus.current = target.id;
+    props.onCameraChange(zoomToChoose(camera, visibleNodes.length, target));
   };
   const samplePointer = (e) => {
     const rect = e.currentTarget.getBoundingClientRect();
@@ -1724,12 +1804,12 @@ function VenueCanvas(props) {
       const node = a11yNodes.find((n) => n.id === next);
       if (node) props.onCameraChange({ ...camera, x: node.x, y: node.y });
     } else {
-      _optionalChain([wrapRef, 'access', _53 => _53.current, 'optionalAccess', _54 => _54.querySelector, 'call', _55 => _55(`[data-unit-id="${next}"]`), 'optionalAccess', _56 => _56.focus, 'call', _57 => _57()]);
+      _optionalChain([wrapRef, 'access', _57 => _57.current, 'optionalAccess', _58 => _58.querySelector, 'call', _59 => _59(`[data-unit-id="${next}"]`), 'optionalAccess', _60 => _60.focus, 'call', _61 => _61()]);
       pendingFocus.current = null;
     }
   };
   const zoomButton = (factor) => () => props.onCameraChange(zoomAt(camera, viewport, { x: viewport.width / 2, y: viewport.height / 2 }, factor));
-  const tabbableId = _nullishCoalesce((activeId !== null && visible.has(activeId) ? activeId : _optionalChain([visibleNodes, 'access', _58 => _58[0], 'optionalAccess', _59 => _59.id])), () => ( null));
+  const tabbableId = _nullishCoalesce((activeId !== null && visible.has(activeId) ? activeId : _optionalChain([visibleNodes, 'access', _62 => _62[0], 'optionalAccess', _63 => _63.id])), () => ( null));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -1738,6 +1818,7 @@ function VenueCanvas(props) {
       "data-testid": "venue-map",
       "data-background": props.backgroundStatus,
       "data-camera": `${camera.x.toFixed(2)},${camera.y.toFixed(2)},${camera.zoom.toFixed(4)}`,
+      "data-cooperative": props.cooperative ? "true" : void 0,
       style: {
         ["--vk-plan-ratio"]: props.ratio ? `${Math.round(props.ratio.width)} / ${Math.round(props.ratio.height)}` : `${layout.meta.width} / ${layout.meta.height}`,
         ...props.height !== void 0 ? { height: props.height, aspectRatio: "auto", minHeight: 0, maxHeight: "none" } : {}
@@ -1758,7 +1839,7 @@ function VenueCanvas(props) {
             onPointerCancel: (e) => send({ type: "pointercancel", pointer: samplePointer(e) })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "vk-a11y", role: "group", "aria-label": messages.mapLabel, onKeyDown, children: visibleNodes.map((node) => {
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "vk-a11y", role: "group", "aria-label": messages.mapLabel, onKeyDown, children: tooMany ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { ref: chooseRef, type: "button", className: "vk-choose", "data-testid": "zoom-to-choose", onClick: zoomInToChoose, children: format(messages.zoomToChoose, { n: visibleNodes.length.toLocaleString() }) }) : visibleNodes.map((node) => {
           const p = worldToScreen(camera, viewport, node);
           const size = sizeOf(node.elementId);
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1779,6 +1860,7 @@ function VenueCanvas(props) {
             node.id
           );
         }) }),
+        wheelHint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-map-hint", role: "status", children: messages.wheelHint }) : null,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-zoom", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", onClick: zoomButton(1.4), "aria-label": messages.zoomIn, children: "+" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", onClick: zoomButton(1 / 1.4), "aria-label": messages.zoomOut, children: "\u2212" })
@@ -1793,7 +1875,7 @@ function VenueCanvas(props) {
 var NONE = [];
 var EMPTY_SET = /* @__PURE__ */ new Set();
 function byKind(u, seat, table, place) {
-  return _optionalChain([u, 'optionalAccess', _60 => _60.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _61 => _61.kind]) === "place" ? place : seat;
+  return _optionalChain([u, 'optionalAccess', _64 => _64.kind]) === "table" ? table : _optionalChain([u, 'optionalAccess', _65 => _65.kind]) === "place" ? place : seat;
 }
 function a11yLabel(u, m) {
   const table = format(m.summaryTable, { table: _nullishCoalesce(u.table, () => ( u.label)) });
@@ -1803,13 +1885,13 @@ function a11yLabel(u, m) {
 }
 function SeatMap(props) {
   const { layout, focusRef, selection, onSelectionChange } = props;
-  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkLFRA3GBPcjs.DEFAULT_MAX_SELECTION));
+  const maxSelection = _nullishCoalesce(props.maxSelection, () => ( _chunkZ47OPTEPcjs.DEFAULT_MAX_SELECTION));
   const messages = _react.useMemo.call(void 0, 
     () => mergeMessages({ ...props.messages, ...props.continueLabel ? { continueLabel: props.continueLabel } : {} }),
     [props.messages, props.continueLabel]
   );
-  const units = _react.useMemo.call(void 0, () => _chunkLFRA3GBPcjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkLFRA3GBPcjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(units), [units]);
   const radii = _react.useMemo.call(void 0, () => unitRadii(layout), [layout]);
   const unitById = _react.useMemo.call(void 0, () => new Map(units.map((u) => [u.id, u])), [units]);
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(props.placeTypes.map((p) => [p.ref, p.color])), [props.placeTypes]);
@@ -1847,7 +1929,7 @@ function SeatMap(props) {
     [props.takenUnitIds, conflicted]
   );
   const held = _react.useMemo.call(void 0, () => new Set(_nullishCoalesce(props.heldUnitIds, () => ( NONE))), [props.heldUnitIds]);
-  const states = _react.useMemo.call(void 0, () => _chunkLFRA3GBPcjs.unitStates.call(void 0, units, taken, selection, held), [units, taken, selection, held]);
+  const states = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.unitStates.call(void 0, units, taken, selection, held), [units, taken, selection, held]);
   const selectable = _react.useMemo.call(void 0, () => units.filter((u) => u.placeTypeRef === focusRef), [units, focusRef]);
   const a11yNodes = _react.useMemo.call(void 0, 
     () => buildA11yNodes(
@@ -1859,7 +1941,7 @@ function SeatMap(props) {
     [selectable, states, placeTypeNames, messages]
   );
   const bg = layout.meta.background;
-  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _62 => _62.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _66 => _66.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -1870,7 +1952,7 @@ function SeatMap(props) {
   const framedFor = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (viewport.width === 0 || viewport.height === 0) return;
-    if (_optionalChain([framedFor, 'access', _63 => _63.current, 'optionalAccess', _64 => _64.layout]) === layout && framedFor.current.focusRef === focusRef) return;
+    if (_optionalChain([framedFor, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.layout]) === layout && framedFor.current.focusRef === focusRef) return;
     framedFor.current = { layout, focusRef };
     const box = _nullishCoalesce(focusBox(layout, units, radii, focusRef), () => ( { minX: 0, minY: 0, maxX: layout.meta.width, maxY: layout.meta.height }));
     setCamera(fitBox(box, viewport, props.embedded ? 16 : 24));
@@ -1888,7 +1970,7 @@ function SeatMap(props) {
   const onTapEmpty = _react.useCallback.call(void 0, (screen) => {
     const el = elementAt(layout, screen, cameraRef.current, viewportRef.current);
     if (!el || el.type === "landmark") return;
-    switchTo(_optionalChain([el, 'access', _65 => _65.placeType, 'optionalAccess', _66 => _66.ref]) || null);
+    switchTo(_optionalChain([el, 'access', _69 => _69.placeType, 'optionalAccess', _70 => _70.ref]) || null);
   }, [layout, switchTo]);
   const activateUnit = _react.useCallback.call(void 0, (unitId) => {
     const unit = unitById.get(unitId);
@@ -1901,7 +1983,7 @@ function SeatMap(props) {
       announce(messages.heldSeat, true);
       return;
     }
-    const result = _chunkLFRA3GBPcjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
+    const result = _chunkZ47OPTEPcjs.toggleUnit.call(void 0, selection, unitId, states, maxSelection);
     if (result.rejected === "taken") {
       announce(byKind(unit, messages.takenSeat, messages.takenTable, messages.takenPlace), true);
       return;
@@ -1914,7 +1996,7 @@ function SeatMap(props) {
     announce(`${unitName(unit, messages)}: ${added ? messages.selected : messages.free}`);
     onSelectionChange(result.selection);
   }, [unitById, focusRef, states, selection, maxSelection, messages, announce, onSelectionChange, switchTo]);
-  const summary = selectionSummary(units, selection, messages);
+  const summary = _react.useMemo.call(void 0, () => selectionSummary(units, selection, messages), [units, selection, messages]);
   const focusColor = _nullishCoalesce(placeTypeColors.get(focusRef), () => ( "var(--vk-unassigned)"));
   const focusType = props.placeTypes.find((p) => p.ref === focusRef);
   const embedded = props.embedded === true;
@@ -1965,6 +2047,7 @@ function SeatMap(props) {
             onTapEmpty,
             placeTypePrices,
             ...props.height !== void 0 ? { height: props.height } : {},
+            cooperative: embedded,
             images,
             ...backgroundStatus ? { backgroundStatus } : {}
           }
@@ -2013,7 +2096,7 @@ function overviewBox(layout, radii) {
   for (const el of layout.elements) {
     const b = elementBounds(layout, el);
     if (!b) continue;
-    const r = el.type === "seatBlock" || el.type === "table" ? _nullishCoalesce(_optionalChain([radii, 'optionalAccess', _67 => _67.get, 'call', _68 => _68(el.id)]), () => ( 0)) : 0;
+    const r = el.type === "seatBlock" || el.type === "table" ? _nullishCoalesce(_optionalChain([radii, 'optionalAccess', _71 => _71.get, 'call', _72 => _72(el.id)]), () => ( 0)) : 0;
     box = box ? {
       minX: Math.min(box.minX, b.minX - r),
       minY: Math.min(box.minY, b.minY - r),
@@ -2035,8 +2118,8 @@ var NO_NODES = [];
 function VenueOverview(props) {
   const { layout, placeTypes, onSelect } = props;
   const messages = _react.useMemo.call(void 0, () => mergeMessages(props.messages), [props.messages]);
-  const units = _react.useMemo.call(void 0, () => _chunkLFRA3GBPcjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkLFRA3GBPcjs.SpatialIndex)(units), [units]);
+  const units = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, layout), [layout]);
+  const index = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(units), [units]);
   const radii = _react.useMemo.call(void 0, () => unitRadii(layout), [layout]);
   const unitById = _react.useMemo.call(void 0, () => new Map(units.map((u) => [u.id, u])), [units]);
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(placeTypes.map((p) => [p.ref, p.color])), [placeTypes]);
@@ -2053,7 +2136,7 @@ function VenueOverview(props) {
   const takenIds = _nullishCoalesce(props.takenUnitIds, () => ( NONE2));
   const selectedIds = _nullishCoalesce(props.selectedUnitIds, () => ( NONE2));
   const states = _react.useMemo.call(void 0, 
-    () => _chunkLFRA3GBPcjs.unitStates.call(void 0, units, new Set(takenIds), selectedIds, NO_HELD),
+    () => _chunkZ47OPTEPcjs.unitStates.call(void 0, units, new Set(takenIds), selectedIds, NO_HELD),
     [units, takenIds, selectedIds]
   );
   const hideList = props.hideList === true;
@@ -2066,12 +2149,12 @@ function VenueOverview(props) {
     const tap = overviewTap(ref, placeTypes);
     if (tap.kind === "select") onSelect(tap.ref);
     else if (tap.kind === "soldOut") {
-      const name = _nullishCoalesce(_optionalChain([placeTypes, 'access', _69 => _69.find, 'call', _70 => _70((p) => p.ref === tap.ref), 'optionalAccess', _71 => _71.label]), () => ( ""));
+      const name = _nullishCoalesce(_optionalChain([placeTypes, 'access', _73 => _73.find, 'call', _74 => _74((p) => p.ref === tap.ref), 'optionalAccess', _75 => _75.label]), () => ( ""));
       setNotice((n) => ({ text: format(messages.soldOutNotice, { name }), seq: n.seq + 1 }));
     }
   }, [placeTypes, onSelect, messages]);
   const bg = layout.meta.background;
-  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _72 => _72.src]), () => ( null)));
+  const background = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _76 => _76.src]), () => ( null)));
   const images = _react.useMemo.call(void 0, 
     () => new Map(bg && background.image ? [[bg.src, background.image]] : []),
     [bg, background.image]
@@ -2098,7 +2181,7 @@ function VenueOverview(props) {
   const onTapEmpty = _react.useCallback.call(void 0, (screen) => {
     const el = elementAt(layout, screen, cameraRef.current, viewportRef.current);
     if (!el || el.type === "landmark") return;
-    choose(_optionalChain([el, 'access', _73 => _73.placeType, 'optionalAccess', _74 => _74.ref]) || null);
+    choose(_optionalChain([el, 'access', _77 => _77.placeType, 'optionalAccess', _78 => _78.ref]) || null);
   }, [layout, choose]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -2123,7 +2206,7 @@ function VenueOverview(props) {
             onCameraChange: setCamera,
             viewport,
             onViewportChange: setViewport,
-            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _75 => _75.get, 'call', _76 => _76(id), 'optionalAccess', _77 => _77.placeTypeRef]), () => ( null))),
+            onActivateUnit: (id) => choose(_nullishCoalesce(_optionalChain([unitById, 'access', _79 => _79.get, 'call', _80 => _80(id), 'optionalAccess', _81 => _81.placeTypeRef]), () => ( null))),
             onTapEmpty,
             messages: canvasMessages,
             placeTypeColors,
@@ -2133,6 +2216,7 @@ function VenueOverview(props) {
             highlightRefs,
             ...props.height !== void 0 ? { height: props.height } : {},
             ratio: contentRatio,
+            cooperative: true,
             images,
             ...backgroundStatus ? { backgroundStatus } : {}
           }
@@ -2217,9 +2301,9 @@ function withWorldSize(el, axis, size) {
   const swap = el.transform.rotation === 90 || el.transform.rotation === 270;
   const field = axis === "x" !== swap ? "width" : "height";
   if (el.type === "zone" && (_nullishCoalesce(el.curve, () => ( 0))) > 0) {
-    const now = _chunkLFRA3GBPcjs.zoneLocalSize.call(void 0, el);
+    const now = _chunkZ47OPTEPcjs.zoneLocalSize.call(void 0, el);
     if (Math.abs(now[field] - size) < 1e-6) return el;
-    const next = _chunkLFRA3GBPcjs.zoneWithLocalSize.call(void 0, el, field === "width" ? size : now.width, field === "height" ? size : now.height);
+    const next = _chunkZ47OPTEPcjs.zoneWithLocalSize.call(void 0, el, field === "width" ? size : now.width, field === "height" ? size : now.height);
     return { ...next, width: Math.round(next.width), height: Math.round(next.height) };
   }
   return el[field] === size ? el : { ...el, [field]: size };
@@ -2245,7 +2329,7 @@ function arrangeCommands(layout, ids, action) {
     const scale = _nullishCoalesce(model.el.scale, () => ( 1));
     return scaled.slice(1).flatMap(({ el }) => {
       const piece = el;
-      return (_nullishCoalesce(piece.scale, () => ( 1))) === scale ? [] : [{ type: "replaceElement", element: _chunkLFRA3GBPcjs.scalePiece.call(void 0, piece, scale) }];
+      return (_nullishCoalesce(piece.scale, () => ( 1))) === scale ? [] : [{ type: "replaceElement", element: _chunkZ47OPTEPcjs.scalePiece.call(void 0, piece, scale) }];
     });
   }
   const shifts = action === "distributeX" ? distributeBoxes(boxes, "x") : action === "distributeY" ? distributeBoxes(boxes, "y") : alignBoxes(boxes, action);
@@ -2394,14 +2478,65 @@ function BackgroundControl(props) {
 // ../react/src/designer/DesignerCanvas.tsx
 
 
+// ../react/src/designer/drag-preview.ts
+function changedIds(preview) {
+  return preview.kind === "move" ? [...preview.ids] : [preview.element.id];
+}
+function splitUnits(units, changed) {
+  const still = [];
+  const moving = [];
+  for (const u of units) (changed.has(u.elementId) ? moving : still).push(u);
+  return { changed, still, stillIndex: new (0, _chunkZ47OPTEPcjs.SpatialIndex)(still), moving, movingIndex: new (0, _chunkZ47OPTEPcjs.SpatialIndex)(moving) };
+}
+function boxesOf(layout) {
+  const out = /* @__PURE__ */ new Map();
+  for (const el of layout.elements) {
+    const b = pieceBounds(el);
+    if (b) out.set(el.id, b);
+  }
+  return out;
+}
+function shifted(el, dx, dy) {
+  return { ...el, transform: { ...el.transform, x: el.transform.x + dx, y: el.transform.y + dy } };
+}
+function joined(still, moving, dx, dy) {
+  return {
+    queryRect: (q) => {
+      const out = still.queryRect(q);
+      for (const id of moving.queryRect({ minX: q.minX - dx, minY: q.minY - dy, maxX: q.maxX - dx, maxY: q.maxY - dy })) out.push(id);
+      return out;
+    }
+  };
+}
+function previewFrame(base, split, baseBoxes, preview) {
+  const boxes = new Map(baseBoxes);
+  if (preview.kind === "move") {
+    const { dx, dy } = preview;
+    const layout2 = { ...base, elements: base.elements.map((el) => split.changed.has(el.id) ? shifted(el, dx, dy) : el) };
+    for (const id of split.changed) {
+      const b2 = baseBoxes.get(id);
+      if (b2) boxes.set(id, shiftBox(b2, dx, dy));
+    }
+    const units = split.still.concat(split.moving.map((u) => ({ ...u, x: u.x + dx, y: u.y + dy })));
+    return { layout: layout2, units, index: joined(split.stillIndex, split.movingIndex, dx, dy), boxes };
+  }
+  const { element } = preview;
+  const layout = { ...base, elements: base.elements.map((el) => el.id === element.id ? element : el) };
+  const own = _chunkZ47OPTEPcjs.expand.call(void 0, { ...base, elements: [element] });
+  const b = pieceBounds(element);
+  if (b) boxes.set(element.id, b);
+  else boxes.delete(element.id);
+  return { layout, units: split.still.concat(own), index: joined(split.stillIndex, new (0, _chunkZ47OPTEPcjs.SpatialIndex)(own), 0, 0), boxes };
+}
+
 // ../react/src/designer/sizing.ts
 var SIZE_STEP = 0.1;
 var KEY_RESIZE_STEP = 20;
 function steppedScale(scale, direction) {
-  return _chunkLFRA3GBPcjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
+  return _chunkZ47OPTEPcjs.snapScale.call(void 0, scale + direction * SIZE_STEP);
 }
 function keyboardResize(el, corner, direction) {
-  if (el.type === "seatBlock" || el.type === "table") return _chunkLFRA3GBPcjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
+  if (el.type === "seatBlock" || el.type === "table") return _chunkZ47OPTEPcjs.scalePiece.call(void 0, el, steppedScale(_nullishCoalesce(el.scale, () => ( 1)), direction));
   const box = pieceBounds(el);
   if (!box) return el;
   const from = cornerPoint(box, corner);
@@ -2416,9 +2551,6 @@ var NO_STATES = /* @__PURE__ */ new Map();
 var TICK_MS = 50;
 var MAX_SEAT_TARGETS = 1e3;
 var isScaled2 = (el) => el.type === "seatBlock" || el.type === "table";
-function withElement(layout, el) {
-  return { ...layout, elements: layout.elements.map((e) => e.id === el.id ? el : e) };
-}
 function union(boxes) {
   if (boxes.length === 0) return null;
   return boxes.reduce((a, b) => ({
@@ -2438,26 +2570,37 @@ function frame(layout, viewport) {
 function pieceName(el, placeTypes, m) {
   if (el.type === "landmark") return el.name;
   if (el.type === "zone") {
-    const ref2 = _optionalChain([el, 'access', _78 => _78.placeType, 'optionalAccess', _79 => _79.ref]) || null;
-    return _nullishCoalesce((ref2 ? _optionalChain([placeTypes, 'access', _80 => _80.find, 'call', _81 => _81((p) => p.ref === ref2), 'optionalAccess', _82 => _82.label]) : void 0), () => ( m.unassigned));
+    const ref2 = _optionalChain([el, 'access', _82 => _82.placeType, 'optionalAccess', _83 => _83.ref]) || null;
+    return _nullishCoalesce((ref2 ? _optionalChain([placeTypes, 'access', _84 => _84.find, 'call', _85 => _85((p) => p.ref === ref2), 'optionalAccess', _86 => _86.label]) : void 0), () => ( m.unassigned));
   }
   const own = el.type === "seatBlock" ? (() => {
-    const rows = _chunkLFRA3GBPcjs.expandLabels.call(void 0, el.rowLabels, el.rows);
+    const rows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, el.rowLabels, el.rows);
     return format(m.pieceBlockName, { from: _nullishCoalesce(rows[0], () => ( "")), to: _nullishCoalesce(rows[rows.length - 1], () => ( "")) });
   })() : format(m.pieceTableName, { label: el.label });
-  const ref = _optionalChain([el, 'access', _83 => _83.placeType, 'optionalAccess', _84 => _84.ref]) || null;
-  const type = ref ? _optionalChain([placeTypes, 'access', _85 => _85.find, 'call', _86 => _86((p) => p.ref === ref), 'optionalAccess', _87 => _87.label]) : void 0;
+  const ref = _optionalChain([el, 'access', _87 => _87.placeType, 'optionalAccess', _88 => _88.ref]) || null;
+  const type = ref ? _optionalChain([placeTypes, 'access', _89 => _89.find, 'call', _90 => _90((p) => p.ref === ref), 'optionalAccess', _91 => _91.label]) : void 0;
   return `${own}, ${_nullishCoalesce(type, () => ( m.unassigned))}`;
 }
 function fullBlock(layout, id) {
   const el = id ? layout.elements.find((e) => e.id === id) : void 0;
-  return _optionalChain([el, 'optionalAccess', _88 => _88.type]) === "seatBlock" ? _chunkLFRA3GBPcjs.expandSeatBlock.call(void 0, { ...el, removed: [] }) : [];
+  return _optionalChain([el, 'optionalAccess', _92 => _92.type]) === "seatBlock" ? _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, { ...el, removed: [] }) : [];
 }
 var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ designer, placeTypes, lockedUnitIds, messages, frameKey, onPieceTap, backgroundImage = null, compact = false, overlay, theme }, ref) {
   const { ui } = designer;
-  const [resizing, setResizing] = _react.useState.call(void 0, null);
+  const [preview, setPreview] = _react.useState.call(void 0, null);
   const resizingRef = _react.useRef.call(void 0, null);
-  const layout = _react.useMemo.call(void 0, () => resizing ? withElement(designer.layout, resizing) : designer.layout, [designer.layout, resizing]);
+  const resizing = _optionalChain([preview, 'optionalAccess', _93 => _93.kind]) === "replace" ? preview.element : null;
+  const base = designer.layout;
+  const baseUnits = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.expand.call(void 0, base), [base]);
+  const baseIndex = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(baseUnits), [baseUnits]);
+  const baseBoxes = _react.useMemo.call(void 0, () => boxesOf(base), [base]);
+  const changedKey = preview ? changedIds(preview).join("\0") : "";
+  const split = _react.useMemo.call(void 0, () => changedKey ? splitUnits(baseUnits, new Set(changedKey.split("\0"))) : null, [baseUnits, changedKey]);
+  const view = _react.useMemo.call(void 0, 
+    () => preview && split ? previewFrame(base, split, baseBoxes, preview) : { layout: base, units: baseUnits, index: baseIndex, boxes: baseBoxes },
+    [preview, split, base, baseUnits, baseIndex, baseBoxes]
+  );
+  const { layout, units, index, boxes } = view;
   const stageRef = _react.useRef.call(void 0, null);
   const canvasRef = _react.useRef.call(void 0, null);
   const [viewport, setViewport] = _react.useState.call(void 0, { width: 0, height: 0 });
@@ -2480,8 +2623,6 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
   const spaceHeld = _react.useRef.call(void 0, false);
   const [panReady, setPanReady] = _react.useState.call(void 0, false);
   const marqueeArmed = _react.useRef.call(void 0, false);
-  const units = _react.useMemo.call(void 0, () => _chunkLFRA3GBPcjs.expand.call(void 0, layout), [layout]);
-  const index = _react.useMemo.call(void 0, () => new (0, _chunkLFRA3GBPcjs.SpatialIndex)(units), [units]);
   const radii = _react.useMemo.call(void 0, () => unitRadii(layout), [layout]);
   const bg = layout.meta.background;
   const images = _react.useMemo.call(void 0, 
@@ -2489,21 +2630,21 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     [bg, backgroundImage]
   );
   const placeTypeColors = _react.useMemo.call(void 0, () => new Map(placeTypes.map((p) => [p.ref, p.color])), [placeTypes]);
-  const seatEditUnits = _react.useMemo.call(void 0, () => fullBlock(layout, ui.seatEditId), [layout, ui.seatEditId]);
-  const seatEditIndex = _react.useMemo.call(void 0, () => new (0, _chunkLFRA3GBPcjs.SpatialIndex)(seatEditUnits), [seatEditUnits]);
+  const seatEditUnits = _react.useMemo.call(void 0, () => fullBlock(base, ui.seatEditId), [base, ui.seatEditId]);
+  const seatEditIndex = _react.useMemo.call(void 0, () => new (0, _chunkZ47OPTEPcjs.SpatialIndex)(seatEditUnits), [seatEditUnits]);
   const seatEditById = _react.useMemo.call(void 0, () => new Map(seatEditUnits.map((u) => [u.id, u])), [seatEditUnits]);
   const elementBoxes = _react.useMemo.call(void 0, 
     () => layout.elements.flatMap((el) => {
-      const b = elementBounds(layout, el);
+      const b = boxes.get(el.id);
       return b ? [{ el, b }] : [];
     }),
-    [layout]
+    [layout, boxes]
   );
   const removed = _react.useMemo.call(void 0, () => {
     if (seatEditUnits.length === 0) return /* @__PURE__ */ new Set();
-    const present = new Set(units.map((u) => u.id));
+    const present = new Set(baseUnits.map((u) => u.id));
     return new Set(seatEditUnits.filter((u) => !present.has(u.id)).map((u) => u.id));
-  }, [seatEditUnits, units]);
+  }, [seatEditUnits, baseUnits]);
   _react.useEffect.call(void 0, () => {
     const el = stageRef.current;
     if (!el) return;
@@ -2567,27 +2708,26 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     [layout, units, index, camera, viewport, palette, placeTypeColors, lockedUnitIds, messages.unassigned]
   );
   _react.useEffect.call(void 0, () => {
-    const ctx = _optionalChain([canvasRef, 'access', _89 => _89.current, 'optionalAccess', _90 => _90.getContext, 'call', _91 => _91("2d")]);
+    const ctx = _optionalChain([canvasRef, 'access', _94 => _94.current, 'optionalAccess', _95 => _95.getContext, 'call', _96 => _96("2d")]);
     if (!ctx || viewport.width === 0) return;
     renderScene(scene, { ctx, camera, viewport, dpr, images });
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
     if (bg && ui.backgroundEditing && !bg.locked) {
       const a = worldToScreen(camera, viewport, { x: bg.x, y: bg.y });
       const b = worldToScreen(camera, viewport, { x: bg.x + bg.width, y: bg.y + bg.height });
-      const up2 = lifted === BACKGROUND_ID;
+      const up = lifted === BACKGROUND_ID;
       ctx.save();
-      if (up2) {
+      if (up) {
         ctx.shadowColor = "rgba(0,0,0,.35)";
         ctx.shadowBlur = 12;
       } else ctx.setLineDash([6, 4]);
-      ctx.lineWidth = up2 ? 3 : 1.5;
+      ctx.lineWidth = up ? 3 : 1.5;
       ctx.strokeStyle = palette.selectedStroke;
       ctx.strokeRect(a.x, a.y, b.x - a.x, b.y - a.y);
       ctx.restore();
     }
     for (const id of ui.selection) {
-      const selected = layout.elements.find((e) => e.id === id);
-      const box = selected ? elementBounds(layout, selected) : null;
+      const box = boxes.get(id);
       if (!box) continue;
       const a = worldToScreen(camera, viewport, { x: box.minX, y: box.minY });
       const b = worldToScreen(camera, viewport, { x: box.maxX, y: box.maxY });
@@ -2612,12 +2752,11 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
       ctx.strokeRect(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.abs(b.x - a.x), Math.abs(b.y - a.y));
       ctx.restore();
     }
-    const up = lifted ? layout.elements.find((e) => e.id === lifted) : void 0;
-    const upBox = up ? elementBounds(layout, up) : null;
-    if (upBox) {
+    const upBox = lifted ? boxes.get(lifted) : void 0;
+    if (lifted && upBox) {
       const a = worldToScreen(camera, viewport, { x: upBox.minX, y: upBox.minY });
       const b = worldToScreen(camera, viewport, { x: upBox.maxX, y: upBox.maxY });
-      const pad = 12 + (_nullishCoalesce(radii.get(up.id), () => ( 0))) * camera.zoom;
+      const pad = 12 + (_nullishCoalesce(radii.get(lifted), () => ( 0))) * camera.zoom;
       ctx.save();
       ctx.shadowColor = "rgba(0,0,0,.35)";
       ctx.shadowBlur = 12;
@@ -2640,10 +2779,10 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
       }
       ctx.setLineDash([]);
     }
-  }, [scene, camera, viewport, dpr, images, bg, ui.backgroundEditing, ui.selection, ui.seatEditId, layout, radii, palette, seatEditUnits, removed, lifted, hints, marquee]);
+  }, [scene, camera, viewport, dpr, images, bg, ui.backgroundEditing, ui.selection, ui.seatEditId, boxes, radii, palette, seatEditUnits, removed, lifted, hints, marquee]);
   _react.useImperativeHandle.call(void 0, ref, () => ({
     clientToWorld: (clientX, clientY) => {
-      const r = _optionalChain([stageRef, 'access', _92 => _92.current, 'optionalAccess', _93 => _93.getBoundingClientRect, 'call', _94 => _94()]);
+      const r = _optionalChain([stageRef, 'access', _97 => _97.current, 'optionalAccess', _98 => _98.getBoundingClientRect, 'call', _99 => _99()]);
       if (!r || clientX < r.left || clientX > r.right || clientY < r.top || clientY > r.bottom) return null;
       const { camera: c, viewport: v } = latest.current;
       return screenToWorld(c, v, { x: clientX - r.left, y: clientY - r.top });
@@ -2679,9 +2818,12 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     } else if (fx.type === "moveBy") {
       moveDragged(fx.elementId, fx.dx, fx.dy, fx.key, zoom);
     } else if (fx.type === "moveEnd") {
-      const group = drag.current && drag.current.ids.length > 1;
+      const done = drag.current;
+      const group = done && done.ids.length > 1;
       drag.current = null;
       setHints(null);
+      setPreview(null);
+      if (done && (done.applied.x !== 0 || done.applied.y !== 0)) d.moveMany(done.ids, done.applied.x, done.applied.y);
       if (!group) d.dispatchUi({ type: "select", id: fx.elementId });
     } else if (fx.type === "marquee") {
       setMarquee({ from: fx.from, to: fx.to });
@@ -2699,12 +2841,12 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
       const start = d.layout.elements.find((e) => e.id === fx.elementId);
       if (!start) return;
       resizingRef.current = snappedResize(start, fx.corner, fx.from, fx.to, zoom);
-      setResizing(resizingRef.current);
+      setPreview({ kind: "replace", element: resizingRef.current });
     } else if (fx.type === "resizeEnd" || fx.type === "resizeCancel") {
       const done = resizingRef.current;
       resizingRef.current = null;
       resizeOthers.current = null;
-      setResizing(null);
+      setPreview(null);
       setHints(null);
       const start = d.layout.elements.find((e) => e.id === fx.elementId);
       if (fx.type === "resizeEnd" && done && start && done !== start) d.run({ type: "replaceElement", element: done });
@@ -2718,7 +2860,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
       if (fx.elementId) d.dispatchUi({ type: "toggleSelect", id: fx.elementId });
     } else {
       d.dispatchUi({ type: "select", id: fx.elementId });
-      if (fx.elementId) _optionalChain([onPieceTapRef, 'access', _95 => _95.current, 'optionalCall', _96 => _96(fx.elementId)]);
+      if (fx.elementId) _optionalChain([onPieceTapRef, 'access', _100 => _100.current, 'optionalCall', _101 => _101(fx.elementId)]);
     }
   };
   const sheetBox = (l) => ({ minX: 0, minY: 0, maxX: l.meta.width, maxY: l.meta.height });
@@ -2736,10 +2878,11 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     }
     current.raw = { x: current.raw.x + dx, y: current.raw.y + dy };
     const snap = altHeld.current ? null : snapMove(shiftBox(current.start, current.raw.x, current.raw.y), current.others, SNAP_PX / zoom, { sheet: sheetBox(d.layout) });
-    const target = { x: current.raw.x + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _97 => _97.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _98 => _98.dy]), () => ( 0))) };
-    const ddx = target.x - current.applied.x;
-    const ddy = target.y - current.applied.y;
-    if ((ddx !== 0 || ddy !== 0) && d.moveMany(current.ids, ddx, ddy, key)) current.applied = target;
+    const target = { x: current.raw.x + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _102 => _102.dx]), () => ( 0))), y: current.raw.y + (_nullishCoalesce(_optionalChain([snap, 'optionalAccess', _103 => _103.dy]), () => ( 0))) };
+    if (target.x !== current.applied.x || target.y !== current.applied.y) {
+      current.applied = target;
+      setPreview({ kind: "move", ids: current.ids, dx: target.x, dy: target.y });
+    }
     setHints(snap && (snap.guides.length > 0 || snap.gaps.length > 0) ? { guides: snap.guides, gaps: snap.gaps, matches: [] } : null);
   };
   const snappedResize = (start, corner, from, to, zoom) => {
@@ -2757,7 +2900,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     if (isScaled2(next) && isScaled2(start)) {
       const same = d.layout.elements.filter((el) => el.id !== start.id && el.type === next.type);
       const match = snapScaleTo(_nullishCoalesce(next.scale, () => ( 1)), same.map((el) => _nullishCoalesce(el.scale, () => ( 1))));
-      const sized2 = match !== null && match !== (_nullishCoalesce(next.scale, () => ( 1))) ? _chunkLFRA3GBPcjs.scalePiece.call(void 0, start, match) : next;
+      const sized2 = match !== null && match !== (_nullishCoalesce(next.scale, () => ( 1))) ? _chunkZ47OPTEPcjs.scalePiece.call(void 0, start, match) : next;
       const now = _nullishCoalesce(sized2.scale, () => ( 1));
       const matches = same.filter((el) => (_nullishCoalesce(el.scale, () => ( 1))) === now).flatMap((el) => _nullishCoalesce(pieceBounds(el), () => ( [])));
       setHints(matches.length > 0 ? { guides: [], gaps: [], matches } : null);
@@ -2783,7 +2926,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const nowMarquee = isMarqueeArmed(r.state);
     if (nowMarquee && !marqueeArmed.current) {
       try {
-        _optionalChain([navigator, 'access', _99 => _99.vibrate, 'optionalCall', _100 => _100(10)]);
+        _optionalChain([navigator, 'access', _104 => _104.vibrate, 'optionalCall', _105 => _105(10)]);
       } catch (e2) {
       }
     }
@@ -2792,7 +2935,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     if (nowLifted !== liftedRef.current) {
       if (nowLifted) {
         try {
-          _optionalChain([navigator, 'access', _101 => _101.vibrate, 'optionalCall', _102 => _102(10)]);
+          _optionalChain([navigator, 'access', _106 => _106.vibrate, 'optionalCall', _107 => _107(10)]);
         } catch (e3) {
         }
       }
@@ -2864,7 +3007,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     }
     const d = latest.current.designer;
     const { camera: c, viewport: v } = latest.current;
-    const hit = kind === "down" ? _nullishCoalesce(_nullishCoalesce(backgroundAt(d.layout.meta.background, screenToWorld(c, v, p), d.ui.backgroundEditing), () => ( _optionalChain([elementAt, 'call', _103 => _103(d.layout, p, c, v), 'optionalAccess', _104 => _104.id]))), () => ( null)) : null;
+    const hit = kind === "down" ? _nullishCoalesce(_nullishCoalesce(backgroundAt(d.layout.meta.background, screenToWorld(c, v, p), d.ui.backgroundEditing), () => ( _optionalChain([elementAt, 'call', _108 => _108(d.layout, p, c, v), 'optionalAccess', _109 => _109.id]))), () => ( null)) : null;
     const elementLocked = d.ui.armed !== null || hit !== null && hit === d.ui.seatEditId;
     if (kind !== "down") {
       feed({ kind, p, hitElementId: hit, elementLocked });
@@ -2925,23 +3068,22 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
     const id = pendingFocus.current;
     if (!id) return;
     pendingFocus.current = null;
-    _optionalChain([stageRef, 'access', _105 => _105.current, 'optionalAccess', _106 => _106.querySelector, 'call', _107 => _107(`[data-element-id="${id}"]`), 'optionalAccess', _108 => _108.focus, 'call', _109 => _109()]);
+    _optionalChain([stageRef, 'access', _110 => _110.current, 'optionalAccess', _111 => _111.querySelector, 'call', _112 => _112(`[data-element-id="${id}"]`), 'optionalAccess', _113 => _113.focus, 'call', _114 => _114()]);
   });
   const armedName = ui.armed ? armedLabel(ui.armed, messages) : null;
   const selectedEl = ui.selectedId ? layout.elements.find((e) => e.id === ui.selectedId) : void 0;
   const selectedBox = _react.useMemo.call(void 0, () => {
     if (viewport.width === 0) return null;
-    const boxes = ui.selection.flatMap((id) => {
-      const el = layout.elements.find((e) => e.id === id);
-      const b = el ? elementBounds(layout, el) : null;
+    const picked2 = ui.selection.flatMap((id) => {
+      const b = boxes.get(id);
       if (!b) return [];
       const a = worldToScreen(camera, viewport, { x: b.minX, y: b.minY });
       const z = worldToScreen(camera, viewport, { x: b.maxX, y: b.maxY });
       const pad = 8 + (_nullishCoalesce(radii.get(id), () => ( 0))) * camera.zoom;
       return [{ minX: a.x - pad, minY: a.y - pad, maxX: z.x + pad, maxY: z.y + pad }];
     });
-    return union(boxes);
-  }, [ui.selection, layout, camera, viewport, radii]);
+    return union(picked2);
+  }, [ui.selection, boxes, camera, viewport, radii]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -3015,7 +3157,7 @@ var DesignerCanvas = _react.forwardRef.call(void 0, function DesignerCanvas2({ d
                       return;
                     }
                     designer.dispatchUi({ type: "select", id: el.id });
-                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _110 => _110(el.id)]);
+                    if (plain) _optionalChain([onPieceTap, 'optionalCall', _115 => _115(el.id)]);
                   },
                   children: pieceName(el, placeTypes, messages)
                 },
@@ -3071,7 +3213,7 @@ function armedLabel(kind, m) {
   if (kind === "roundTable") return m.pieceRoundTable;
   if (kind === "rectTable") return m.pieceRectTable;
   if (kind === "zone") return m.pieceZone;
-  return _nullishCoalesce(_optionalChain([_chunkLFRA3GBPcjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _111 => _111.name]), () => ( kind));
+  return _nullishCoalesce(_optionalChain([_chunkZ47OPTEPcjs.landmarkById.call(void 0, kind.slice("landmark:".length)), 'optionalAccess', _116 => _116.name]), () => ( kind));
 }
 function drawHints(ctx, hints, camera, viewport, color) {
   const at = (x, y) => worldToScreen(camera, viewport, { x, y });
@@ -3160,6 +3302,9 @@ function violationText(v, m) {
   return v.reason === "table" ? format(m.rejectTable, { table: v.table }) : format(m.rejectRow, { row: v.row });
 }
 function rejectionText(r, m) {
+  if (r.invalid !== void 0) {
+    return /máximo de unidades vendibles/.test(r.invalid) ? m.rejectTooManyUnits : m.rejectInvalid;
+  }
   const [over, ...moreOver] = _nullishCoalesce(r.capacity, () => ( []));
   if (over) {
     const head2 = format(m.rejectCapacity, { type: over.label, capacity: over.capacity, placed: over.placed });
@@ -3176,12 +3321,12 @@ function rejectionText(r, m) {
 
 // ../react/src/designer/guide.ts
 var overlaps = (a, b) => a.minX < b.maxX && a.maxX > b.minX && a.minY < b.maxY && a.maxY > b.minY;
-var shifted = (b, dx, dy) => ({ minX: b.minX + dx, minY: b.minY + dy, maxX: b.maxX + dx, maxY: b.maxY + dy });
+var shifted2 = (b, dx, dy) => ({ minX: b.minX + dx, minY: b.minY + dy, maxX: b.maxX + dx, maxY: b.maxY + dy });
 function freeSpot(box, occupied, gap = 24, rings = 12) {
   const sx = box.maxX - box.minX + gap;
   const sy = box.maxY - box.minY + gap;
   const padded = occupied.map((o) => ({ minX: o.minX - gap / 2, minY: o.minY - gap / 2, maxX: o.maxX + gap / 2, maxY: o.maxY + gap / 2 }));
-  const free = (dx, dy) => !padded.some((o) => overlaps(shifted(box, dx, dy), o));
+  const free = (dx, dy) => !padded.some((o) => overlaps(shifted2(box, dx, dy), o));
   if (free(0, 0)) return { dx: 0, dy: 0 };
   const dirs = [[0, 1], [1, 0], [0, -1], [-1, 0], [1, 1], [-1, 1], [1, -1], [-1, -1]];
   for (let k = 1; k <= rings; k++) {
@@ -3207,7 +3352,7 @@ function anchorPanel(piece, panel, viewport, margin = 12) {
   return docked;
 }
 function range(rule, count) {
-  const labels = _chunkLFRA3GBPcjs.labelSequence.call(void 0, rule, count);
+  const labels = _chunkZ47OPTEPcjs.labelSequence.call(void 0, rule, count);
   return { from: _nullishCoalesce(labels[0], () => ( "")), to: _nullishCoalesce(labels[labels.length - 1], () => ( "")) };
 }
 function blockRangeText(block, templates) {
@@ -3218,24 +3363,24 @@ function blockRangeText(block, templates) {
 function reshapeBlock(block, patch) {
   const next = { ...block, ...patch };
   if (block.removed.length === 0) return next;
-  const oldRows = _chunkLFRA3GBPcjs.expandLabels.call(void 0, block.rowLabels, block.rows);
-  const oldSeats = _chunkLFRA3GBPcjs.expandLabels.call(void 0, block.seatLabels, block.cols);
-  const newRows = _chunkLFRA3GBPcjs.expandLabels.call(void 0, next.rowLabels, next.rows);
-  const newSeats = _chunkLFRA3GBPcjs.expandLabels.call(void 0, next.seatLabels, next.cols);
+  const oldRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, block.rowLabels, block.rows);
+  const oldSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, block.seatLabels, block.cols);
+  const newRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, next.rowLabels, next.rows);
+  const newSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, next.seatLabels, next.cols);
   const removed = [];
   for (const id of block.removed) {
-    const [, row, seat] = _chunkLFRA3GBPcjs.parseUnitId.call(void 0, id);
+    const [, row, seat] = _chunkZ47OPTEPcjs.parseUnitId.call(void 0, id);
     const r = row === void 0 ? -1 : oldRows.indexOf(row);
     const c = seat === void 0 ? -1 : oldSeats.indexOf(seat);
     if (r < 0 || c < 0 || r >= next.rows || c >= next.cols) continue;
-    removed.push(_chunkLFRA3GBPcjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
+    removed.push(_chunkZ47OPTEPcjs.seatUnitId.call(void 0, block.id, newRows[r], newSeats[c]));
   }
   return { ...next, removed };
 }
 function labelStart(kind, raw, alphabet) {
   const start = kind === "letters" ? raw.trim().toUpperCase() : raw.trim();
   const rule = kind === "letters" && alphabet ? { kind, start, direction: "ltr", alphabet } : { kind, start, direction: "ltr" };
-  return _chunkLFRA3GBPcjs.labelRuleSchema.safeParse(rule).success ? start : null;
+  return _chunkZ47OPTEPcjs.labelRuleSchema.safeParse(rule).success ? start : null;
 }
 function switchLabelKind(rule, kind) {
   if (rule.kind === kind) return rule;
@@ -3254,7 +3399,7 @@ function setLabelAlphabet(rule, alphabet) {
   if (rule.kind !== "letters") return rule;
   const { alphabet: _old, ...rest } = rule;
   if (alphabet === "es") return { ...rest, alphabet };
-  const skip = _optionalChain([rest, 'access', _112 => _112.skip, 'optionalAccess', _113 => _113.filter, 'call', _114 => _114((s) => !/ñ/i.test(s))]);
+  const skip = _optionalChain([rest, 'access', _117 => _117.skip, 'optionalAccess', _118 => _118.filter, 'call', _119 => _119((s) => !/ñ/i.test(s))]);
   const { skip: _skip, ...noSkip } = rest;
   return {
     ...skip && skip.length > 0 ? { ...noSkip, skip } : noSkip,
@@ -3280,10 +3425,10 @@ function withSkip(rule, skip) {
 var plural = (n, one, many) => n === 1 ? one : format(many, { n });
 function placeTypeStatus(option, layout, summary, m) {
   const s = summary.byRef[option.ref];
-  const pieces = layout.elements.filter((e) => e.type !== "landmark" && (_optionalChain([e, 'access', _115 => _115.placeType, 'optionalAccess', _116 => _116.ref]) || null) === option.ref).length;
-  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _117 => _117.units]), () => ( 0));
+  const pieces = layout.elements.filter((e) => e.type !== "landmark" && (_optionalChain([e, 'access', _120 => _120.placeType, 'optionalAccess', _121 => _121.ref]) || null) === option.ref).length;
+  const units = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _122 => _122.units]), () => ( 0));
   if (option.accepts === "zone") {
-    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _118 => _118.zones]), () => ( 0));
+    const zones = _nullishCoalesce(_optionalChain([s, 'optionalAccess', _123 => _123.zones]), () => ( 0));
     return {
       units,
       pieces,
@@ -3305,10 +3450,10 @@ function joinNames(names, m) {
   return format(m.summaryAnd, { a: names.slice(0, -1).join(", "), b: names[names.length - 1] });
 }
 function missingPlaceTypes(placeTypes, summary) {
-  return placeTypes.filter((o) => o.accepts !== "zone" && (_nullishCoalesce(_optionalChain([summary, 'access', _119 => _119.byRef, 'access', _120 => _120[o.ref], 'optionalAccess', _121 => _121.units]), () => ( 0))) === 0);
+  return placeTypes.filter((o) => o.accepts !== "zone" && (_nullishCoalesce(_optionalChain([summary, 'access', _124 => _124.byRef, 'access', _125 => _125[o.ref], 'optionalAccess', _126 => _126.units]), () => ( 0))) === 0);
 }
 function unitsOnSale(placeTypes, summary) {
-  return placeTypes.reduce((n, o) => o.accepts === "zone" ? n : n + (_nullishCoalesce(_optionalChain([summary, 'access', _122 => _122.byRef, 'access', _123 => _123[o.ref], 'optionalAccess', _124 => _124.units]), () => ( 0))), 0);
+  return placeTypes.reduce((n, o) => o.accepts === "zone" ? n : n + (_nullishCoalesce(_optionalChain([summary, 'access', _127 => _127.byRef, 'access', _128 => _128[o.ref], 'optionalAccess', _129 => _129.units]), () => ( 0))), 0);
 }
 function numberingCounts(block, m) {
   const removed = block.removed.length;
@@ -3340,9 +3485,9 @@ function FloatingPanel(props) {
       ref,
       className: "vk-d-float",
       "aria-labelledby": props.labelledBy,
-      "data-docked": _optionalChain([pos, 'optionalAccess', _125 => _125.docked]) || void 0,
+      "data-docked": _optionalChain([pos, 'optionalAccess', _130 => _130.docked]) || void 0,
       "data-testid": "piece-panel",
-      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _126 => _126.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _127 => _127.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
+      style: { width, left: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _131 => _131.left]), () => ( 0)), top: _nullishCoalesce(_optionalChain([pos, 'optionalAccess', _132 => _132.top]), () => ( 0)), visibility: pos ? "visible" : "hidden" },
       children: props.children
     }
   );
@@ -3350,29 +3495,29 @@ function FloatingPanel(props) {
 
 // ../react/src/designer/capacity.ts
 function capacityRejections(before, after, placeTypes) {
-  const over = _chunkLFRA3GBPcjs.capacityViolations.call(void 0, before, after, placeTypes);
+  const over = _chunkZ47OPTEPcjs.capacityViolations.call(void 0, before, after, placeTypes);
   if (over.length === 0) return [];
-  const was = _chunkLFRA3GBPcjs.summarize.call(void 0, before).byRef;
-  return over.map((v) => ({ ref: v.ref, label: v.label, capacity: v.capacity, placed: _nullishCoalesce(_optionalChain([was, 'access', _128 => _128[v.ref], 'optionalAccess', _129 => _129.units]), () => ( 0)) }));
+  const was = _chunkZ47OPTEPcjs.summarize.call(void 0, before).byRef;
+  return over.map((v) => ({ ref: v.ref, label: v.label, capacity: v.capacity, placed: _nullishCoalesce(_optionalChain([was, 'access', _133 => _133[v.ref], 'optionalAccess', _134 => _134.units]), () => ( 0)) }));
 }
 function placedUnits(option, summary) {
-  return _nullishCoalesce(_optionalChain([summary, 'access', _130 => _130.byRef, 'access', _131 => _131[option.ref], 'optionalAccess', _132 => _132.units]), () => ( 0));
+  return _nullishCoalesce(_optionalChain([summary, 'access', _135 => _135.byRef, 'access', _136 => _136[option.ref], 'optionalAccess', _137 => _137.units]), () => ( 0));
 }
 function nextPiece(option, placed) {
   if (option.accepts === "zone") return { units: 1 };
-  if (option.accepts === "seats") return { units: _chunkLFRA3GBPcjs.nextBlockUnits.call(void 0, option, placed) };
-  const capacity = _chunkLFRA3GBPcjs.placeTypeCapacity.call(void 0, option);
+  if (option.accepts === "seats") return { units: _chunkZ47OPTEPcjs.nextBlockUnits.call(void 0, option, placed) };
+  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
   const left = capacity === null ? Infinity : Math.max(0, capacity - placed);
   if (option.accepts === "tableWhole") return { units: Math.min(1, left) };
-  return { units: Math.min(_chunkLFRA3GBPcjs.DEFAULT_TABLE_PLACES, left) };
+  return { units: Math.min(_chunkZ47OPTEPcjs.DEFAULT_TABLE_PLACES, left) };
 }
 function capacityText(option, summary, m) {
-  const capacity = _chunkLFRA3GBPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return null;
   return format(m.capacityCount, { placed: placedUnits(option, summary), capacity });
 }
 function capacityFullText(option, summary, m) {
-  const capacity = _chunkLFRA3GBPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return null;
   const placed = placedUnits(option, summary);
   if (placed > capacity) return format(m.capacityOver, { over: placed - capacity, capacity, name: option.label });
@@ -3380,20 +3525,20 @@ function capacityFullText(option, summary, m) {
   return format(m.capacityFull, { capacity, name: option.label });
 }
 function overCapacity(option, summary) {
-  const capacity = _chunkLFRA3GBPcjs.placeTypeCapacity.call(void 0, option);
+  const capacity = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, option);
   if (capacity === null || option.accepts === "zone") return 0;
   return Math.max(0, placedUnits(option, summary) - capacity);
 }
 function trimPlan(layout, option, locked) {
-  let left = overCapacity(option, _chunkLFRA3GBPcjs.summarize.call(void 0, layout));
+  let left = overCapacity(option, _chunkZ47OPTEPcjs.summarize.call(void 0, layout));
   if (left === 0) return null;
   const commands = [];
   let removed = 0;
   for (let i = layout.elements.length - 1; i >= 0 && left > 0; i--) {
     const el = layout.elements[i];
-    if (el.type === "landmark" || el.type === "zone" || (_optionalChain([el, 'access', _133 => _133.placeType, 'optionalAccess', _134 => _134.ref]) || null) !== option.ref) continue;
+    if (el.type === "landmark" || el.type === "zone" || (_optionalChain([el, 'access', _138 => _138.placeType, 'optionalAccess', _139 => _139.ref]) || null) !== option.ref) continue;
     if (el.type === "seatBlock") {
-      const units = _chunkLFRA3GBPcjs.expandSeatBlock.call(void 0, el);
+      const units = _chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, el);
       const take = units.filter((u) => !locked.has(u.id)).sort((a, b) => b.rowIndex - a.rowIndex || b.colIndex - a.colIndex).slice(0, left);
       if (take.length === 0) continue;
       commands.push(
@@ -3408,7 +3553,7 @@ function trimPlan(layout, option, locked) {
       left--;
     } else {
       let lastLocked = 0;
-      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkLFRA3GBPcjs.placeUnitId.call(void 0, el.id, n))) lastLocked = n;
+      for (let n = 1; n <= el.places; n++) if (locked.has(_chunkZ47OPTEPcjs.placeUnitId.call(void 0, el.id, n))) lastLocked = n;
       if (lastLocked === 0 && left >= el.places) {
         commands.push({ type: "removeElement", id: el.id });
         removed += el.places;
@@ -3429,7 +3574,7 @@ function trimPlan(layout, option, locked) {
 function piecesByRef(layout) {
   const out = {};
   for (const el of layout.elements) {
-    const ref = el.type === "landmark" ? "" : _optionalChain([el, 'access', _135 => _135.placeType, 'optionalAccess', _136 => _136.ref]) || "";
+    const ref = el.type === "landmark" ? "" : _optionalChain([el, 'access', _140 => _140.placeType, 'optionalAccess', _141 => _141.ref]) || "";
     if (ref) out[ref] = (_nullishCoalesce(out[ref], () => ( 0))) + 1;
   }
   return out;
@@ -3442,8 +3587,8 @@ function hostReads(placeTypes, summary, pieces, m) {
       return o ? nextPiece(o, placedUnits(o, summary)).units : 0;
     },
     placed: (ref) => ({
-      units: _nullishCoalesce(_optionalChain([summary, 'access', _137 => _137.byRef, 'access', _138 => _138[ref], 'optionalAccess', _139 => _139.units]), () => ( 0)),
-      zones: _nullishCoalesce(_optionalChain([summary, 'access', _140 => _140.byRef, 'access', _141 => _141[ref], 'optionalAccess', _142 => _142.zones]), () => ( 0)),
+      units: _nullishCoalesce(_optionalChain([summary, 'access', _142 => _142.byRef, 'access', _143 => _143[ref], 'optionalAccess', _144 => _144.units]), () => ( 0)),
+      zones: _nullishCoalesce(_optionalChain([summary, 'access', _145 => _145.byRef, 'access', _146 => _146[ref], 'optionalAccess', _147 => _147.zones]), () => ( 0)),
       pieces: _nullishCoalesce(pieces[ref], () => ( 0))
     }),
     capacityText: (ref) => {
@@ -3482,17 +3627,17 @@ function syncPlaceTypes(layout, previous, placeTypes) {
   const before = new Set(previous.map((o) => o.ref));
   let changed = false;
   const elements = layout.elements.map((el) => {
-    if (el.type === "landmark" || !_optionalChain([el, 'access', _143 => _143.placeType, 'optionalAccess', _144 => _144.ref])) return el;
+    if (el.type === "landmark" || !_optionalChain([el, 'access', _148 => _148.placeType, 'optionalAccess', _149 => _149.ref])) return el;
     const option = byRef.get(el.placeType.ref);
     if (!option && !before.has(el.placeType.ref)) return el;
-    if (!option || !_chunkLFRA3GBPcjs.canAssign.call(void 0, el, option)) {
+    if (!option || !_chunkZ47OPTEPcjs.canAssign.call(void 0, el, option)) {
       changed = true;
       return { ...el, placeType: { ref: "", name: el.placeType.name } };
     }
     const mode = option.accepts === "tablePerPlace" ? "perPlace" : "whole";
     if (el.placeType.name === option.label && (el.type !== "table" || el.mode === mode)) return el;
     changed = true;
-    return _chunkLFRA3GBPcjs.assignPlaceType.call(void 0, el, option);
+    return _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, el, option);
   });
   return changed ? { ...layout, elements } : layout;
 }
@@ -3646,7 +3791,7 @@ function LandmarkPicker({ messages: m, onPick }) {
   const groups = LANDMARK_GROUPS.map(({ group, key }) => ({
     group,
     title: m[key],
-    items: _chunkLFRA3GBPcjs.landmarks.filter((l) => l.group === group && (q === "" || fold(l.name).includes(q)))
+    items: _chunkZ47OPTEPcjs.landmarks.filter((l) => l.group === group && (q === "" || fold(l.name).includes(q)))
   })).filter((g) => g.items.length > 0);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-landmarks", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "vk-d-search", htmlFor: searchId, children: [
@@ -3851,6 +3996,8 @@ var designerEs = {
   trimToCapacityLabel: "Sacar los {over} lugares que sobran de {name}",
   trimPartial: "Quedan {n} de m\xE1s que no se pueden sacar: ya est\xE1n vendidos o reservados.",
   rejectCapacity: "{type} tiene {capacity} lugares y ya ubicaste {placed}.",
+  rejectInvalid: "No se pudo hacer ese cambio: la pieza quedar\xEDa demasiado grande o fuera del plano.",
+  rejectTooManyUnits: "No se pudo hacer ese cambio: un plano puede tener hasta 100.000 lugares.",
   zonesTitle: "Tus entradas generales",
   zonesHint: "Si quer\xE9s, marc\xE1 en el plano d\xF3nde queda cada una. Quien compra la toca en el mapa.",
   acceptsZone: "Entrada general",
@@ -4069,6 +4216,8 @@ var designerEn = {
   trimToCapacityLabel: "Remove the {over} extra spots of {name}",
   trimPartial: "{n} extra spots can't be removed: they are already sold or held.",
   rejectCapacity: "{type} has {capacity} spots and you've already placed {placed}.",
+  rejectInvalid: "That change couldn't be made: the piece would be too big or off the plan.",
+  rejectTooManyUnits: "That change couldn't be made: a plan can have up to 100,000 spots.",
   zonesTitle: "Your general admission tickets",
   zonesHint: "If you want, mark on the plan where each one is. Buyers tap it on the map.",
   acceptsZone: "General admission",
@@ -4171,13 +4320,13 @@ function SizeStepper(props) {
   const { piece, messages: m } = props;
   const scale = _nullishCoalesce(piece.scale, () => ( 1));
   const id = _react.useId.call(void 0, );
-  const set = (direction) => props.onRun({ type: "replaceElement", element: _chunkLFRA3GBPcjs.scalePiece.call(void 0, piece, steppedScale(scale, direction)) });
+  const set = (direction) => props.onRun({ type: "replaceElement", element: _chunkZ47OPTEPcjs.scalePiece.call(void 0, piece, steppedScale(scale, direction)) });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-field", role: "group", "aria-labelledby": id, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id, children: m.pieceSize }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-stepper", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeLess, disabled: scale <= _chunkLFRA3GBPcjs.MIN_SCALE, onClick: () => set(-1), children: "\u2212" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeLess, disabled: scale <= _chunkZ47OPTEPcjs.MIN_SCALE, onClick: () => set(-1), children: "\u2212" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "output", { className: "vk-d-stepper-value", "aria-live": "polite", children: format(m.pieceSizeValue, { n: Math.round(scale * 100) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeMore, disabled: scale >= _chunkLFRA3GBPcjs.MAX_SCALE, onClick: () => set(1), children: "+" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": m.sizeMore, disabled: scale >= _chunkZ47OPTEPcjs.MAX_SCALE, onClick: () => set(1), children: "+" })
     ] })
   ] });
 }
@@ -4222,12 +4371,12 @@ var ZONE_MAX = 4e3;
 var ZONE_STEP = 20;
 function pieceHeading(el, placeTypes, m) {
   if (el.type === "landmark") return { color: null, text: el.name };
-  const ref = _optionalChain([el, 'access', _145 => _145.placeType, 'optionalAccess', _146 => _146.ref]) || null;
+  const ref = _optionalChain([el, 'access', _150 => _150.placeType, 'optionalAccess', _151 => _151.ref]) || null;
   const option = ref ? placeTypes.find((p) => p.ref === ref) : void 0;
-  const name = _nullishCoalesce(_optionalChain([option, 'optionalAccess', _147 => _147.label]), () => ( m.unassigned));
-  if (el.type === "zone") return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _148 => _148.color]), () => ( null)), text: name };
-  const count = el.type === "seatBlock" ? plural2(_chunkLFRA3GBPcjs.expandSeatBlock.call(void 0, el).length, m.countSeat, m.countSeats) : el.mode === "whole" ? plural2(1, m.countTable, m.countTables) : plural2(el.places, m.countPlace, m.countPlaces);
-  return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _149 => _149.color]), () => ( null)), text: `${name} \xB7 ${count}` };
+  const name = _nullishCoalesce(_optionalChain([option, 'optionalAccess', _152 => _152.label]), () => ( m.unassigned));
+  if (el.type === "zone") return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _153 => _153.color]), () => ( null)), text: name };
+  const count = el.type === "seatBlock" ? plural2(_chunkZ47OPTEPcjs.expandSeatBlock.call(void 0, el).length, m.countSeat, m.countSeats) : el.mode === "whole" ? plural2(1, m.countTable, m.countTables) : plural2(el.places, m.countPlace, m.countPlaces);
+  return { color: _nullishCoalesce(_optionalChain([option, 'optionalAccess', _154 => _154.color]), () => ( null)), text: `${name} \xB7 ${count}` };
 }
 function PieceInspector(props) {
   const { element: el, messages: m } = props;
@@ -4245,8 +4394,8 @@ function PieceInspector(props) {
     setLabelError(null);
     patch("label", label, `label:${el.id}`);
   };
-  const assigned = el.type !== "landmark" && !!_optionalChain([el, 'access', _150 => _150.placeType, 'optionalAccess', _151 => _151.ref]);
-  const options = el.type === "landmark" ? [] : props.placeTypes.filter((o) => _chunkLFRA3GBPcjs.canAssign.call(void 0, el, o));
+  const assigned = el.type !== "landmark" && !!_optionalChain([el, 'access', _155 => _155.placeType, 'optionalAccess', _156 => _156.ref]);
+  const options = el.type === "landmark" ? [] : props.placeTypes.filter((o) => _chunkZ47OPTEPcjs.canAssign.call(void 0, el, o));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-inspector", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-insp-head", children: [
       el.type !== "landmark" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-dot", "aria-hidden": "true", style: { ["--vk-type"]: _nullishCoalesce(heading.color, () => ( "var(--vk-unassigned, #9ca3af)")) } }),
@@ -4300,7 +4449,7 @@ function PieceInspector(props) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SizeStepper, { piece: el, messages: m, onRun: props.onRun })
       ] }),
       el.type === "table" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.tableNumber, maxLength: _chunkLFRA3GBPcjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.tableNumber, maxLength: _chunkZ47OPTEPcjs.MAX_TABLE_LABEL_LENGTH, value: el.label, onCommit: tableLabelCommit }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Stepper,
           {
@@ -4365,7 +4514,7 @@ function PieceInspector(props) {
       ] }),
       el.type === "landmark" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextField, { label: m.landmarkName, wide: true, maxLength: 60, value: el.name, onCommit: (v) => v.trim() && patch("name", v.trim(), `name:${el.id}`) })
     ] }, el.id),
-    _optionalChain([labelError, 'optionalAccess', _152 => _152.id]) === el.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-error", role: "alert", children: labelError.text }),
+    _optionalChain([labelError, 'optionalAccess', _157 => _157.id]) === el.id && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-error", role: "alert", children: labelError.text }),
     el.type === "seatBlock" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-insp-foot", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "block-range", children: blockRangeText(el, { many: m.blockRange, one: m.blockRangeOneRow }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "vk-d-link", "aria-haspopup": "dialog", onClick: props.onNumbering, children: m.numbering })
@@ -4432,12 +4581,12 @@ function NumberingDialog(props) {
   const m = props.messages;
   const [draft, setDraft] = _react.useState.call(void 0, props.block);
   const [failed, setFailed] = _react.useState.call(void 0, false);
-  const rowLabels = _chunkLFRA3GBPcjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
-  const seatLabels = _chunkLFRA3GBPcjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
+  const rowLabels = _chunkZ47OPTEPcjs.expandLabels.call(void 0, draft.rowLabels, draft.rows);
+  const seatLabels = _chunkZ47OPTEPcjs.expandLabels.call(void 0, draft.seatLabels, draft.cols);
   const removed = new Set(draft.removed);
-  const origRows = _chunkLFRA3GBPcjs.expandLabels.call(void 0, props.block.rowLabels, props.block.rows);
-  const origSeats = _chunkLFRA3GBPcjs.expandLabels.call(void 0, props.block.seatLabels, props.block.cols);
-  const soldAt = (r, c) => r < origRows.length && c < origSeats.length && props.lockedUnitIds.has(_chunkLFRA3GBPcjs.seatUnitId.call(void 0, props.block.id, origRows[r], origSeats[c]));
+  const origRows = _chunkZ47OPTEPcjs.expandLabels.call(void 0, props.block.rowLabels, props.block.rows);
+  const origSeats = _chunkZ47OPTEPcjs.expandLabels.call(void 0, props.block.seatLabels, props.block.cols);
+  const soldAt = (r, c) => r < origRows.length && c < origSeats.length && props.lockedUnitIds.has(_chunkZ47OPTEPcjs.seatUnitId.call(void 0, props.block.id, origRows[r], origSeats[c]));
   const tooBig = draft.rows * draft.cols > MAX_PREVIEW_SEATS;
   const pattern = draft.seatLabels.kind === "numbers" ? _nullishCoalesce(draft.seatLabels.pattern, () => ( "sequential")) : "sequential";
   const patternId = _react.useId.call(void 0, );
@@ -4459,7 +4608,7 @@ function NumberingDialog(props) {
         tooBig ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "vk-d-hint", children: m.numberingTooBig }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "vk-d-num-grid", role: "group", "aria-label": m.numbering, children: rowLabels.map((row, r) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "vk-d-num-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "vk-d-num-label", "aria-hidden": "true", children: row }),
           seatLabels.map((seat, c) => {
-            const id = _chunkLFRA3GBPcjs.seatUnitId.call(void 0, draft.id, row, seat);
+            const id = _chunkZ47OPTEPcjs.seatUnitId.call(void 0, draft.id, row, seat);
             const sold = soldAt(r, c) && !removed.has(id);
             const out = removed.has(id);
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -4474,7 +4623,7 @@ function NumberingDialog(props) {
                 "aria-label": format(sold ? m.seatNameSold : out ? m.seatNameRemoved : m.seatName, { row, seat }),
                 onClick: () => {
                   setFailed(false);
-                  setDraft((d) => _chunkLFRA3GBPcjs.toggleRemovedSeat.call(void 0, d, id));
+                  setDraft((d) => _chunkZ47OPTEPcjs.toggleRemovedSeat.call(void 0, d, id));
                 },
                 children: seat
               },
@@ -4613,7 +4762,7 @@ function listOf(items, m) {
 function duplicateWarnings(placeTypes, summary, m) {
   const out = [];
   for (const o of placeTypes) {
-    const d = _optionalChain([summary, 'access', _153 => _153.byRef, 'access', _154 => _154[o.ref], 'optionalAccess', _155 => _155.duplicates]);
+    const d = _optionalChain([summary, 'access', _158 => _158.byRef, 'access', _159 => _159[o.ref], 'optionalAccess', _160 => _160.duplicates]);
     if (!d) continue;
     if (d.seats.length > 0) {
       const items = d.seats.map((s) => {
@@ -4665,10 +4814,10 @@ function PlaceTypePanel(props) {
       const capped = capacityText(o, summary, m);
       const fullText = capacityFullText(o, summary, m);
       const done = fullText !== null;
-      const cap = _chunkLFRA3GBPcjs.placeTypeCapacity.call(void 0, o);
+      const cap = _chunkZ47OPTEPcjs.placeTypeCapacity.call(void 0, o);
       const over = cap !== null && placedUnits(o, summary) > cap;
       const excess = over ? overCapacity(o, summary) : 0;
-      const trimmable = excess > 0 && props.onTrim ? _nullishCoalesce(_optionalChain([trimPlan, 'call', _156 => _156(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _157 => _157.removed]), () => ( 0)) : 0;
+      const trimmable = excess > 0 && props.onTrim ? _nullishCoalesce(_optionalChain([trimPlan, 'call', _161 => _161(props.layout, o, _nullishCoalesce(props.lockedUnitIds, () => ( NOTHING))), 'optionalAccess', _162 => _162.removed]), () => ( 0)) : 0;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "li",
         {
@@ -4698,7 +4847,7 @@ function PlaceTypePanel(props) {
                 className: "vk-d-btn vk-d-trim",
                 "data-testid": "capacity-trim",
                 "aria-label": format(m.trimToCapacityLabel, { over: trimmable, name: o.label }),
-                onClick: () => _optionalChain([props, 'access', _158 => _158.onTrim, 'optionalCall', _159 => _159(o)]),
+                onClick: () => _optionalChain([props, 'access', _163 => _163.onTrim, 'optionalCall', _164 => _164(o)]),
                 children: m.trimToCapacity
               }
             ),
@@ -4756,18 +4905,18 @@ function Popover({ title, onClose, anchorRef, children, className }) {
   const close = _react.useRef.call(void 0, onClose);
   close.current = onClose;
   _react.useEffect.call(void 0, () => {
-    const first = _optionalChain([ref, 'access', _160 => _160.current, 'optionalAccess', _161 => _161.querySelector, 'call', _162 => _162("input, button, select, [href]")]);
-    _optionalChain([(_nullishCoalesce(first, () => ( ref.current))), 'optionalAccess', _163 => _163.focus, 'call', _164 => _164()]);
+    const first = _optionalChain([ref, 'access', _165 => _165.current, 'optionalAccess', _166 => _166.querySelector, 'call', _167 => _167("input, button, select, [href]")]);
+    _optionalChain([(_nullishCoalesce(first, () => ( ref.current))), 'optionalAccess', _168 => _168.focus, 'call', _169 => _169()]);
     const onDown = (e) => {
       const t = e.target;
-      if (_optionalChain([ref, 'access', _165 => _165.current, 'optionalAccess', _166 => _166.contains, 'call', _167 => _167(t)]) || _optionalChain([anchorRef, 'access', _168 => _168.current, 'optionalAccess', _169 => _169.contains, 'call', _170 => _170(t)])) return;
+      if (_optionalChain([ref, 'access', _170 => _170.current, 'optionalAccess', _171 => _171.contains, 'call', _172 => _172(t)]) || _optionalChain([anchorRef, 'access', _173 => _173.current, 'optionalAccess', _174 => _174.contains, 'call', _175 => _175(t)])) return;
       close.current();
     };
     document.addEventListener("pointerdown", onDown);
     const anchor = anchorRef.current;
     return () => {
       document.removeEventListener("pointerdown", onDown);
-      if (_optionalChain([anchor, 'optionalAccess', _171 => _171.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
+      if (_optionalChain([anchor, 'optionalAccess', _176 => _176.isConnected]) && (!document.activeElement || document.activeElement === document.body)) anchor.focus();
     };
   }, [anchorRef]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -4781,7 +4930,7 @@ function Popover({ title, onClose, anchorRef, children, className }) {
       onKeyDown: (e) => {
         if (e.key === "Escape") {
           e.stopPropagation();
-          _optionalChain([anchorRef, 'access', _172 => _172.current, 'optionalAccess', _173 => _173.focus, 'call', _174 => _174()]);
+          _optionalChain([anchorRef, 'access', _177 => _177.current, 'optionalAccess', _178 => _178.focus, 'call', _179 => _179()]);
           close.current();
         }
       },
@@ -4862,9 +5011,9 @@ function Sheet({
     if (!shown) return;
     const active = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null;
     const opener = _nullishCoalesce(returnTo.current, () => ( active));
-    _optionalChain([panelRef, 'access', _175 => _175.current, 'optionalAccess', _176 => _176.focus, 'call', _177 => _177()]);
+    _optionalChain([panelRef, 'access', _180 => _180.current, 'optionalAccess', _181 => _181.focus, 'call', _182 => _182()]);
     return () => {
-      if (_optionalChain([opener, 'optionalAccess', _178 => _178.isConnected])) opener.focus();
+      if (_optionalChain([opener, 'optionalAccess', _183 => _183.isConnected])) opener.focus();
     };
   }, [shown]);
   const onKeyDown = (e) => {
@@ -5245,12 +5394,12 @@ function TopBar(props) {
 function guardedStep(history, step, locked) {
   const candidate = step === "undo" ? history.peekUndo() : history.peekRedo();
   if (!candidate) return null;
-  const violations = _chunkLFRA3GBPcjs.findLockViolations.call(void 0, history.present, candidate, locked);
+  const violations = _chunkZ47OPTEPcjs.findLockViolations.call(void 0, history.present, candidate, locked);
   if (violations.length > 0) return { ok: false, rejection: { violations } };
   return { ok: true, layout: step === "undo" ? history.undo() : history.redo() };
 }
 function guardedLoad(history, next, locked, placeTypes = []) {
-  const violations = _chunkLFRA3GBPcjs.findLockViolations.call(void 0, history.present, next, locked);
+  const violations = _chunkZ47OPTEPcjs.findLockViolations.call(void 0, history.present, next, locked);
   if (violations.length > 0) return { ok: false, rejection: { violations } };
   const capacity = capacityRejections(history.present, next, placeTypes);
   if (capacity.length > 0) return { ok: false, rejection: { violations: [], capacity } };
@@ -5273,7 +5422,8 @@ function elementPrefix(el) {
   return el.type === "seatBlock" ? "b" : el.type === "table" ? "m" : el.type === "zone" ? "z" : "r";
 }
 function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
-  const historyRef = _react.useRef.call(void 0, new (0, _chunkLFRA3GBPcjs.History)(initial));
+  const [history] = _react.useState.call(void 0, () => new (0, _chunkZ47OPTEPcjs.History)(initial));
+  const historyRef = _react.useRef.call(void 0, history);
   const [layout, setLayout] = _react.useState.call(void 0, initial);
   const [rejection, setRejectionState] = _react.useState.call(void 0, null);
   const [rejectionSeq, setRejectionSeq] = _react.useState.call(void 0, 0);
@@ -5289,7 +5439,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (next) => {
       setLayout(next);
       setRejection(null);
-      _optionalChain([onChange, 'optionalCall', _179 => _179(next)]);
+      _optionalChain([onChange, 'optionalCall', _184 => _184(next)]);
     },
     [onChange, setRejection]
   );
@@ -5300,31 +5450,33 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     const previous = seenTypes.current.list;
     const next = placeTypesRef.current;
     seenTypes.current = { key: typesKey, list: next };
-    const history = historyRef.current;
-    const before = history.present;
-    history.rewrite((l) => syncPlaceTypes(l, previous, next));
-    if (history.present !== before) commit(history.present);
+    const history2 = historyRef.current;
+    const before = history2.present;
+    history2.rewrite((l) => syncPlaceTypes(l, previous, next));
+    if (history2.present !== before) commit(history2.present);
   }, [typesKey, commit]);
   const run = _react.useCallback.call(void 0, 
     (command, key) => {
       const before = historyRef.current.present;
       let candidate;
       try {
-        candidate = _chunkLFRA3GBPcjs.applyCommand.call(void 0, before, command);
-      } catch (e6) {
+        candidate = _chunkZ47OPTEPcjs.applyCommand.call(void 0, before, command);
+      } catch (error) {
+        setRejection({ violations: [], invalid: error instanceof Error ? error.message : String(error) });
         return false;
       }
-      const violations = _chunkLFRA3GBPcjs.findLockViolations.call(void 0, before, candidate, locked);
+      const moveOnly = keepsCount(command);
+      const violations = moveOnly ? [] : _chunkZ47OPTEPcjs.findLockViolations.call(void 0, before, candidate, locked);
       if (violations.length > 0) {
         setRejection({ violations });
         return false;
       }
-      const capacity = keepsCount(command) ? [] : capacityRejections(before, candidate, placeTypesRef.current);
+      const capacity = moveOnly ? [] : capacityRejections(before, candidate, placeTypesRef.current);
       if (capacity.length > 0) {
         setRejection({ violations: [], capacity });
         return false;
       }
-      commit(historyRef.current.apply(command, key));
+      commit(historyRef.current.commit(candidate, key));
       return true;
     },
     [locked, commit, setRejection]
@@ -5333,8 +5485,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const place = _react.useCallback.call(void 0, 
     (kind, at) => {
       const current = historyRef.current.present;
-      const id = _chunkLFRA3GBPcjs.newElementId.call(void 0, current, idPrefix(kind));
-      if (!run({ type: "addElement", element: _chunkLFRA3GBPcjs.createPiece.call(void 0, kind, id, at, current) })) return null;
+      const id = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, idPrefix(kind));
+      if (!run({ type: "addElement", element: _chunkZ47OPTEPcjs.createPiece.call(void 0, kind, id, at, current) })) return null;
       dispatchUi({ type: "select", id });
       return id;
     },
@@ -5343,10 +5495,10 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const addFor = _react.useCallback.call(void 0, 
     (kind, option, near, opts = {}) => {
       const current = historyRef.current.present;
-      const id = _chunkLFRA3GBPcjs.newElementId.call(void 0, current, idPrefix(kind));
-      let piece = _chunkLFRA3GBPcjs.createPiece.call(void 0, kind, id, near, current, opts.seats === void 0 ? {} : { seats: opts.seats });
+      const id = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, idPrefix(kind));
+      let piece = _chunkZ47OPTEPcjs.createPiece.call(void 0, kind, id, near, current, opts.seats === void 0 ? {} : { seats: opts.seats });
       if (piece.type === "table" && opts.places !== void 0) piece = { ...piece, places: opts.places };
-      if (option && piece.type !== "landmark" && _chunkLFRA3GBPcjs.canAssign.call(void 0, piece, option)) piece = _chunkLFRA3GBPcjs.assignPlaceType.call(void 0, piece, option);
+      if (option && piece.type !== "landmark" && _chunkZ47OPTEPcjs.canAssign.call(void 0, piece, option)) piece = _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, piece, option);
       const own = elementBounds({ ...current, elements: [...current.elements, piece] }, piece);
       if (own) {
         const occupied = current.elements.flatMap((e) => _nullishCoalesce(elementBounds(current, e), () => ( [])));
@@ -5364,8 +5516,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       const el = find(id);
       if (!el) return;
       const current = historyRef.current.present;
-      const newId = _chunkLFRA3GBPcjs.newElementId.call(void 0, current, elementPrefix(el));
-      if (run({ type: "addElement", element: _chunkLFRA3GBPcjs.duplicatePiece.call(void 0, el, newId, current) })) {
+      const newId = _chunkZ47OPTEPcjs.newElementId.call(void 0, current, elementPrefix(el));
+      if (run({ type: "addElement", element: _chunkZ47OPTEPcjs.duplicatePiece.call(void 0, el, newId, current) })) {
         dispatchUi({ type: "select", id: newId });
       }
     },
@@ -5374,7 +5526,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const rotate = _react.useCallback.call(void 0, 
     (id) => {
       const el = find(id);
-      if (el) run({ type: "replaceElement", element: _chunkLFRA3GBPcjs.rotatePiece.call(void 0, el) });
+      if (el) run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.rotatePiece.call(void 0, el) });
     },
     [run]
   );
@@ -5409,7 +5561,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
       for (const id of ids) {
         const el = current.elements.find((e) => e.id === id);
         if (!el) continue;
-        const copy = _chunkLFRA3GBPcjs.duplicatePiece.call(void 0, el, _chunkLFRA3GBPcjs.newElementId.call(void 0, current, elementPrefix(el)), current);
+        const copy = _chunkZ47OPTEPcjs.duplicatePiece.call(void 0, el, _chunkZ47OPTEPcjs.newElementId.call(void 0, current, elementPrefix(el)), current);
         current = { ...current, elements: [...current.elements, copy] };
         commands.push({ type: "addElement", element: copy });
         created.push(copy.id);
@@ -5435,7 +5587,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
   const toggleSeat = _react.useCallback.call(void 0, 
     (blockId, unitId) => {
       const el = find(blockId);
-      if (_optionalChain([el, 'optionalAccess', _180 => _180.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkLFRA3GBPcjs.toggleRemovedSeat.call(void 0, el, unitId) });
+      if (_optionalChain([el, 'optionalAccess', _185 => _185.type]) === "seatBlock") run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.toggleRemovedSeat.call(void 0, el, unitId) });
     },
     [run]
   );
@@ -5443,8 +5595,8 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
     (id, option) => {
       const el = find(id);
       if (!el || el.type === "landmark") return;
-      if (option && !_chunkLFRA3GBPcjs.canAssign.call(void 0, el, option)) return;
-      run({ type: "replaceElement", element: _chunkLFRA3GBPcjs.assignPlaceType.call(void 0, el, option) });
+      if (option && !_chunkZ47OPTEPcjs.canAssign.call(void 0, el, option)) return;
+      run({ type: "replaceElement", element: _chunkZ47OPTEPcjs.assignPlaceType.call(void 0, el, option) });
     },
     [run]
   );
@@ -5510,7 +5662,7 @@ function useDesigner({ initial, lockedUnitIds, onChange, placeTypes }) {
 var NOTHING_LOCKED = /* @__PURE__ */ new Set();
 function blankLayout(name) {
   return {
-    meta: { id: "plan", name, version: _chunkLFRA3GBPcjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
+    meta: { id: "plan", name, version: _chunkZ47OPTEPcjs.CURRENT_VERSION, width: 1200, height: 800, background: null },
     elements: []
   };
 }
@@ -5534,13 +5686,13 @@ function VenueDesigner(props) {
   const loadingExternal = _react.useRef.call(void 0, false);
   const onChange = _react.useCallback.call(void 0, (layout2) => {
     lastEmitted.current = layout2;
-    if (!loadingExternal.current) _optionalChain([onChangeRef, 'access', _181 => _181.current, 'optionalCall', _182 => _182(layout2)]);
+    if (!loadingExternal.current) _optionalChain([onChangeRef, 'access', _186 => _186.current, 'optionalCall', _187 => _187(layout2)]);
   }, []);
   const designer = useDesigner({ initial, lockedUnitIds: locked, onChange, placeTypes: props.placeTypes });
   const { layout, ui, dispatchUi } = designer;
   const messages = _react.useMemo.call(void 0, () => mergeDesignerMessages(props.messages), [props.messages]);
   const m = messages;
-  const summary = _react.useMemo.call(void 0, () => _chunkLFRA3GBPcjs.summarize.call(void 0, layout), [layout]);
+  const summary = _react.useMemo.call(void 0, () => _chunkZ47OPTEPcjs.summarize.call(void 0, layout), [layout]);
   const selected = ui.selectedId ? _nullishCoalesce(layout.elements.find((e) => e.id === ui.selectedId), () => ( null)) : null;
   const canvasRef = _react.useRef.call(void 0, null);
   const otherTableLabels = _react.useMemo.call(void 0, 
@@ -5576,7 +5728,7 @@ function VenueDesigner(props) {
         setSaveFailed(false);
         try {
           await finish(layout);
-        } catch (e7) {
+        } catch (e6) {
           setSaveFailed(true);
         } finally {
           setSaving(false);
@@ -5609,7 +5761,7 @@ function VenueDesigner(props) {
     if (compact && popover !== null) setPopover(null);
   }, [sheet, selected, compact, popover]);
   const bg = layout.meta.background;
-  const current = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _183 => _183.src]), () => ( null)));
+  const current = useImage(_nullishCoalesce(_optionalChain([bg, 'optionalAccess', _188 => _188.src]), () => ( null)));
   const [incomingSrc, setIncomingSrc] = _react.useState.call(void 0, null);
   const incoming = useImage(incomingSrc);
   const { run } = designer;
@@ -5631,7 +5783,7 @@ function VenueDesigner(props) {
   };
   const adoptBackground = (src) => {
     if (!src) return;
-    if (src === _optionalChain([bg, 'optionalAccess', _184 => _184.src]) && incomingSrc === null) return;
+    if (src === _optionalChain([bg, 'optionalAccess', _189 => _189.src]) && incomingSrc === null) return;
     setIncomingSrc(src);
   };
   const bgProp = props.background;
@@ -5641,13 +5793,13 @@ function VenueDesigner(props) {
     setPicking(true);
     try {
       src = await bgProp.onPick();
-    } catch (e8) {
+    } catch (e7) {
     } finally {
       setPicking(false);
     }
     adoptBackground(src);
   } : null;
-  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _185 => _185.suggestedSrc]) || null;
+  const suggestedSrc = _optionalChain([bgProp, 'optionalAccess', _190 => _190.suggestedSrc]) || null;
   const bgStatus = incomingSrc ? incoming.failed ? "failed" : "loading" : current.failed ? "failed" : "idle";
   const showBackground = bgProp !== void 0 || bg !== null;
   const latest = _react.useRef.call(void 0, { summary, placeTypes: props.placeTypes, compact, meta: layout.meta });
@@ -5658,9 +5810,9 @@ function VenueDesigner(props) {
       const { summary: summary2, placeTypes, compact: compact2, meta } = latest.current;
       const request = pieceRequest(kind, ref, placeTypes, summary2);
       if (!request) return null;
-      const centre = _nullishCoalesce(_optionalChain([canvasRef, 'access', _186 => _186.current, 'optionalAccess', _187 => _187.centre, 'call', _188 => _188()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
+      const centre = _nullishCoalesce(_optionalChain([canvasRef, 'access', _191 => _191.current, 'optionalAccess', _192 => _192.centre, 'call', _193 => _193()]), () => ( { x: meta.width / 2, y: meta.height / 2 }));
       const id = designerAddFor(kind, request.option, centre, request.opts);
-      if (id) _optionalChain([canvasRef, 'access', _189 => _189.current, 'optionalAccess', _190 => _190.reveal, 'call', _191 => _191(id)]);
+      if (id) _optionalChain([canvasRef, 'access', _194 => _194.current, 'optionalAccess', _195 => _195.reveal, 'call', _196 => _196(id)]);
       if (id && compact2) setSheet("piece");
       return id;
     },
@@ -5670,12 +5822,12 @@ function VenueDesigner(props) {
     (id) => {
       dispatchUi({ type: "select", id });
       if (!id) return;
-      _optionalChain([canvasRef, 'access', _192 => _192.current, 'optionalAccess', _193 => _193.reveal, 'call', _194 => _194(id)]);
+      _optionalChain([canvasRef, 'access', _197 => _197.current, 'optionalAccess', _198 => _198.reveal, 'call', _199 => _199(id)]);
       if (latest.current.compact) setSheet("piece");
     },
     [dispatchUi]
   );
-  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _195 => _195.current, 'optionalAccess', _196 => _196.reveal, 'call', _197 => _197(id)]), []);
+  const revealPiece = _react.useCallback.call(void 0, (id) => _optionalChain([canvasRef, 'access', _200 => _200.current, 'optionalAccess', _201 => _201.reveal, 'call', _202 => _202(id)]), []);
   const trimToCapacity = _react.useCallback.call(void 0, 
     (ref) => {
       const option = latest.current.placeTypes.find((o) => o.ref === ref);
@@ -5691,7 +5843,7 @@ function VenueDesigner(props) {
     () => hostReads(latest.current.placeTypes, facts.summary, facts.pieces, m),
     [typesKey, facts, m]
   );
-  const selectedRef = selected && selected.type !== "landmark" ? _optionalChain([selected, 'access', _198 => _198.placeType, 'optionalAccess', _199 => _199.ref]) || null : null;
+  const selectedRef = selected && selected.type !== "landmark" ? _optionalChain([selected, 'access', _203 => _203.placeType, 'optionalAccess', _204 => _204.ref]) || null : null;
   const hostApi = _react.useMemo.call(void 0, 
     () => ({ ...reads, addPiece, trimToCapacity, select: selectPiece, reveal: revealPiece, selectedRef }),
     [reads, addPiece, trimToCapacity, selectPiece, revealPiece, selectedRef]
@@ -5756,7 +5908,7 @@ function VenueDesigner(props) {
       editing: ui.backgroundEditing,
       compact,
       onPick: pickBackground ? () => void pickBackground() : null,
-      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _200 => _200.src]) ? () => adoptBackground(suggestedSrc) : null,
+      onUseSuggested: suggestedSrc && suggestedSrc !== _optionalChain([bg, 'optionalAccess', _205 => _205.src]) ? () => adoptBackground(suggestedSrc) : null,
       onSet: setBackground,
       onEditing: (on) => {
         dispatchUi({ type: "backgroundEdit", on });
@@ -5820,8 +5972,8 @@ function VenueDesigner(props) {
   const panel = _nullishCoalesce(inspector, () => ( multiPanel));
   const numberingTitleId = _react.useId.call(void 0, );
   const numberingBlock = numberingId ? layout.elements.find((e) => e.id === numberingId) : void 0;
-  const numberingTarget = _optionalChain([numberingBlock, 'optionalAccess', _201 => _201.type]) === "seatBlock" ? numberingBlock : null;
-  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _202 => _202.placeType, 'optionalAccess', _203 => _203.ref]) || null;
+  const numberingTarget = _optionalChain([numberingBlock, 'optionalAccess', _206 => _206.type]) === "seatBlock" ? numberingBlock : null;
+  const numberingRef = _optionalChain([numberingTarget, 'optionalAccess', _207 => _207.placeType, 'optionalAccess', _208 => _208.ref]) || null;
   const numberingType = numberingRef ? props.placeTypes.find((p) => p.ref === numberingRef) : void 0;
   const closeNumbering = _react.useCallback.call(void 0, () => setNumberingId(null), []);
   const canvas = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -5923,8 +6075,8 @@ function VenueDesigner(props) {
               NumberingDialog,
               {
                 block: numberingTarget,
-                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _204 => _204.label]), () => ( m.unassigned)),
-                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _205 => _205.color]), () => ( null)),
+                typeName: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _209 => _209.label]), () => ( m.unassigned)),
+                color: _nullishCoalesce(_optionalChain([numberingType, 'optionalAccess', _210 => _210.color]), () => ( null)),
                 lockedUnitIds: locked,
                 messages: m,
                 titleId: numberingTitleId,
@@ -5946,7 +6098,7 @@ function VenueDesigner(props) {
 }
 
 // ../react/src/index.ts
-var VERSION = "0.10.1";
+var VERSION = "0.10.2";