@seatlayer/core 0.23.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,31 +66,11 @@ 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",
@@ -131,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",
@@ -168,31 +124,11 @@ 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",
@@ -221,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",
@@ -258,31 +182,11 @@ 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",
@@ -343,6 +247,8 @@ __export(index_exports, {
   pointInPolygonWithHoles: () => pointInPolygonWithHoles,
   polygonLabelPoint: () => polygonLabelPoint,
   resolveLocale: () => resolveLocale,
+  rowSeatPositions: () => rowSeatPositions,
+  seatLabelPart: () => seatLabelPart,
   setLocale: () => setLocale,
   setMoneyLocale: () => setMoneyLocale,
   setStringOverrides: () => setStringOverrides,
@@ -465,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 [];
@@ -510,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 {
@@ -535,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,
@@ -1002,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");
 
@@ -1018,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;
 }
@@ -1097,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",
@@ -1134,31 +1116,11 @@ 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",
@@ -1217,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);
@@ -1506,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. */
@@ -1818,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();
@@ -2726,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);
       }
     }
   }
@@ -2781,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";
@@ -2894,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) {
@@ -4619,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();
@@ -4701,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";
@@ -5050,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,
@@ -5722,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,
@@ -6290,6 +6328,8 @@ async function loadLocale(code) {
   pointInPolygonWithHoles,
   polygonLabelPoint,
   resolveLocale,
+  rowSeatPositions,
+  seatLabelPart,
   setLocale,
   setMoneyLocale,
   setStringOverrides,