@seatlayer/core 0.22.0 → 0.24.0

package/dist/index.cjs

@@ -41,29 +41,17 @@ var init_es = __esm({
       "common.done": "Listo",
       "common.copied": "\u2713 Copiado",
       // buyer picker (extraction in progress — P4 of the port plan)
-      "picker.holdSeats": "Retener asientos y comprar",
-      "picker.completeBooking": "Completar reserva",
-      "picker.seatsHeld": "Asientos retenidos \u2014 {time}",
       "picker.holdExpired": "Tu retenci\xF3n expir\xF3 \u2014 los asientos fueron liberados. Elige de nuevo.",
-      "picker.seatTaken": "El asiento {label} fue tomado por otro comprador.",
       "picker.poweredBy": "Con la tecnolog\xEDa de SeatLayer",
       "picker.testMode": "MODO DE PRUEBA",
-      "picker.colorblind": "Colores aptos para daltonismo",
       "picker.orphanHint": "Esto deja un asiento aislado \u2014 considera desplazarte un asiento.",
-      "picker.seats.one": "{count} asiento",
-      "picker.seats.other": "{count} asientos",
       // renderer (drawn on the Konva map — shared by the embed SDK)
       "map.aria": "Mapa de asientos. Usa las flechas para moverte entre asientos, Intro para seleccionar.",
       "map.seatsLeft": "{count} LIBRES",
       "map.statusHeld": "En espera",
       "map.statusTaken": "Ocupado",
       "map.fromPrice": "DESDE {price}",
-      // buyer picker page (src/pages/PickerPage.tsx)
-      "picker.language": "Idioma",
-      "picker.zoomToFit": "Ajustar zoom",
-      "picker.seatCountLabel": "asientos",
-      "picker.capacity": "capacidad",
-      "picker.viewMode": "Modo de vista",
+      // buyer picker widget (src/picker/widget/SeatPicker.ts)
       "picker.floor": "Piso",
       "picker.zoomLevel": "Nivel de zoom",
       "picker.rungTip.zones": "Vista general \u2014 grupos de secciones como Grada norte o VIP",
@@ -78,37 +66,19 @@ var init_es = __esm({
       "picker.seatsLeftInSection.other": "{count} asientos disponibles",
       "picker.overview": "Descripci\xF3n general",
       "picker.tapSeatHint": "Toca cualquier asiento para ver su vista",
-      "picker.chartSize": "Tama\xF1o del gr\xE1fico",
-      "picker.custom": "Personalizado",
-      "picker.categories": "Categor\xEDas",
-      "picker.accessibility": "Accesibilidad",
-      "picker.showAnyAccessible": "Mostrar cualquier asiento accesible",
-      "picker.any": "Cualquiera",
-      "picker.yourSeats": "Tus asientos",
-      "picker.emptySeats": "Toca asientos en el mapa",
-      "picker.emptySeatsWithGa": "Toca asientos en el mapa \xB7 toca un \xE1rea de pie para entradas de entrada general",
-      "picker.oneFewer": "Uno menos",
-      "picker.oneMore": "Uno m\xE1s",
-      "picker.remove": "Eliminar {label}",
       "picker.ticketTierFor": "Categor\xEDa de entrada para {label}",
-      "picker.total": "Total: {amount}",
       "picker.viewFromSeat": "Vista desde el asiento {label}",
       "picker.real360": "REAL 360\xB0",
       "picker.preview": "VISTA PREVIA",
-      "picker.open360": "Abrir vista de 360\xB0",
       "picker.sightline": "\u2248 {m} m al escenario \xB7 visi\xF3n despejada",
-      "picker.bookedDemo": "\xA1Reservado! (demostraci\xF3n)",
-      "picker.bookButton.one": "Reservar {count} entrada \u2014 {amount}",
-      "picker.bookButton.other": "Reservar {count} entradas \u2014 {amount}",
-      "picker.simulateCrowd": "Simular multitud: {state}",
-      "picker.on": "ACTIVADO",
-      "picker.off": "DESACTIVADO",
       "picker.panorama360": "Foto de 360\xB0 del lugar",
       "picker.illustrationCaption": "ilustraci\xF3n \xB7 \u2248 {m} m del escenario",
       "picker.restrictedView": "Visibilidad restringida",
       "picker.obstructedView": "Visibilidad obstruida",
       "picker.premiumSeat": "Asiento premium",
-      "picker.hideLimitedView": "Ocultar asientos con visibilidad limitada"
+      "picker.hideLimitedView": "Ocultar asientos con visibilidad limitada",
+      "picker.bestSeatsPremium": "Mejores asientos",
+      "picker.premiumFallbackNote": "No hay un bloque premium de {count}: mostrando los mejores disponibles"
     };
   }
 });
@@ -129,29 +99,17 @@ var init_de = __esm({
       "common.done": "Fertig",
       "common.copied": "\u2713 Kopiert",
       // buyer picker (extraction in progress — P4 of the port plan)
-      "picker.holdSeats": "Pl\xE4tze reservieren & Kasse",
-      "picker.completeBooking": "Buchung abschlie\xDFen",
-      "picker.seatsHeld": "Pl\xE4tze reserviert \u2014 {time}",
       "picker.holdExpired": "Ihre Reservierung ist abgelaufen \u2014 die Pl\xE4tze wurden freigegeben. Bitte erneut ausw\xE4hlen.",
-      "picker.seatTaken": "Platz {label} wurde gerade von einem anderen K\xE4ufer gebucht.",
       "picker.poweredBy": "Bereitgestellt von SeatLayer",
       "picker.testMode": "TESTMODUS",
-      "picker.colorblind": "Farbenblind-freundliche Farben",
       "picker.orphanHint": "Dadurch bleibt ein einzelner Platz \xFCbrig \u2014 r\xFCcken Sie ggf. einen Platz weiter.",
-      "picker.seats.one": "{count} Platz",
-      "picker.seats.other": "{count} Pl\xE4tze",
       // renderer (drawn on the Konva map — shared by the embed SDK)
       "map.aria": "Sitzplan. Mit Pfeiltasten zwischen Pl\xE4tzen navigieren, Eingabe zum Ausw\xE4hlen.",
       "map.seatsLeft": "{count} FREI",
       "map.statusHeld": "Reserviert",
       "map.statusTaken": "Vergeben",
       "map.fromPrice": "AB {price}",
-      // buyer picker page (src/pages/PickerPage.tsx)
-      "picker.language": "Sprache",
-      "picker.zoomToFit": "Auf Gr\xF6\xDFe anpassen",
-      "picker.seatCountLabel": "Pl\xE4tze",
-      "picker.capacity": "Kapazit\xE4t",
-      "picker.viewMode": "Ansichtsmodus",
+      // buyer picker widget (src/picker/widget/SeatPicker.ts)
       "picker.floor": "Etage",
       "picker.zoomLevel": "Zoomstufe",
       "picker.rungTip.zones": "\xDCbersicht \u2014 Bereichsgruppen wie Nordtrib\xFCne oder VIP",
@@ -166,37 +124,19 @@ var init_de = __esm({
       "picker.seatsLeftInSection.other": "{count} Pl\xE4tze verf\xFCgbar",
       "picker.overview": "\xDCbersicht",
       "picker.tapSeatHint": "Tippen Sie auf einen Platz, um die Ansicht zu pr\xFCfen",
-      "picker.chartSize": "Kartengr\xF6\xDFe",
-      "picker.custom": "Benutzerdefiniert",
-      "picker.categories": "Kategorien",
-      "picker.accessibility": "Barrierefreiheit",
-      "picker.showAnyAccessible": "Jeden barrierefreien Platz anzeigen",
-      "picker.any": "Beliebig",
-      "picker.yourSeats": "Ihre Pl\xE4tze",
-      "picker.emptySeats": "Tippen Sie auf die Pl\xE4tze auf der Karte",
-      "picker.emptySeatsWithGa": "Tippen Sie auf die Pl\xE4tze auf der Karte \xB7 tippen Sie auf einen Stehbereich f\xFCr Stehplatztickets",
-      "picker.oneFewer": "Einen weniger",
-      "picker.oneMore": "Einen mehr",
-      "picker.remove": "{label} entfernen",
       "picker.ticketTierFor": "Ticketklasse f\xFCr {label}",
-      "picker.total": "Gesamt: {amount}",
       "picker.viewFromSeat": "Ansicht von Platz {label}",
       "picker.real360": "REAL 360\xB0",
       "picker.preview": "VORSCHAU",
-      "picker.open360": "\xD6ffnen Sie die 360\xB0-Ansicht",
       "picker.sightline": "\u2248 {m} m zur B\xFChne \xB7 freie Sicht",
-      "picker.bookedDemo": "Gebucht! (Demo)",
-      "picker.bookButton.one": "{count} Ticket buchen \u2014 {amount}",
-      "picker.bookButton.other": "{count} Tickets buchen \u2014 {amount}",
-      "picker.simulateCrowd": "Menschenmenge simulieren: {state}",
-      "picker.on": "AN",
-      "picker.off": "AUS",
       "picker.panorama360": "360\xB0-Veranstaltungsfotos",
       "picker.illustrationCaption": "Illustration \xB7 \u2248 {m} m von der B\xFChne",
       "picker.restrictedView": "Eingeschr\xE4nkte Sicht",
       "picker.obstructedView": "Sichtbehinderung",
       "picker.premiumSeat": "Premium-Platz",
-      "picker.hideLimitedView": "Pl\xE4tze mit eingeschr\xE4nkter Sicht ausblenden"
+      "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"
     };
   }
 });
@@ -217,29 +157,17 @@ var init_fr = __esm({
       "common.done": "Termin\xE9",
       "common.copied": "\u2713 Copi\xE9",
       // buyer picker (extraction in progress — P4 of the port plan)
-      "picker.holdSeats": "R\xE9server les si\xE8ges et valider",
-      "picker.completeBooking": "Terminer la r\xE9servation",
-      "picker.seatsHeld": "Si\xE8ges r\xE9serv\xE9s \u2014 {time}",
       "picker.holdExpired": "Votre r\xE9servation a expir\xE9 \u2014 les si\xE8ges ont \xE9t\xE9 lib\xE9r\xE9s. S\xE9lectionnez \xE0 nouveau.",
-      "picker.seatTaken": "Le si\xE8ge {label} vient d'\xEAtre r\xE9serv\xE9 par un autre acheteur.",
       "picker.poweredBy": "Propuls\xE9 par SeatLayer",
       "picker.testMode": "MODE TEST",
-      "picker.colorblind": "Couleurs adapt\xE9es au daltonisme",
       "picker.orphanHint": "Cela laisse un si\xE8ge isol\xE9 \u2014 pensez \xE0 vous d\xE9caler d'un si\xE8ge.",
-      "picker.seats.one": "{count} si\xE8ge",
-      "picker.seats.other": "{count} si\xE8ges",
       // renderer (drawn on the Konva map — shared by the embed SDK)
       "map.aria": "Plan de salle. Utilisez les fl\xE8ches pour naviguer entre les si\xE8ges, Entr\xE9e pour s\xE9lectionner.",
       "map.seatsLeft": "{count} LIBRES",
       "map.statusHeld": "En attente",
       "map.statusTaken": "Pris",
       "map.fromPrice": "D\xC8S {price}",
-      // buyer picker page (src/pages/PickerPage.tsx)
-      "picker.language": "Langue",
-      "picker.zoomToFit": "Ajuster le zoom",
-      "picker.seatCountLabel": "si\xE8ges",
-      "picker.capacity": "capacit\xE9",
-      "picker.viewMode": "Mode d'affichage",
+      // buyer picker widget (src/picker/widget/SeatPicker.ts)
       "picker.floor": "\xC9tage",
       "picker.zoomLevel": "Niveau de zoom",
       "picker.rungTip.zones": "Vue g\xE9n\xE9rale \u2014 groupes de sections comme Tribune nord ou VIP",
@@ -254,37 +182,19 @@ var init_fr = __esm({
       "picker.seatsLeftInSection.other": "{count} si\xE8ges restants",
       "picker.overview": "Vue d'ensemble",
       "picker.tapSeatHint": "Appuyez sur un si\xE8ge pour v\xE9rifier sa vue",
-      "picker.chartSize": "Taille du plan",
-      "picker.custom": "Personnalis\xE9",
-      "picker.categories": "Cat\xE9gories",
-      "picker.accessibility": "Accessibilit\xE9",
-      "picker.showAnyAccessible": "Afficher un si\xE8ge accessible",
-      "picker.any": "N'importe quel",
-      "picker.yourSeats": "Vos si\xE8ges",
-      "picker.emptySeats": "Appuyez sur les si\xE8ges sur le plan",
-      "picker.emptySeatsWithGa": "Appuyez sur les si\xE8ges sur le plan \xB7 appuyez sur une zone debout pour les billets GA",
-      "picker.oneFewer": "Un de moins",
-      "picker.oneMore": "Un de plus",
-      "picker.remove": "Supprimer {label}",
       "picker.ticketTierFor": "Cat\xE9gorie de billet pour {label}",
-      "picker.total": "Total : {amount}",
       "picker.viewFromSeat": "Vue depuis le si\xE8ge {label}",
       "picker.real360": "VRAI 360\xB0",
       "picker.preview": "APER\xC7U",
-      "picker.open360": "Ouvrir la vue \xE0 360\xB0",
       "picker.sightline": "\u2248 {m} m de la sc\xE8ne \xB7 vue d\xE9gag\xE9e",
-      "picker.bookedDemo": "R\xE9serv\xE9 ! (d\xE9mo)",
-      "picker.bookButton.one": "R\xE9server {count} billet \u2014 {amount}",
-      "picker.bookButton.other": "R\xE9server {count} billets \u2014 {amount}",
-      "picker.simulateCrowd": "Simuler la foule : {state}",
-      "picker.on": "ACTIV\xC9",
-      "picker.off": "D\xC9SACTIV\xC9",
       "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",
       "picker.obstructedView": "Vue obstru\xE9e",
       "picker.premiumSeat": "Place premium",
-      "picker.hideLimitedView": "Masquer les places \xE0 visibilit\xE9 r\xE9duite"
+      "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"
     };
   }
 });
@@ -337,6 +247,8 @@ __export(index_exports, {
   pointInPolygonWithHoles: () => pointInPolygonWithHoles,
   polygonLabelPoint: () => polygonLabelPoint,
   resolveLocale: () => resolveLocale,
+  rowSeatPositions: () => rowSeatPositions,
+  seatLabelPart: () => seatLabelPart,
   setLocale: () => setLocale,
   setMoneyLocale: () => setMoneyLocale,
   setStringOverrides: () => setStringOverrides,
@@ -459,6 +371,53 @@ function transformSectionOutlinePath(path, transform, radiusScale = 1, reflected
   };
 }
 
+// src/core/labeling.ts
+var FULL_ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+var LOWER_ALPHABET = "abcdefghijklmnopqrstuvwxyz";
+function toBijectiveBase(index, alphabet) {
+  const base = alphabet.length;
+  let n = index + 1;
+  let out = "";
+  while (n > 0) {
+    n -= 1;
+    const rem = n % base;
+    out = alphabet[rem] + out;
+    n = Math.floor(n / base);
+  }
+  return out;
+}
+function toLetters(value, lower = false) {
+  const alphabet = lower ? LOWER_ALPHABET : FULL_ALPHABET;
+  return toBijectiveBase(Math.max(0, Math.floor(value) - 1), alphabet);
+}
+var ROMAN_TABLE = [
+  [1e3, "M"],
+  [900, "CM"],
+  [500, "D"],
+  [400, "CD"],
+  [100, "C"],
+  [90, "XC"],
+  [50, "L"],
+  [40, "XL"],
+  [10, "X"],
+  [9, "IX"],
+  [5, "V"],
+  [4, "IV"],
+  [1, "I"]
+];
+function toRoman(value) {
+  if (!Number.isFinite(value) || value <= 0) return String(value);
+  let remaining = Math.floor(value);
+  let out = "";
+  for (const [n, sym] of ROMAN_TABLE) {
+    while (remaining >= n) {
+      out += sym;
+      remaining -= n;
+    }
+  }
+  return out;
+}
+
 // src/core/layout.ts
 function overrideAccessibility(o) {
   if (!o) return [];
@@ -504,24 +463,62 @@ function overrideMap(row) {
   if (row.overrides) for (const o of row.overrides) m.set(o.index, o);
   return m;
 }
-function expandRowSlots(row) {
-  const start = row.seatLabelStart ?? 1;
+function centerRank(n) {
+  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);
+  return rank;
+}
+function seatLabelPart(row, i) {
+  const rawStart = row.seatLabelStart ?? 1;
   const dir = row.seatNumbering?.direction ?? "ltr";
   const step = row.seatNumbering?.step ?? 1;
+  const scheme = row.seatNumbering?.scheme ?? "decimal";
+  const prefix = row.seatNumbering?.prefix ?? "";
+  const endAt = row.seatNumbering?.endAt;
   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;
+  if (scheme === "updown") {
+    const half = Math.ceil(n / 2);
+    const core2 = i < half ? rawStart + 2 * i : rawStart - 1 + 2 * (n - i);
+    return `${prefix}${core2}`;
+  }
+  const effStep = scheme === "odd" || scheme === "even" ? 2 : step;
+  const start = endAt != null && Number.isFinite(endAt) ? endAt - (n - 1) * effStep : rawStart;
+  const p = dir === "center" ? centerRank(n)[i] : dir === "rtl" ? n - 1 - i : i;
+  let core;
+  switch (scheme) {
+    case "odd": {
+      const firstOdd = start % 2 === 1 ? start : start + 1;
+      core = String(firstOdd + p * 2);
+      break;
+    }
+    case "even": {
+      const firstEven = start % 2 === 0 ? start : start + 1;
+      core = String(firstEven + p * 2);
+      break;
+    }
+    case "roman":
+      core = toRoman(start + p * step);
+      break;
+    case "letters-upper":
+      core = toLetters(start + p * step, false);
+      break;
+    case "letters-lower":
+      core = toLetters(start + p * step, true);
+      break;
+    case "decimal":
+    default:
+      core = String(start + p * step);
+      break;
   }
+  return `${prefix}${core}`;
+}
+function expandRowSlots(row) {
   const ov = overrideMap(row);
   return rowSeatPositions(row).map((p, i) => {
     const o = ov.get(i);
     const accessibility = overrideAccessibility(o);
-    const inventoryLabel = o?.label ?? `${row.label}-${seatNumber(i)}`;
+    const part = seatLabelPart(row, i);
+    const inventoryLabel = o?.label ?? `${row.label}-${part}`;
     const displayPrefix = row.displayLabel ?? row.label;
     const commercial = { ...row.commercial, ...o?.commercial };
     return {
@@ -529,7 +526,7 @@ function expandRowSlots(row) {
       x: p.x + (o?.dx ?? 0),
       y: p.y + (o?.dy ?? 0),
       label: inventoryLabel,
-      displayLabel: o?.displayLabel ?? `${displayPrefix}-${seatNumber(i)}`,
+      displayLabel: o?.displayLabel ?? `${displayPrefix}-${part}`,
       categoryKey: o?.categoryKey ?? row.categoryKey,
       skipped: !!o?.skip,
       accessible: accessibility.length > 0,
@@ -671,8 +668,8 @@ function polygonLabelPoint(outer, holes) {
   const xs = outer.map((point) => point.x);
   const ys = outer.map((point) => point.y);
   const bounds = { minX: Math.min(...xs), maxX: Math.max(...xs), minY: Math.min(...ys), maxY: Math.max(...ys) };
-  const centroid = polygonCentroid(outer);
-  if (pointInPolygonWithHoles(centroid, outer, holes)) return centroid;
+  const centroid2 = polygonCentroid(outer);
+  if (pointInPolygonWithHoles(centroid2, outer, holes)) return centroid2;
   let best = outer[0];
   let bestScore = -Infinity;
   const rings = [outer, ...holes ?? []];
@@ -996,6 +993,7 @@ var import_Rect = require("konva/lib/shapes/Rect");
 var import_Ellipse = require("konva/lib/shapes/Ellipse");
 var import_Line = require("konva/lib/shapes/Line");
 var import_Text = require("konva/lib/shapes/Text");
+var import_Path = require("konva/lib/shapes/Path");
 var import_Image = require("konva/lib/shapes/Image");
 var import_Shape = require("konva/lib/Shape");
 
@@ -1012,6 +1010,8 @@ var LIGHT_BOOKABLE_LABEL_INK = "#ffffff";
 function isBookableLabelLegibleAtScale(fontSize, effectiveScale) {
   return fontSize * effectiveScale >= MIN_VISIBLE_BOOKABLE_LABEL_PX;
 }
+var ACCESS_GLYPH_VIEWBOX = 24;
+var ACCESS_GLYPH_PATH = "M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z";
 function bookableMarkerLabel(publicLabel) {
   return /-(\d{1,5})$/.exec(publicLabel)?.[1] ?? publicLabel;
 }
@@ -1091,29 +1091,17 @@ var en = {
   "common.done": "Done",
   "common.copied": "\u2713 Copied",
   // buyer picker
-  "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 SeatLayer",
   "picker.testMode": "TEST MODE",
-  "picker.colorblind": "Colorblind-friendly colors",
   "picker.orphanHint": "This leaves a single seat stranded \u2014 consider shifting one seat over.",
-  "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}",
   "map.statusHeld": "On hold",
   "map.statusTaken": "Taken",
-  // buyer picker page (src/pages/PickerPage.tsx)
-  "picker.language": "Language",
-  "picker.zoomToFit": "Zoom to fit",
-  "picker.seatCountLabel": "seats",
-  "picker.capacity": "capacity",
-  "picker.viewMode": "View mode",
+  // buyer picker widget (src/picker/widget/SeatPicker.ts)
   "picker.floor": "Floor",
   "picker.zoomLevel": "Zoom level",
   "picker.rungTip.zones": "Venue overview \u2014 groups of sections such as North Stand or VIP",
@@ -1128,37 +1116,19 @@ var en = {
   "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 {m} m to stage \xB7 clear sightline",
-  "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",
   "picker.restrictedView": "Restricted view",
   "picker.obstructedView": "Obstructed view",
   "picker.premiumSeat": "Premium seat",
-  "picker.hideLimitedView": "Hide limited-view seats"
+  "picker.hideLimitedView": "Hide limited-view seats",
+  "picker.bestSeatsPremium": "Best seats",
+  "picker.premiumFallbackNote": "No premium block of {count} \u2014 showing best overall"
 };
 
 // src/i18n/index.ts
@@ -1209,6 +1179,7 @@ var CACHE_THRESHOLD = 0.55 * SEAT_LEGIBLE_SCALE;
 var LABEL_SCALE = MIN_VISIBLE_BOOKABLE_LABEL_PX / SEAT_LABEL_FONT_SIZE;
 var MIN_FITTED_SEAT_LABEL_FONT_SIZE = 4;
 var SEAT_TAP_SLOP_PX = 14;
+var SEAT_GLYPH_MIN_PX = 6.5;
 var SECTION_PROMINENT_SCALE = 0.45 * SEAT_LEGIBLE_SCALE;
 var BLOCK_MELT_TOP = 0.9 * SEAT_LEGIBLE_SCALE;
 var SEAT_FOCUS_SCALE = Math.max(SEAT_LEGIBLE_SCALE * 1.1, BLOCK_MELT_TOP);
@@ -1498,6 +1469,15 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.boothLabelById = /* @__PURE__ */ new Map();
     /** Viewport seat labels are rebuilt after each settled camera change. */
     this.seatLabelById = /* @__PURE__ */ new Map();
+    /** Coloured accommodation ring per accessible seat (few per chart). */
+    this.accessRingById = /* @__PURE__ */ new Map();
+    /** Centred accessibility glyph per accessible seat — shown once the seat is
+     *  big enough on-screen (see {@link SEAT_GLYPH_MIN_PX}); the ring is the
+     *  smaller-zoom fallback. Kept in a map so zoom toggles touch only the handful
+     *  of accessible seats, never all 13k nodes. */
+    this.accessGlyphById = /* @__PURE__ */ new Map();
+    /** Whether the accessibility glyph is legible at the current camera scale. */
+    this.accessGlyphVisible = false;
     /** Authored free-text nodes obey the same rendered-size visibility floor. */
     this.freeTextById = /* @__PURE__ */ new Map();
     /** Stage/rink landmarks retain a readable screen-space caption at overview. */
@@ -1810,6 +1790,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.boothDims.clear();
     this.boothLabelById.clear();
     this.seatLabelById.clear();
+    this.accessRingById.clear();
+    this.accessGlyphById.clear();
     this.freeTextById.clear();
     this.primaryFocalLabels.clear();
     this.gaById.clear();
@@ -2718,18 +2700,21 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.paintSeat(c, seat.id);
       target.add(c);
       if (seat.accessible) {
-        target.add(
-          new import_Circle.Circle({
-            x: seat.x,
-            y: seat.y,
-            radius: this.seatR + 1,
-            stroke: accessibilityRingColor(seat.accessibility),
-            strokeWidth: 2,
-            listening: false,
-            perfectDrawEnabled: false,
-            shadowForStrokeEnabled: false
-          })
-        );
+        const ring = new import_Circle.Circle({
+          x: seat.x,
+          y: seat.y,
+          radius: this.seatR + 1.5,
+          stroke: accessibilityRingColor(seat.accessibility),
+          strokeWidth: 2.5,
+          listening: false,
+          perfectDrawEnabled: false,
+          shadowForStrokeEnabled: false
+        });
+        this.accessRingById.set(seat.id, ring);
+        target.add(ring);
+        const glyph = this.buildAccessGlyph(seat, typeof c.fill() === "string" ? c.fill() : "");
+        this.accessGlyphById.set(seat.id, glyph);
+        target.add(glyph);
       }
     }
   }
@@ -2773,6 +2758,53 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     target.add(t2);
     this.paintSeat(rect, seat.id);
   }
+  /**
+   * Build the centred accessibility glyph for a seat. Sized relative to the seat
+   * radius (so it always fills the marker at any zoom) and given a contrast-aware
+   * fill against the seat's paint — recomputed per state in {@link paintSeat}.
+   */
+  buildAccessGlyph(seat, seatFill) {
+    const k = this.seatR * 1.5 / ACCESS_GLYPH_VIEWBOX;
+    return new import_Path.Path({
+      x: seat.x,
+      y: seat.y,
+      data: ACCESS_GLYPH_PATH,
+      offsetX: ACCESS_GLYPH_VIEWBOX / 2,
+      offsetY: ACCESS_GLYPH_VIEWBOX / 2,
+      scaleX: k,
+      scaleY: k,
+      fill: stateAwareBookableLabelInk(seatFill, "#ffffff"),
+      listening: false,
+      visible: this.accessGlyphVisible,
+      perfectDrawEnabled: false,
+      shadowForStrokeEnabled: false
+    });
+  }
+  /**
+   * Toggle the accessibility glyphs for the current camera scale: shown once the
+   * effective on-screen seat radius clears {@link SEAT_GLYPH_MIN_PX}, otherwise
+   * hidden so only the ring remains. Iterates the (small) accessible-seat set,
+   * never the full node graph, so it is cheap to call on every view change.
+   */
+  updateAccessGlyphs(scale) {
+    if (!this.accessGlyphById.size) return;
+    this.accessGlyphVisible = this.seatR * scale >= SEAT_GLYPH_MIN_PX;
+    for (const [id, glyph] of this.accessGlyphById) {
+      glyph.visible(this.accessGlyphVisible && this.accessGlyphEligible(id));
+    }
+  }
+  /**
+   * Whether an accessible seat's glyph should show for its current status. It is
+   * hidden on seats a buyer cannot take (sold, or another buyer's hold) where the
+   * overlay status cue (diagonal mark / lock) carries the state instead — mirrors
+   * the `unavailable` test in {@link updateLabels} so the two never collide.
+   */
+  accessGlyphEligible(id) {
+    const status = this.statusById.get(id) ?? "free";
+    if (status === "booked") return false;
+    if (status === "held" && !this.ownedHold.has(id) && !this.opts.manageMode) return false;
+    return true;
+  }
   /** The category's display color — Okabe-Ito hue when colorblind-safe is on. */
   seatBaseColor(categoryKey) {
     if (!this.colorblind) return this.catColor.get(categoryKey) ?? "#6e7bff";
@@ -2886,6 +2918,14 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         isBookableLabelLegibleAtScale(bookableLabel.fontSize(), this.effScale()) && c.opacity() >= 0.5
       );
     }
+    const accessGlyph = this.accessGlyphById.get(id);
+    if (accessGlyph) {
+      const fill = c.fill();
+      accessGlyph.fill(stateAwareBookableLabelInk(typeof fill === "string" ? fill : "", "#ffffff"));
+      accessGlyph.opacity(c.opacity());
+      accessGlyph.visible(this.accessGlyphVisible && this.accessGlyphEligible(id));
+    }
+    this.accessRingById.get(id)?.opacity(c.opacity());
   }
   /** True when a seat sits in a section/zone currently marked `closed`. */
   seatInClosedSection(id) {
@@ -3364,7 +3404,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
    * Membership and category mix are still precomputed for the detailed state.
    */
   renderSection(obj) {
-    const centroid = polygonLabelPoint(obj.outline, obj.holes);
+    const centroid2 = polygonLabelPoint(obj.outline, obj.holes);
     const palette = overviewPalette(this.canvasBackground);
     const memberIds = [];
     const catCounts = /* @__PURE__ */ new Map();
@@ -3426,8 +3466,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const preferredInk = labelStyle?.color ?? palette.sectionInk;
     const labelScale = (labelStyle?.size ?? 18) / 18;
     const nameLabel = new import_Text.Text({
-      x: obj.labelPresentation?.position?.x ?? centroid.x,
-      y: obj.labelPresentation?.position?.y ?? centroid.y,
+      x: obj.labelPresentation?.position?.x ?? centroid2.x,
+      y: obj.labelPresentation?.position?.y ?? centroid2.y,
       text: obj.displayLabel ?? obj.label,
       rotation: obj.labelPresentation?.rotation ?? 0,
       visible: obj.labelPresentation?.visible !== false,
@@ -3442,8 +3482,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     nameLabel.offsetY(nameLabel.height() / 2);
     bgTarget.add(nameLabel);
     const subLabel = new import_Text.Text({
-      x: centroid.x,
-      y: centroid.y,
+      x: centroid2.x,
+      y: centroid2.y,
       text: t("map.seatsLeft", { count: free }),
       fontSize: 12,
       fontStyle: "700",
@@ -3462,8 +3502,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       outline: obj.outline,
       ...obj.outlinePath ? { outlinePath: obj.outlinePath } : {},
       holes: obj.holes ?? [],
-      centroid,
-      labelAnchors: polygonLabelCandidates(obj.outline, obj.holes ?? [], centroid),
+      centroid: centroid2,
+      labelAnchors: polygonLabelCandidates(obj.outline, obj.holes ?? [], centroid2),
       zone: obj.zone,
       memberIds,
       total: memberIds.length,
@@ -4611,6 +4651,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (this.hasSections) this.applySectionLod(scale);
     else if (this.primaryFocalLabels.size) this.bgLayer.batchDraw();
     this.paintGAStateForView();
+    this.updateAccessGlyphs(scale);
     const shouldCache = scale < CACHE_THRESHOLD;
     if (shouldCache && !this.cached) {
       this.cacheSeatLayer();
@@ -4693,6 +4734,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     for (const seat of this.seats) {
       if (seat.kind === "booth") continue;
       if (seat.x < x0 || seat.x > x1 || seat.y < y0 || seat.y > y1) continue;
+      if (seat.accessible && this.accessGlyphVisible) continue;
       const shape = this.circleById.get(seat.id);
       if ((shape?.opacity() ?? 1) < 0.5) continue;
       const status = this.statusById.get(seat.id) ?? "free";
@@ -4823,6 +4865,103 @@ function strandedSingles(seats, statusOf, selectedIds) {
   return out;
 }
 
+// src/core/bestAvailable.ts
+function seatIndex2(seat, fallback) {
+  const i = seat.id.lastIndexOf(":");
+  if (i < 0) return fallback;
+  const n = Number(seat.id.slice(i + 1));
+  return Number.isFinite(n) ? n : fallback;
+}
+function dist2(a, b) {
+  const dx = a.x - b.x;
+  const dy = a.y - b.y;
+  return dx * dx + dy * dy;
+}
+function centroid(seats) {
+  let x = 0;
+  let y = 0;
+  for (const s of seats) {
+    x += s.x;
+    y += s.y;
+  }
+  return { x: x / seats.length, y: y / seats.length };
+}
+function isPremium(seat) {
+  return seat.commercial?.premium === true;
+}
+function pickBestAvailable(seats, available, opts) {
+  const qty = Math.floor(opts.qty);
+  if (!Number.isFinite(qty) || qty <= 0) return { labels: [], reason: "sold_out" };
+  const { categoryKey, focal, preferPremium } = opts;
+  const rows = /* @__PURE__ */ new Map();
+  const eligibleAll = [];
+  seats.forEach((seat, i) => {
+    const elig = available.has(seat.label) && (!categoryKey || seat.categoryKey === categoryKey);
+    let arr = rows.get(seat.rowId);
+    if (!arr) {
+      arr = [];
+      rows.set(seat.rowId, arr);
+    }
+    arr.push({ seat, index: seatIndex2(seat, i), elig });
+    if (elig) eligibleAll.push(seat);
+  });
+  if (eligibleAll.length === 0) return { labels: [], reason: "sold_out" };
+  let best = null;
+  const better = (c) => {
+    if (!best) return true;
+    if (preferPremium && c.nonPremium !== best.nonPremium) return c.nonPremium < best.nonPremium;
+    if (c.orphan !== best.orphan) return c.orphan < best.orphan;
+    if (c.d2 !== best.d2) return c.d2 < best.d2;
+    const r = c.rowId.localeCompare(best.rowId);
+    if (r !== 0) return r < 0;
+    return c.startIndex < best.startIndex;
+  };
+  for (const [rowId, slotsUnsorted] of rows) {
+    const slots = [...slotsUnsorted].sort((a, b) => a.index - b.index);
+    let i = 0;
+    while (i < slots.length) {
+      if (!slots[i].elig) {
+        i++;
+        continue;
+      }
+      let j = i;
+      while (j < slots.length && slots[j].elig) j++;
+      const segLen = j - i;
+      for (let p = 0; p + qty <= segLen; p++) {
+        const leftRem = p;
+        const rightRem = segLen - (p + qty);
+        const orphan = leftRem === 1 || rightRem === 1 ? 1 : 0;
+        const runSeats = slots.slice(i + p, i + p + qty).map((s) => s.seat);
+        const c = {
+          labels: runSeats.map((s) => s.label),
+          seats: runSeats,
+          rowId,
+          startIndex: slots[i + p].index,
+          orphan,
+          nonPremium: preferPremium ? runSeats.reduce((n, s) => n + (isPremium(s) ? 0 : 1), 0) : 0,
+          d2: dist2(centroid(runSeats), focal)
+        };
+        if (better(c)) best = c;
+      }
+      i = j;
+    }
+  }
+  if (best) return { labels: best.labels };
+  if (eligibleAll.length < qty) return { labels: [], reason: "not_enough_together" };
+  const ranked = eligibleAll.map((seat, i) => ({ seat, i, d2: dist2(seat, focal) })).sort((a, b) => {
+    if (preferPremium) {
+      const pa = isPremium(a.seat) ? 0 : 1;
+      const pb = isPremium(b.seat) ? 0 : 1;
+      if (pa !== pb) return pa - pb;
+    }
+    if (a.d2 !== b.d2) return a.d2 - b.d2;
+    const r = a.seat.rowId.localeCompare(b.seat.rowId);
+    if (r !== 0) return r;
+    return seatIndex2(a.seat, a.i) - seatIndex2(b.seat, b.i);
+  });
+  return { labels: ranked.slice(0, qty).map((r) => r.seat.label) };
+}
+
 // src/picker/PickerController.ts
 var DEFAULT_MAX_SELECTION = 10;
 var MAX_BACKOFF_MS = 15e3;
@@ -4945,9 +5084,11 @@ var PickerController = class {
       this.allIds.push(s.id);
       const source = chartObjects.get(s.rowId);
       const sourceLabel = source && "label" in source && typeof source.label === "string" ? source.label : void 0;
-      const rowLabel = s.kind === "booth" ? void 0 : sourceLabel;
-      const labelParts = s.label.split("-");
-      const seatNumber = rowLabel && s.label.startsWith(`${rowLabel}-`) ? s.label.slice(rowLabel.length + 1) : s.kind === "booth" ? s.label : labelParts[labelParts.length - 1] ?? s.label;
+      const sourceDisplayLabel = source && "displayLabel" in source && typeof source.displayLabel === "string" && source.displayLabel ? source.displayLabel : sourceLabel;
+      const rowLabel = s.kind === "booth" ? void 0 : sourceDisplayLabel;
+      const visibleSeatLabel = s.displayLabel ?? s.label;
+      const labelParts = visibleSeatLabel.split("-");
+      const seatNumber = sourceDisplayLabel && visibleSeatLabel.startsWith(`${sourceDisplayLabel}-`) ? visibleSeatLabel.slice(sourceDisplayLabel.length + 1) : s.kind === "booth" ? visibleSeatLabel : labelParts[labelParts.length - 1] ?? visibleSeatLabel;
       this.seatContext.set(s.id, {
         sectionLabel: sectionLabels.get(membership.objectToSection.get(s.rowId) ?? ""),
         rowLabel,
@@ -5174,10 +5315,77 @@ var PickerController = class {
     this.setHold({ holdId: result.holdId, labels: combined.map((s) => s.label), expiresAt: result.expiresAt, items: result.items });
     return this.hold_;
   }
-  /** Server-picks `qty` best free seats and holds them atomically. Throws on failure. */
-  async bestAvailable(qty, categoryKey) {
+  /** True when any seat on the visible chart carries the `premium` commercial
+   *  flag — gates the buyer widget's "★ Best seats" premium quick-pick (chip is
+   *  present-only, exactly like the accessibility filter chips). */
+  hasPremiumSeats() {
+    for (const seat of this.labelToSeat.values()) {
+      if (seat.commercial?.premium) return true;
+    }
+    return false;
+  }
+  /**
+   * Client-side premium pre-pass: find the best contiguous block of `qty`
+   * PREMIUM-flagged free seats (orphan-avoiding, closest to the focal point)
+   * using the local seat geometry + live availability, mirroring the server's
+   * held-back exclusion via the visible (hidden-stripped) chart and current
+   * seat status. Returns a FULL premium block of `qty`, or null when none
+   * exists (the caller then falls back to the normal server pick).
+   */
+  pickPremiumBlock(qty, categoryKey) {
+    const doc = this.visibleDoc();
+    if (!doc?.objects?.length) return null;
+    const focal = doc.focalPoint ?? { x: 0, y: 0 };
+    const seats = expandChart(doc);
+    const held = new Set(this.hold_?.labels ?? []);
+    const available = /* @__PURE__ */ new Set();
+    for (const seat of seats) {
+      if (held.has(seat.label)) continue;
+      const id = this.labelToId.get(seat.label);
+      const status = id ? this.getStatus(id) : void 0;
+      if ((status ?? "free") === "free") available.add(seat.label);
+    }
+    const pick = pickBestAvailable(seats, available, { qty, categoryKey, focal, preferPremium: true });
+    if (pick.labels.length !== qty) return null;
+    const allPremium = pick.labels.every((l) => this.labelToSeat.get(l)?.commercial?.premium);
+    return allPremium ? [...pick.labels] : null;
+  }
+  /**
+   * Server-picks `qty` best free seats and holds them atomically. Throws on
+   * failure. With `preferPremium`, first tries to hold the best PREMIUM block
+   * locally; when none matches the requested quantity it falls back to the
+   * normal server pick (the widget surfaces a subtle note on that fallback).
+   */
+  async bestAvailable(qty, categoryKey, opts = {}) {
     const r = this.renderer;
     if (!r) return null;
+    if (opts.preferPremium) {
+      const block = this.pickPremiumBlock(qty, categoryKey);
+      if (block) {
+        if (this.hold_ && !await this.release()) return null;
+        try {
+          const selection = block.map((label) => {
+            const seat = this.labelToSeat.get(label);
+            const resolved = seat ? this.toSeat(seat) : null;
+            return { label, ...resolved?.tierId ? { tierId: resolved.tierId } : {} };
+          });
+          const result = await this.api.hold(this.key, selection);
+          r.clearSelection();
+          const ids = block.map((l) => this.labelToId.get(l)).filter((v) => !!v);
+          if (ids.length) r.setStatus(ids, "held");
+          this.setHold({ holdId: result.holdId, labels: [...block], expiresAt: result.expiresAt, items: result.items });
+          const seats = block.map((l) => this.labelToSeat.get(l)).filter((s) => !!s).map((s) => this.toSeat(s));
+          this.opts.onSelectionChange?.(seats);
+          return this.hold_;
+        } catch (err) {
+          const { status, reason } = errInfo(err);
+          if (status === 409 && reason === "event_closed") {
+            this.opts.onSalesClosed?.();
+            throw err;
+          }
+        }
+      }
+    }
     if (this.hold_ && !await this.release()) return null;
     try {
       const result = await this.api.bestAvailable(this.key, qty, categoryKey);
@@ -5550,14 +5758,16 @@ var PickerController = class {
   // ---- internals ------------------------------------------------------------
   toSeat(s) {
     const commercial = s.commercial ? { commercial: s.commercial } : void 0;
+    const display = s.displayLabel ? { displayLabel: s.displayLabel } : void 0;
     const tiers = this.tiersFor(s.categoryKey);
     if (!tiers) {
-      return { id: s.id, label: s.label, categoryKey: s.categoryKey, price: this.priceFor(s.categoryKey), ...commercial };
+      return { id: s.id, label: s.label, ...display, categoryKey: s.categoryKey, price: this.priceFor(s.categoryKey), ...commercial };
     }
     const chosen = tiers.find((t2) => t2.id === this.seatTiers.get(s.id)) ?? tiers[0];
     return {
       id: s.id,
       label: s.label,
+      ...display,
       categoryKey: s.categoryKey,
       price: chosen.price,
       tiers,
@@ -6118,6 +6328,8 @@ async function loadLocale(code) {
   pointInPolygonWithHoles,
   polygonLabelPoint,
   resolveLocale,
+  rowSeatPositions,
+  seatLabelPart,
   setLocale,
   setMoneyLocale,
   setStringOverrides,