@seatlayer/core 0.7.3 → 0.9.0

package/dist/index.d.cts

@@ -1062,6 +1062,12 @@ interface PickerTransport {
     release(key: string, labels: string[], holdId: string): Promise<unknown>;
     /** Optional — the SDK omits booking (it hands the holdId to the host page). */
     book?(key: string, labels: string[], holdId: string, bookingRef: string): Promise<unknown>;
+    /** Optional (P4) — push an active hold's expiry out ("need more time?"). */
+    extend?(key: string, holdId: string, ttlMs?: number): Promise<{
+        holdId: string;
+        expiresAt: number;
+        extends?: number;
+    }>;
     socketUrl(key: string): string;
 }
 interface PickerCallbacks extends RendererCallbacks {
@@ -1168,6 +1174,15 @@ declare class PickerController {
      * there's nothing to hold.
      */
     hold(labelsArg?: string[], ttlMs?: number): Promise<HoldInfo | null>;
+    /**
+     * P4 "need more time?": extend the OPEN hold's server-side expiry and re-arm
+     * the client expiry timer to match (via setHold), so the controller doesn't
+     * fire a false expiry and start polling. Returns the new hold, or null if
+     * there's no open hold or the transport can't extend / the server refused
+     * (hold gone, expired, or at its renewal cap). Never throws for the refusal
+     * case — the caller decides the copy.
+     */
+    extendHold(ttlMs?: number): Promise<HoldInfo | null>;
     /** Public GA inventory derived from the live synthetic-unit status stream. */
     /**
      * Live seats-left per category key (status 'free' right now). Recompute on
@@ -1294,6 +1309,27 @@ declare class PickerController {
     private scheduleReconnect;
 }
 
+/**
+ * Synthetic view-from-seat panorama, generated from chart geometry alone.
+ *
+ * Draws a 2048×1024 equirectangular texture of a dark hall with the stage
+ * placed at the correct bearing and angular size for THIS seat — closer seats
+ * see a bigger stage, off-center seats see it at an angle. Used whenever the
+ * organizer hasn't uploaded a real photo/360 for the seat; both go through the
+ * same viewer.
+ *
+ * Equirectangular mapping: x = (yaw + 180°)/360° · W, y = (90° − pitch)/180° · H,
+ * where yaw 0 = the direction the camera faces by default.
+ */
+
+interface PanoramaResult {
+    url: string;
+    /** Meters from the stage, for the caption. */
+    distanceM: number;
+}
+declare function generateSeatPanorama(seat: ExpandedSeat, focalPoint: Point, neighborSeats: ExpandedSeat[]): PanoramaResult;
+declare function generateSeatThumb(seat: ExpandedSeat, focalPoint: Point, _neighborSeats?: ExpandedSeat[]): PanoramaResult;
+
 /**
  * i18n core — deliberately tiny and framework-free so the embed SDK can share
  * it without dragging in a runtime library (the 60KB-gzipped SDK budget is a
@@ -1366,4 +1402,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PanoramaResult, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, generateSeatPanorama, generateSeatThumb, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.d.ts

@@ -1062,6 +1062,12 @@ interface PickerTransport {
     release(key: string, labels: string[], holdId: string): Promise<unknown>;
     /** Optional — the SDK omits booking (it hands the holdId to the host page). */
     book?(key: string, labels: string[], holdId: string, bookingRef: string): Promise<unknown>;
+    /** Optional (P4) — push an active hold's expiry out ("need more time?"). */
+    extend?(key: string, holdId: string, ttlMs?: number): Promise<{
+        holdId: string;
+        expiresAt: number;
+        extends?: number;
+    }>;
     socketUrl(key: string): string;
 }
 interface PickerCallbacks extends RendererCallbacks {
@@ -1168,6 +1174,15 @@ declare class PickerController {
      * there's nothing to hold.
      */
     hold(labelsArg?: string[], ttlMs?: number): Promise<HoldInfo | null>;
+    /**
+     * P4 "need more time?": extend the OPEN hold's server-side expiry and re-arm
+     * the client expiry timer to match (via setHold), so the controller doesn't
+     * fire a false expiry and start polling. Returns the new hold, or null if
+     * there's no open hold or the transport can't extend / the server refused
+     * (hold gone, expired, or at its renewal cap). Never throws for the refusal
+     * case — the caller decides the copy.
+     */
+    extendHold(ttlMs?: number): Promise<HoldInfo | null>;
     /** Public GA inventory derived from the live synthetic-unit status stream. */
     /**
      * Live seats-left per category key (status 'free' right now). Recompute on
@@ -1294,6 +1309,27 @@ declare class PickerController {
     private scheduleReconnect;
 }
 
+/**
+ * Synthetic view-from-seat panorama, generated from chart geometry alone.
+ *
+ * Draws a 2048×1024 equirectangular texture of a dark hall with the stage
+ * placed at the correct bearing and angular size for THIS seat — closer seats
+ * see a bigger stage, off-center seats see it at an angle. Used whenever the
+ * organizer hasn't uploaded a real photo/360 for the seat; both go through the
+ * same viewer.
+ *
+ * Equirectangular mapping: x = (yaw + 180°)/360° · W, y = (90° − pitch)/180° · H,
+ * where yaw 0 = the direction the camera faces by default.
+ */
+
+interface PanoramaResult {
+    url: string;
+    /** Meters from the stage, for the caption. */
+    distanceM: number;
+}
+declare function generateSeatPanorama(seat: ExpandedSeat, focalPoint: Point, neighborSeats: ExpandedSeat[]): PanoramaResult;
+declare function generateSeatThumb(seat: ExpandedSeat, focalPoint: Point, _neighborSeats?: ExpandedSeat[]): PanoramaResult;
+
 /**
  * i18n core — deliberately tiny and framework-free so the embed SDK can share
  * it without dragging in a runtime library (the 60KB-gzipped SDK budget is a
@@ -1366,4 +1402,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PanoramaResult, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, generateSeatPanorama, generateSeatThumb, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.js

@@ -2816,6 +2816,26 @@ var PickerController = class {
       throw err;
     }
   }
+  /**
+   * P4 "need more time?": extend the OPEN hold's server-side expiry and re-arm
+   * the client expiry timer to match (via setHold), so the controller doesn't
+   * fire a false expiry and start polling. Returns the new hold, or null if
+   * there's no open hold or the transport can't extend / the server refused
+   * (hold gone, expired, or at its renewal cap). Never throws for the refusal
+   * case — the caller decides the copy.
+   */
+  async extendHold(ttlMs) {
+    const current = this.hold_;
+    if (!current || !this.api.extend) return null;
+    try {
+      const result = await this.api.extend(this.key, current.holdId, ttlMs);
+      if (this.hold_?.holdId !== current.holdId) return this.hold_;
+      this.setHold({ holdId: current.holdId, labels: current.labels, expiresAt: result.expiresAt, items: current.items });
+      return this.hold_;
+    } catch {
+      return null;
+    }
+  }
   /** Public GA inventory derived from the live synthetic-unit status stream. */
   /**
    * Live seats-left per category key (status 'free' right now). Recompute on
@@ -3401,6 +3421,202 @@ var PickerController = class {
   }
 };
 
+// src/view/generatePanorama.ts
+var W = 2048;
+var H = 1024;
+var UNIT = 0.55 / 24;
+var yawToX = (yawDeg) => (yawDeg + 180) / 360 * W;
+var pitchToY = (pitchDeg) => (90 - pitchDeg) / 180 * H;
+function generateSeatPanorama(seat, focalPoint, neighborSeats) {
+  const canvas = document.createElement("canvas");
+  canvas.width = W;
+  canvas.height = H;
+  const ctx = canvas.getContext("2d");
+  const dx = focalPoint.x - seat.x;
+  const dy = focalPoint.y - seat.y;
+  const distU = Math.hypot(dx, dy);
+  const distM = Math.max(2, distU * UNIT);
+  const sky = ctx.createLinearGradient(0, 0, 0, H);
+  sky.addColorStop(0, "#05070c");
+  sky.addColorStop(0.42, "#11172a");
+  sky.addColorStop(0.5, "#1a2238");
+  sky.addColorStop(0.56, "#10141f");
+  sky.addColorStop(1, "#07090f");
+  ctx.fillStyle = sky;
+  ctx.fillRect(0, 0, W, H);
+  const stageHalfYaw = Math.min(80, Math.atan2(4, distM) * 180 / Math.PI);
+  const stageTopPitch = Math.min(45, Math.atan2(5, distM) * 180 / Math.PI);
+  const stageBasePitch = Math.max(-30, -Math.atan2(1.1, distM) * 180 / Math.PI);
+  const sx0 = yawToX(-stageHalfYaw);
+  const sx1 = yawToX(stageHalfYaw);
+  const sy0 = pitchToY(stageTopPitch);
+  const sy1 = pitchToY(stageBasePitch);
+  const glow = ctx.createRadialGradient(W / 2, (sy0 + sy1) / 2, 10, W / 2, (sy0 + sy1) / 2, (sx1 - sx0) * 1.1);
+  glow.addColorStop(0, "rgba(129, 140, 248, 0.5)");
+  glow.addColorStop(0.5, "rgba(99, 102, 241, 0.16)");
+  glow.addColorStop(1, "rgba(99, 102, 241, 0)");
+  ctx.fillStyle = glow;
+  ctx.fillRect(sx0 - (sx1 - sx0) * 0.6, sy0 - (sy1 - sy0) * 1.2, (sx1 - sx0) * 2.2, (sy1 - sy0) * 3.4);
+  ctx.fillStyle = "#242c44";
+  ctx.fillRect(sx0, sy0, sx1 - sx0, sy1 - sy0);
+  const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
+  backdrop.addColorStop(0, "#7c5cff");
+  backdrop.addColorStop(0.5, "#e1447a");
+  backdrop.addColorStop(1, "#f59e0b");
+  ctx.globalAlpha = 0.75;
+  ctx.fillStyle = backdrop;
+  const inset = (sx1 - sx0) * 0.06;
+  ctx.fillRect(sx0 + inset, sy0 + (sy1 - sy0) * 0.12, sx1 - sx0 - inset * 2, (sy1 - sy0) * 0.62);
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "#0d1119";
+  ctx.fillRect(sx0, sy1 - (sy1 - sy0) * 0.1, sx1 - sx0, (sy1 - sy0) * 0.1);
+  const performerH = (sy1 - sy0) * 0.45;
+  ctx.fillStyle = "rgba(8, 10, 16, 0.85)";
+  for (const fx of [0.35, 0.5, 0.65]) {
+    const px = sx0 + (sx1 - sx0) * fx;
+    const py = sy1 - (sy1 - sy0) * 0.12;
+    ctx.beginPath();
+    ctx.arc(px, py - performerH * 0.82, performerH * 0.16, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillRect(px - performerH * 0.14, py - performerH * 0.68, performerH * 0.28, performerH * 0.68);
+  }
+  ctx.globalAlpha = 0.14;
+  ctx.fillStyle = "#c7d2fe";
+  for (const fx of [0.3, 0.5, 0.7]) {
+    const bx = sx0 + (sx1 - sx0) * fx;
+    ctx.beginPath();
+    ctx.moveTo(bx - 8, pitchToY(Math.min(60, stageTopPitch + 25)));
+    ctx.lineTo(bx - (sx1 - sx0) * 0.09, sy1);
+    ctx.lineTo(bx + (sx1 - sx0) * 0.09, sy1);
+    ctx.lineTo(bx + 8, pitchToY(Math.min(60, stageTopPitch + 25)));
+    ctx.closePath();
+    ctx.fill();
+  }
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "rgba(199, 210, 254, 0.8)";
+  for (let i = 0; i < 26; i++) {
+    const x = i / 26 * W;
+    const y = pitchToY(55 + i % 3 * 6);
+    ctx.beginPath();
+    ctx.arc(x, y, 3.2, 0, Math.PI * 2);
+    ctx.fill();
+  }
+  const stageBearing = Math.atan2(dx, -dy);
+  ctx.fillStyle = "rgba(16, 20, 30, 0.95)";
+  for (const other of neighborSeats) {
+    if (other.id === seat.id) continue;
+    const ox = other.x - seat.x;
+    const oy = other.y - seat.y;
+    const d = Math.hypot(ox, oy) * UNIT;
+    if (d < 0.3 || d > 14) continue;
+    const bearing = Math.atan2(ox, -oy) - stageBearing;
+    const yaw = (bearing * 180 / Math.PI + 540) % 360 - 180;
+    const headPitch = -Math.atan2(0.35, d) * 180 / Math.PI;
+    const headR = Math.min(46, 260 / (d / UNIT / 24 + 1.2) / 4);
+    const hx = yawToX(yaw);
+    const hy = pitchToY(headPitch);
+    ctx.beginPath();
+    ctx.arc(hx, hy, headR, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.beginPath();
+    ctx.ellipse(hx, hy + headR * 1.4, headR * 1.7, headR * 0.9, 0, Math.PI, 0, true);
+    ctx.fill();
+  }
+  const poleFade = ctx.createLinearGradient(0, 0, 0, H);
+  poleFade.addColorStop(0, "rgba(0,0,0,0.85)");
+  poleFade.addColorStop(0.12, "rgba(0,0,0,0)");
+  poleFade.addColorStop(0.88, "rgba(0,0,0,0)");
+  poleFade.addColorStop(1, "rgba(0,0,0,0.85)");
+  ctx.fillStyle = poleFade;
+  ctx.fillRect(0, 0, W, H);
+  return { url: canvas.toDataURL("image/jpeg", 0.82), distanceM: Math.round(distM) };
+}
+var TW = 480;
+var TH = 270;
+var HALF_HFOV = 50;
+var HALF_VFOV = 30;
+var yawToTX = (yawDeg) => (yawDeg + HALF_HFOV) / (2 * HALF_HFOV) * TW;
+var pitchToTY = (pitchDeg) => (HALF_VFOV - pitchDeg) / (2 * HALF_VFOV) * TH;
+function generateSeatThumb(seat, focalPoint, _neighborSeats) {
+  const canvas = document.createElement("canvas");
+  canvas.width = TW;
+  canvas.height = TH;
+  const ctx = canvas.getContext("2d");
+  const dx = focalPoint.x - seat.x;
+  const dy = focalPoint.y - seat.y;
+  const distM = Math.max(2, Math.hypot(dx, dy) * UNIT);
+  const sky = ctx.createLinearGradient(0, 0, 0, TH);
+  sky.addColorStop(0, "#05070c");
+  sky.addColorStop(0.44, "#141b30");
+  sky.addColorStop(0.5, "#1b2440");
+  sky.addColorStop(0.58, "#10141f");
+  sky.addColorStop(1, "#070910");
+  ctx.fillStyle = sky;
+  ctx.fillRect(0, 0, TW, TH);
+  const stageHalfYaw = Math.min(HALF_HFOV - 2, Math.atan2(4, distM) * 180 / Math.PI);
+  const stageTopPitch = Math.min(HALF_VFOV - 2, Math.atan2(5, distM) * 180 / Math.PI);
+  const stageBasePitch = Math.max(-HALF_VFOV + 2, -Math.atan2(1.1, distM) * 180 / Math.PI);
+  const sx0 = yawToTX(-stageHalfYaw);
+  const sx1 = yawToTX(stageHalfYaw);
+  const sy0 = pitchToTY(stageTopPitch);
+  const sy1 = pitchToTY(stageBasePitch);
+  const sw = sx1 - sx0;
+  const sh = sy1 - sy0;
+  const glow = ctx.createRadialGradient(TW / 2, (sy0 + sy1) / 2, 4, TW / 2, (sy0 + sy1) / 2, sw * 1.1);
+  glow.addColorStop(0, "rgba(129,140,248,0.5)");
+  glow.addColorStop(0.5, "rgba(99,102,241,0.15)");
+  glow.addColorStop(1, "rgba(99,102,241,0)");
+  ctx.fillStyle = glow;
+  ctx.fillRect(sx0 - sw * 0.6, sy0 - sh * 1.2, sw * 2.2, sh * 3.4);
+  ctx.fillStyle = "#242c44";
+  ctx.fillRect(sx0, sy0, sw, sh);
+  const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
+  backdrop.addColorStop(0, "#7c5cff");
+  backdrop.addColorStop(0.5, "#e1447a");
+  backdrop.addColorStop(1, "#f59e0b");
+  ctx.globalAlpha = 0.78;
+  ctx.fillStyle = backdrop;
+  const inset = sw * 0.06;
+  ctx.fillRect(sx0 + inset, sy0 + sh * 0.12, sw - inset * 2, sh * 0.62);
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "#0d1119";
+  ctx.fillRect(sx0, sy1 - sh * 0.1, sw, sh * 0.1);
+  const ph = sh * 0.45;
+  ctx.fillStyle = "rgba(8,10,16,0.85)";
+  for (const fx of [0.35, 0.5, 0.65]) {
+    const px = sx0 + sw * fx;
+    const py = sy1 - sh * 0.12;
+    ctx.beginPath();
+    ctx.arc(px, py - ph * 0.82, ph * 0.16, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.fillRect(px - ph * 0.14, py - ph * 0.68, ph * 0.28, ph * 0.68);
+  }
+  ctx.globalAlpha = 0.15;
+  ctx.fillStyle = "#c7d2fe";
+  for (const fx of [0.3, 0.5, 0.7]) {
+    const bx = sx0 + sw * fx;
+    ctx.beginPath();
+    ctx.moveTo(bx - 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
+    ctx.lineTo(bx - sw * 0.09, sy1);
+    ctx.lineTo(bx + sw * 0.09, sy1);
+    ctx.lineTo(bx + 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
+    ctx.closePath();
+    ctx.fill();
+  }
+  ctx.globalAlpha = 1;
+  ctx.fillStyle = "rgba(199,210,254,0.75)";
+  for (let i = 0; i < 8; i++) {
+    ctx.beginPath();
+    ctx.arc((i + 0.5) / 8 * TW, pitchToTY(HALF_VFOV - 4 - i % 2 * 3), 2.2, 0, Math.PI * 2);
+    ctx.fill();
+  }
+  ctx.fillStyle = "rgba(10,13,20,0.9)";
+  ctx.fillRect(0, TH - 26, TW, 26);
+  ctx.fillStyle = "rgba(30,37,54,0.9)";
+  for (let i = 0; i < 9; i++) ctx.fillRect(i * (TW / 9) + 6, TH - 22, TW / 9 - 12, 14);
+  return { url: canvas.toDataURL("image/jpeg", 0.8), distanceM: Math.round(distM) };
+}
+
 // src/i18n/bundles.ts
 var LOADERS = {
   es: () => import("./es-SKJTYKLL.js").then((m) => ({ default: m.es })),
@@ -3453,6 +3669,8 @@ export {
   gaAreasOf,
   gaUnitLabel,
   gaUnitLabels,
+  generateSeatPanorama,
+  generateSeatThumb,
   getLocale,
   hiddenObjectIds,
   isGaUnitLabel,