@seatlayer/js 0.47.2 → 0.48.1

package/dist/index.cjs

@@ -431,6 +431,99 @@ async function parse(res) {
   }
   return data;
 }
+function record(value) {
+  return value && typeof value === "object" ? value : {};
+}
+function finite(primary, legacy, fallback = 0) {
+  if (typeof primary === "number" && Number.isFinite(primary)) return primary;
+  if (typeof legacy === "number" && Number.isFinite(legacy)) return legacy;
+  return fallback;
+}
+function nullableFinite(primary, legacy) {
+  if (primary === null) return null;
+  if (typeof primary === "number" && Number.isFinite(primary)) return primary;
+  if (primary !== void 0) return null;
+  if (typeof legacy === "number" && Number.isFinite(legacy)) return legacy;
+  return null;
+}
+function normalizeSection(value) {
+  const row = record(value);
+  const bookedValue = finite(row.bookedValue, row.bookedRevenue);
+  return { ...row, bookedValue, bookedRevenue: bookedValue };
+}
+function normalizeReportResult(value) {
+  const source = record(value);
+  const report = record(source.report);
+  const byCategory = Array.isArray(report.byCategory) ? report.byCategory.map((value2) => {
+    const row = record(value2);
+    const bookedValue = finite(row.bookedValue, row.bookedRevenue);
+    return { ...row, bookedValue, bookedRevenue: bookedValue };
+  }) : [];
+  const bySection = Array.isArray(report.bySection) ? report.bySection.map(normalizeSection) : void 0;
+  return {
+    ...source,
+    report: { ...report, byCategory, ...bySection ? { bySection } : {} }
+  };
+}
+function normalizeControlRoomSnapshot(value) {
+  const source = record(value);
+  const canonical = record(source.bookedValue);
+  const legacy = record(source.revenue);
+  const selected = Object.keys(canonical).length ? canonical : legacy;
+  const bySectionSource = Array.isArray(canonical.bySection) ? canonical.bySection : Array.isArray(legacy.bySection) ? legacy.bySection : [];
+  const bookedValue = {
+    ...selected,
+    gross: finite(canonical.gross, legacy.gross),
+    bySection: bySectionSource.map(normalizeSection)
+  };
+  const velocity = record(source.velocity);
+  const velocityRows = Array.isArray(velocity.bySection) ? velocity.bySection.map((value2) => {
+    const row = record(value2);
+    const rowValue = finite(row.bookedValue, row.grossRevenue);
+    return { ...row, bookedValue: rowValue, grossRevenue: rowValue };
+  }) : [];
+  return {
+    ...source,
+    bookedValue,
+    revenue: bookedValue,
+    velocity: { ...velocity, bySection: velocityRows }
+  };
+}
+function normalizeChannelReportResult(value) {
+  const source = record(value);
+  const report = record(source.report);
+  const includesBookedValue = typeof report.includesBookedValue === "boolean" ? report.includesBookedValue : report.includesRevenue === true;
+  const rows = Array.isArray(report.rows) ? report.rows.map((value2) => {
+    const row = record(value2);
+    const attribution = record(row.attribution);
+    const bookedValue = nullableFinite(attribution.bookedValue, attribution.revenue);
+    return {
+      ...row,
+      attribution: { ...attribution, bookedValue, revenue: bookedValue }
+    };
+  }) : [];
+  const totals = record(report.totals);
+  const totalBookedValue = nullableFinite(totals.bookedValue, totals.revenue);
+  return {
+    ...source,
+    report: {
+      ...report,
+      includesBookedValue,
+      includesRevenue: includesBookedValue,
+      rows,
+      totals: { ...totals, bookedValue: totalBookedValue, revenue: totalBookedValue }
+    }
+  };
+}
+function normalizeChannelReportLink(value) {
+  const link = record(value);
+  const includesBookedValue = typeof link.includesBookedValue === "boolean" ? link.includesBookedValue : link.includesRevenue === true;
+  return {
+    ...link,
+    includesBookedValue,
+    includesRevenue: includesBookedValue
+  };
+}
 var ManageApiError, ManageApi;
 var init_manageApi = __esm({
   "src/manageApi.ts"() {
@@ -465,13 +558,28 @@ var init_manageApi = __esm({
         }
         return fetch(`${this.base}${path}`, { method, headers, body, credentials: "omit" }).then((r) => parse(r));
       }
-      pub(path) {
-        return fetch(`${this.base}${path}`, { credentials: "omit" }).then((r) => parse(r));
+      async authBlob(path) {
+        const res = await fetch(`${this.base}${path}`, {
+          method: "GET",
+          headers: { Authorization: `Bearer ${this.token}` },
+          credentials: "omit"
+        });
+        if (!res.ok) await parse(res);
+        return res.blob();
       }
       // ---- realtime read ----
-      /** The chart geometry. Genuinely public — it is the same map buyers see. */
+      /** Event-pinned organizer geometry. A manage token is never sent to `/pub`. */
       chart(key) {
-        return this.pub(`/pub/events/${encodeURIComponent(key)}/chart`);
+        return this.auth(`/v1/events/${encodeURIComponent(key)}/chart`);
+      }
+      /** Authenticated bytes for an Event-scoped organizer chart asset. */
+      asset(key, asset) {
+        if (!/^[a-zA-Z0-9._-]+$/.test(asset)) {
+          return Promise.reject(new ManageApiError(404, "not_found", "not_found"));
+        }
+        return this.authBlob(
+          `/v1/events/${encodeURIComponent(key)}/assets/${encodeURIComponent(asset)}`
+        );
       }
       /**
        * The ORGANIZER's seat map: physical state, token-authed.
@@ -531,6 +639,31 @@ var init_manageApi = __esm({
       setHoldTtl(key, holdTtlMs) {
         return this.auth(`/v1/events/${encodeURIComponent(key)}/hold-ttl`, { method: "POST", body: { holdTtlMs } });
       }
+      // ---- Platform inventory booking history (token) ----
+      /** Inventory lifecycle by stable integrator bookingRef. Absent on Managed. */
+      bookings(key, query = {}) {
+        const params = new URLSearchParams();
+        if (query.q) params.set("q", query.q);
+        if (query.state) params.set("state", query.state);
+        if (query.cursor) params.set("cursor", query.cursor);
+        if (query.limit != null) params.set("limit", String(query.limit));
+        const qs = params.toString();
+        return this.auth(`/v1/events/${encodeURIComponent(key)}/bookings${qs ? `?${qs}` : ""}`);
+      }
+      /** Exact configured-value snapshot plus book/replay/cancellation audit. */
+      booking(key, bookingRef) {
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/bookings/${encodeURIComponent(bookingRef)}`
+        );
+      }
+      /** Alias matching the server SDK vocabulary. */
+      listBookings(key, query = {}) {
+        return this.bookings(key, query);
+      }
+      /** Alias matching the server SDK vocabulary. */
+      retrieveBooking(key, bookingRef) {
+        return this.booking(key, bookingRef);
+      }
       // ---- availability windows (token) ----
       /** The organizer's current per section/zone availability windows (needs
        *  `event:view`). Ids absent from `rules` are open / on sale. */
@@ -712,10 +845,46 @@ var init_manageApi = __esm({
       }
       // ---- reports (token) ----
       report(key) {
-        return this.auth(`/v1/events/${encodeURIComponent(key)}/report`);
+        return this.auth(`/v1/events/${encodeURIComponent(key)}/report`).then(normalizeReportResult);
       }
       controlRoom(key, windowMinutes = 15) {
-        return this.auth(`/v1/events/${encodeURIComponent(key)}/control-room?window=${windowMinutes}`);
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/control-room?window=${windowMinutes}`
+        ).then(normalizeControlRoomSnapshot);
+      }
+      /** Allocation beside immutable booking-time channel attribution. */
+      channelReport(key) {
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/channels/report`
+        ).then(normalizeChannelReportResult);
+      }
+      createChannelReportLink(key, channelId, input = {}) {
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links`,
+          { method: "POST", body: input }
+        ).then((value) => {
+          const reveal = record(value);
+          return { ...reveal, link: normalizeChannelReportLink(reveal.link) };
+        });
+      }
+      channelReportLinks(key, channelId) {
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links`
+        ).then((value) => {
+          const result = record(value);
+          return {
+            links: Array.isArray(result.links) ? result.links.map(normalizeChannelReportLink) : []
+          };
+        });
+      }
+      revokeChannelReportLink(key, channelId, linkId) {
+        return this.auth(
+          `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links/${encodeURIComponent(linkId)}`,
+          { method: "DELETE" }
+        ).then((value) => {
+          const result = record(value);
+          return { ...result, link: normalizeChannelReportLink(result.link) };
+        });
       }
       log(key, opts = {}) {
         const params = new URLSearchParams();
@@ -4446,9 +4615,54 @@ var PubApi = class {
     }
     return data;
   }
+  /**
+   * Binary counterpart to `request`. Buyer media needs the same in-memory
+   * bearer/refresh rules as JSON, but returns bytes that the picker turns into
+   * a blob URL. The bearer stays in the Authorization header and is never
+   * appended to `path`.
+   */
+  async requestBlob(path, retried = {}) {
+    const headers = {};
+    const authorization = await this.access?.authorization(retried.auth ? "unauthorized" : "initial");
+    if (authorization) headers.Authorization = authorization;
+    const res = await fetch(`${this.base}${path}`, { method: "GET", headers, credentials: "omit" });
+    if (res.ok) return res.blob();
+    const isJson = (res.headers.get("content-type") ?? "").includes("application/json");
+    const data = isJson ? await res.json().catch(() => null) : null;
+    const code = data?.code ?? data?.error;
+    if (this.access?.configured && (res.status === 401 || res.status === 403 || res.status === 422)) {
+      const refreshed = await this.access.handleFailure(res.status, code);
+      if (refreshed && !retried.auth) return this.requestBlob(path, { ...retried, auth: true });
+    }
+    let retryAfterS;
+    if (res.status === 429) {
+      retryAfterS = parseRetryAfter(res.headers.get("Retry-After"), data?.retryAfterSeconds) ?? DEFAULT_RATE_LIMIT_WAIT_S;
+      if (!retried.rateLimit && retryAfterS <= MAX_RATE_LIMIT_WAIT_S) {
+        await new Promise((resolve) => setTimeout(resolve, retryAfterS * 1e3));
+        return this.requestBlob(path, { ...retried, rateLimit: true });
+      }
+    }
+    throw new ApiError(
+      res.status,
+      data?.error ?? `request_failed_${res.status}`,
+      code,
+      void 0,
+      void 0,
+      retryAfterS
+    );
+  }
   chart(key) {
     return this.request(`/pub/events/${encodeURIComponent(key)}/chart`);
   }
+  /** Authenticated bytes for an Event-scoped authored view image. */
+  asset(key, asset) {
+    if (!/^[a-zA-Z0-9._-]+$/.test(asset)) {
+      return Promise.reject(new ApiError(404, "not_found", "not_found"));
+    }
+    return this.requestBlob(
+      `/pub/events/${encodeURIComponent(key)}/assets/${encodeURIComponent(asset)}`
+    );
+  }
   objects(key) {
     return this.request(`/pub/events/${encodeURIComponent(key)}/objects?compact=1`);
   }
@@ -4551,12 +4765,11 @@ var PubApi = class {
   /**
    * What PickerController opens its own socket with.
    *
-   * Empty for an access-scoped client: a private scope authenticates with a
+   * Empty for an access-scoped client: a scoped audience authenticates with a
    * subprotocol ticket, which a URL-only constructor cannot carry, so the SDK's
    * BuyerRealtimeClient owns that socket instead and the controller skips its
    * own (an empty URL is its documented "no live feed" contract). A tokenless
-   * public client returns exactly the URL it always has, so nothing about the
-   * public picker's realtime path changes.
+   * Managed public client returns exactly the URL it always has.
    */
   socketUrl(key) {
     return this.accessScoped ? "" : this.subscribeUrl(key);
@@ -5902,6 +6115,81 @@ var import_core2 = require("@seatlayer/core");
 var import_panorama = require("@seatlayer/core/view3d/crossfade/panorama");
 var import_panoramaDelivery = require("@seatlayer/core/view/panoramaDelivery");
 
+// src/buyerAssets.ts
+var SAFE_ASSET = /^[a-zA-Z0-9._-]+$/;
+function buyerEventAssetReference(value) {
+  let url;
+  try {
+    url = new URL(value, "https://seatlayer.invalid");
+  } catch {
+    return null;
+  }
+  if (url.search || url.hash) return null;
+  const match = /^\/pub\/events\/([^/]+)\/assets\/([^/]+)$/.exec(url.pathname);
+  if (!match) return null;
+  try {
+    const eventKey = decodeURIComponent(match[1]);
+    const asset = decodeURIComponent(match[2]);
+    if (!eventKey || !SAFE_ASSET.test(asset)) return null;
+    return { eventKey, asset };
+  } catch {
+    return null;
+  }
+}
+function looksLikeBuyerAsset(value) {
+  try {
+    return /^\/pub\/events\/[^/]+\/assets(?:\/|$)/.test(
+      new URL(value, "https://seatlayer.invalid").pathname
+    );
+  } catch {
+    return false;
+  }
+}
+var BuyerAssetObjectUrls = class {
+  constructor(eventKey, load) {
+    this.eventKey = eventKey;
+    this.load = load;
+    this.pending = /* @__PURE__ */ new Map();
+    this.created = /* @__PURE__ */ new Set();
+    this.disposed = false;
+  }
+  /**
+   * External organizer/CDN URLs pass through unchanged. SeatLayer event assets
+   * never do: they require the transport, and a reference for another Event is
+   * refused instead of being loaded anonymously.
+   */
+  resolve(reference) {
+    const parsed = buyerEventAssetReference(reference);
+    if (!parsed) {
+      return Promise.resolve(looksLikeBuyerAsset(reference) ? null : reference);
+    }
+    if (parsed.eventKey !== this.eventKey || !this.load || this.disposed) return Promise.resolve(null);
+    const existing = this.pending.get(reference);
+    if (existing) return existing;
+    const task = this.load(this.eventKey, parsed.asset).then((blob) => {
+      const objectUrl = URL.createObjectURL(blob);
+      if (this.disposed) {
+        URL.revokeObjectURL(objectUrl);
+        return null;
+      }
+      this.created.add(objectUrl);
+      return objectUrl;
+    }).catch((error) => {
+      this.pending.delete(reference);
+      throw error;
+    });
+    this.pending.set(reference, task);
+    return task;
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    for (const url of this.created) URL.revokeObjectURL(url);
+    this.created.clear();
+    this.pending.clear();
+  }
+};
+
 // src/offerAvailability.ts
 var SALE_STATES = [
   "on-sale",
@@ -6160,6 +6448,16 @@ var CSS2 = (
 .sl-close.on{display:inline-flex}
 .sl-close svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
 
+/* A page or popup may already own the event heading. In that case only the
+   duplicate identity disappears; operational header controls stay available.
+   Zero block padding lets an otherwise-empty header collapse completely. */
+.sl-picker[data-event-details-hidden="true"] .sl-head{padding-block:0;border-bottom-width:0}
+.sl-picker[data-event-details-hidden="true"] .sl-logo,
+.sl-picker[data-event-details-hidden="true"] .sl-head-info{display:none!important}
+.sl-picker[data-event-details-hidden="true"] .sl-hold-pill.on,
+.sl-picker[data-event-details-hidden="true"] .sl-closed-pill.on,
+.sl-picker[data-event-details-hidden="true"] .sl-close.on{margin-block:10px}
+
 /* body */
 .sl-body{display:flex;flex:1;min-height:0}
 .sl-map{position:relative;flex:1;min-width:0}
@@ -6177,7 +6475,7 @@ var CSS2 = (
 .sl-picker[data-layout="narrow"] .sl-side{width:100%;border-left:0;border-top:1px solid var(--sl-line);
   flex:none;height:min(72%,480px);overflow:hidden;transition:height .3s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
 .sl-picker[data-layout="narrow"][data-sheet="open"][data-has-selection="false"] .sl-side{height:min(252px,52%)}
-.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side{height:86px;overflow:hidden}
+.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side{height:76px;overflow:hidden}
 .sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side > :not(.sl-sheet-head){display:none}
 .sl-picker[data-layout="narrow"] .sl-tray{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .sl-picker[data-layout="narrow"] .sl-foot{position:static;background:var(--sl-bg)}
@@ -6212,9 +6510,10 @@ var CSS2 = (
    head is the tap/swipe toggle target (min 44px), so it reads as one control. */
 .sl-sheet-head{display:none;flex-direction:column;justify-content:center;padding:6px 12px 8px;min-height:56px;
   cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;flex:none}
-.sl-picker[data-layout="narrow"] .sl-sheet-head{display:flex}
-.sl-sheet-grab{width:36px;height:4px;border-radius:999px;background:var(--sl-muted);opacity:.55;margin:2px auto 7px}
-.sl-sheet-bar{display:flex;align-items:center;gap:10px;min-height:26px}
+.sl-picker[data-layout="narrow"] .sl-sheet-head{display:flex;min-height:64px;padding:4px 10px 6px}
+.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-sheet-head{height:100%}
+.sl-sheet-grab{width:36px;height:4px;border-radius:999px;background:var(--sl-muted);opacity:.55;margin:1px auto 5px}
+.sl-sheet-bar{display:flex;align-items:center;gap:8px;min-height:44px}
 .sl-sheet-peek{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--sl-text);
   white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sl-sheet-peek .sub{color:var(--sl-muted);font-weight:600}
@@ -6242,7 +6541,7 @@ var CSS2 = (
 .sl-picker[data-layout="narrow"][data-has-selection="true"] .sl-filtersec.has,
 .sl-picker[data-layout="narrow"][data-has-selection="true"] .sl-filters.has{display:none}
 /* Accessibility and colour-safety controls must remain reachable on phones.
-   Keep them out of the 86px peek, then reveal their consolidated row whenever
+   Keep them out of the collapsed peek, then reveal their consolidated row whenever
    the buyer explicitly opens the ticket panel. */
 .sl-picker[data-layout="narrow"][data-sheet="open"] .sl-filtersec.has{display:block!important}
 .sl-picker[data-layout="narrow"][data-sheet="open"] .sl-filters.has{display:flex!important}
@@ -6385,15 +6684,10 @@ var CSS2 = (
 .sl-picker .sl-cta:disabled{background:var(--sl-surface);color:var(--sl-muted);opacity:1;
   cursor:not-allowed;filter:none;transform:none}
 
-/* Chrome anchor regions (Feature 6) \u2014 every persistent map overlay is APPENDED
+/* Chrome anchor regions (Feature 6) \u2014 every interactive map overlay is APPENDED
    INTO one of these positioned flex containers and flows/stacks within it, so no
-   two pieces of chrome free-float on top of each other. Regions never overlap:
-   the top strip splits into left/center/right; rails + corners own their edge. */
-/* align-items:center, not the flex default of stretch. Without it a short pill
-   beside a taller control (TEST MODE next to the Map/3D toggle) is stretched to
-   the row's height, so two pills that should read as a matched pair end up
-   different shapes on different baselines. Column regions set their own
-   cross-axis alignment below and are unaffected. */
+   two controls free-float on top of each other. Regions never overlap: the top
+   strip splits into left/center/right; rails + corners own their edge. */
 .sl-anchor{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;pointer-events:none}
 .sl-anchor > *{pointer-events:auto}
 .sl-anchor[data-region="top-left"]{top:12px;left:12px;flex-wrap:wrap;max-width:38%}
@@ -6409,18 +6703,17 @@ var CSS2 = (
 .sl-picker[data-layout="narrow"] .sl-anchor[data-region="top-left"]{max-width:30%}
 .sl-picker[data-layout="narrow"] .sl-anchor[data-region="top-center"]{max-width:44%}
 
-/* TEST MODE badge \u2014 a small pill in the top-right region (shrinks on narrow) */
-/* align-self:stretch, not a hardcoded height: the badge sits beside the Map/3D
-   toggle, whose height comes from its own border + padding + button metrics.
-   Stretching matches that row exactly and keeps matching if the toggle ever
-   changes, while the badge's own inline-flex keeps the label centred inside
-   whatever height it gets. Alone in the region it simply takes its natural
-   size. */
-.sl-testbadge{display:inline-flex;align-items:center;align-self:stretch;padding:0 12px;border-radius:999px;
-  font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1;
-  text-transform:uppercase;white-space:nowrap;background:var(--sl-accent);color:var(--sl-accent-ink);
-  box-shadow:0 2px 8px rgba(0,0,0,.25)}
-.sl-picker[data-layout="narrow"] .sl-testbadge{padding:0 8px;font-size:8.5px;letter-spacing:.06em}
+/* TEST MODE is environment context, not an action. A clipped corner ribbon
+   keeps it persistent without impersonating a button or competing with Map/3D.
+   The top-left interactive region moves below it only on test events. */
+.sl-testbadge{position:absolute;top:17px;left:-38px;z-index:6;width:142px;padding:5px 0;
+  transform:rotate(-45deg);text-align:center;pointer-events:none;
+  font-size:9.5px;font-weight:850;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;
+  white-space:nowrap;background:var(--sl-accent);color:var(--sl-accent-ink);
+  box-shadow:0 2px 8px rgba(0,0,0,.28)}
+.sl-picker[data-event-mode="test"] .sl-anchor[data-region="top-left"]{top:96px}
+.sl-picker[data-layout="narrow"] .sl-testbadge{top:14px;left:-35px;width:128px;font-size:8.5px}
+.sl-picker[data-layout="narrow"][data-event-mode="test"] .sl-anchor[data-region="top-left"]{top:88px}
 
 /* zoom column (flows within the bottom-right region) */
 .sl-zoom{display:flex;flex-direction:column;gap:6px}
@@ -6655,10 +6948,15 @@ var CSS2 = (
 .sl-ba-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .sl-ba-actions button{min-height:36px;border-radius:9px;border:1px solid var(--sl-line);font-size:11.5px;font-weight:800}
 .sl-ba-actions .replace{border-color:var(--sl-accent);background:var(--sl-accent);color:var(--sl-accent-ink)}
-.sl-picker[data-layout="narrow"] .sl-ba{padding:11px}
+.sl-picker[data-layout="narrow"] .sl-ba{padding:9px;gap:6px}
+.sl-picker[data-layout="narrow"] .sl-ba::after{display:none}
+.sl-picker[data-layout="narrow"] .sl-ba-title{font-size:12.5px}
+.sl-picker[data-layout="narrow"] .sl-ba-copy{display:none}
 .sl-picker[data-layout="narrow"] .sl-ba-copy .wide{display:none}
 .sl-picker[data-layout="narrow"] .sl-ba-copy .narrow{display:inline}
-.sl-picker[data-layout="narrow"] .sl-ba select{min-height:44px}
+.sl-picker[data-layout="narrow"] .sl-ba select{min-height:40px}
+.sl-picker[data-layout="narrow"] .sl-ba-qty button{width:30px;height:30px}
+.sl-picker[data-layout="narrow"] .sl-ba-go{min-height:40px}
 
 /* screen-reader live region */
 .sl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@@ -7066,6 +7364,8 @@ var SeatPicker = class _SeatPicker {
     this.secCardEl = null;
     this.viewEl = null;
     this.viewCleanup = null;
+    /** Supersedes an older authored-view byte request when another seat is opened. */
+    this.seatViewGen = 0;
     this.allSeatsCache = null;
     // F3 minimap
     this.miniCanvas = null;
@@ -7099,6 +7399,8 @@ var SeatPicker = class _SeatPicker {
     this.fsFallback = false;
     this.fsChangeHandler = null;
     this.fsEscHandler = null;
+    /** Host-level event chrome owns the duplicate identity outside full screen. */
+    this.eventDetailsHidden = false;
     /** True once we've asked the host page to pin us fullscreen (framed, no native). */
     this.framedFs = false;
     /** Last height (px) posted to a host frame; dedupes redundant reports. */
@@ -7121,6 +7423,7 @@ var SeatPicker = class _SeatPicker {
     if (!options.event || typeof options.event !== "string") throw new Error("seatmap: `event` key is required");
     if (!options.container) throw new Error("seatmap: `container` is required (or use SeatPicker.open())");
     this.opts = { ...options, confirmSelection: options.confirmSelection ?? true };
+    this.eventDetailsHidden = !!options.hideEventDetails;
     this.hostPricing = options.pricing;
     this.apiBase = (options.apiBase ?? DEFAULT_API_BASE2).replace(/\/+$/, "");
     this.access = options.transport ? null : createBuyerAccessContext(options, {
@@ -7138,6 +7441,10 @@ var SeatPicker = class _SeatPicker {
       onObjectUnavailable: (event) => this.opts.onSelectedObjectUnavailable?.(event)
     });
     this.api = options.transport ?? this.pubApi;
+    this.buyerAssetUrls = new BuyerAssetObjectUrls(
+      options.event,
+      this.api.asset ? (key, asset) => this.api.asset(key, asset) : void 0
+    );
     if (options.checkout === "hosted" && !this.pubApi) {
       console.warn(
         'seatlayer: checkout: "hosted" needs the widget\'s own transport \u2014 a custom `transport` owns its backend, so the picker is staying on onCheckout for this mount.'
@@ -7266,7 +7573,7 @@ var SeatPicker = class _SeatPicker {
       }
     }
     const sightHtml = hasStage && distance != null ? `<div class="sl-confirm-sight">${(0, import_core2.t)("picker.sightline", { m: distance })}</div>` : "";
-    const viewBtn = realPhoto ? `<button type="button" class="sl-confirm-view sl-confirm-thumbwrap" aria-label="${(0, import_core2.t)("picker.viewFromSeat", { label: seat.label })}"><img class="sl-confirm-thumb" src="${realPhoto}" alt="" /><span class="sl-confirm-thumb-badge">\u{1F52D} ${this.tf("picker.viewFromHere", "View from here")}</span></button>` : `<button type="button" class="sl-confirm-view sl-confirm-viewbtn" aria-label="${(0, import_core2.t)("picker.viewFromSeat", { label: seat.label })}"><span aria-hidden="true">\u{1F52D}</span><span>${this.tf("picker.viewFromHere", "View from here")}</span></button>`;
+    const viewBtn = realPhoto ? `<button type="button" class="sl-confirm-view sl-confirm-thumbwrap" aria-label="${(0, import_core2.t)("picker.viewFromSeat", { label: seat.label })}"><img class="sl-confirm-thumb" alt="" /><span class="sl-confirm-thumb-badge">\u{1F52D} ${this.tf("picker.viewFromHere", "View from here")}</span></button>` : `<button type="button" class="sl-confirm-view sl-confirm-viewbtn" aria-label="${(0, import_core2.t)("picker.viewFromSeat", { label: seat.label })}"><span aria-hidden="true">\u{1F52D}</span><span>${this.tf("picker.viewFromHere", "View from here")}</span></button>`;
     return viewBtn + sightHtml;
   }
   /** "See it in 3D" (2D) / "View from this seat" (already in 3D) action for the
@@ -7401,6 +7708,10 @@ var SeatPicker = class _SeatPicker {
   }
   syncFullscreenButtons() {
     const active = !!document.fullscreenElement || this.fsFallback || this.framedFs;
+    const hideEventDetails = this.eventDetailsHidden && !active;
+    this.root?.setAttribute("data-event-details-hidden", String(hideEventDetails));
+    this.els.logo?.toggleAttribute("hidden", hideEventDetails);
+    this.els.headInfo?.toggleAttribute("hidden", hideEventDetails);
     this.els.zfs?.setAttribute("aria-pressed", String(active));
     this.view3dEl?.querySelector(".sl-view3d-fs")?.setAttribute("aria-pressed", String(active));
   }
@@ -7544,7 +7855,7 @@ var SeatPicker = class _SeatPicker {
     root.innerHTML = `
       <div class="sl-head">
         <div class="sl-logo" data-ref="logo"></div>
-        <div class="sl-head-info">
+        <div class="sl-head-info" data-ref="headInfo">
           <div class="sl-head-name" data-ref="name"></div>
           <div class="sl-head-meta" data-ref="meta"></div>
         </div>
@@ -7606,6 +7917,7 @@ var SeatPicker = class _SeatPicker {
       this.els[el2.dataset.ref] = el2;
     });
     this.mapHost = this.els.map;
+    this.syncFullscreenButtons();
     void this.refreshOfferAvailability(false);
     if (this.api.availability) {
       this.offerVisibilityHandler = () => {
@@ -7717,7 +8029,8 @@ var SeatPicker = class _SeatPicker {
     }
     this.els.boot.remove();
     this.startRealtime();
-    this.salesClosed = !!info.salesClosed;
+    this.salesClosed = !!info.salesClosed || !!this.opts.readOnly;
+    root.dataset.eventMode = info.mode === "test" ? "test" : "live";
     this.controller.setViewMode(this.normalizeInitialView(this.opts.initialView));
     this.buildRegions();
     this.regions["bottom-right"].appendChild(this.els.zoom);
@@ -7727,7 +8040,7 @@ var SeatPicker = class _SeatPicker {
       badge.className = "sl-testbadge";
       badge.textContent = (0, import_core2.t)("picker.testMode");
       badge.setAttribute("aria-label", (0, import_core2.t)("picker.testMode"));
-      this.regions["top-right"].appendChild(badge);
+      this.els.map.appendChild(badge);
     }
     const chartTheme = this.controller.doc?.theme;
     Object.entries(resolveTokens(chartTheme, this.opts.theme)).forEach(([k, v]) => root.style.setProperty(k, v));
@@ -7964,8 +8277,9 @@ var SeatPicker = class _SeatPicker {
    * idempotent DOM apply used at load and on transition.
    */
   setSalesClosed(closed) {
-    if (this.salesClosed === closed) return;
-    this.salesClosed = closed;
+    const next = closed || !!this.opts.readOnly;
+    if (this.salesClosed === next) return;
+    this.salesClosed = next;
     this.applySalesClosed();
   }
   applySalesClosed() {
@@ -8849,6 +9163,13 @@ var SeatPicker = class _SeatPicker {
     el2.innerHTML = `<div class="sl-confirm-grid">` + identityFields + `</div><div class="sl-confirm-cat"><span class="sl-dot" style="background:${cat?.color ?? "#6e7bff"}"></span><span class="sl-confirm-cat-name">${safe(details?.categoryLabel ?? cat?.label ?? seat.categoryKey)}</span>` + (price != null ? `<span class="sl-confirm-price">${this.money(price)}</span>` : "") + `</div><div class="sl-confirm-body">` + this.wheelchairConfirmHtml(details?.wheelchairSpaceType) + this.commercialConfirmHtml(seat.commercial) + (this.seatViewEnabled() ? this.confirmThumbHtml(seat) : "") + this.see3dConfirmHtml() + `<div class="sl-confirm-row"><button type="button" class="sl-confirm-cancel">Cancel</button><button type="button" class="sl-confirm-add"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4 4L19 7"/></svg>Select</button></div></div>`;
     this.els.map.appendChild(el2);
     this.confirmEl = el2;
+    const thumb = el2.querySelector(".sl-confirm-thumb");
+    if (thumb && seat.viewUrl) {
+      const thumbReference = seat.viewMeta?.previewUrl ?? seat.viewUrl;
+      void this.buyerAssetUrls.resolve(thumbReference).then((url) => {
+        if (url && el2.isConnected && this.confirmEl === el2) thumb.src = url;
+      }).catch((error) => this.opts.onError?.(error));
+    }
     this.reanchorConfirm();
     el2.querySelector(".sl-confirm-view")?.addEventListener("click", () => void this.openSeatView(seat));
     el2.querySelector(".sl-confirm-3d")?.addEventListener("click", () => {
@@ -8929,6 +9250,7 @@ var SeatPicker = class _SeatPicker {
    */
   async openSeatView(seat) {
     if (!this.root || !this.seatViewEnabled()) return;
+    const generation = ++this.seatViewGen;
     const doc = this.controller.doc;
     const activeId = this.controller.getActiveFloorId();
     const focal = seat.focalPoint ?? doc?.floors?.find((f) => f.id === activeId)?.focalPoint ?? doc?.focalPoint ?? { x: 0, y: 0 };
@@ -8936,9 +9258,24 @@ var SeatPicker = class _SeatPicker {
     let caption;
     let real = false;
     if (seat.viewUrl) {
+      let resolvedUrl;
+      let resolvedPreviewUrl = null;
+      try {
+        const previewReference = seat.viewMeta?.previewUrl;
+        if (previewReference && previewReference !== seat.viewUrl) {
+          resolvedPreviewUrl = await this.buyerAssetUrls.resolve(previewReference);
+          resolvedUrl = seat.viewUrl;
+        } else {
+          resolvedUrl = await this.buyerAssetUrls.resolve(seat.viewUrl);
+        }
+      } catch (error) {
+        if (generation === this.seatViewGen) this.opts.onError?.(error);
+        return;
+      }
+      if (generation !== this.seatViewGen || !resolvedUrl || seat.viewMeta?.previewUrl && seat.viewMeta.previewUrl !== seat.viewUrl && !resolvedPreviewUrl || !this.root || !this.seatViewEnabled()) return;
       const view = {
-        url: seat.viewUrl,
-        ...seat.viewMeta?.previewUrl ? { previewUrl: seat.viewMeta.previewUrl } : {},
+        url: resolvedUrl,
+        ...resolvedPreviewUrl ? { previewUrl: resolvedPreviewUrl } : {},
         ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
         ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
         ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
@@ -8956,14 +9293,14 @@ var SeatPicker = class _SeatPicker {
         const { generateSeatPanorama } = await loadPanorama();
         pano2 = generateSeatPanorama(seat, focal, this.allSeats());
       } catch (err) {
-        this.opts.onError?.(err);
+        if (generation === this.seatViewGen) this.opts.onError?.(err);
         return;
       }
-      if (!this.root || !this.seatViewEnabled()) return;
+      if (generation !== this.seatViewGen || !this.root || !this.seatViewEnabled()) return;
       panoSource = { url: pano2.url, generated: true };
       caption = (0, import_core2.t)("picker.illustrationCaption", { m: pano2.distanceM });
     }
-    this.closeSeatView();
+    this.closeSeatView(false);
     const el2 = document.createElement("div");
     el2.className = "sl-view";
     el2.setAttribute("role", "dialog");
@@ -8979,9 +9316,12 @@ var SeatPicker = class _SeatPicker {
     };
     if (delivery.upgradeUrl) {
       cancelUpgrade = (0, import_panoramaDelivery.schedulePanoramaUpgrade)(() => {
-        void (0, import_panoramaDelivery.loadPanoramaImage)(delivery.upgradeUrl, loadAbort.signal).then(() => {
-          if (!el2.isConnected || loadAbort.signal.aborted) return;
-          pano.style.backgroundImage = `url("${delivery.upgradeUrl}")`;
+        void this.buyerAssetUrls.resolve(delivery.upgradeUrl).then((url) => {
+          if (!url || loadAbort.signal.aborted) return null;
+          return (0, import_panoramaDelivery.loadPanoramaImage)(url, loadAbort.signal).then(() => url);
+        }).then((url) => {
+          if (!url || !el2.isConnected || loadAbort.signal.aborted) return;
+          pano.style.backgroundImage = `url("${url}")`;
         }).catch(() => {
         });
       });
@@ -9057,7 +9397,8 @@ var SeatPicker = class _SeatPicker {
       el2.removeEventListener("keydown", onKey);
     };
   }
-  closeSeatView() {
+  closeSeatView(cancelPending = true) {
+    if (cancelPending) this.seatViewGen += 1;
     this.viewCleanup?.();
     this.viewCleanup = null;
     this.viewEl?.remove();
@@ -9989,6 +10330,15 @@ var SeatPicker = class _SeatPicker {
     this.opts.theme = { ...this.opts.theme ?? {}, map: map ?? void 0 };
     this.controller.setMapTheme(map);
   }
+  /**
+   * Let a host suppress duplicate event identity after mount without remounting
+   * the live picker (and therefore without disturbing a selection or hold).
+   * Full-screen mode still restores the identity until the buyer exits it.
+   */
+  setEventDetailsHidden(hidden) {
+    this.eventDetailsHidden = hidden;
+    this.syncFullscreenButtons();
+  }
   /**
    * Replace the host pricing override AFTER mount, and repaint everything that
    * shows a price.
@@ -10140,19 +10490,33 @@ var SeatPicker = class _SeatPicker {
   async seatViewFor3d(seatId) {
     const seat = this.allSeats().find((s) => s.id === seatId);
     if (!seat) return null;
-    if (seat.viewUrl) return {
-      url: seat.viewUrl,
-      ...seat.viewMeta?.previewUrl ? { previewUrl: seat.viewMeta.previewUrl } : {},
-      ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
-      ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
-      ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
-      ...seat.viewMeta?.previewHeight !== void 0 ? { previewHeight: seat.viewMeta.previewHeight } : {},
-      ...seat.viewMeta?.initialBearingDeg !== void 0 ? { initialBearingDeg: seat.viewMeta.initialBearingDeg } : {},
-      ...seat.viewMeta?.initialPitchDeg !== void 0 ? { initialPitchDeg: seat.viewMeta.initialPitchDeg } : {},
-      ...seat.viewMeta?.coverage ? { coverage: seat.viewMeta.coverage } : {},
-      ...seat.viewMeta?.capturedAt ? { capturedAt: seat.viewMeta.capturedAt } : {},
-      ...seat.viewMeta?.sourceLabel ? { sourceLabel: seat.viewMeta.sourceLabel } : {}
-    };
+    if (seat.viewUrl) {
+      try {
+        const previewReference = seat.viewMeta?.previewUrl;
+        const progressive = !!previewReference && previewReference !== seat.viewUrl;
+        const previewUrl = progressive ? await this.buyerAssetUrls.resolve(previewReference) : null;
+        const url = progressive ? seat.viewUrl : await this.buyerAssetUrls.resolve(seat.viewUrl);
+        if (!url) return null;
+        if (progressive && !previewUrl) return null;
+        return {
+          url,
+          ...previewUrl ? { previewUrl } : {},
+          ...progressive ? { resolveUrl: (reference) => this.buyerAssetUrls.resolve(reference) } : {},
+          ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
+          ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
+          ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
+          ...seat.viewMeta?.previewHeight !== void 0 ? { previewHeight: seat.viewMeta.previewHeight } : {},
+          ...seat.viewMeta?.initialBearingDeg !== void 0 ? { initialBearingDeg: seat.viewMeta.initialBearingDeg } : {},
+          ...seat.viewMeta?.initialPitchDeg !== void 0 ? { initialPitchDeg: seat.viewMeta.initialPitchDeg } : {},
+          ...seat.viewMeta?.coverage ? { coverage: seat.viewMeta.coverage } : {},
+          ...seat.viewMeta?.capturedAt ? { capturedAt: seat.viewMeta.capturedAt } : {},
+          ...seat.viewMeta?.sourceLabel ? { sourceLabel: seat.viewMeta.sourceLabel } : {}
+        };
+      } catch (error) {
+        this.opts.onError?.(error);
+        return null;
+      }
+    }
     const doc = this.controller.doc;
     if (!doc) return null;
     const activeId = this.controller.getActiveFloorId();
@@ -10735,6 +11099,7 @@ var SeatPicker = class _SeatPicker {
     this.closeSeatView();
     this.closeCheckoutPanel();
     this.exit3d();
+    this.buyerAssetUrls.dispose();
     this.stopHoldTimer();
     if (this.toastTimer) clearTimeout(this.toastTimer);
     if (this.liveTimer) clearTimeout(this.liveTimer);
@@ -10855,6 +11220,108 @@ function attachPickerFrame(iframe, opts = {}) {
 // src/SeatManager.ts
 var import_core3 = require("@seatlayer/core");
 init_manageApi();
+
+// src/manageAssets.ts
+var SAFE_ASSET2 = /^[a-zA-Z0-9._-]+$/;
+function organizerEventAssetReference(value) {
+  let url;
+  try {
+    url = new URL(value, "https://seatlayer.invalid");
+  } catch {
+    return null;
+  }
+  if (url.search || url.hash) return null;
+  const match = /^\/v1\/events\/([^/]+)\/assets\/([^/]+)$/.exec(url.pathname);
+  if (!match) return null;
+  try {
+    const eventKey = decodeURIComponent(match[1]);
+    const asset = decodeURIComponent(match[2]);
+    if (!eventKey || !SAFE_ASSET2.test(asset)) return null;
+    return { eventKey, asset };
+  } catch {
+    return null;
+  }
+}
+function looksLikeOrganizerAsset(value) {
+  try {
+    return /^\/v1\/events\/[^/]+\/assets(?:\/|$)/.test(
+      new URL(value, "https://seatlayer.invalid").pathname
+    );
+  } catch {
+    return false;
+  }
+}
+var OrganizerAssetObjectUrls = class {
+  constructor(eventKey, load) {
+    this.eventKey = eventKey;
+    this.load = load;
+    this.pending = /* @__PURE__ */ new Map();
+    this.created = /* @__PURE__ */ new Set();
+    this.disposed = false;
+  }
+  resolve(reference) {
+    const parsed = organizerEventAssetReference(reference);
+    if (!parsed) {
+      return Promise.resolve(looksLikeOrganizerAsset(reference) ? null : reference);
+    }
+    if (parsed.eventKey !== this.eventKey || this.disposed) return Promise.resolve(null);
+    const cacheKey = `${parsed.eventKey}/${parsed.asset}`;
+    const existing = this.pending.get(cacheKey);
+    if (existing) return existing;
+    const task = this.load(parsed.eventKey, parsed.asset).then((blob) => {
+      const objectUrl = URL.createObjectURL(blob);
+      if (this.disposed) {
+        URL.revokeObjectURL(objectUrl);
+        return null;
+      }
+      this.created.add(objectUrl);
+      return objectUrl;
+    }).catch((error) => {
+      this.pending.delete(cacheKey);
+      throw error;
+    });
+    this.pending.set(cacheKey, task);
+    return task;
+  }
+  /**
+   * Resolve the image fields the synchronous map renderer loads immediately.
+   * View-from-seat media stays lazy: SeatManager does not open that buyer
+   * surface, and eagerly downloading every row panorama would be unbounded.
+   */
+  async prepareRendererChart(doc) {
+    const prepareBackground = async (background) => {
+      if (!background?.url) return;
+      const resolved = await this.resolve(background.url);
+      if (!resolved) throw new Error("organizer_event_asset_scope_mismatch");
+      background.url = resolved;
+    };
+    const prepareObjects = async (objects) => {
+      for (const object of objects) {
+        if (object.type !== "decorImage") continue;
+        const image = object;
+        const resolved = await this.resolve(image.href);
+        if (!resolved) throw new Error("organizer_event_asset_scope_mismatch");
+        image.href = resolved;
+      }
+    };
+    const prepareOwner = async (owner) => {
+      await prepareBackground(owner.backgroundImage);
+      await prepareObjects(owner.objects);
+    };
+    await prepareOwner(doc);
+    for (const floor of doc.floors ?? []) await prepareOwner(floor);
+    return doc;
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    for (const url of this.created) URL.revokeObjectURL(url);
+    this.created.clear();
+    this.pending.clear();
+  }
+};
+
+// src/SeatManager.ts
 function availabilityModeOf(rule) {
   return rule ? rule.mode : "open";
 }
@@ -11133,8 +11600,8 @@ var MANAGER_CSS = (
 .slm.compact .slm-modes{min-width:0}.slm.compact .slm-mode{padding-inline:11px}
 .slm.compact .slm-live{justify-self:end}.slm.compact .slm-bar-actions{grid-column:1/-1;justify-self:stretch}
 .slm.compact .slm-barbtn{flex:1;padding:6px 9px}.slm.compact .slm-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
-.slm.compact .slm-kpi[data-kpi="buyers"],.slm.compact .slm-kpi[data-kpi="active-holds"],
-.slm.compact .slm-kpi[data-kpi="sold-pct"],.slm.compact .slm-kpi[data-kpi="gross-sales"]{display:none}
+.slm.compact .slm-kpi[data-kpi="viewing-map"],.slm.compact .slm-kpi[data-kpi="active-holds"],
+.slm.compact .slm-kpi[data-kpi="booked-pct"],.slm.compact .slm-kpi[data-kpi="booked-value"]{display:none}
 /* Reduced motion, as a BLANKET over the cockpit subtree rather than a list of
    selectors. The list this replaces named four animations and two transitions,
    and had silently fallen behind the stylesheet: the zoom hint, the toast and
@@ -11344,6 +11811,10 @@ var SeatManager = class {
     this.currency = options.currency ?? "USD";
     this.tokenExpiresAt = options.tokenExpiresAt ?? null;
     this.api = new ManageApi(options.apiBase ?? DEFAULT_API_BASE3, options.token);
+    this.organizerAssetUrls = new OrganizerAssetObjectUrls(
+      this.key,
+      (key, asset) => this.withAuthRetry(() => this.api.asset(key, asset))
+    );
     this.host = resolveContainer4(options.container);
   }
   /** Build the DOM, load the chart, subscribe to realtime, mount the board. */
@@ -11351,10 +11822,10 @@ var SeatManager = class {
     injectStyle();
     this.buildChrome();
     try {
-      const res = await this.api.chart(this.key);
-      this.doc = res.doc;
+      const res = await this.withAuthRetry(() => this.api.chart(this.key));
+      this.doc = await this.organizerAssetUrls.prepareRendererChart(res.doc);
       this.currency = res.event.currency ?? this.opts.currency ?? this.currency;
-      this.buildUnitUniverse(res.doc);
+      this.buildUnitUniverse(this.doc);
       this.buildRenderer();
       this.buildSectionOptions();
       const [, controlRoom] = await Promise.all([
@@ -11701,10 +12172,10 @@ var SeatManager = class {
     try {
       await this.api.unbook(this.key, targets, bookingRef);
       this.clearSelection();
-      this.done("cancelBooking", targets, `Cancelled ${targets.length} booking${targets.length === 1 ? "" : "s"}.`);
+      this.done("cancelBooking", targets, `Released ${targets.length} booked unit${targets.length === 1 ? "" : "s"}.`);
     } catch (err) {
       this.setSeatsLocal(targets, "booked");
-      this.toastErr("Couldn't cancel that booking. Check the reference.");
+      this.toastErr("Couldn't release that booked inventory. Check the booking reference.");
       this.opts.onError?.(err);
     }
   }
@@ -11757,9 +12228,9 @@ var SeatManager = class {
   async setHoldTtl(ms) {
     try {
       await this.api.setHoldTtl(this.key, ms);
-      this.done("setHoldTtl", [], ms ? `Checkout window set to ${Math.round(ms / 6e4)} min.` : "Checkout window reset.");
+      this.done("setHoldTtl", [], ms ? `Hold window set to ${Math.round(ms / 6e4)} min.` : "Hold window reset.");
     } catch (err) {
-      this.toastErr("Couldn't update the checkout window.");
+      this.toastErr("Couldn't update the hold window.");
       this.opts.onError?.(err);
     }
   }
@@ -11804,6 +12275,7 @@ var SeatManager = class {
     }
     this.renderer?.destroy();
     this.renderer = null;
+    this.organizerAssetUrls.dispose();
     if (this.root && this.root.parentNode === this.host) this.host.removeChild(this.root);
   }
   // ---- renderer lifecycle ---------------------------------------------------
@@ -11924,24 +12396,28 @@ var SeatManager = class {
    * projects its deltas, so any change inside a private channel allocation is
    * structurally suppressed and the map silently drifts.
    *
-   * If the mint fails (an expired token, a worker that predates the route) we
-   * still connect unticketed rather than going dark — the public-sale stream is
-   * worth having, and every `resnapshot()` re-establishes physical truth from
-   * the authenticated HTTP read.
+   * If the mint fails, remain reconnecting. An unticketed socket is a buyer
+   * projection, so applying it to organizer state would be worse than staying
+   * visibly offline while the host refreshes authority or upgrades the API.
    */
   async connect() {
     if (this.closed) return;
     let protocols;
     try {
-      protocols = (await this.api.subscribeTicket(this.key)).protocols;
-    } catch {
-      protocols = void 0;
+      protocols = (await this.withAuthRetry(() => this.api.subscribeTicket(this.key))).protocols;
+      if (!protocols.length) throw new Error("manage_subscribe_ticket_missing");
+    } catch (err) {
+      this.setLive(false);
+      this.opts.onError?.(err);
+      this.scheduleReconnect();
+      return;
     }
     if (this.closed) return;
     let ws;
     try {
-      ws = protocols ? new WebSocket(this.api.socketUrl(this.key), protocols) : new WebSocket(this.api.socketUrl(this.key));
-    } catch {
+      ws = new WebSocket(this.api.socketUrl(this.key), protocols);
+    } catch (err) {
+      this.opts.onError?.(err);
       this.scheduleReconnect();
       return;
     }
@@ -12032,8 +12508,9 @@ var SeatManager = class {
         this.lastSyncedAt = Date.now();
         this.afterPaint();
       }
-      if (typeof m.revenue?.gross === "number" && Number.isFinite(m.revenue.gross)) {
-        this.applyLiveGross(m.revenue.gross);
+      const liveBookedValue = typeof m.bookedValue?.gross === "number" ? m.bookedValue.gross : m.revenue?.gross;
+      if (typeof liveBookedValue === "number" && Number.isFinite(liveBookedValue)) {
+        this.applyLiveGross(liveBookedValue);
       }
       this.recomputeTallies();
     }
@@ -12050,9 +12527,12 @@ var SeatManager = class {
     this.authoritativeGrossRevenue = gross;
     this.revenueStatus = "current";
     if (this.controlRoomSnapshot) {
+      const current = this.controlRoomSnapshot.bookedValue ?? this.controlRoomSnapshot.revenue;
+      const bookedValue = { ...current, gross };
       this.controlRoomSnapshot = {
         ...this.controlRoomSnapshot,
-        revenue: { ...this.controlRoomSnapshot.revenue, gross }
+        bookedValue,
+        revenue: bookedValue
       };
       this.opts.onControlRoom?.(this.controlRoomSnapshot);
     }
@@ -12230,7 +12710,10 @@ var SeatManager = class {
   // ---- tallies + feed -------------------------------------------------------
   applyReportRevenue(report) {
     this.authoritativeGrossRevenue = report.report.byCategory.reduce(
-      (sum, row) => sum + (Number.isFinite(row.bookedRevenue) ? row.bookedRevenue : 0),
+      (sum, row) => {
+        const value = Number.isFinite(row.bookedValue) ? row.bookedValue : row.bookedRevenue;
+        return sum + (Number.isFinite(value) ? value : 0);
+      },
       0
     );
     this.revenueStatus = "current";
@@ -12249,7 +12732,13 @@ var SeatManager = class {
     const requestedAt = Date.now();
     try {
       const fetched = await this.api.controlRoom(this.key, this.trendWindowMinutes);
-      let snapshot = fetched;
+      const incoming = fetched.bookedValue ?? fetched.revenue ?? { gross: 0, bySection: [] };
+      const normalizedSections = (incoming.bySection ?? []).map((row) => {
+        const value = Number.isFinite(row.bookedValue) ? row.bookedValue : row.bookedRevenue;
+        return { ...row, bookedValue: value ?? 0, bookedRevenue: value ?? 0 };
+      });
+      const canonical = { ...incoming, bySection: normalizedSections };
+      let snapshot = { ...fetched, bookedValue: canonical, revenue: canonical };
       if (request === this.revenueRequest) {
         if (this.livePresence && this.livePresence.at >= requestedAt) {
           snapshot = { ...snapshot, presence: this.livePresence.value };
@@ -12257,14 +12746,15 @@ var SeatManager = class {
           this.livePresence = null;
         }
         if (this.liveGross && this.liveGross.at >= requestedAt) {
-          snapshot = { ...snapshot, revenue: { ...snapshot.revenue, gross: this.liveGross.value } };
+          const bookedValue = { ...snapshot.bookedValue, gross: this.liveGross.value };
+          snapshot = { ...snapshot, bookedValue, revenue: bookedValue };
         } else {
           this.liveGross = null;
         }
         this.controlRoomSnapshot = snapshot;
         this.rebaseServerTotals(snapshot);
         this.lastSyncedAt = Date.now();
-        this.authoritativeGrossRevenue = snapshot.revenue.gross;
+        this.authoritativeGrossRevenue = snapshot.bookedValue.gross;
         this.currency = snapshot.currency;
         this.revenueStatus = "current";
         this.recomputeTallies();
@@ -12322,7 +12812,9 @@ var SeatManager = class {
       total: Number.isFinite(seatTotal) ? seatTotal : this.unitTotal(),
       capacityPct: 0,
       sellThroughPct: 0,
+      bookedValue: this.authoritativeGrossRevenue,
       grossRevenue: this.authoritativeGrossRevenue,
+      bookedValueStatus: this.revenueStatus,
       revenueStatus: this.revenueStatus,
       currency: this.currency
     };
@@ -12477,8 +12969,8 @@ var SeatManager = class {
           <button class="slm-barbtn follow" data-ref="follow" aria-pressed="false"
             title="Stay on the current map view unless enabled">Follow live</button>
           <button class="slm-barbtn" data-ref="heat" aria-pressed="false"
-            aria-label="Sales momentum overlay off"
-            title="Highlight sections selling fastest in the selected time window">Sales momentum</button>
+            aria-label="Booking momentum overlay off"
+            title="Highlight sections booking fastest in the selected time window">Booking momentum</button>
           <button class="slm-barbtn" data-ref="fullscreen" title="Full screen (F)" aria-keyshortcuts="F">Full screen</button>
         </div>
         <div class="slm-kpis" data-ref="kpis"></div>
@@ -12581,16 +13073,16 @@ var SeatManager = class {
     if (!button) return;
     button.classList.toggle("on", this.followLive);
     button.setAttribute("aria-pressed", String(this.followLive));
-    button.setAttribute("title", this.followLive ? "Following new buyer holds and bookings. Turn off to keep the current view." : "Stay on the current map view. Enable to follow new buyer holds and bookings.");
+    button.setAttribute("title", this.followLive ? "Following new holds and bookings. Turn off to keep the current view." : "Stay on the current map view. Enable to follow new holds and bookings.");
   }
   paintHeatButton() {
     const button = this.els.heat;
     if (!button) return;
     button.classList.toggle("on", this.heatEnabled);
     button.setAttribute("aria-pressed", String(this.heatEnabled));
-    button.setAttribute("aria-label", `Sales momentum overlay ${this.heatEnabled ? "on" : "off"}`);
-    button.setAttribute("title", `${this.heatEnabled ? "Hide" : "Highlight"} sections selling fastest in the selected time window`);
-    button.textContent = "Sales momentum";
+    button.setAttribute("aria-label", `Booking momentum overlay ${this.heatEnabled ? "on" : "off"}`);
+    button.setAttribute("title", `${this.heatEnabled ? "Hide" : "Highlight"} sections booking fastest in the selected time window`);
+    button.textContent = "Booking momentum";
     this.paintMomentumHelp();
   }
   paintMomentumHelp() {
@@ -12634,23 +13126,23 @@ var SeatManager = class {
   formatKpiDelta(key, delta, currency) {
     const sign = delta > 0 ? "+" : "\u2212";
     const absolute = Math.abs(delta);
-    if (key === "gross-sales") return `${sign}${fmtMoney(absolute, currency)}`;
-    if (key === "sold-pct") return `${sign}${absolute.toLocaleString()}pt`;
+    if (key === "booked-value") return `${sign}${fmtMoney(absolute, currency)}`;
+    if (key === "booked-pct") return `${sign}${absolute.toLocaleString()}pt`;
     return `${sign}${absolute.toLocaleString()}`;
   }
   paintKpis(t3) {
     if (!this.els.kpis) return;
-    const rev = t3.revenueStatus === "current" ? fmtMoney(t3.grossRevenue, t3.currency) : "\u2014";
+    const bookedValue = t3.bookedValueStatus === "current" ? fmtMoney(t3.bookedValue, t3.currency) : "\u2014";
     const presence = this.presenceCounts();
     const items = [
-      { key: "sold-seats", raw: t3.booked, n: t3.booked.toLocaleString(), l: "Sold seats", dot: "#22a06b", title: "Seats booked" },
-      { key: "held-seats", raw: t3.held, n: t3.held.toLocaleString(), l: "Held seats", dot: "#f4b740", title: "Seats held in a checkout right now" },
-      { key: "free-seats", raw: t3.free, n: t3.free.toLocaleString(), l: "Free seats", dot: "#6e7bff", title: "Seats on sale and unsold" },
-      { key: "blocked", raw: t3.blocked, n: t3.blocked.toLocaleString(), l: "Blocked", dot: "#8b94ac", title: "Seats withheld from sale" },
-      { key: "buyers", raw: presence?.shoppingSessions ?? null, n: presence ? presence.shoppingSessions.toLocaleString() : "\u2014", l: "Buyers", title: "People on the map right now" },
-      { key: "carts", raw: presence?.activeHolds ?? null, n: presence ? presence.activeHolds.toLocaleString() : "\u2014", l: "Carts", title: "Checkouts holding seats right now \u2014 sessions, not seats" },
-      { key: "sold-pct", raw: t3.capacityPct, n: `${t3.capacityPct}%`, l: "Sold", title: "Sold seats as a share of the whole event" },
-      { key: "gross-sales", raw: t3.revenueStatus === "current" ? t3.grossRevenue : null, n: rev, l: "Gross sales", title: "Exact booked gross" }
+      { key: "booked-inventory", raw: t3.booked, n: t3.booked.toLocaleString(), l: "Booked inventory", dot: "#22a06b", title: "Inventory units booked" },
+      { key: "held-seats", raw: t3.held, n: t3.held.toLocaleString(), l: "Held inventory", dot: "#f4b740", title: "Inventory currently held" },
+      { key: "free-seats", raw: t3.free, n: t3.free.toLocaleString(), l: "Available", dot: "#6e7bff", title: "Inventory available to book" },
+      { key: "blocked", raw: t3.blocked, n: t3.blocked.toLocaleString(), l: "Blocked", dot: "#8b94ac", title: "Inventory withheld from booking" },
+      { key: "viewing-map", raw: presence?.shoppingSessions ?? null, n: presence ? presence.shoppingSessions.toLocaleString() : "\u2014", l: "Viewing map", title: "Active map sessions right now" },
+      { key: "active-holds", raw: presence?.activeHolds ?? null, n: presence ? presence.activeHolds.toLocaleString() : "\u2014", l: "Active holds", title: "Sessions currently holding inventory" },
+      { key: "booked-pct", raw: t3.capacityPct, n: `${t3.capacityPct}%`, l: "Booked", title: "Booked inventory as a share of the whole event" },
+      { key: "booked-value", raw: t3.bookedValueStatus === "current" ? t3.bookedValue : null, n: bookedValue, l: "Booked value", title: "Configured value attached to booked inventory" }
     ];
     let hasChanges = false;
     this.els.kpis.innerHTML = items.map((item) => {
@@ -12699,12 +13191,12 @@ var SeatManager = class {
   renderViewRail() {
     this.els.rail.innerHTML = `
       <p class="slm-eyebrow">Monitor</p>
-      <p class="slm-hint">Read-only. Inventory, buyer presence and sales movement update on the same live board.</p>
+      <p class="slm-hint">Read-only. Inventory, map activity and booking movement update on the same live board.</p>
       <div class="slm-health" data-ref="presence"></div>
       <div class="slm-legend" data-ref="legend"></div>
       <div class="slm-sectionhead">
-        <div><p class="slm-eyebrow">Section performance</p><p class="slm-note">Exact booked revenue \xB7 net sales velocity</p></div>
-        <div class="slm-windows" aria-label="Sales velocity window">
+        <div><p class="slm-eyebrow">Section inventory</p><p class="slm-note">Configured booked value \xB7 booking momentum</p></div>
+        <div class="slm-windows" aria-label="Booking momentum window">
           ${[5, 15, 30, 60].map((window2) => `<button class="slm-window" data-window="${window2}">${window2}m</button>`).join("")}
         </div>
       </div>
@@ -12743,8 +13235,8 @@ var SeatManager = class {
       const sync = this.lastSyncedAt ? relTime(this.lastSyncedAt, Date.now()) : "waiting";
       const presence = this.presenceCounts();
       this.els.presence.innerHTML = `
-        <div class="slm-healthitem" title="People on the map right now"><b>${presence ? presence.shoppingSessions.toLocaleString() : "\u2014"}</b><span>Buyers</span></div>
-        <div class="slm-healthitem" title="Checkouts holding seats right now \u2014 sessions, not seats"><b>${presence ? presence.activeHolds.toLocaleString() : "\u2014"}</b><span>Carts</span></div>
+        <div class="slm-healthitem" title="Active map sessions right now"><b>${presence ? presence.shoppingSessions.toLocaleString() : "\u2014"}</b><span>Viewing map</span></div>
+        <div class="slm-healthitem" title="Sessions currently holding inventory"><b>${presence ? presence.activeHolds.toLocaleString() : "\u2014"}</b><span>Active holds</span></div>
         <div class="slm-healthitem"><b>${connected ? "Healthy" : "Reconnecting"}</b><span>Live connection</span></div>
         <div class="slm-healthitem"><b>${sync}</b><span>Last sync</span></div>`;
     }
@@ -12754,10 +13246,10 @@ var SeatManager = class {
       return;
     }
     const velocity = new Map(snapshot.velocity.bySection.map((row) => [row.sectionId, row]));
-    const rows = [...snapshot.revenue.bySection].sort((a, b) => {
+    const rows = [...snapshot.bookedValue.bySection].sort((a, b) => {
       const av = velocity.get(a.sectionId)?.netBooked ?? 0;
       const bv = velocity.get(b.sectionId)?.netBooked ?? 0;
-      return bv - av || b.bookedRevenue - a.bookedRevenue;
+      return bv - av || b.bookedValue - a.bookedValue;
     });
     this.els.sections.innerHTML = rows.length ? rows.map((row) => {
       const speed = velocity.get(row.sectionId);
@@ -12765,8 +13257,8 @@ var SeatManager = class {
       const netLabel = `${net > 0 ? "+" : ""}${net}`;
       const trend = speed?.trend === "rising" || speed?.trend === "cooling" ? speed.trend : "steady";
       return `<button type="button" class="slm-sectionrow" data-section-focus="${esc2(row.sectionId)}" title="Focus ${esc2(row.sectionLabel)} on the map">
-        <span class="slm-sectiontop"><span>${esc2(row.sectionLabel)}</span><span>${fmtMoney(row.bookedRevenue, snapshot.currency)}</span></span>
-        <span class="slm-sectionmeta"><span>${row.booked.toLocaleString()}/${row.total.toLocaleString()} sold \xB7 ${netLabel} in ${snapshot.velocity.windowMinutes}m</span><span class="slm-trend ${trend}">${trend}</span><span class="slm-sectionlocate">Locate</span></span>
+        <span class="slm-sectiontop"><span>${esc2(row.sectionLabel)}</span><span>${fmtMoney(row.bookedValue, snapshot.currency)}</span></span>
+        <span class="slm-sectionmeta"><span>${row.booked.toLocaleString()}/${row.total.toLocaleString()} booked \xB7 ${netLabel} in ${snapshot.velocity.windowMinutes}m</span><span class="slm-trend ${trend}">${trend}</span><span class="slm-sectionlocate">Locate</span></span>
       </button>`;
     }).join("") : '<div class="slm-empty">No section metrics are available for this chart.</div>';
     this.paintTrendWindow();
@@ -12778,7 +13270,7 @@ var SeatManager = class {
       this.renderer?.setSectionHeat(null);
       return;
     }
-    const capacity = new Map(snapshot.revenue.bySection.map((row) => [row.sectionId, Math.max(1, row.total)]));
+    const capacity = new Map(snapshot.bookedValue.bySection.map((row) => [row.sectionId, Math.max(1, row.total)]));
     const rates = snapshot.velocity.bySection.map((row) => ({
       sectionId: row.sectionId,
       rate: Math.max(0, row.netBooked) / (capacity.get(row.sectionId) ?? 1) / snapshot.velocity.windowMinutes
@@ -12793,7 +13285,7 @@ var SeatManager = class {
     if (!seat) {
       this.els.rail.innerHTML = `
         <p class="slm-eyebrow">Inspect seats</p>
-        <p class="slm-hint">Select a seat to see its availability and sales context. Nothing changes in this view.</p>
+        <p class="slm-hint">Select a seat to see its availability and booking context. Nothing changes in this view.</p>
         <div class="slm-empty">Select a seat on the map.</div>`;
       return;
     }
@@ -12802,7 +13294,7 @@ var SeatManager = class {
     const sectionId = this.sectionByObject.get(seat.rowId) ?? import_core3.UNGROUPED_ID;
     const sectionLabel = this.sectionLabelById.get(sectionId) ?? "Other seats";
     const category = this.doc?.categories.find((item) => item.key === seat.categoryKey);
-    const sectionMetric = this.controlRoomSnapshot?.revenue.bySection.find((row) => row.sectionId === sectionId);
+    const sectionMetric = this.controlRoomSnapshot?.bookedValue.bySection.find((row) => row.sectionId === sectionId);
     const object = this.doc?.objects.find((item) => item.id === seat.rowId);
     const location2 = object?.type === "row" ? { label: "Row", value: object.label } : object?.type === "table" ? { label: "Table", value: object.label } : seat.kind === "booth" ? { label: "Type", value: "Booth" } : null;
     const itemKind = seat.kind === "booth" ? "Booth" : "Seat";
@@ -12816,8 +13308,8 @@ var SeatManager = class {
           <div><span>Section</span><b>${esc2(sectionLabel)}</b></div>
           ${location2 ? `<div><span>${location2.label}</span><b>${esc2(location2.value)}</b></div>` : ""}
           <div><span>Category</span><b>${esc2(category?.label ?? seat.categoryKey)}</b></div>
-          <div><span>Sold in section</span><b>${sectionMetric ? `${sectionMetric.booked} of ${sectionMetric.total}` : "\u2014"}</b></div>
-          <div><span>Section revenue</span><b>${sectionMetric && this.controlRoomSnapshot ? fmtMoney(sectionMetric.bookedRevenue, this.controlRoomSnapshot.currency) : "\u2014"}</b></div>
+          <div><span>Booked in section</span><b>${sectionMetric ? `${sectionMetric.booked} of ${sectionMetric.total}` : "\u2014"}</b></div>
+          <div><span>Section booked value</span><b>${sectionMetric && this.controlRoomSnapshot ? fmtMoney(sectionMetric.bookedValue, this.controlRoomSnapshot.currency) : "\u2014"}</b></div>
         </div>
       </div>`;
   }