@seatlayer/core 0.46.0 → 0.47.0

package/dist/index.cjs

@@ -72,7 +72,7 @@ var init_es = __esm({
       "picker.viewFromSeat": "Vista desde el asiento {label}",
       "picker.real360": "REAL 360\xB0",
       "picker.preview": "VISTA PREVIA",
-      "picker.sightline": "\u2248 {m} m al escenario \xB7 visi\xF3n despejada",
+      "picker.sightline": "\u2248 {m} m al escenario",
       "picker.panorama360": "Foto de 360\xB0 del lugar",
       "picker.illustrationCaption": "ilustraci\xF3n \xB7 \u2248 {m} m del escenario",
       "picker.restrictedView": "Visibilidad restringida",
@@ -80,7 +80,10 @@ var init_es = __esm({
       "picker.premiumSeat": "Asiento premium",
       "picker.hideLimitedView": "Ocultar asientos con visibilidad limitada",
       "picker.bestSeatsPremium": "Mejores asientos",
-      "picker.premiumFallbackNote": "No hay un bloque premium de {count}: mostrando los mejores disponibles"
+      "picker.premiumFallbackNote": "No hay un bloque premium de {count}: mostrando los mejores disponibles",
+      "picker.loading3d": "Creando el recinto en 3D\u2026",
+      "picker.unavailable3d": "No se pudo iniciar la vista 3D. El mapa de asientos sigue disponible.",
+      "picker.jumpToSection": "Ir a una secci\xF3n"
     };
   }
 });
@@ -132,7 +135,7 @@ var init_de = __esm({
       "picker.viewFromSeat": "Ansicht von Platz {label}",
       "picker.real360": "REAL 360\xB0",
       "picker.preview": "VORSCHAU",
-      "picker.sightline": "\u2248 {m} m zur B\xFChne \xB7 freie Sicht",
+      "picker.sightline": "\u2248 {m} m zur B\xFChne",
       "picker.panorama360": "360\xB0-Veranstaltungsfotos",
       "picker.illustrationCaption": "Illustration \xB7 \u2248 {m} m von der B\xFChne",
       "picker.restrictedView": "Eingeschr\xE4nkte Sicht",
@@ -140,7 +143,10 @@ var init_de = __esm({
       "picker.premiumSeat": "Premium-Platz",
       "picker.hideLimitedView": "Pl\xE4tze mit eingeschr\xE4nkter Sicht ausblenden",
       "picker.bestSeatsPremium": "Beste Pl\xE4tze",
-      "picker.premiumFallbackNote": "Kein Premium-Block mit {count} Pl\xE4tzen \u2014 beste verf\xFCgbare werden angezeigt"
+      "picker.premiumFallbackNote": "Kein Premium-Block mit {count} Pl\xE4tzen \u2014 beste verf\xFCgbare werden angezeigt",
+      "picker.loading3d": "3D-Veranstaltungsort wird aufgebaut\u2026",
+      "picker.unavailable3d": "3D konnte nicht gestartet werden. Der Sitzplan bleibt verf\xFCgbar.",
+      "picker.jumpToSection": "Zum Bereich springen"
     };
   }
 });
@@ -192,7 +198,7 @@ var init_fr = __esm({
       "picker.viewFromSeat": "Vue depuis le si\xE8ge {label}",
       "picker.real360": "VRAI 360\xB0",
       "picker.preview": "APER\xC7U",
-      "picker.sightline": "\u2248 {m} m de la sc\xE8ne \xB7 vue d\xE9gag\xE9e",
+      "picker.sightline": "\u2248 {m} m de la sc\xE8ne",
       "picker.panorama360": "Photo panoramique 360\xB0 du lieu",
       "picker.illustrationCaption": "illustration \xB7 \u2248 {m} m de la sc\xE8ne",
       "picker.restrictedView": "Visibilit\xE9 r\xE9duite",
@@ -200,7 +206,10 @@ var init_fr = __esm({
       "picker.premiumSeat": "Place premium",
       "picker.hideLimitedView": "Masquer les places \xE0 visibilit\xE9 r\xE9duite",
       "picker.bestSeatsPremium": "Meilleures places",
-      "picker.premiumFallbackNote": "Aucun bloc premium de {count} \u2014 affichage des meilleures places disponibles"
+      "picker.premiumFallbackNote": "Aucun bloc premium de {count} \u2014 affichage des meilleures places disponibles",
+      "picker.loading3d": "Cr\xE9ation de la salle en 3D\u2026",
+      "picker.unavailable3d": "La 3D n\u2019a pas pu d\xE9marrer. Le plan des si\xE8ges reste disponible.",
+      "picker.jumpToSection": "Acc\xE9der \xE0 une section"
     };
   }
 });
@@ -211,6 +220,7 @@ __export(index_exports, {
   ACCESSIBILITY_RING_COLOR: () => ACCESSIBILITY_RING_COLOR,
   ACCESSIBILITY_TYPES: () => ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY: () => CHART_STORAGE_KEY,
+  CURRENCY_CHOICES: () => CURRENCY_CHOICES,
   DEFAULT_CURRENCY: () => DEFAULT_CURRENCY,
   LABEL_STYLE_MAX_SIZE: () => LABEL_STYLE_MAX_SIZE,
   LABEL_STYLE_MIN_SIZE: () => LABEL_STYLE_MIN_SIZE,
@@ -331,7 +341,10 @@ var SURROUNDINGS_SHAPE_ROLES = [
   "sound",
   "concession",
   "coat",
-  "wall"
+  "wall",
+  "rail",
+  "suite",
+  "obstruction"
 ];
 var SURROUNDINGS_SHAPE_ROLE_SET = new Set(SURROUNDINGS_SHAPE_ROLES);
 function layerOf(obj) {
@@ -360,6 +373,48 @@ function layerOf(obj) {
 }
 var CHART_STORAGE_KEY = "seatmap.chart";
 
+// src/core/textLayout.ts
+var glyphAdvance = (text) => Math.max(1, text.fontSize * 0.6 + (text.letterSpacing ?? 0));
+function wrappedLineCount(text, usableWidth) {
+  const explicit = text.text.split(/\r?\n/);
+  if (!text.width) return Math.max(1, explicit.length);
+  const perLine = Math.max(1, Math.floor(usableWidth / glyphAdvance(text)));
+  let lines = 0;
+  for (const source of explicit) {
+    if (!source.length) {
+      lines += 1;
+      continue;
+    }
+    let used = 0;
+    for (const word of source.split(/\s+/)) {
+      const length = word.length;
+      if (!used) {
+        lines += Math.max(1, Math.ceil(length / perLine));
+        used = length % perLine;
+      } else if (used + 1 + length <= perLine) used += 1 + length;
+      else {
+        lines += Math.max(1, Math.ceil(length / perLine));
+        used = length % perLine;
+      }
+    }
+  }
+  return Math.max(1, lines);
+}
+function textLayoutMetrics(text) {
+  const padding = text.background?.padding ?? 0;
+  const explicitLines = text.text.split(/\r?\n/);
+  const naturalWidth = Math.max(1, ...explicitLines.map((line) => line.length)) * glyphAdvance(text);
+  const width = text.width ?? naturalWidth + padding * 2;
+  const usableWidth = Math.max(1, width - padding * 2);
+  const lineCount = wrappedLineCount(text, usableWidth);
+  return {
+    width,
+    height: lineCount * text.fontSize * (text.lineHeight ?? 1.2) + padding * 2,
+    lineCount,
+    padding
+  };
+}
+
 // src/core/complexGeometry.ts
 function cubicPoint(path, t2) {
   const u = 1 - t2;
@@ -596,7 +651,8 @@ function resolveSegmentedRowGroups(objects) {
         displayLabel: first.displayLabel,
         totalSeats,
         canonical: ordered[0],
-        viewFromSeatUrl: first.viewFromSeatUrl
+        viewFromSeatUrl: first.viewFromSeatUrl,
+        viewFromSeatMeta: first.viewFromSeatMeta
       });
       adjacencyOffset += row.seatCount;
       displayOffset += row.seatCount;
@@ -1179,6 +1235,7 @@ function expandRowSlots(row, placement) {
       wheelchairSpaceType: o?.wheelchairSpaceType,
       commercial: Object.values(commercial).some((value) => value !== void 0 && value !== false && value !== "") ? commercial : void 0,
       viewUrl: o?.viewFromSeatUrl ?? row.viewFromSeatUrl,
+      viewMeta: o?.viewFromSeatUrl ? o.viewFromSeatMeta : row.viewFromSeatMeta,
       labelStyle: o?.labelStyle
     };
   });
@@ -1200,6 +1257,7 @@ function expandRow(row) {
       wheelchairSpaceType: slot.wheelchairSpaceType,
       commercial: slot.commercial,
       viewUrl: slot.viewUrl,
+      viewMeta: slot.viewMeta,
       labelStyle: slot.labelStyle
     });
   }
@@ -1238,6 +1296,7 @@ function expandTableSlots(t2) {
       wheelchairSpaceType: override?.wheelchairSpaceType,
       commercial: override?.commercial,
       viewUrl: override?.viewFromSeatUrl,
+      viewMeta: override?.viewFromSeatUrl ? override.viewFromSeatMeta : void 0,
       labelStyle: override?.labelStyle,
       ...side ? { side } : {}
     };
@@ -1309,6 +1368,7 @@ function expandTable(t2) {
     ...slot.wheelchairSpaceType ? { wheelchairSpaceType: slot.wheelchairSpaceType } : {},
     ...slot.commercial ? { commercial: slot.commercial } : {},
     ...slot.viewUrl ? { viewUrl: slot.viewUrl } : {},
+    ...slot.viewUrl && slot.viewMeta ? { viewMeta: slot.viewMeta } : {},
     ...slot.labelStyle ? { labelStyle: slot.labelStyle } : {}
   }));
 }
@@ -1491,7 +1551,10 @@ function expandFloorObjects(objects, zones, fallbackFocal, viewFallback) {
           if (!overrides2.get(physicalIndex)?.displayLabel) {
             seat.displayLabel = seatDisplayLabel(obj, physicalIndex, logical);
           }
-          seat.viewUrl ??= logical.viewFromSeatUrl;
+          if (!seat.viewUrl && logical.viewFromSeatUrl) {
+            seat.viewUrl = logical.viewFromSeatUrl;
+            seat.viewMeta = logical.viewFromSeatMeta;
+          }
         }
       }
     }
@@ -1500,8 +1563,14 @@ function expandFloorObjects(objects, zones, fallbackFocal, viewFallback) {
     const zone = owner?.zone ? zones?.find((candidate) => candidate.id === owner.zone) : void 0;
     const resolvedFocal = zone?.focalPoint ?? fallbackFocal;
     for (const seat of seats) {
-      if (inheritedView) seat.viewUrl ??= inheritedView;
-      if (viewFallback) seat.viewUrl ??= viewFallback;
+      if (!seat.viewUrl && inheritedView) {
+        seat.viewUrl = inheritedView;
+        seat.viewMeta = owner?.viewFromSeatMeta;
+      }
+      if (!seat.viewUrl && viewFallback) {
+        seat.viewUrl = viewFallback.url;
+        seat.viewMeta = viewFallback.meta;
+      }
       if (owner) seat.sectionId = owner.logicalSectionId ?? owner.id;
       if (owner?.zone) seat.zoneId = owner.zone;
       if (resolvedFocal) seat.focalPoint = { ...resolvedFocal };
@@ -1515,15 +1584,24 @@ function expandChart(doc, options = {}) {
     const out2 = [];
     for (const floor of doc.floors) {
       const floorFocal = floor.focalPoint ?? doc.focalPoint;
-      const floorView = floor.viewFromSeatUrl ?? doc.viewFromSeatUrl;
+      const floorView = floor.viewFromSeatUrl ? { url: floor.viewFromSeatUrl, meta: floor.viewFromSeatMeta } : doc.viewFromSeatUrl ? { url: doc.viewFromSeatUrl, meta: doc.viewFromSeatMeta } : void 0;
       const seats = expandFloorObjects(floor.objects, doc.zones, floorFocal, floorView);
-      assignEyeHeights(floor.objects, floor.focalPoint ?? doc.focalPoint, floor.baseHeightM ?? 0, seats);
+      if (options.resolveEyeHeights !== false) {
+        assignEyeHeights(floor.objects, floor.focalPoint ?? doc.focalPoint, floor.baseHeightM ?? 0, seats);
+      }
       out2.push(...seats);
     }
     return out2;
   }
-  const out = expandFloorObjects(doc.objects, doc.zones, doc.focalPoint, doc.viewFromSeatUrl);
-  assignEyeHeights(doc.objects, doc.focalPoint, options.floorBaseHeightM ?? 0, out);
+  const out = expandFloorObjects(
+    doc.objects,
+    doc.zones,
+    doc.focalPoint,
+    doc.viewFromSeatUrl ? { url: doc.viewFromSeatUrl, meta: doc.viewFromSeatMeta } : void 0
+  );
+  if (options.resolveEyeHeights !== false) {
+    assignEyeHeights(doc.objects, doc.focalPoint, options.floorBaseHeightM ?? 0, out);
+  }
   return out;
 }
 function assignEyeHeights(objects, focal, floorBaseHeightM, seats) {
@@ -1581,9 +1659,15 @@ function chartBounds(doc) {
     if (x > maxX) maxX = x;
     if (y > maxY) maxY = y;
   };
-  for (const s of expandChart(doc)) acc(s.x, s.y);
   for (const obj of allObjects(doc)) {
-    if (obj.type === "gaArea") {
+    if (obj.type === "row") {
+      const overrides2 = new Map((obj.overrides ?? []).map((override) => [override.index, override]));
+      rowSeatPositions(obj).forEach((point, index) => {
+        const override = overrides2.get(index);
+        if (override?.skip) return;
+        acc(point.x + (override?.dx ?? 0), point.y + (override?.dy ?? 0));
+      });
+    } else if (obj.type === "gaArea") {
       for (const p of obj.points) acc(p.x, p.y);
     } else if (obj.type === "section") {
       for (const p of obj.outline) acc(p.x, p.y);
@@ -1607,9 +1691,9 @@ function chartBounds(doc) {
       acc(obj.center.x - ext, obj.center.y - ext);
       acc(obj.center.x + ext, obj.center.y + ext);
     } else if (obj.type === "text") {
-      const w = obj.fontSize * obj.text.length * 0.6;
+      const box = textLayoutMetrics(obj);
       acc(obj.position.x, obj.position.y);
-      acc(obj.position.x + w, obj.position.y + obj.fontSize);
+      acc(obj.position.x + box.width, obj.position.y + box.height);
     }
   }
   for (const image of [doc.referenceImage, doc.backgroundImage]) {
@@ -2823,6 +2907,7 @@ function decomposeAffineLinear(affine) {
 
 // src/lib/money.ts
 var DEFAULT_CURRENCY = "USD";
+var CURRENCY_CHOICES = ["USD", "EUR", "GBP", "CAD", "AUD", "INR", "AED", "SGD", "JPY", "CHF", "SEK", "NZD", "ZAR", "MXN", "BRL"];
 var displayLocale;
 function setMoneyLocale(locale) {
   displayLocale = locale;
@@ -2903,7 +2988,7 @@ var en = {
   "picker.viewFromSeat": "View from seat {label}",
   "picker.real360": "REAL 360\xB0",
   "picker.preview": "PREVIEW",
-  "picker.sightline": "\u2248 {m} m to stage \xB7 clear sightline",
+  "picker.sightline": "\u2248 {m} m to stage",
   "picker.panorama360": "360\xB0 venue photo",
   "picker.illustrationCaption": "illustration \xB7 \u2248 {m} m from stage",
   "picker.restrictedView": "Restricted view",
@@ -2911,7 +2996,10 @@ var en = {
   "picker.premiumSeat": "Premium seat",
   "picker.hideLimitedView": "Hide limited-view seats",
   "picker.bestSeatsPremium": "Best seats",
-  "picker.premiumFallbackNote": "No premium block of {count} \u2014 showing best overall"
+  "picker.premiumFallbackNote": "No premium block of {count} \u2014 showing best overall",
+  "picker.loading3d": "Building the 3D venue\u2026",
+  "picker.unavailable3d": "3D could not start. The seat map is still available.",
+  "picker.jumpToSection": "Jump to section"
 };
 
 // src/i18n/index.ts
@@ -5854,7 +5942,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.freeTextById.set(obj.id, { node: label, background: "#232c40", kind: "table" });
   }
   renderText(obj) {
-    const background = this.canvasBackground;
+    const background = obj.background?.color ?? this.canvasBackground;
     const preferredInk = obj.color ?? this.theme.textColor ?? DEF_TEXT;
     const iconPath = obj.semanticKind === "icon" ? venueIconPath(obj.iconKey) : void 0;
     if (iconPath) {
@@ -5878,23 +5966,54 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.bgLayer.add(iconNode);
       return;
     }
+    const padding = obj.background?.padding ?? 0;
+    const opacity = obj.opacity ?? 1;
     const node = new import_Text.Text({
       x: obj.position.x,
       y: obj.position.y,
       text: obj.text,
       fontSize: obj.fontSize,
       rotation: obj.rotation,
-      fontStyle: konvaFontStyle(obj.bold, obj.italic, "normal"),
+      // Keep the buyer glyph metrics identical to Designer: wrapping must not
+      // gain or lose a line when the authored chart is published.
+      fontStyle: konvaFontStyle(obj.bold, obj.italic, "600"),
       // Authored ink remains preferred, but an embed/theme surface can change
       // the actual canvas. Fail over to readable black/white instead of
       // painting an otherwise valid caption invisibly on that active surface.
       fill: stateAwareBookableLabelInk(background, preferredInk),
       fontFamily: obj.fontFamily ?? this.labelFont(),
+      ...obj.width != null ? { width: obj.width } : {},
+      align: obj.align ?? "left",
+      lineHeight: obj.lineHeight ?? 1.2,
+      letterSpacing: obj.letterSpacing ?? 0,
+      textDecoration: obj.underline ? "underline" : "",
+      padding,
+      opacity,
+      wrap: "word",
       listening: false,
-      perfectDrawEnabled: false
+      perfectDrawEnabled: false,
+      name: "buyer-free-text"
     });
+    let backdrop;
+    if (obj.background) {
+      backdrop = new import_Rect.Rect({
+        x: obj.position.x,
+        y: obj.position.y,
+        width: node.width(),
+        height: node.height(),
+        rotation: obj.rotation,
+        fill: obj.background.color,
+        opacity: opacity * (obj.background.opacity ?? 0.9),
+        cornerRadius: obj.background.cornerRadius ?? 4,
+        listening: false,
+        perfectDrawEnabled: false,
+        name: "buyer-text-background"
+      });
+      this.bgLayer.add(backdrop);
+    }
     this.freeTextById.set(obj.id, {
       node,
+      backdrop,
       background,
       kind: "free-text"
     });
@@ -7674,10 +7793,12 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   }
   updateFreeTextVisibility() {
     const effectiveScale = this.exportMode ? Math.max(this.effScale(), LABEL_SCALE) : this.effScale();
-    for (const { objectId, node, categoryKey, kind } of this.freeTextById.values()) {
+    for (const { objectId, node, backdrop, categoryKey, kind } of this.freeTextById.values()) {
       const gaDimmed = categoryKey != null && (kind === "ga-label" || kind === "ga-capacity") && this.gaCategoryDimmed(categoryKey);
       const gaOverviewHidden = objectId != null && (kind === "ga-label" || kind === "ga-capacity") && this.gaById.get(objectId)?.sectionId != null && effectiveScale < CACHE_THRESHOLD;
-      node.visible(!gaDimmed && !gaOverviewHidden && isBookableLabelLegibleAtScale(node.fontSize(), effectiveScale));
+      const visible = !gaDimmed && !gaOverviewHidden && isBookableLabelLegibleAtScale(node.fontSize(), effectiveScale);
+      node.visible(visible);
+      backdrop?.visible(visible);
     }
     for (const { node, fontSize } of this.iconNodeById.values()) {
       node.visible(isBookableLabelLegibleAtScale(fontSize, effectiveScale));
@@ -8164,6 +8285,11 @@ function groupedTableInventory(doc, modelVersion) {
 // src/picker/PickerController.ts
 var DEFAULT_MAX_SELECTION = 10;
 var MAX_BACKOFF_MS = 15e3;
+var MAP_THEME_KEYS = ["background", "rowLabelColor", "textColor", "selectionColor"];
+function sameMapTheme(a, b) {
+  if (!a || !b) return !a && !b;
+  return MAP_THEME_KEYS.every((key) => a[key] === b[key]);
+}
 function errInfo(err) {
   const e = err ?? {};
   return { status: e.status, conflicts: e.conflicts, reason: e.reason };
@@ -8179,6 +8305,8 @@ var PickerController = class {
     this._doc = null;
     /** Section/zone ids hidden from buyers this event (3.3) — seats vanish, not grey. */
     this.hidden = /* @__PURE__ */ new Set();
+    /** Host overrides folded over the chart's own theme in `visibleDoc()`. */
+    this.mapTheme = null;
     /** Section/zone ids in the `closed` event-state (Phase 2) — seats stay, greyed
      *  + not pickable. Kept separate from `hidden` (which strips them). */
     this.closedSections = /* @__PURE__ */ new Set();
@@ -8214,6 +8342,16 @@ var PickerController = class {
     // hold state
     this.hold_ = null;
     this.liveStatuses = /* @__PURE__ */ new Map();
+    /**
+     * What a label absent from `liveStatuses` is.
+     *
+     * `free` while the verbose HTTP map is the source (it names every unit), but a
+     * compact realtime frame names only its exceptions — so on a mostly-sold event
+     * the seats NOT listed are the booked ones. Read through {@link statusOf};
+     * a bare `liveStatuses.get()` silently answers `undefined` for the majority of
+     * a sold-out venue.
+     */
+    this.liveDefault = "free";
     this.currency = "USD";
     this.expiryTimer = null;
     /** Whether the last emitted hint was non-null (avoids clearing repeatedly). */
@@ -8222,13 +8360,66 @@ var PickerController = class {
     this.api = options.transport;
     this.key = options.eventKey;
     this.maxSelection = options.maxSelection ?? DEFAULT_MAX_SELECTION;
+    this.mapTheme = options.mapTheme ?? null;
   }
   get doc() {
     return this._doc;
   }
-  /** The chart with hidden sections' seats removed — what buyers actually see. */
+  /**
+   * The chart with hidden sections' seats removed, and the host's map theme
+   * folded over the chart's own — what buyers actually see.
+   *
+   * THE THEME IS MERGED HERE rather than pushed at the renderer separately
+   * because the renderer reads its theme out of the document it is given. One
+   * merge point means every rebuild — a hidden section arriving mid-sale, a
+   * floor switch, a theme change — repaints from the same resolved theme
+   * instead of from whichever of two sources ran last.
+   *
+   * The chart's theme is the BASE and only named keys are overwritten, so a
+   * host that overrides the ground does not thereby erase the organizer's
+   * `seatScale`, `fontFamily`, logo or badge entitlement.
+   */
   visibleDoc() {
-    return this._doc ? applyHidden(this._doc, this.hidden) : { objects: [] };
+    if (!this._doc) return { objects: [] };
+    const doc = applyHidden(this._doc, this.hidden);
+    if (!this.mapTheme) return doc;
+    const theme = { ...doc.theme ?? {} };
+    for (const key of MAP_THEME_KEYS) {
+      const value = this.mapTheme[key];
+      if (value) theme[key] = value;
+    }
+    return { ...doc, theme };
+  }
+  /**
+   * Re-ink the drawn map, in place, without losing the buyer's place in it.
+   *
+   * WHY THIS IS A SETTER AND NOT A MOUNT OPTION. On a templated event page the
+   * palette is not known when the map mounts: the page config is a separate
+   * cached read and the map is explicitly not allowed to wait for it. The
+   * alternative — remounting the widget once the palette lands — would destroy
+   * a hold the buyer may already be holding.
+   *
+   * The rebuild is the SAME recipe `render()` uses (setChart → colorblind →
+   * closed sections → statuses), because setChart resets all four; the one
+   * addition is restoring the selection, which `render()` has no need to do.
+   * Statuses are repainted from the map already in memory rather than re-read,
+   * so this costs no round trip and cannot flash a stale seat.
+   *
+   * Returns whether anything actually changed, so a caller may call it freely.
+   */
+  setMapTheme(theme) {
+    if (sameMapTheme(this.mapTheme, theme ?? null)) return false;
+    this.mapTheme = theme ?? null;
+    const r = this.renderer;
+    if (!r) return true;
+    const selected = r.getSelection().map((seat) => seat.id);
+    const floorId = this.getActiveFloorId();
+    r.setChart(this.visibleDoc(), floorId ? { floorId } : void 0);
+    if (this.opts.colorblindSafe) r.setColorblindSafe?.(true);
+    if (this.closedSections.size) r.setClosedSections?.([...this.closedSections]);
+    this.applySeatsMap(Object.fromEntries(this.liveStatuses), this.liveDefault);
+    if (selected.length) r.select?.(selected);
+    return true;
   }
   /** Adopt a new hidden set; rebuild the visible chart only if it differs. */
   syncHidden(ids) {
@@ -8417,12 +8608,14 @@ var PickerController = class {
     }
     this.renderer = renderer;
     let seats = null;
+    let seatsDefault = "free";
     let closedIds = [];
     try {
       const objs = await this.api.objects(this.key);
       this.hidden = new Set(objs.hidden ?? []);
       closedIds = (objs.closed ?? []).filter((x) => typeof x === "string");
       seats = objs.seats;
+      seatsDefault = objs.default ?? "free";
     } catch {
     }
     if (this.closed) {
@@ -8434,7 +8627,7 @@ var PickerController = class {
     if (this.opts.colorblindSafe) renderer.setColorblindSafe?.(true);
     this.closedSections = new Set(closedIds);
     if (closedIds.length) renderer.setClosedSections?.(closedIds);
-    if (seats) this.applySeatsMap(seats);
+    if (seats) this.applySeatsMap(seats, seatsDefault);
     this.attachVisibilityListener();
     this.connect();
     return {
@@ -8443,6 +8636,7 @@ var PickerController = class {
       eventName: res.event.name,
       venue: res.event.venue,
       startsAt: res.event.startsAt,
+      timezone: res.event.timezone ?? null,
       currency,
       // 'test' ⇒ sandbox event: hosts render a TEST MODE ribbon (Phase 11).
       mode: res.event.mode ?? "live"
@@ -8751,7 +8945,7 @@ var PickerController = class {
         ...area.displayLabel ? { displayLabel: area.displayLabel } : {},
         ...area.displayType ? { displayType: area.displayType } : {},
         capacity: Math.max(0, Math.floor(area.capacity)),
-        available: gaUnitLabels(area).filter((label) => (this.liveStatuses.get(label) ?? "free") === "free").length,
+        available: gaUnitLabels(area).filter((label) => this.statusOf(label) === "free").length,
         categoryKey: area.categoryKey,
         tiers: category?.tiers,
         price: category?.tiers?.[0]?.price ?? category?.price ?? 0,
@@ -8765,7 +8959,7 @@ var PickerController = class {
     if (!doc || !Number.isFinite(qty) || qty < 1) return null;
     const area = gaAreasOf(doc).find((candidate) => candidate.id === areaId);
     if (!area) return null;
-    const labels = gaUnitLabels(area).filter((label) => !this.hold_?.labels.includes(label) && (this.liveStatuses.get(label) ?? "free") === "free").slice(0, Math.floor(qty));
+    const labels = gaUnitLabels(area).filter((label) => !this.hold_?.labels.includes(label) && this.statusOf(label) === "free").slice(0, Math.floor(qty));
     if (labels.length !== Math.floor(qty)) return null;
     const selections = /* @__PURE__ */ new Map();
     for (const item of this.hold_?.items ?? []) selections.set(item.label, {
@@ -9460,7 +9654,7 @@ var PickerController = class {
     try {
       const snap = await this.api.objects(this.key);
       if (this.hold_?.holdId !== hold.holdId) return;
-      this.applySeatsMap(snap.seats);
+      this.applySeatsMap(snap.seats, snap.default ?? "free");
     } catch {
       if (this.hold_?.holdId === hold.holdId) {
         this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 2e3);
@@ -9468,18 +9662,30 @@ var PickerController = class {
       return;
     }
     if (this.hold_?.holdId !== hold.holdId) return;
-    if (hold.labels.some((label) => this.liveStatuses.get(label) === "held")) {
+    if (hold.labels.some((label) => this.statusOf(label) === "held")) {
       this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 1e3);
       return;
     }
     this.clearHold();
     this.opts.onHoldExpired?.();
   }
-  applySeatsMap(seats) {
+  /**
+   * Repaint from an authoritative map of unit statuses.
+   *
+   * `defaultStatus` is what every unit NOT named in `seats` is. The verbose HTTP
+   * route names every unit and leaves it at `free`; the compact realtime frame
+   * names only the exceptions and states its own default, which on a mostly-sold
+   * event is `booked` rather than `free`. Applying a compact map while assuming
+   * `free` would paint a sold-out stadium as fully available, so the default is
+   * a parameter rather than a constant.
+   */
+  applySeatsMap(seats, defaultStatus = "free") {
     const r = this.renderer;
     if (!r) return;
     this.liveStatuses = new Map(Object.entries(seats));
-    if (this.allIds.length) r.setStatus(this.allIds, "free");
+    this.liveDefault = defaultStatus;
+    const defaultSeatStatus = mapStatus(defaultStatus);
+    if (this.allIds.length) r.setStatus(this.allIds, defaultSeatStatus);
     r.setOwnedHold?.(
       this.idsForLabels(this.hold_?.labels ?? [])
     );
@@ -9487,15 +9693,19 @@ var PickerController = class {
     for (const [label, st] of Object.entries(seats)) {
       byStatus[mapStatus(st)].push(...this.idsForLabel(label));
     }
-    ["held", "booked", "not_for_sale"].forEach((st) => {
-      if (byStatus[st].length) r.setStatus(byStatus[st], st);
+    ["free", "held", "booked", "not_for_sale"].forEach((st) => {
+      if (st !== defaultSeatStatus && byStatus[st].length) r.setStatus(byStatus[st], st);
     });
     this.clearBookedHoldIfSettled();
     this.opts.onStatusChange?.();
   }
+  /** The live status of one unit, honouring the projection's default. */
+  statusOf(label) {
+    return this.liveStatuses.get(label) ?? this.liveDefault;
+  }
   clearBookedHoldIfSettled() {
     const hold = this.hold_;
-    if (hold?.labels.every((label) => this.liveStatuses.get(label) === "booked")) {
+    if (hold?.labels.every((label) => this.statusOf(label) === "booked")) {
       this.clearHold();
       this.resetTableQuantitiesForLabels(hold.labels);
     }
@@ -9503,7 +9713,7 @@ var PickerController = class {
   async resnapshot() {
     try {
       const objs = await this.api.objects(this.key);
-      this.applySeatsMap(objs.seats);
+      this.applySeatsMap(objs.seats, objs.default ?? "free");
     } catch {
     }
   }
@@ -9561,6 +9771,7 @@ var PickerController = class {
   realtimeSink() {
     return {
       applyStatuses: (changes) => this.applyStatusChanges(changes),
+      applyProjection: (projection) => this.applySeatsMap(projection.exceptions, projection.default),
       resync: () => this.resnapshot(),
       onSections: (hidden, closed) => {
         const rebuilt = this.syncHidden(hidden);
@@ -10863,6 +11074,7 @@ async function loadLocale(code) {
   ACCESSIBILITY_RING_COLOR,
   ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY,
+  CURRENCY_CHOICES,
   DEFAULT_CURRENCY,
   LABEL_STYLE_MAX_SIZE,
   LABEL_STYLE_MIN_SIZE,