@seatlayer/core 0.1.2 → 0.1.3

package/dist/index.js

@@ -78,7 +78,15 @@ function expandRowSlots(row) {
   const start = row.seatLabelStart ?? 1;
   const dir = row.seatNumbering?.direction ?? "ltr";
   const step = row.seatNumbering?.step ?? 1;
-  const seatNumber = (i) => start + (dir === "rtl" ? row.seatCount - 1 - i : i) * step;
+  const n = row.seatCount;
+  let seatNumber;
+  if (dir === "center") {
+    const rank = new Array(n);
+    Array.from({ length: n }, (_, i) => i).sort((a, b) => Math.abs(2 * a - (n - 1)) - Math.abs(2 * b - (n - 1)) || a - b).forEach((idx, k) => rank[idx] = k);
+    seatNumber = (i) => start + rank[i] * step;
+  } else {
+    seatNumber = (i) => start + (dir === "rtl" ? n - 1 - i : i) * step;
+  }
   const ov = overrideMap(row);
   return rowSeatPositions(row).map((p, i) => {
     const o = ov.get(i);
@@ -113,30 +121,41 @@ function expandRow(row) {
   }
   return seats;
 }
-function expandTable(t) {
+function expandTable(t2) {
   const seats = [];
-  const n = Math.max(0, Math.round(t.seatCount));
+  const n = Math.max(0, Math.round(t2.seatCount));
   if (n === 0) return seats;
   const mk = (i, x, y) => ({
-    id: `${t.id}:${i}`,
-    label: `${t.label}-${i + 1}`,
+    id: `${t2.id}:${i}`,
+    label: `${t2.label}-${i + 1}`,
     x,
     y,
-    rowId: t.id,
-    categoryKey: t.categoryKey
+    rowId: t2.id,
+    categoryKey: t2.categoryKey
   });
-  if (t.shape === "round") {
-    const R = (t.radius ?? 40) + TABLE_SEAT_OFFSET;
-    const base = t.rotation * DEG;
+  if (t2.shape === "round") {
+    const R = (t2.radius ?? 40) + TABLE_SEAT_OFFSET;
+    const base = t2.rotation * DEG;
+    const arc = Math.max(0, Math.min(360, t2.seatArc ?? 360));
+    if (arc >= 360 || n === 1) {
+      for (let i = 0; i < n; i++) {
+        const a = base + i / n * 2 * Math.PI;
+        seats.push(mk(i, t2.center.x + R * Math.cos(a), t2.center.y + R * Math.sin(a)));
+      }
+      return seats;
+    }
+    const arcRad = arc * DEG;
+    const halfGap = (2 * Math.PI - arcRad) / 2;
+    const start = base + halfGap;
     for (let i = 0; i < n; i++) {
-      const a = base + i / n * 2 * Math.PI;
-      seats.push(mk(i, t.center.x + R * Math.cos(a), t.center.y + R * Math.sin(a)));
+      const a = start + i / (n - 1) * arcRad;
+      seats.push(mk(i, t2.center.x + R * Math.cos(a), t2.center.y + R * Math.sin(a)));
     }
     return seats;
   }
-  const w = t.width ?? 80;
-  const h = t.height ?? 50;
-  const enabled = t.sides && t.sides.length ? t.sides : ["top", "bottom"];
+  const w = t2.width ?? 80;
+  const h = t2.height ?? 50;
+  const enabled = t2.sides && t2.sides.length ? t2.sides : ["top", "bottom"];
   const order = ["top", "bottom", "left", "right"].filter((s) => enabled.includes(s));
   if (!order.length) return seats;
   const counts = new Map(order.map((s) => [s, 0]));
@@ -163,7 +182,7 @@ function expandTable(t) {
         localX = w / 2 + TABLE_SEAT_OFFSET;
         localY = -h / 2 + (j + 0.5) * h / count;
       }
-      const p = place(localX, localY, t.rotation, t.center);
+      const p = place(localX, localY, t2.rotation, t2.center);
       seats.push(mk(idx++, p.x, p.y));
     }
   }
@@ -234,9 +253,53 @@ function objectCenter(o) {
       return { x: o.x ?? 0, y: o.y ?? 0 };
   }
 }
+function floorsOf(doc) {
+  if (doc.floors && doc.floors.length) return doc.floors;
+  return [{ id: "floor-0", name: "Main", objects: doc.objects, focalPoint: doc.focalPoint, backgroundImage: doc.backgroundImage }];
+}
+function floorObjects(doc, floorId) {
+  const floors = floorsOf(doc);
+  return (floorId ? floors.find((f) => f.id === floorId) : floors[0])?.objects ?? [];
+}
+function allObjects(doc) {
+  return doc.floors && doc.floors.length ? doc.floors.flatMap((f) => f.objects) : doc.objects;
+}
+function translateObject(o, dx, dy) {
+  const p = (pt) => ({ x: pt.x + dx, y: pt.y + dy });
+  const pts = (a) => a.map(p);
+  switch (o.type) {
+    case "row":
+      return { ...o, origin: p(o.origin) };
+    case "table":
+    case "booth":
+      return { ...o, center: p(o.center) };
+    case "gaArea":
+      return { ...o, points: pts(o.points) };
+    case "section":
+      return { ...o, outline: pts(o.outline) };
+    case "text":
+      return { ...o, position: p(o.position) };
+    case "shape":
+      return {
+        ...o,
+        ...o.points ? { points: pts(o.points) } : {},
+        ...o.x != null ? { x: o.x + dx } : {},
+        ...o.y != null ? { y: o.y + dy } : {}
+      };
+  }
+}
+function stackFloors(doc, spread = 900) {
+  if (!doc.floors || doc.floors.length < 2) return doc;
+  const objects = [];
+  doc.floors.forEach((f, i) => {
+    const dy = -i * spread;
+    for (const o of f.objects) objects.push(dy === 0 ? o : translateObject(o, 0, dy));
+  });
+  return { ...doc, objects, floors: void 0 };
+}
 function expandChart(doc) {
   const out = [];
-  for (const obj of doc.objects) {
+  for (const obj of allObjects(doc)) {
     if (obj.type === "row") out.push(...expandRow(obj));
     else if (obj.type === "table") out.push(...expandTable(obj));
     else if (obj.type === "booth") out.push(...expandBooth(obj));
@@ -256,7 +319,7 @@ function chartBounds(doc) {
     if (y > maxY) maxY = y;
   };
   for (const s of expandChart(doc)) acc(s.x, s.y);
-  for (const obj of doc.objects) {
+  for (const obj of allObjects(doc)) {
     if (obj.type === "gaArea") {
       for (const p of obj.points) acc(p.x, p.y);
     } else if (obj.type === "section") {
@@ -301,6 +364,87 @@ function chartBounds(doc) {
   };
 }
 
+// src/core/sections.ts
+var UNGROUPED_ID = "__ungrouped__";
+function objectSeatLabels(o) {
+  if (o.type === "row") return expandRow(o).map((s) => s.label);
+  if (o.type === "table") return expandTable(o).map((s) => s.label);
+  if (o.type === "booth") return expandBooth(o).map((s) => s.label);
+  return [];
+}
+function isSeatObject(o) {
+  return o.type === "row" || o.type === "table" || o.type === "booth";
+}
+function computeSections(doc) {
+  const objs = allObjects(doc);
+  const sectionObjs = objs.filter((o) => o.type === "section");
+  const nodes = /* @__PURE__ */ new Map();
+  for (const s of sectionObjs) {
+    nodes.set(s.id, { id: s.id, label: s.label || "Section", zone: s.zone, seatCount: 0, objectIds: [], seatLabels: [] });
+  }
+  const ungrouped = { id: UNGROUPED_ID, label: "Other seats", seatCount: 0, objectIds: [], seatLabels: [] };
+  const objectToSection = /* @__PURE__ */ new Map();
+  for (const obj of objs) {
+    if (!isSeatObject(obj)) continue;
+    const labels = objectSeatLabels(obj);
+    if (labels.length === 0) continue;
+    const c = objectCenter(obj);
+    const owner = sectionObjs.find((s) => pointInPolygon(c, s.outline));
+    const node = owner ? nodes.get(owner.id) : ungrouped;
+    node.seatCount += labels.length;
+    node.objectIds.push(obj.id);
+    node.seatLabels.push(...labels);
+    objectToSection.set(obj.id, node.id);
+  }
+  return {
+    sections: sectionObjs.map((s) => nodes.get(s.id)),
+    ungrouped: ungrouped.objectIds.length ? ungrouped : null,
+    objectToSection
+  };
+}
+function isSectionHidden(s, hidden) {
+  return hidden.has(s.id) || !!s.zone && hidden.has(s.zone);
+}
+function hiddenObjectIds(doc, hidden) {
+  const out = /* @__PURE__ */ new Set();
+  if (!hidden.size) return out;
+  const { sections, ungrouped, objectToSection } = computeSections(doc);
+  const hiddenSectionIds = /* @__PURE__ */ new Set();
+  const zoneById = new Map(sections.map((s) => [s.id, s.zone]));
+  for (const s of sections) {
+    const zone = zoneById.get(s.id);
+    if (hidden.has(s.id) || zone && hidden.has(zone)) hiddenSectionIds.add(s.id);
+  }
+  const ungroupedHidden = !!ungrouped && hidden.has(UNGROUPED_ID);
+  for (const [objId, secId] of objectToSection) {
+    if (hiddenSectionIds.has(secId) || ungroupedHidden && secId === UNGROUPED_ID) out.add(objId);
+  }
+  return out;
+}
+function applyHidden(doc, hidden) {
+  if (!hidden.size) return doc;
+  const hide = hiddenObjectIds(doc, hidden);
+  const hiddenSet = hidden instanceof Set ? hidden : new Set(hidden);
+  const keep = (o) => {
+    if (hide.has(o.id)) return false;
+    if (o.type === "section" && isSectionHidden(o, hiddenSet)) return false;
+    return true;
+  };
+  if (doc.floors && doc.floors.length) {
+    let changed = false;
+    const floors = doc.floors.map((f) => {
+      const objects2 = f.objects.filter(keep);
+      if (objects2.length !== f.objects.length) changed = true;
+      return objects2.length === f.objects.length ? f : { ...f, objects: objects2 };
+    });
+    if (!changed) return doc;
+    return { ...doc, floors, objects: floors[0].objects };
+  }
+  const objects = doc.objects.filter(keep);
+  if (objects.length === doc.objects.length) return doc;
+  return { ...doc, objects };
+}
+
 // src/engine/SeatmapRenderer.ts
 import { Konva } from "konva/lib/Core";
 import { Stage } from "konva/lib/Stage";
@@ -312,21 +456,162 @@ import { Ellipse } from "konva/lib/shapes/Ellipse";
 import { Line } from "konva/lib/shapes/Line";
 import { Text } from "konva/lib/shapes/Text";
 import { Image as KImage } from "konva/lib/shapes/Image";
+
+// src/lib/money.ts
+var DEFAULT_CURRENCY = "USD";
+var displayLocale;
+function setMoneyLocale(locale) {
+  displayLocale = locale;
+}
+var formatterCache = /* @__PURE__ */ new Map();
+function formatter(currency, digits) {
+  const key = `${displayLocale ?? ""}|${currency}|${digits ?? "auto"}`;
+  let fmt = formatterCache.get(key);
+  if (!fmt) {
+    fmt = new Intl.NumberFormat(displayLocale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: digits,
+      maximumFractionDigits: digits
+    });
+    formatterCache.set(key, fmt);
+  }
+  return fmt;
+}
+function formatMoney(amount, currency = DEFAULT_CURRENCY, fractionDigits) {
+  const digits = fractionDigits ?? (Number.isInteger(amount) ? 0 : void 0);
+  return formatter(currency, digits).format(amount);
+}
+function currencySymbol(currency = DEFAULT_CURRENCY) {
+  const part = formatter(currency, 0).formatToParts(0).find((p) => p.type === "currency");
+  return part?.value ?? currency;
+}
+
+// src/i18n/locales/en.ts
+var en = {
+  // shared
+  "common.cancel": "Cancel",
+  "common.close": "Close",
+  "common.done": "Done",
+  "common.copied": "\u2713 Copied",
+  // buyer picker (extraction in progress — P4 of the port plan)
+  "picker.holdSeats": "Hold seats & checkout",
+  "picker.completeBooking": "Complete booking",
+  "picker.seatsHeld": "Seats held \u2014 {time}",
+  "picker.holdExpired": "Your hold expired \u2014 the seats were released. Pick again.",
+  "picker.seatTaken": "Seat {label} was just taken by another buyer.",
+  "picker.poweredBy": "Powered by SeatMap",
+  "picker.seats.one": "{count} seat",
+  "picker.seats.other": "{count} seats",
+  // renderer (drawn on the Konva map — shared by the embed SDK)
+  "map.aria": "Seating map. Use arrow keys to move between seats, Enter to select.",
+  "map.seatsLeft": "{count} LEFT",
+  "map.fromPrice": "FROM {price}",
+  // buyer picker page (src/pages/PickerPage.tsx)
+  "picker.language": "Language",
+  "picker.zoomToFit": "Zoom to fit",
+  "picker.viewMode": "View mode",
+  "picker.floor": "Floor",
+  "picker.zoomLevel": "Zoom level",
+  "picker.rungTip.zones": "Farthest rung \u2014 zone blocks (Floor / Lower Bowl / Upper Bowl)",
+  "picker.rungTip.sections": "Section blocks \u2014 category-mix fill + availability tint",
+  "picker.rungTip.seats": "Individual seats \u2014 blocks melt into dots",
+  "picker.rungLabel.zones": "ZONES",
+  "picker.rungLabel.sections": "SECTIONS",
+  "picker.rungLabel.seats": "SEATS",
+  "picker.sectionSummaryAria": "{label} section summary",
+  "picker.closeSectionSummary": "Close section summary",
+  "picker.seatsLeftInSection.one": "{count} seat left",
+  "picker.seatsLeftInSection.other": "{count} seats left",
+  "picker.overview": "Overview",
+  "picker.tapSeatHint": "Tap any seat to check its view",
+  "picker.chartSize": "Chart size",
+  "picker.custom": "Custom",
+  "picker.categories": "Categories",
+  "picker.accessibility": "Accessibility",
+  "picker.showAnyAccessible": "Show any accessible seat",
+  "picker.any": "Any",
+  "picker.yourSeats": "Your seats",
+  "picker.emptySeats": "Tap seats on the map",
+  "picker.emptySeatsWithGa": "Tap seats on the map \xB7 tap a standing area for GA tickets",
+  "picker.oneFewer": "One fewer",
+  "picker.oneMore": "One more",
+  "picker.remove": "Remove {label}",
+  "picker.ticketTierFor": "Ticket tier for {label}",
+  "picker.total": "Total: {amount}",
+  "picker.viewFromSeat": "View from seat {label}",
+  "picker.real360": "REAL 360\xB0",
+  "picker.preview": "PREVIEW",
+  "picker.open360": "Open 360\xB0 view",
+  "picker.sightline": "\u2248 {rows} rows from stage \xB7 {angle}\xB0 off-center",
+  "picker.bookedDemo": "Booked! (demo)",
+  "picker.bookButton.one": "Book {count} ticket \u2014 {amount}",
+  "picker.bookButton.other": "Book {count} tickets \u2014 {amount}",
+  "picker.simulateCrowd": "Simulate crowd: {state}",
+  "picker.on": "ON",
+  "picker.off": "OFF",
+  "picker.panorama360": "360\xB0 venue photo",
+  "picker.illustrationCaption": "illustration \xB7 \u2248 {m} m from stage"
+};
+
+// src/i18n/index.ts
+var SUPPORTED_LOCALES = ["en", "es", "de", "fr"];
+var bundles = { en };
+var overrides = {};
+var active = "en";
+function resolveLocale(explicit, stored) {
+  for (const candidate of [explicit, stored, typeof navigator !== "undefined" ? navigator.language : null]) {
+    if (!candidate) continue;
+    const base = candidate.toLowerCase().split("-")[0];
+    if (SUPPORTED_LOCALES.includes(base)) return base;
+  }
+  return "en";
+}
+function getLocale() {
+  return active;
+}
+function setLocale(locale, bundle) {
+  if (bundle) bundles[locale] = { ...bundles[locale], ...bundle };
+  active = bundles[locale] ? locale : "en";
+  setMoneyLocale(active);
+  if (typeof document !== "undefined") document.documentElement.lang = active;
+}
+function setStringOverrides(next) {
+  overrides = next;
+}
+var PLACEHOLDER = /\{(\w+)\}/g;
+function t(key, vars) {
+  const raw = overrides[key] ?? bundles[active]?.[key] ?? en[key] ?? key;
+  if (!vars) return raw;
+  return raw.replace(PLACEHOLDER, (_, name) => String(vars[name] ?? `{${name}}`));
+}
+function tCount(key, count, vars) {
+  const rule = new Intl.PluralRules(active).select(count);
+  const exact = overrides[`${key}.${rule}`] ?? bundles[active]?.[`${key}.${rule}`] ?? en[`${key}.${rule}`];
+  const raw = exact ?? overrides[`${key}.other`] ?? bundles[active]?.[`${key}.other`] ?? en[`${key}.other`] ?? key;
+  return raw.replace(PLACEHOLDER, (_, name) => String({ count, ...vars }[name] ?? `{${name}}`));
+}
+function formatDate(value, opts) {
+  return new Intl.DateTimeFormat(active, opts ?? { dateStyle: "medium", timeStyle: "short" }).format(value);
+}
+
+// src/engine/SeatmapRenderer.ts
 var SEAT_RADIUS = 9;
 var SEAT_LEGIBLE_SCALE = 0.9;
 var CACHE_THRESHOLD = 0.55 * SEAT_LEGIBLE_SCALE;
 var LABEL_SCALE = 1;
-var SECTION_PROMINENT_SCALE = 0.35 * SEAT_LEGIBLE_SCALE;
+var SECTION_PROMINENT_SCALE = 0.45 * SEAT_LEGIBLE_SCALE;
+var BLOCK_MELT_TOP = 0.9 * SEAT_LEGIBLE_SCALE;
 var ZONE_PROMINENT_SCALE = 0.55 * SECTION_PROMINENT_SCALE;
 var MAX_LABELS = 700;
 var ISO_ANGLE_DEG = -11.5;
 var ISO_SQUASH = 0.58;
-var LIFT_PER_STEP = 46;
+var LIFT_PER_STEP = 58;
 var ISO_TWEEN_MS = 320;
 var BLOCK_FILL_ALPHA = 0.85;
 var SOLD_DARKEN = 0.5;
-var SECTION_LABEL_PX = 18;
-var SECTION_SUB_PX = 11;
+var SECTION_LABEL_PX = 20;
+var SECTION_SUB_PX = 12.5;
 var ZONE_LABEL_PX = 30;
 var ZONE_SUB_PX = 12;
 var HELD_FILL = "#6b7280";
@@ -343,7 +628,7 @@ var ACCESS_RING = {
 };
 function seatMatchesAccess(seat, filter) {
   if (filter.length === 0) return !!seat.accessible;
-  return !!seat.accessibility?.some((t) => filter.includes(t));
+  return !!seat.accessibility?.some((t2) => filter.includes(t2));
 }
 var DEF_SEAT_LABEL = "#0b1220";
 var DEF_SELECTION = "#ffffff";
@@ -412,16 +697,21 @@ function mixColors(parts, fallback) {
   }
   return tw > 0 ? toHex(r / tw, g / tw, b / tw) : fallback;
 }
-function lerpColor(a, b, t) {
+function lerpColor(a, b, t2) {
   const ca = hexToRgb(a);
   const cb = hexToRgb(b);
   if (!ca || !cb) return a;
-  return toHex(ca[0] + (cb[0] - ca[0]) * t, ca[1] + (cb[1] - ca[1]) * t, ca[2] + (cb[2] - ca[2]) * t);
+  return toHex(ca[0] + (cb[0] - ca[0]) * t2, ca[1] + (cb[1] - ca[1]) * t2, ca[2] + (cb[2] - ca[2]) * t2);
 }
 var _SeatmapRenderer = class _SeatmapRenderer {
   constructor(container, options = {}) {
     this.seats = [];
     this.seatById = /* @__PURE__ */ new Map();
+    /** Multi-floor (Batch 5): the last-set chart + which floor we're rendering. */
+    this.chartDoc = null;
+    this.activeFloorId = "";
+    /** When true on a multi-floor chart, render ALL floors stacked (3D overview). */
+    this.stacked = false;
     /** Interactive node per seat/booth — a Circle for seats, a Rect for booths. */
     this.circleById = /* @__PURE__ */ new Map();
     /** Booth block geometry, keyed by booth id (= the unit's rowId). */
@@ -445,6 +735,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.zones = [];
     this.seatSection = /* @__PURE__ */ new Map();
     this.catPrice = /* @__PURE__ */ new Map();
+    /** Section/zone ids to render dimmed (organizer manager: held-back inventory). */
+    this.dimmedSections = /* @__PURE__ */ new Set();
+    /** Object id → floor id (multi-floor only) — resolves a deck tap in the 3D stack. */
+    this.objectFloor = /* @__PURE__ */ new Map();
     /** Zone id → colour (drives extruded side faces in iso view). */
     this.zoneColor = /* @__PURE__ */ new Map();
     this.hasSections = false;
@@ -457,6 +751,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.isoRaf = 0;
     /** Chart centre the iso projection pivots about (bounds centre). */
     this.isoCentre = { x: 0, y: 0 };
+    /** rAF for an in-flight camera glide (focusRegion / setRung); 0 = none. */
+    this.glideRaf = 0;
     /** Set in destroy() so an in-flight iso tween bails. */
     this.destroyed = false;
     /** Cached scale the section/zone labels were last sized for (scale-compensation). */
@@ -504,6 +800,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     // pointer events away from Konva's canvas, killing its click/tap/hover
     // pipeline. We rely on bubbling instead.
     this.onPointerDown = (e) => {
+      this.cancelGlide();
       this.pointers.set(e.pointerId, this.toLocal(e));
       if (this.pointers.size === 1) {
         this.moved = 0;
@@ -565,6 +862,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     };
     this.container = container;
     this.opts = { maxSelection: 10, selectableStatuses: ["free"], ...options };
+    this.currency = options.currency;
     Konva.pixelRatio = this.dpr;
     this.stage = new Stage({
       container,
@@ -581,7 +879,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (container.tabIndex < 0) container.tabIndex = 0;
     container.setAttribute("role", "application");
     if (!container.getAttribute("aria-label")) {
-      container.setAttribute("aria-label", "Seating map. Use arrow keys to move between seats, Enter to select.");
+      container.setAttribute("aria-label", t("map.aria"));
     }
     container.addEventListener("keydown", this.onKeyDown);
     this.bgLayer = new Layer({ listening: true });
@@ -624,7 +922,15 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     }
   }
   // ---- ISeatmapRenderer -----------------------------------------------------
-  setChart(doc) {
+  setChart(doc, opts) {
+    if (doc !== this.chartDoc) this.stacked = false;
+    this.chartDoc = doc;
+    this.activeFloorId = opts?.floorId ?? floorsOf(doc)[0].id;
+    this.objectFloor.clear();
+    if (doc.floors && doc.floors.length > 1) {
+      for (const f of doc.floors) for (const o of f.objects) this.objectFloor.set(o.id, f.id);
+    }
+    const view = this.floorView(doc);
     this.focusedId = null;
     this.focusRing.visible(false);
     this.bgLayer.destroyChildren();
@@ -652,7 +958,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.isoT = 0;
     this.isoTarget = 0;
     this.resetLayerTransforms();
-    this.hasSections = doc.objects.some((o) => o.type === "section");
+    this.hasSections = view.objects.some((o) => o.type === "section");
     for (const z of doc.zones ?? []) if (z.color) this.zoneColor.set(z.id, z.color);
     this.seatLayer.opacity(1);
     this.hoverRing.visible(false);
@@ -667,24 +973,56 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.catColor.set(c.key, c.color);
       if (typeof c.price === "number") this.catPrice.set(c.key, c.price);
     }
-    for (const obj of doc.objects) {
+    for (const obj of view.objects) {
       if (obj.type === "booth") {
         this.boothDims.set(obj.id, { width: obj.width, height: obj.height, rotation: obj.rotation });
       }
     }
-    this.seats = expandChart(doc);
+    this.seats = expandChart(view);
     for (const s of this.seats) {
       this.seatById.set(s.id, s);
       this.statusById.set(s.id, "free");
     }
-    this.renderBackground(doc);
+    this.renderBackground(view);
     this.renderSeats();
     this.overlayLayer.add(this.labelGroup);
     this.overlayLayer.add(this.hoverRing);
-    this.bounds = chartBounds(doc);
+    this.bounds = chartBounds(view);
     this.isoCentre = { x: this.bounds.x + this.bounds.width / 2, y: this.bounds.y + this.bounds.height / 2 };
     this.zoomToFit();
   }
+  /** The chart to render: all floors stacked (3D overview), the active floor, or
+   *  the whole chart for single-floor charts. */
+  floorView(doc) {
+    if (!doc.floors || !doc.floors.length) return doc;
+    if (this.stacked && doc.floors.length >= 2) return stackFloors(doc);
+    const floor = doc.floors.find((f) => f.id === this.activeFloorId) ?? doc.floors[0];
+    return { ...doc, objects: floor.objects, focalPoint: floor.focalPoint, backgroundImage: floor.backgroundImage, floors: void 0 };
+  }
+  /** Toggle the 3D all-floors stacked overview (Batch 5). Re-renders; no-op on
+   *  single-floor charts. The caller re-applies statuses + animates the iso view. */
+  setStacked(on) {
+    if (!this.chartDoc || on === this.stacked) return;
+    const multi = !!this.chartDoc.floors && this.chartDoc.floors.length >= 2;
+    if (!multi) return;
+    this.stacked = on;
+    this.setChart(this.chartDoc, { floorId: this.activeFloorId });
+  }
+  isStacked() {
+    return this.stacked;
+  }
+  /** Switch which floor is shown (2D). Re-renders + re-fits; no-op if unchanged. */
+  setActiveFloor(floorId) {
+    if (!this.chartDoc || floorId === this.activeFloorId) return;
+    this.setChart(this.chartDoc, { floorId });
+  }
+  /** Floors for the host's switcher (single-floor charts return one synthetic floor). */
+  getFloors() {
+    return this.chartDoc ? floorsOf(this.chartDoc).map((f) => ({ id: f.id, name: f.name })) : [];
+  }
+  getActiveFloorId() {
+    return this.activeFloorId;
+  }
   setStatus(seatIds, status) {
     let touched = false;
     const affected = this.hasSections ? /* @__PURE__ */ new Set() : null;
@@ -764,11 +1102,11 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const dur = 620;
     const step = (now) => {
       if (!ring.getLayer()) return;
-      const t = Math.min(1, (now - start) / dur);
-      ring.radius(this.seatR * (1 + t * 1.8));
-      ring.opacity(0.9 * (1 - t));
+      const t2 = Math.min(1, (now - start) / dur);
+      ring.radius(this.seatR * (1 + t2 * 1.8));
+      ring.opacity(0.9 * (1 - t2));
       this.overlayLayer.batchDraw();
-      if (t < 1) requestAnimationFrame(step);
+      if (t2 < 1) requestAnimationFrame(step);
       else {
         ring.destroy();
         this.overlayLayer.batchDraw();
@@ -875,7 +1213,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   sameAccessFilter(next) {
     const cur = this.accessFilter;
     if (cur === null || next === null) return cur === next;
-    return cur.length === next.length && cur.every((t, i) => t === next[i]);
+    return cur.length === next.length && cur.every((t2, i) => t2 === next[i]);
   }
   // ---- isometric ("3D") view mode -------------------------------------------
   /**
@@ -923,6 +1261,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     };
     this.isoRaf = requestAnimationFrame(step);
   }
+  /** Current projection — reflects the tween target, not the mid-tween isoT. */
+  getViewMode() {
+    return this.isoTarget === 1 ? "isometric" : "flat";
+  }
   /** Iso angle (rad) + y-squash for the current isoT. */
   isoParams() {
     return { th: ISO_ANGLE_DEG * Math.PI / 180 * this.isoT, sg: 1 - (1 - ISO_SQUASH) * this.isoT };
@@ -980,8 +1322,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
    * lift + extruded side faces on elevated sections.
    */
   applyIso() {
-    const t = this.isoT;
-    if (t === 0) {
+    const t2 = this.isoT;
+    if (t2 === 0) {
       this.resetLayerTransforms();
     } else {
       const { th, sg } = this.isoParams();
@@ -1034,13 +1376,13 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   }
   /** Lift elevated sections (+ their members) and update their extruded side faces. */
   applyElevation() {
-    const t = this.isoT;
+    const t2 = this.isoT;
     for (const sec of this.sections) {
       if (sec.elevation <= 0) continue;
       const off = this.isoLiftLocal(sec.elevation);
       sec.liftGroupBg?.position(off);
       sec.liftGroupSeat?.position(off);
-      const alpha = 0.9 * t;
+      const alpha = 0.9 * t2;
       for (let i = 0; i < sec.sideFaces.length; i++) {
         const face = sec.sideFaces[i];
         const p0 = sec.outline[i];
@@ -1054,6 +1396,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.destroyed = true;
     if (this.rafId) cancelAnimationFrame(this.rafId);
     if (this.isoRaf) cancelAnimationFrame(this.isoRaf);
+    if (this.glideRaf) cancelAnimationFrame(this.glideRaf);
     if (this.viewChangeRaf) cancelAnimationFrame(this.viewChangeRaf);
     if (this.recacheTimer) clearTimeout(this.recacheTimer);
     this.resizeObs?.disconnect();
@@ -1133,7 +1476,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.circleById.set(seat.id, rect);
     this.paintSeat(rect, seat.id);
     target.add(rect);
-    const t = new Text({
+    const t2 = new Text({
       x: seat.x,
       y: seat.y,
       text: seat.label,
@@ -1144,10 +1487,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       listening: false,
       perfectDrawEnabled: false
     });
-    t.offsetX(t.width() / 2);
-    t.offsetY(t.height() / 2);
+    t2.offsetX(t2.width() / 2);
+    t2.offsetY(t2.height() / 2);
     this.hasBoothText = true;
-    target.add(t);
+    target.add(t2);
   }
   /** Apply fill/stroke/opacity for a seat's current status + selection. */
   paintSeat(c, id) {
@@ -1183,6 +1526,32 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (this.categoryHighlight && status === "free" && !selected && seat.categoryKey !== this.categoryHighlight) {
       c.opacity(0.25);
     }
+    if (this.dimmedSections.size) {
+      const sec = this.seatSection.get(id);
+      if (sec && (this.dimmedSections.has(sec.id) || sec.zone != null && this.dimmedSections.has(sec.zone))) {
+        c.opacity(0.18);
+      }
+    }
+  }
+  /**
+   * Dim the seats of these section/zone ids (organizer manager use) so held-back
+   * inventory is visually distinct on the canvas without hiding it. `null`/empty
+   * clears. Unlike the buyer's applyHidden, the sections stay rendered.
+   */
+  setDimmedSections(ids) {
+    const next = new Set(ids ?? []);
+    if (next.size === this.dimmedSections.size && [...next].every((i) => this.dimmedSections.has(i))) return;
+    this.dimmedSections = next;
+    for (const seat of this.seats) {
+      const c = this.circleById.get(seat.id);
+      if (c) this.paintSeat(c, seat.id);
+    }
+    if (this.cached) {
+      this.seatLayer.clearCache();
+      this.cacheSeatLayer();
+    } else {
+      this.seatLayer.batchDraw();
+    }
   }
   /** Legend hover: highlight one category (dim the rest), or null to clear. */
   setCategoryHighlight(key) {
@@ -1365,7 +1734,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   }
   /** Prominent stage caption: uppercase, letter-spaced, larger, softly dimmed. */
   addStageLabel(x, y, text) {
-    const t = new Text({
+    const t2 = new Text({
       x,
       y,
       text: text.toUpperCase(),
@@ -1377,9 +1746,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       listening: false,
       perfectDrawEnabled: false
     });
-    t.offsetX(t.width() / 2);
-    t.offsetY(t.height() / 2);
-    this.bgLayer.add(t);
+    t2.offsetX(t2.width() / 2);
+    t2.offsetY(t2.height() / 2);
+    this.bgLayer.add(t2);
   }
   renderGA(obj) {
     const color = this.catColor.get(obj.categoryKey) ?? "#6e7bff";
@@ -1460,12 +1829,14 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.seatLayer.add(liftGroupSeat);
     }
     const bgTarget = liftGroupBg ?? this.bgLayer;
+    const outlineTint = obj.color ?? this.zoneColor.get(obj.zone ?? "") ?? "#3a4358";
     const outlinePoly = new Line({
       points: pts,
       closed: true,
-      stroke: "#3a4358",
-      strokeWidth: 1.5,
-      fill: rgba(obj.color ?? "#3a4358", 0.06),
+      stroke: rgba(outlineTint, 0.5),
+      strokeWidth: 1.75,
+      fill: rgba(outlineTint, 0.08),
+      lineJoin: "round",
       listening: false,
       perfectDrawEnabled: false
     });
@@ -1481,6 +1852,30 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       perfectDrawEnabled: false
     });
     bgTarget.add(blockPoly);
+    const rowSeats = /* @__PURE__ */ new Map();
+    for (const id of memberIds) {
+      const s = this.seatById.get(id);
+      if (!s) continue;
+      const i = Number(id.slice(id.lastIndexOf(":") + 1)) || 0;
+      (rowSeats.get(s.rowId) ?? rowSeats.set(s.rowId, []).get(s.rowId)).push({ i, x: s.x, y: s.y });
+    }
+    const rowLines = [];
+    for (const arr of rowSeats.values()) {
+      if (arr.length < 2) continue;
+      arr.sort((a, b) => a.i - b.i);
+      const line = new Line({
+        points: arr.flatMap((p) => [p.x, p.y]),
+        stroke: rgba("#ffffff", 0.34),
+        strokeWidth: SEAT_RADIUS * 0.55,
+        lineCap: "round",
+        lineJoin: "round",
+        opacity: 0,
+        listening: false,
+        perfectDrawEnabled: false
+      });
+      rowLines.push(line);
+      bgTarget.add(line);
+    }
     const nameLabel = new Text({
       x: centroid.x,
       y: centroid.y,
@@ -1489,6 +1884,11 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       fontStyle: "700",
       fontFamily: this.labelFont(),
       fill: "#8b93a7",
+      // Dark halo so the label reads over the seat dots at any zoom.
+      shadowColor: "#05070c",
+      shadowBlur: 6,
+      shadowOpacity: 0.9,
+      shadowForStrokeEnabled: false,
       listening: false,
       perfectDrawEnabled: false
     });
@@ -1498,11 +1898,15 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const subLabel = new Text({
       x: centroid.x,
       y: centroid.y,
-      text: `${free} LEFT`,
+      text: t("map.seatsLeft", { count: free }),
       fontSize: 12,
-      fontStyle: "600",
+      fontStyle: "700",
       fontFamily: "JetBrains Mono, ui-monospace, monospace",
-      fill: rgba("#e6e9f0", 0.8),
+      fill: "#f4f6fb",
+      shadowColor: "#05070c",
+      shadowBlur: 5,
+      shadowOpacity: 0.9,
+      shadowForStrokeEnabled: false,
       opacity: 0,
       listening: false,
       perfectDrawEnabled: false
@@ -1521,6 +1925,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       baseFill,
       outlinePoly,
       blockPoly,
+      rowLines,
       nameLabel,
       subLabel,
       elevation,
@@ -1536,7 +1941,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   refreshSectionFill(sec) {
     const sold = sec.total > 0 ? (sec.total - sec.free) / sec.total : 0;
     sec.blockPoly.fill(darken(sec.baseFill, sold * SOLD_DARKEN));
-    sec.subLabel.text(`${sec.free} LEFT`);
+    sec.subLabel.text(t("map.seatsLeft", { count: sec.free }));
     sec.subLabel.offsetX(sec.subLabel.width() / 2);
   }
   /**
@@ -1554,8 +1959,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     for (const z of doc.zones) {
       const members = byZone.get(z.id);
       if (!members || !members.length) continue;
-      const cx = members.reduce((a, s) => a + s.centroid.x, 0) / members.length;
-      const cy = members.reduce((a, s) => a + s.centroid.y, 0) / members.length;
+      let anchor = members[0];
+      for (const s of members) if (s.centroid.y < anchor.centroid.y) anchor = s;
+      const cx = anchor.centroid.x;
+      const cy = anchor.centroid.y;
       let minPrice = Infinity;
       for (const sec of members) {
         for (const id of sec.memberIds) {
@@ -1573,6 +1980,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         letterSpacing: 2,
         fontFamily: this.labelFont(),
         fill: z.color ?? "#f2f4f8",
+        shadowColor: "#05070c",
+        shadowBlur: 10,
+        shadowOpacity: 0.95,
+        shadowForStrokeEnabled: false,
         opacity: 0,
         listening: false,
         perfectDrawEnabled: false
@@ -1585,7 +1996,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         sub = new Text({
           x: cx,
           y: cy,
-          text: `FROM $${minPrice}`,
+          text: t("map.fromPrice", { price: formatMoney(minPrice, this.currency) }),
           fontSize: 14,
           fontStyle: "600",
           fontFamily: "JetBrains Mono, ui-monospace, monospace",
@@ -1616,7 +2027,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       blockT = scale <= SECTION_PROMINENT_SCALE ? 1 : 0;
       zoneT = scale <= ZONE_PROMINENT_SCALE ? 1 : 0;
     } else {
-      blockT = clamp((CACHE_THRESHOLD - scale) / (CACHE_THRESHOLD - SECTION_PROMINENT_SCALE), 0, 1);
+      blockT = clamp((BLOCK_MELT_TOP - scale) / (BLOCK_MELT_TOP - SECTION_PROMINENT_SCALE), 0, 1);
       zoneT = clamp((SECTION_PROMINENT_SCALE - scale) / (SECTION_PROMINENT_SCALE - ZONE_PROMINENT_SCALE), 0, 1);
     }
     if (!this.zones.length) zoneT = 0;
@@ -1626,7 +2037,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (rescale) this.lodScale = scale;
     for (const sec of this.sections) {
       sec.blockPoly.opacity(BLOCK_FILL_ALPHA * blockT);
-      sec.nameLabel.fill(lerpColor("#8b93a7", "#f2f4f8", blockT));
+      for (const line of sec.rowLines) line.opacity(blockT * (1 - zoneT));
+      sec.nameLabel.fill(lerpColor("#aab3c5", "#ffffff", blockT));
       sec.nameLabel.opacity(1 - zoneT);
       sec.subLabel.opacity(blockT * (1 - zoneT));
       if (rescale) {
@@ -1634,9 +2046,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         this.sizeLabel(sec.subLabel, SECTION_SUB_PX / sx, sec.centroid.y + SECTION_LABEL_PX / sx);
       }
     }
+    const zoneOpacity = zoneT * (1 - this.isoT);
     for (const zone of this.zones) {
-      zone.label.opacity(zoneT);
-      if (zone.sub) zone.sub.opacity(zoneT);
+      zone.label.opacity(zoneOpacity);
+      if (zone.sub) zone.sub.opacity(zoneOpacity);
       if (rescale) {
         const cy = zone.label.y();
         this.sizeLabel(zone.label, ZONE_LABEL_PX / sx, cy);
@@ -1646,11 +2059,11 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.bgLayer.batchDraw();
   }
   /** Set a centred label's world fontSize (for a target screen px) and re-anchor it. */
-  sizeLabel(t, fontSize, y) {
-    t.fontSize(Math.max(1, fontSize));
-    t.offsetX(t.width() / 2);
-    t.offsetY(t.height() / 2);
-    t.y(y);
+  sizeLabel(t2, fontSize, y) {
+    t2.fontSize(Math.max(1, fontSize));
+    t2.offsetX(t2.width() / 2);
+    t2.offsetY(t2.height() / 2);
+    t2.y(y);
   }
   /**
    * Map a container-relative screen point back to world coords. Inverts the
@@ -1674,7 +2087,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     return this.sections.find((s) => s.id === id)?.memberIds.slice() ?? [];
   }
   addCentredLabel(layer, text, x, y, fill, fontSize, bold) {
-    const t = new Text({
+    const t2 = new Text({
       x,
       y,
       text,
@@ -1685,9 +2098,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       listening: false,
       perfectDrawEnabled: false
     });
-    t.offsetX(t.width() / 2);
-    t.offsetY(t.height() / 2);
-    layer.add(t);
+    t2.offsetX(t2.width() / 2);
+    t2.offsetY(t2.height() / 2);
+    layer.add(t2);
   }
   // ---- selection ------------------------------------------------------------
   isSelectable(id) {
@@ -1741,7 +2154,15 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.seatLayer.on("click tap", (e) => {
       if (this.moved > 8) return;
       const id = seatIdOf(e.target);
-      if (id) this.toggleSeat(id);
+      if (!id) return;
+      if (this.stacked && this.opts.onDeckTap) {
+        const floorId = this.objectFloor.get(this.seatById.get(id)?.rowId ?? "");
+        if (floorId) {
+          this.opts.onDeckTap(floorId);
+          return;
+        }
+      }
+      this.toggleSeat(id);
     });
     this.seatLayer.on("mouseover", (e) => {
       const id = seatIdOf(e.target);
@@ -1771,11 +2192,19 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       if (!this.cached || this.moved > 8) return;
       const pointer = this.stage.getPointerPosition();
       if (!pointer) return;
+      if (this.stacked && this.opts.onDeckTap) {
+        const floorId = this.deckFloorAt();
+        if (floorId) {
+          this.opts.onDeckTap(floorId);
+          return;
+        }
+      }
       if (this.sections.length) {
         const world = this.screenToWorld(pointer);
         const hit = this.sections.find((sn) => pointInPolygon(world, sn.outline));
         if (hit) {
-          this.zoomToBounds(polyBounds(hit.outline));
+          if (this.opts.onSectionTap) this.opts.onSectionTap(hit.id);
+          else this.focusRegion(hit.id);
           return;
         }
       }
@@ -1783,6 +2212,30 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.zoomAbout(target, pointer);
     });
   }
+  /**
+   * Which deck (floor) a screen tap landed on in the 3D stacked overview. The
+   * seat layer is melt-cached at that zoom so individual seat nodes aren't
+   * hit-testable; instead we invert the iso+stage transform via the layer's
+   * relative pointer and take the nearest seat's floor. Only the floor matters,
+   * so within-floor elevation offsets don't affect the result. Null if none.
+   */
+  deckFloorAt() {
+    if (!this.objectFloor.size) return null;
+    const p = this.seatLayer.getRelativePointerPosition();
+    if (!p) return null;
+    let best = null;
+    let bestD = Infinity;
+    for (const s of this.seats) {
+      const dx = s.x - p.x;
+      const dy = s.y - p.y;
+      const d = dx * dx + dy * dy;
+      if (d < bestD) {
+        bestD = d;
+        best = s.rowId;
+      }
+    }
+    return best ? this.objectFloor.get(best) ?? null : null;
+  }
   // ---- Pan & pinch (raw pointer events — mouse, touch and pen alike) --------
   toLocal(e) {
     const r = this.container.getBoundingClientRect();
@@ -1793,7 +2246,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
    * reach a readable size on any chart, however large the venue.
    */
   zoomBounds() {
-    return { min: 0.5 * this.fitScale, max: Math.max(10 * this.fitScale, 4) };
+    let min = 0.5 * this.fitScale;
+    if (this.zones.length) min = Math.min(min, ZONE_PROMINENT_SCALE * 0.9);
+    return { min, max: Math.max(10 * this.fitScale, 4) };
   }
   /** Zoom so `clientPoint` (stage-relative px) stays fixed under the cursor. */
   zoomAbout(nextScale, clientPoint) {
@@ -1826,6 +2281,92 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.afterViewChange();
     this.stage.batchDraw();
   }
+  /**
+   * Smoothly glide the camera to frame a section (by id) or a world-space bounds
+   * rect — the Slice 5 "glide in". Pan+zoom tween over ~450ms easeInOutCubic; the
+   * melt/LOD rides the camera every frame. `prefers-reduced-motion` (or
+   * `opts.animate === false`) snaps via zoomToBounds. A grab (pointer-down) or a
+   * newer glide cancels an in-flight one.
+   */
+  focusRegion(target, opts) {
+    const b = typeof target === "string" ? (() => {
+      const sec = this.sections.find((s) => s.id === target);
+      return sec ? polyBounds(sec.outline) : null;
+    })() : target;
+    if (!b) return;
+    this.cancelGlide();
+    if (opts?.animate === false || this.reducedMotion) {
+      this.zoomToBounds(b);
+      return;
+    }
+    const w = this.stage.width();
+    const h = this.stage.height();
+    const { min, max } = this.zoomBounds();
+    const margin = 1.12;
+    const toScale = clamp(Math.min(w / (b.width * margin), h / (b.height * margin)), min, max);
+    const toX = w / 2 - (b.x + b.width / 2) * toScale;
+    const toY = h / 2 - (b.y + b.height / 2) * toScale;
+    const fromScale = this.stage.scaleX();
+    const fromX = this.stage.x();
+    const fromY = this.stage.y();
+    if (Math.abs(toScale - fromScale) < 1e-4 && Math.abs(toX - fromX) < 0.5 && Math.abs(toY - fromY) < 0.5) {
+      this.afterViewChange();
+      return;
+    }
+    const start = performance.now();
+    const DUR = 450;
+    const step = (now) => {
+      if (this.destroyed) {
+        this.glideRaf = 0;
+        return;
+      }
+      const raw = Math.min(1, (now - start) / DUR);
+      const e = raw < 0.5 ? 4 * raw * raw * raw : 1 - Math.pow(-2 * raw + 2, 3) / 2;
+      const sc = fromScale + (toScale - fromScale) * e;
+      this.stage.scale({ x: sc, y: sc });
+      this.stage.position({ x: fromX + (toX - fromX) * e, y: fromY + (toY - fromY) * e });
+      this.updateLOD();
+      this.scheduleViewChange();
+      this.stage.batchDraw();
+      if (raw < 1) {
+        this.glideRaf = requestAnimationFrame(step);
+      } else {
+        this.glideRaf = 0;
+        this.afterViewChange();
+      }
+    };
+    this.glideRaf = requestAnimationFrame(step);
+  }
+  /** Cancel an in-flight camera glide (a grab or a newer glide interrupts it). */
+  cancelGlide() {
+    if (this.glideRaf) {
+      cancelAnimationFrame(this.glideRaf);
+      this.glideRaf = 0;
+    }
+  }
+  /** Current LOD rung derived from effective zoom — drives the ZONES/SECTIONS/SEATS pill. */
+  getRung() {
+    const scale = this.effScale();
+    if (scale >= CACHE_THRESHOLD) return "seats";
+    if (this.zones.length && scale < ZONE_PROMINENT_SCALE) return "zones";
+    return "sections";
+  }
+  /** Jump the camera to a rung's zoom band, centred on the chart (glided). */
+  setRung(rung) {
+    if (rung === "zones") {
+      this.cancelGlide();
+      this.zoomToFit();
+      return;
+    }
+    const target = rung === "sections" ? (SECTION_PROMINENT_SCALE + CACHE_THRESHOLD) / 2 : Math.max(SEAT_LEGIBLE_SCALE * 1.1, CACHE_THRESHOLD * 1.3);
+    const w = this.stage.width();
+    const h = this.stage.height();
+    const cx = this.bounds.x + this.bounds.width / 2;
+    const cy = this.bounds.y + this.bounds.height / 2;
+    const bw = w / (target * 1.12);
+    const bh = h / (target * 1.12);
+    this.focusRegion({ x: cx - bw / 2, y: cy - bh / 2, width: bw, height: bh });
+  }
   /** Recompute LOD (cache/labels) after any pan/zoom settles. */
   afterViewChange() {
     this.updateLOD();
@@ -1876,7 +2417,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     let count = 0;
     for (const seat of this.seats) {
       if (seat.x < x0 || seat.x > x1 || seat.y < y0 || seat.y > y1) continue;
-      const t = new Text({
+      const t2 = new Text({
         x: seat.x,
         y: seat.y,
         text: seat.label,
@@ -1888,14 +2429,14 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         perfectDrawEnabled: false
       });
       const maxW = this.seatR * 2 - 3;
-      if (t.width() > maxW) t.fontSize(Math.max(4, 7 * maxW / t.width()));
-      if (t.fontSize() < 4.2) {
-        t.destroy();
+      if (t2.width() > maxW) t2.fontSize(Math.max(4, 7 * maxW / t2.width()));
+      if (t2.fontSize() < 4.2) {
+        t2.destroy();
         continue;
       }
-      t.offsetX(t.width() / 2);
-      t.offsetY(t.height() / 2);
-      this.labelGroup.add(t);
+      t2.offsetX(t2.width() / 2);
+      t2.offsetY(t2.height() / 2);
+      this.labelGroup.add(t2);
       if (++count >= MAX_LABELS) break;
     }
     if (this.isoT > 0) this.applyUprightLabels();
@@ -1946,9 +2487,15 @@ var PickerController = class {
   constructor(options) {
     this.renderer = null;
     this._doc = null;
+    /** Section/zone ids hidden from buyers this event (3.3) — seats vanish, not grey. */
+    this.hidden = /* @__PURE__ */ new Set();
     /** label ⇄ id maps — backend speaks labels, the engine speaks ids. */
     this.labelToId = /* @__PURE__ */ new Map();
     this.labelToSeat = /* @__PURE__ */ new Map();
+    /** seatId → chosen ticket-tier id (absent ⇒ the category's first/default tier). */
+    this.seatTiers = /* @__PURE__ */ new Map();
+    /** id → seat, for the section-summary breakdown (renderer members are ids). */
+    this.seatById = /* @__PURE__ */ new Map();
     this.allIds = [];
     // realtime socket
     this.ws = null;
@@ -1966,6 +2513,18 @@ var PickerController = class {
   get doc() {
     return this._doc;
   }
+  /** The chart with hidden sections' seats removed — what buyers actually see. */
+  visibleDoc() {
+    return this._doc ? applyHidden(this._doc, this.hidden) : { objects: [] };
+  }
+  /** Adopt a new hidden set; rebuild the visible chart only if it differs. */
+  syncHidden(ids) {
+    const next = ids.filter((x) => typeof x === "string");
+    if (next.length === this.hidden.size && next.every((id) => this.hidden.has(id))) return false;
+    this.hidden = new Set(next);
+    this.renderer?.setChart(this.visibleDoc());
+    return true;
+  }
   currentHold() {
     return this.hold_;
   }
@@ -1993,15 +2552,19 @@ var PickerController = class {
     this._doc = res.doc;
     this.labelToId = /* @__PURE__ */ new Map();
     this.labelToSeat = /* @__PURE__ */ new Map();
+    this.seatById = /* @__PURE__ */ new Map();
     this.allIds = [];
     for (const s of expandChart(res.doc)) {
       this.labelToId.set(s.label, s.id);
       this.labelToSeat.set(s.label, s);
+      this.seatById.set(s.id, s);
       this.allIds.push(s.id);
     }
+    const currency = res.event.currency ?? this.opts.currency;
     const renderer = createRenderer(host, {
       maxSelection: this.maxSelection,
       confirmSelection: this.opts.confirmSelection,
+      currency,
       onSelect: (seat) => {
         this.opts.onSelect?.(seat);
         this.emitSelectionChange();
@@ -2014,6 +2577,9 @@ var PickerController = class {
       onFocusSeat: this.opts.onFocusSeat,
       onViewChange: this.opts.onViewChange,
       onGAClick: this.opts.onGAClick,
+      // Section tap at the far/zone rung → glide in + surface the summary card.
+      onSectionTap: (id) => this.handleSectionTap(id),
+      onDeckTap: (floorId) => this.handleDeckTap(floorId),
       onFps: this.opts.onFps
     });
     if (this.closed) {
@@ -2021,15 +2587,28 @@ var PickerController = class {
       return null;
     }
     this.renderer = renderer;
-    renderer.setChart(res.doc);
-    await this.resnapshot();
+    let seats = null;
+    try {
+      const objs = await this.api.objects(this.key);
+      this.hidden = new Set(objs.hidden ?? []);
+      seats = objs.seats;
+    } catch {
+    }
+    if (this.closed) {
+      renderer.destroy();
+      this.renderer = null;
+      return null;
+    }
+    renderer.setChart(this.visibleDoc());
+    if (seats) this.applySeatsMap(seats);
     this.connect();
     return {
       doc: res.doc,
       salesClosed: !!res.event.salesClosed,
       eventName: res.event.name,
       venue: res.event.venue,
-      startsAt: res.event.startsAt
+      startsAt: res.event.startsAt,
+      currency
     };
   }
   // ---- selection ------------------------------------------------------------
@@ -2201,6 +2780,126 @@ var PickerController = class {
   setAccessibilityFilter(types) {
     this.renderer?.setAccessibilityFilter?.(types);
   }
+  // ---- multi-floor (Batch 5) ------------------------------------------------
+  /** Floors for the buyer's switcher (>1 ⇒ show it). Single-floor ⇒ one entry. */
+  getFloors() {
+    return this.renderer?.getFloors?.() ?? [];
+  }
+  getActiveFloorId() {
+    return this.renderer?.getActiveFloorId?.() ?? "";
+  }
+  /** Switch the shown floor (2D), then re-apply live seat statuses onto it. */
+  setFloor(id) {
+    const r = this.renderer;
+    if (!r?.setActiveFloor || id === r.getActiveFloorId?.()) return;
+    r.setStacked?.(false);
+    r.setActiveFloor(id);
+    void this.resnapshot();
+    this.emitSelectionChange();
+  }
+  /** 3D all-floors stacked overview ⇄ active floor. Re-applies statuses after. */
+  setStacked(on) {
+    const r = this.renderer;
+    if (!r?.setStacked || on === r.isStacked?.()) return;
+    r.setStacked(on);
+    void this.resnapshot();
+  }
+  isMultiFloor() {
+    return (this._doc?.floors?.length ?? 0) > 1;
+  }
+  /** Tap-a-deck-to-enter: leave the 3D stack, drop to flat 2D on `floorId`, and
+   *  tell the host so it can sync its 2D/3D toggle + floor-switcher state. */
+  handleDeckTap(floorId) {
+    const r = this.renderer;
+    if (!r) return;
+    r.setViewMode?.("flat");
+    r.setStacked?.(false);
+    r.setActiveFloor?.(floorId);
+    void this.resnapshot();
+    this.emitSelectionChange();
+    this.opts.onDeckTap?.(floorId);
+  }
+  // ---- big-venue: sections / rungs / projection (Slice 5) -------------------
+  /** Switch the map projection (2D flat ⇄ 3D isometric). No-op on a flat renderer. */
+  setViewMode(mode) {
+    this.renderer?.setViewMode?.(mode);
+  }
+  getViewMode() {
+    return this.renderer?.getViewMode?.() ?? "flat";
+  }
+  /** Current LOD rung (for the ZONES/SECTIONS/SEATS pill). */
+  getRung() {
+    return this.renderer?.getRung?.() ?? "seats";
+  }
+  /** Jump to a rung; ZONES clears any focused summary (back to overview). */
+  setRung(rung) {
+    if (rung === "zones") {
+      this.overview();
+      return;
+    }
+    this.renderer?.setRung?.(rung);
+  }
+  /** Glide in on a section and surface its summary (same path as a section tap). */
+  focusSection(id) {
+    this.handleSectionTap(id);
+  }
+  /** Zoom back out to the whole chart and clear the section-summary card. */
+  overview() {
+    this.renderer?.zoomToFit();
+    this.opts.onSectionFocus?.(null);
+  }
+  /** Glide the camera into a tapped section and emit its computed summary. */
+  handleSectionTap(id) {
+    const r = this.renderer;
+    if (!r) return;
+    r.focusRegion?.(id);
+    this.opts.onSectionFocus?.(this.sectionSummary(id));
+  }
+  /**
+   * Build a section summary from the renderer's spatial membership: section +
+   * zone labels, live seats-left, price range, and the per-category breakdown.
+   */
+  sectionSummary(id) {
+    const r = this.renderer;
+    const doc = this._doc;
+    if (!r || !doc) return null;
+    const sec = doc.objects.find(
+      (o) => o.type === "section" && o.id === id
+    );
+    if (!sec) return null;
+    const memberIds = r.sectionMembers?.(id) ?? [];
+    const byCat = /* @__PURE__ */ new Map();
+    let seatsLeft = 0;
+    for (const sid of memberIds) {
+      const seat = this.seatById.get(sid);
+      if (!seat) continue;
+      byCat.set(seat.categoryKey, (byCat.get(seat.categoryKey) ?? 0) + 1);
+      if (r.getStatus(sid) === "free") seatsLeft++;
+    }
+    const categories = [...byCat.entries()].map(([key, count]) => {
+      const cat = doc.categories.find((c) => c.key === key);
+      return {
+        key,
+        count,
+        label: cat?.label ?? key,
+        color: cat?.color ?? "#6e7bff",
+        price: cat?.price ?? 0
+      };
+    }).sort((a, b) => a.price - b.price);
+    const prices = categories.map((c) => c.price);
+    const zone = sec.zone ? doc.zones?.find((z) => z.id === sec.zone) : void 0;
+    const color = sec.color ?? zone?.color ?? categories[0]?.color ?? "#6e7bff";
+    return {
+      id,
+      label: sec.label,
+      zoneLabel: zone?.label ?? "",
+      color,
+      seatsLeft,
+      priceMin: prices.length ? prices[0] : 0,
+      priceMax: prices.length ? prices[prices.length - 1] : 0,
+      categories
+    };
+  }
   destroy() {
     this.closed = true;
     if (this.reconnectTimer) {
@@ -2223,11 +2922,53 @@ var PickerController = class {
   }
   // ---- internals ------------------------------------------------------------
   toSeat(s) {
-    return { id: s.id, label: s.label, categoryKey: s.categoryKey, price: this.priceFor(s.categoryKey) };
+    const tiers = this.tiersFor(s.categoryKey);
+    if (!tiers) {
+      return { id: s.id, label: s.label, categoryKey: s.categoryKey, price: this.priceFor(s.categoryKey) };
+    }
+    const chosen = tiers.find((t2) => t2.id === this.seatTiers.get(s.id)) ?? tiers[0];
+    return {
+      id: s.id,
+      label: s.label,
+      categoryKey: s.categoryKey,
+      price: chosen.price,
+      tiers,
+      tierId: chosen.id
+    };
   }
   priceFor(categoryKey) {
     return this._doc?.categories.find((c) => c.key === categoryKey)?.price ?? 0;
   }
+  tiersFor(categoryKey) {
+    const t2 = this._doc?.categories.find((c) => c.key === categoryKey)?.tiers;
+    return t2 && t2.length ? t2 : void 0;
+  }
+  /**
+   * Choose a ticket tier for a selected seat (e.g. Adult → Child). Re-emits the
+   * selection so the host's cart + the eventual hold carry the new tier + price.
+   * `tierId = null` reverts to the category's first (default) tier. No-op if the
+   * seat's category has no tiers or the id isn't one of them.
+   */
+  setSeatTier(seatId, tierId) {
+    const seat = this.seatById.get(seatId);
+    if (!seat) return;
+    const tiers = this.tiersFor(seat.categoryKey);
+    if (!tiers) return;
+    if (tierId == null) this.seatTiers.delete(seatId);
+    else if (tiers.some((t2) => t2.id === tierId)) this.seatTiers.set(seatId, tierId);
+    else return;
+    this.emitSelectionChange();
+    if (this.hold_) this.hold_ = { ...this.hold_, seats: this.seatsForLabels(this.hold_.labels) };
+  }
+  /** PickerSeats (with chosen tier) for a set of held labels. */
+  seatsForLabels(labels) {
+    const out = [];
+    for (const l of labels) {
+      const s = this.labelToSeat.get(l);
+      if (s) out.push(this.toSeat(s));
+    }
+    return out;
+  }
   emitSelectionChange() {
     this.opts.onSelectionChange?.(this.getSelection());
   }
@@ -2253,11 +2994,12 @@ var PickerController = class {
   }
   /** Set the open hold + (re)arm the server-authoritative expiry timer. */
   setHold(hold) {
-    this.hold_ = hold;
+    const full = { ...hold, seats: this.seatsForLabels(hold.labels) };
+    this.hold_ = full;
     if (this.expiryTimer) clearTimeout(this.expiryTimer);
-    const ms = Math.max(0, hold.expiresAt - Date.now());
+    const ms = Math.max(0, full.expiresAt - Date.now());
     this.expiryTimer = setTimeout(() => this.onHoldExpired(), ms);
-    this.opts.onHold?.(hold);
+    this.opts.onHold?.(full);
   }
   clearHold() {
     this.hold_ = null;
@@ -2321,6 +3063,11 @@ var PickerController = class {
       const r = this.renderer;
       if (!r || !msg || typeof msg !== "object") return;
       const m = msg;
+      if (Array.isArray(m.hidden) && this.syncHidden(m.hidden)) {
+        void this.resnapshot();
+        this.opts.onStatusChange?.();
+      }
+      if (m.type === "hidden") return;
       if (m.seats && typeof m.seats === "object") {
         this.applySeatsMap(m.seats);
       } else if (Array.isArray(m.changes)) {
@@ -2357,21 +3104,67 @@ var PickerController = class {
     }, delay);
   }
 };
+
+// src/i18n/bundles.ts
+var LOADERS = {
+  es: () => import("./es-UM4ZS357.js").then((m) => ({ default: m.es })),
+  de: () => import("./de-Y3E6YTGP.js").then((m) => ({ default: m.de })),
+  fr: () => import("./fr-IGRD2M4W.js").then((m) => ({ default: m.fr }))
+};
+var loaded = /* @__PURE__ */ new Set(["en"]);
+async function loadLocale(code) {
+  const locale = resolveLocale(code);
+  if (locale === "en" || loaded.has(locale)) {
+    setLocale(locale);
+    return locale;
+  }
+  try {
+    const mod = await LOADERS[locale]();
+    setLocale(locale, mod.default);
+    loaded.add(locale);
+    return locale;
+  } catch {
+    setLocale("en");
+    return "en";
+  }
+}
 export {
   ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY,
+  DEFAULT_CURRENCY,
   PickerController,
+  SUPPORTED_LOCALES,
   SeatmapRenderer,
+  UNGROUPED_ID,
   accessibilityMeta,
+  allObjects,
+  applyHidden,
   chartBounds,
+  computeSections,
   createRenderer,
+  currencySymbol,
   expandBooth,
   expandChart,
   expandRow,
   expandRowSlots,
   expandTable,
+  floorObjects,
+  floorsOf,
+  formatDate,
+  formatMoney,
+  getLocale,
+  hiddenObjectIds,
+  isSectionHidden,
   layerOf,
+  loadLocale,
   objectCenter,
-  pointInPolygon
+  pointInPolygon,
+  resolveLocale,
+  setLocale,
+  setMoneyLocale,
+  setStringOverrides,
+  stackFloors,
+  t,
+  tCount
 };
 //# sourceMappingURL=index.js.map