@seatlayer/js 0.51.0 → 0.53.0

package/dist/manager.js

@@ -1,203 +1,4 @@
-import {
-  ACCESS_LINK_DEFAULTS,
-  ChannelsMode,
-  ManageApi,
-  ManageApiError,
-  PUBLIC_CHANNEL_ID,
-  PUBLIC_CHANNEL_NAME,
-  accessIntentDescription,
-  accessIntentLabel,
-  accessLine,
-  accessLinkBadge,
-  accessLinkErrorCopy,
-  accessLinkIsLive,
-  accessLinkPolicyLines,
-  bucketRows,
-  bucketRowsHtml,
-  dropReviewRows,
-  intentForbidsCopy,
-  intentSwitchBlockedCopy,
-  isPublicChannelId,
-  markerLetter,
-  markerOf,
-  mutationCount,
-  needsMoveConfirmation,
-  planAssignment,
-  retryAfterCopy,
-  selectionSources,
-  stateBadge,
-  suggestMarker
-} from "./chunk-5URCWBHM.js";
-import "./chunk-HMLY7DHA.js";
-
-// src/SeatManager.ts
-import {
-  SeatmapRenderer,
-  expandChart,
-  computeSections,
-  gaAreasOf,
-  gaUnitLabels,
-  UNGROUPED_ID
-} from "@seatlayer/core";
-
-// src/manageAssets.ts
-var SAFE_ASSET = /^[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_ASSET.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";
-}
-function availabilityRuleForMode(mode, seatLabels, prev) {
-  switch (mode) {
-    case "open":
-      return null;
-    case "hidden":
-      return { mode: "hidden", labels: seatLabels };
-    case "closed":
-      return { mode: "closed", labels: seatLabels };
-    case "timed":
-      return { mode: "timed", revealAt: prev?.revealAt ?? Date.now() + 36e5, labels: seatLabels };
-    case "threshold":
-      return { mode: "threshold", thresholdPct: prev?.thresholdPct ?? 80, labels: seatLabels };
-  }
-}
-function toLocalInput(ms) {
-  const d = new Date(ms - (/* @__PURE__ */ new Date()).getTimezoneOffset() * 6e4);
-  return d.toISOString().slice(0, 16);
-}
-function resolveContainer(container) {
-  if (typeof container === "string") {
-    const el = document.querySelector(container);
-    if (!el) throw new Error(`seatmanager: container "${container}" not found`);
-    return el;
-  }
-  if (!(container instanceof HTMLElement)) {
-    throw new Error("seatmanager: container must be a CSS selector or an HTMLElement");
-  }
-  return container;
-}
-function assertBrowserManageToken(token) {
-  if (!token.startsWith("mse_")) {
-    throw new Error(
-      "seatmanager: token must be a short-lived event-scoped mse_ grant minted by your backend; tenant secret keys are unsupported in browsers"
-    );
-  }
-}
-function toRenderStatus(s) {
-  return s === "blocked" ? "not_for_sale" : s;
-}
-var DEFAULT_API_BASE = "https://api.seatlayer.io";
-var STYLE_ID = "seatlayer-manager-style";
-var CHANNELS_STYLE_ID = "seatlayer-manager-channels-style";
-var FEED_CAP = 80;
-var MAX_LIVE_SEAT_PULSES = 16;
-var MAX_LIVE_SECTION_PULSES = 4;
-var LEGEND = [
-  { key: "free", label: "Free", color: "#6e7bff" },
-  { key: "held", label: "Held", color: "#f4b740" },
-  { key: "booked", label: "Booked", color: "#22a06b" },
-  { key: "blocked", label: "Blocked", color: "#8b94ac" }
-];
-var MANAGER_CSS = (
-  /* @sl-css */
-  `
+import{A as he,C as pe,a as y,b as L,c as j,d as _,e as V,f as q,g as U,h as K,i as W,j as G,k as Z,l as Y,m as Q,n as X,o as J,p as ee,q as te,r as se,s as ie,t as oe,u as ne,v as ae,w as le,x as re,y as ce,z as de}from"./chunk-7F6RSJRL.js";import"./chunk-OSZ7DOEH.js";import{SeatmapRenderer as ge,expandChart as ye,computeSections as ke,gaAreasOf as Se,gaUnitLabels as we,UNGROUPED_ID as f}from"@seatlayer/core";var me=/^[a-zA-Z0-9._-]+$/;function ue(r){let e;try{e=new URL(r,"https://seatlayer.invalid")}catch{return null}if(e.search||e.hash)return null;let t=/^\/v1\/events\/([^/]+)\/assets\/([^/]+)$/.exec(e.pathname);if(!t)return null;try{let s=decodeURIComponent(t[1]),i=decodeURIComponent(t[2]);return!s||!me.test(i)?null:{eventKey:s,asset:i}}catch{return null}}function be(r){try{return/^\/v1\/events\/[^/]+\/assets(?:\/|$)/.test(new URL(r,"https://seatlayer.invalid").pathname)}catch{return!1}}var k=class{constructor(e,t){this.eventKey=e;this.load=t;this.pending=new Map;this.created=new Set;this.disposed=!1}resolve(e){let t=ue(e);if(!t)return Promise.resolve(be(e)?null:e);if(t.eventKey!==this.eventKey||this.disposed)return Promise.resolve(null);let s=`${t.eventKey}/${t.asset}`,i=this.pending.get(s);if(i)return i;let o=this.load(t.eventKey,t.asset).then(n=>{let a=URL.createObjectURL(n);return this.disposed?(URL.revokeObjectURL(a),null):(this.created.add(a),a)}).catch(n=>{throw this.pending.delete(s),n});return this.pending.set(s,o),o}async prepareRendererChart(e){let t=async o=>{if(!o?.url)return;let n=await this.resolve(o.url);if(!n)throw new Error("organizer_event_asset_scope_mismatch");o.url=n},s=async o=>{for(let n of o){if(n.type!=="decorImage")continue;let a=n,c=await this.resolve(a.href);if(!c)throw new Error("organizer_event_asset_scope_mismatch");a.href=c}},i=async o=>{await t(o.backgroundImage),await s(o.objects)};await i(e);for(let o of e.floors??[])await i(o);return e}dispose(){if(!this.disposed){this.disposed=!0;for(let e of this.created)URL.revokeObjectURL(e);this.created.clear(),this.pending.clear()}}};var E="seatlayer-manager-style",$="seatlayer-manager-channels-style",fe=`
 /* The floor was 480px, which trapped the cockpit in any host shorter than that:
    every ancestor here is overflow:hidden, so the bottom of the rail (Create
    channel, Show archived) was rendered but clipped away by the host and could
@@ -456,1379 +257,31 @@ var MANAGER_CSS = (
     transition:none!important;
     scroll-behavior:auto!important}
 }
-`
-);
-function injectStyle() {
-  if (typeof document === "undefined" || document.getElementById(STYLE_ID)) return;
-  const el = document.createElement("style");
-  el.id = STYLE_ID;
-  el.textContent = MANAGER_CSS;
-  document.head.appendChild(el);
-}
-function injectChannelsStyle(css) {
-  if (typeof document === "undefined" || document.getElementById(CHANNELS_STYLE_ID)) return;
-  const el = document.createElement("style");
-  el.id = CHANNELS_STYLE_ID;
-  el.textContent = css;
-  document.head.appendChild(el);
-}
-function themeVars(theme) {
-  const t = theme ?? {};
-  return {
-    "--slm-bg": t.background ?? "#0e1017",
-    "--slm-surface": "#181b24",
-    "--slm-text": "#eef1f7",
-    "--slm-muted": "#8b93a7",
-    "--slm-line": "rgba(255,255,255,.09)",
-    "--slm-accent": t.accent ?? "#6e7bff",
-    "--slm-accent-ink": t.accentInk ?? "#ffffff",
-    "--slm-font": "-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif",
-    "--slm-radius": "14px"
-  };
-}
-function relTime(at, now) {
-  const s = Math.max(0, Math.round((now - at) / 1e3));
-  if (s < 5) return "just now";
-  if (s < 60) return `${s}s ago`;
-  const m = Math.round(s / 60);
-  if (m < 60) return `${m}m ago`;
-  return `${Math.round(m / 60)}h ago`;
-}
-function fmtMoney(amount, currency) {
-  try {
-    return new Intl.NumberFormat(void 0, { style: "currency", currency, maximumFractionDigits: 0 }).format(amount);
-  } catch {
-    return `${currency} ${Math.round(amount).toLocaleString()}`;
-  }
-}
-function esc(value) {
-  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-var SeatManager = class {
-  constructor(options) {
-    this.els = {};
-    this.renderer = null;
-    this.doc = null;
-    // label ⇄ id + status truth (backend speaks labels, engine speaks ids).
-    this.labelToId = /* @__PURE__ */ new Map();
-    this.labelToSeat = /* @__PURE__ */ new Map();
-    this.allIds = [];
-    /**
-     * GA inventory units — real sellable labels the server counts, with NO seat
-     * geometry and therefore no renderer binding. They live here rather than in
-     * `labelToId`/`allIds` so every paint path keeps addressing paintable nodes
-     * only, while the tally denominator finally covers the same universe the
-     * numerator does. Without them a GA sale hit `booked` but not `total`:
-     * Free under-reported by GA capacity and SOLD% could exceed 100%.
-     */
-    this.gaUnitLabelSet = /* @__PURE__ */ new Set();
-    this.status = /* @__PURE__ */ new Map();
-    /** Live non-free counters, moved by each delta rather than re-walked. */
-    this.counts = { held: 0, booked: 0, blocked: 0 };
-    /** Bumped whenever the seat model is replaced wholesale (a full snapshot). */
-    this.modelVersion = 0;
-    this.currency = "USD";
-    /** Currency read from the event/control-room projection; host currency is fallback only. */
-    this.authoritativeCurrency = null;
-    this.authoritativeGrossRevenue = 0;
-    this.revenueStatus = "loading";
-    this.revenueRequest = 0;
-    this.controlRoomSnapshot = null;
-    /**
-     * The server's own totals, pinned to the client model they were read against.
-     * Display = server baseline + (client now − client then), so the authoritative
-     * numbers land exactly on arrival and deltas still move them between reads.
-     * A wholesale model replacement invalidates the pairing (`model`), and the
-     * client tallies — themselves a fresh authenticated read — take over.
-     */
-    this.serverBaseline = null;
-    /** Latest presence frame, held whether or not a snapshot has landed yet. */
-    this.livePresence = null;
-    /** Latest cumulative booked gross pushed on a delta frame. */
-    this.liveGross = null;
-    /** Coalesces a burst of deltas into one KPI/rail repaint. */
-    this.paintHandle = null;
-    this.trendWindowMinutes = 15;
-    this.heatEnabled = false;
-    this.lastKpiValues = /* @__PURE__ */ new Map();
-    this.activeKpiDeltas = /* @__PURE__ */ new Map();
-    // realtime socket
-    this.ws = null;
-    this.reconnectTimer = null;
-    this.attempt = 0;
-    this.closed = false;
-    /** Mirrors the `live` root class, so the getter never has to read the DOM. */
-    this.connectionStatus = "reconnecting";
-    /** When the server last told us something. Stamped on accepted traffic only —
-     *  a socket that opens and says nothing has not refreshed anything. */
-    this.lastMessageAt = null;
-    this.ready = false;
-    this.feed = [];
-    this.feedTimer = null;
-    this.toastTimer = null;
-    this.liveEventTimer = null;
-    this.kpiCleanupTimer = null;
-    this.followLiveTimer = null;
-    this.followSeatTimer = null;
-    this.releaseAt = null;
-    this.layoutObserver = null;
-    this.tokenExpiresAt = null;
-    this.tokenRefreshTimer = null;
-    this.tokenRefreshInFlight = false;
-    this.sectionByObject = /* @__PURE__ */ new Map();
-    this.sectionLabelById = /* @__PURE__ */ new Map();
-    this.sectionsBase = null;
-    // Sections mode (availability windows): organizer rules + the live effective
-    // hidden/closed sets from the snapshot + WS (a timed/threshold rule fires DO-side).
-    this.availabilityRules = {};
-    this.effectiveHidden = /* @__PURE__ */ new Set();
-    this.effectiveClosed = /* @__PURE__ */ new Set();
-    this.availabilitySaving = false;
-    this.lastSyncedAt = null;
-    this.blockedQuery = "";
-    this.blockedSection = "";
-    this.blockedResultLimit = 100;
-    this.unblockAllConfirmTimer = null;
-    /**
-     * Sales channels (M6b).
-     *
-     * Two fields, and the split between them is the whole point. `channelCaps` is
-     * AUTHORITY and is known early — it is read from the token's declared
-     * capabilities before the first rail paint, so the Channels pill either
-     * exists from the start or never appears. `channels` is the loaded sub-app,
-     * and it now arrives late: its module is fetched on first entry into Channels
-     * mode (`ensureChannels`), not at mount.
-     *
-     * So every gate that used to ask `!!this.channels` — the pill, the mode
-     * whitelist, the `c` shortcut — asks `channelCaps.view` instead. Asking the
-     * instance would make a permission the member genuinely has look like one
-     * they do not for as long as a network fetch takes.
-     */
-    this.channels = null;
-    this.channelCaps = { view: false, manage: false };
-    /** Supersedes an async capability probe after token/capability rotation. */
-    this.channelCapabilityResolution = 0;
-    /** In-flight `import('./channelsMode')`, so concurrent entries load once. */
-    this.channelsLoading = null;
-    this.onFullscreenChange = () => {
-      this.paintFullscreenButton();
-      this.updateContainerLayout();
-      this.renderer?.forceDraw();
-    };
-    this.onKeyDown = (event) => {
-      if (event.metaKey || event.ctrlKey || event.altKey) return;
-      const target = event.target;
-      if (target?.matches('input,select,textarea,[contenteditable="true"]')) return;
-      const key = event.key.toLowerCase();
-      if (key === "m") this.setMode("view");
-      else if (key === "i") this.setMode("inspect");
-      else if (key === "b") this.setMode("block");
-      else if (key === "s") this.setMode("sections");
-      else if (key === "c") {
-        if (!this.channelCaps.view) return;
-        this.setMode("channels");
-      } else if (key === "f") this.toggleFullscreen();
-      else if (key === "escape") {
-        if (!this.channels?.handleBack()) return;
-      } else return;
-      event.preventDefault();
-    };
-    this.onRailClick = (event) => {
-      const target = event.target;
-      const sectionButton = target?.closest("[data-section-focus]");
-      if (sectionButton?.dataset.sectionFocus) {
-        this.locateSection(sectionButton.dataset.sectionFocus);
-        return;
-      }
-      const feedButton = target?.closest("[data-feed-id]");
-      if (feedButton?.dataset.feedId) this.locateActivity(feedButton.dataset.feedId);
-    };
-    this.sectionOptions = [];
-    assertBrowserManageToken(options.token);
-    this.opts = options;
-    this.key = options.eventKey;
-    this.mode = options.mode ?? "view";
-    this.keepLive = options.keepLiveWhileHidden ?? true;
-    this.followLive = options.followLive ?? false;
-    this.currency = options.currency ?? "USD";
-    this.tokenExpiresAt = options.tokenExpiresAt ?? null;
-    this.api = new ManageApi(options.apiBase ?? DEFAULT_API_BASE, options.token);
-    this.organizerAssetUrls = new OrganizerAssetObjectUrls(
-      this.key,
-      (key, asset) => this.withAuthRetry(() => this.api.asset(key, asset))
-    );
-    this.host = resolveContainer(options.container);
-  }
-  /** Build the DOM, load the chart, subscribe to realtime, mount the board. */
-  async render() {
-    injectStyle();
-    this.buildChrome();
-    try {
-      const res = await this.withAuthRetry(() => this.api.chart(this.key));
-      this.doc = await this.organizerAssetUrls.prepareRendererChart(res.doc);
-      this.authoritativeCurrency = res.event.currency ?? null;
-      this.currency = this.authoritativeCurrency ?? this.opts.currency ?? this.currency;
-      this.buildUnitUniverse(this.doc);
-      this.buildRenderer();
-      this.buildSectionOptions();
-      const [, controlRoom] = await Promise.all([
-        this.resnapshot(),
-        this.refreshControlRoom().catch((err) => this.opts.onError?.(err)),
-        this.refreshAvailability()
-      ]);
-      if (controlRoom?.activity) this.seedFeed(controlRoom.activity);
-      else this.api.log(this.key, { limit: 24 }).then((page) => this.seedFeed(page.entries)).catch(() => {
-      });
-      void this.connect();
-      this.startFeedClock();
-      this.ready = true;
-      await this.resolveChannelCapabilities();
-      this.setMode(this.mode);
-      this.scheduleTokenRefresh();
-      this.opts.onReady?.();
-    } catch (err) {
-      this.fail(err);
-    }
-    return this;
-  }
-  // ---- public API -----------------------------------------------------------
-  setMode(mode) {
-    if (mode === "channels" && !this.channelCaps.view) mode = "view";
-    if (mode === "channels" && !this.channels) void this.ensureChannels();
-    const changed = mode !== this.mode;
-    const wasChannels = this.mode === "channels";
-    this.mode = mode;
-    if (!this.renderer && this.doc) this.buildRenderer();
-    else this.updateRendererInteraction();
-    if (changed) this.renderer?.clearSelection();
-    if (wasChannels && mode !== "channels") this.channels?.leave();
-    this.paintModeTabs();
-    this.paintRail();
-    this.applySectionCanvasTreatment();
-    if (mode === "channels") this.channels?.enter();
-    if (changed) this.opts.onModeChange?.(mode);
-  }
-  /**
-   * Decide what this token may do with sales channels.
-   *
-   * Declared capabilities win — a host that mints an `mse_…` grant knows exactly
-   * what it asked for. A delegated token with no declaration is probed for read
-   * access and then treated as READ-ONLY, because "we could not tell" must never
-   * render mutation controls.
-   */
-  async resolveChannelCapabilities() {
-    const resolution = ++this.channelCapabilityResolution;
-    const declared = this.opts.capabilities;
-    let next;
-    if (declared) {
-      const set = new Set(declared);
-      next = {
-        view: set.has("event:channels:view"),
-        manage: set.has("event:channels:view") && set.has("event:channels:manage")
-      };
-    } else {
-      next = { view: false, manage: false };
-    }
-    if (!next.view && !declared) {
-      try {
-        await this.api.channels(this.key);
-        next = { view: true, manage: false };
-      } catch {
-        next = { view: false, manage: false };
-      }
-    }
-    if (resolution !== this.channelCapabilityResolution) return;
-    this.channelCaps = next;
-    if (!this.channelCaps.view) {
-      this.channels?.destroy();
-      this.channels = null;
-      if (this.mode === "channels") this.setMode("view");
-      else this.paintModeTabs();
-      return;
-    }
-    this.channels?.setCapabilities(this.channelCaps);
-    this.paintModeTabs();
-  }
-  /**
-   * Load Channels mode, once, on first entry.
-   *
-   * Everything about this method is shaped by one rule: the cockpit must stay
-   * usable and honest while the module is in the air.
-   *
-   * - The promise is memoized, so a member who taps the pill twice, or a host
-   *   whose deep link and initial `mode` prop both ask for Channels, loads one
-   *   module and builds one instance.
-   * - Authority is re-checked on arrival. A token rotation can revoke
-   *   `event:channels:view` between the tap and the load, and building the
-   *   sub-app for a token that no longer carries the capability would put
-   *   mutation controls on screen that every server call then refuses.
-   * - The mode is re-checked too. Someone who taps Channels and then Monitor
-   *   before the chunk lands must not be yanked into Channels when it does; the
-   *   instance is kept (it is paid for) but only entered if we are still there.
-   * - A failed load is stated in the rail rather than swallowed. Channels is a
-   *   whole surface — silently showing an empty one would read as "this event
-   *   has no channels", which is a lie about inventory.
-   */
-  ensureChannels() {
-    if (this.channelsLoading) return this.channelsLoading;
-    if (this.channels) return Promise.resolve();
-    const load = (async () => {
-      try {
-        const mod = await import("./channelsMode-S4GEWCWS.js");
-        if (this.closed) return;
-        if (!this.channelCaps.view) return;
-        if (!this.channels) {
-          injectChannelsStyle(mod.CHANNELS_CSS);
-          this.channels = new mod.ChannelsMode(this.buildChannelsHost(), this.channelCaps);
-          this.channels.onInteractionChange = () => this.updateRendererInteraction();
-        }
-        if (this.mode !== "channels") return;
-        this.updateRendererInteraction();
-        this.paintRail();
-        this.channels.enter();
-      } catch (err) {
-        if (this.closed) return;
-        this.channelsLoading = null;
-        if (this.mode === "channels") this.paintRail();
-        this.opts.onError?.(err);
-      }
-    })();
-    this.channelsLoading = load;
-    return load;
-  }
-  /** The adapter between the cockpit's internals and Channels mode. */
-  buildChannelsHost() {
-    return {
-      eventKey: this.key,
-      api: this.api,
-      rail: this.els.rail,
-      mapLayer: this.root.querySelector(".slm-map"),
-      root: this.root,
-      seats: () => [...this.labelToSeat.values()].map((seat) => ({
-        id: seat.id,
-        label: seat.label,
-        x: seat.x,
-        y: seat.y
-      })),
-      statusOf: (label) => this.status.get(label) ?? (this.labelToSeat.has(label) ? "free" : void 0),
-      selectionLabels: () => this.selectionLabels(),
-      selectByLabels: (labels) => {
-        this.selectByLabels(labels);
-      },
-      clearSelection: () => this.clearSelection(),
-      selectSection: (sectionId) => {
-        this.selectSection(sectionId);
-      },
-      sections: () => this.sectionOptions,
-      labelsInSection: (sectionId) => this.renderer?.getSelectableInSection(sectionId).map((seat) => seat.label) ?? [],
-      // Logical rows, not physical row objects: a segmented row is authored as
-      // several objects sharing one `logicalRowId`, and the organizer thinks of
-      // it as one row. Tables carry seats too, so they are rows here as well.
-      rows: () => {
-        const objects = new Map((this.doc?.objects ?? []).map((object) => [object.id, object]));
-        const rows = /* @__PURE__ */ new Map();
-        for (const seat of this.labelToSeat.values()) {
-          const object = objects.get(seat.rowId);
-          if (!object || object.type !== "row" && object.type !== "table") continue;
-          const id = seat.logicalRowId ?? seat.rowId;
-          const sectionId = this.sectionByObject.get(seat.rowId) ?? UNGROUPED_ID;
-          const row = rows.get(id) ?? {
-            id,
-            label: object.type === "row" ? object.segmentedRow?.displayLabel ?? object.displayLabel ?? object.label : object.displayLabel ?? object.label,
-            sectionId,
-            sectionLabel: this.sectionLabelById.get(sectionId) ?? "Other seats",
-            labels: []
-          };
-          row.labels.push(seat.label);
-          rows.set(id, row);
-        }
-        return [...rows.values()].sort((left, right) => left.sectionLabel.localeCompare(right.sectionLabel, void 0, { numeric: true, sensitivity: "base" }) || left.label.localeCompare(right.label, void 0, { numeric: true, sensitivity: "base" }));
-      },
-      categories: () => (this.doc?.categories ?? []).map((category) => ({
-        key: category.key,
-        label: category.label ?? category.key,
-        color: category.color
-      })),
-      labelsInCategory: (key) => [...this.labelToSeat.entries()].filter(([, seat]) => seat.categoryKey === key).map(([label]) => label),
-      sectionOfLabel: (label) => {
-        const seat = this.labelToSeat.get(label);
-        if (!seat) return null;
-        const id = this.sectionByObject.get(seat.rowId) ?? UNGROUPED_ID;
-        return { id, label: this.sectionLabelById.get(id) ?? "Other seats" };
-      },
-      worldToScreen: (point) => this.renderer?.worldToScreen(point) ?? null,
-      seatPixelSize: () => this.seatPixelSize(),
-      isSeatDetail: () => this.renderer?.getRung?.() === "seats",
-      showSectionOverview: () => {
-        this.renderer?.clearSectionFocus();
-        this.renderer?.setRung?.("sections");
-      },
-      focusSection: (sectionId) => this.renderer?.focusSection(sectionId),
-      isCompact: () => !!this.root?.classList.contains("compact"),
-      setMapInert: (inert) => {
-        this.mapHost.toggleAttribute("inert", inert);
-        this.mapHost.setAttribute("aria-hidden", String(inert));
-      },
-      toast: (message, kind) => this.toast(message, kind),
-      onError: (err) => this.opts.onError?.(err)
-    };
-  }
-  /** Actual on-screen seat diameter, for the channel overlay's marks. The
-   * renderer's base seat radius is 9 chart units; retaining the camera scale
-   * (rather than capping it) keeps every preview paint aligned with the real
-   * chart geometry at deep zoom. */
-  seatPixelSize() {
-    const rect = this.renderer?.getVisibleWorldRect?.();
-    const width = this.mapHost?.clientWidth ?? 0;
-    if (!rect?.width || !width) return 6;
-    return Math.max(3, width / rect.width * 18);
-  }
-  /** Toggle the normalized sales-velocity outline overlay without changing seat colors. */
-  setHeatOverlay(enabled) {
-    this.heatEnabled = enabled;
-    this.applyHeatOverlay();
-    this.paintHeatButton();
-  }
-  /** Toggle opt-in camera following for new buyer hold/book events. */
-  setFollowLive(enabled) {
-    const changed = this.followLive !== enabled;
-    this.followLive = enabled;
-    if (!enabled) {
-      if (this.followLiveTimer) clearTimeout(this.followLiveTimer);
-      if (this.followSeatTimer) clearTimeout(this.followSeatTimer);
-      this.followLiveTimer = null;
-      this.followSeatTimer = null;
-    }
-    this.paintFollowLiveButton();
-    if (changed) this.opts.onFollowLiveChange?.(enabled);
-  }
-  /** Update background-tab repaint policy without rebuilding the board. */
-  setKeepLiveWhileHidden(enabled) {
-    this.keepLive = enabled ?? true;
-    this.opts.keepLiveWhileHidden = enabled;
-  }
-  /** Update the host fallback currency; an event/control-room currency still wins. */
-  setCurrency(currency) {
-    this.opts.currency = currency;
-    if (this.authoritativeCurrency) return;
-    this.currency = currency ?? "USD";
-    if (this.ready) this.recomputeTallies();
-  }
-  /** Apply organizer chrome tokens in place without losing camera or selection. */
-  setTheme(theme) {
-    this.opts.theme = theme;
-    if (!this.root) return;
-    for (const [property, value] of Object.entries(themeVars(theme))) {
-      this.root.style.setProperty(property, value);
-    }
-  }
-  /** Replace the declared authority for the current token and fail closed. */
-  setCapabilities(capabilities) {
-    this.opts.capabilities = capabilities;
-    if (this.ready) void this.resolveChannelCapabilities();
-  }
-  /** Change proactive token-refresh policy without rebuilding the manager. */
-  setTokenRefresh(onTokenRefresh) {
-    this.opts.onTokenRefresh = onTokenRefresh;
-    this.scheduleTokenRefresh();
-  }
-  /** Change the current-vs-previous sales window and refresh the private projection. */
-  setTrendWindow(windowMinutes) {
-    const normalized = Number.isFinite(windowMinutes) ? Math.floor(windowMinutes) : 15;
-    this.trendWindowMinutes = Math.max(5, Math.min(60, normalized));
-    this.paintTrendWindow();
-    return this.refreshControlRoom();
-  }
-  async enterFullscreen() {
-    if (!this.root?.requestFullscreen || this.isFullscreen()) return;
-    await this.root.requestFullscreen();
-    this.root.focus({ preventScroll: true });
-  }
-  async exitFullscreen() {
-    if (typeof document === "undefined" || !this.isFullscreen()) return;
-    await document.exitFullscreen();
-  }
-  isFullscreen() {
-    return typeof document !== "undefined" && document.fullscreenElement === this.root;
-  }
-  toggleFullscreen() {
-    const request = this.isFullscreen() ? this.exitFullscreen() : this.enterFullscreen();
-    void request.catch((err) => this.opts.onError?.(err));
-  }
-  /** Rotate the delegated credential without rebuilding DOM, canvas or socket. */
-  setToken(token, expiresAt) {
-    assertBrowserManageToken(token);
-    this.api.setToken(token);
-    this.opts.token = token;
-    this.opts.tokenExpiresAt = expiresAt;
-    this.tokenExpiresAt = expiresAt ?? null;
-    this.scheduleTokenRefresh();
-    if (this.ready) void this.resolveChannelCapabilities();
-  }
-  scheduleTokenRefresh() {
-    if (this.tokenRefreshTimer) clearTimeout(this.tokenRefreshTimer);
-    this.tokenRefreshTimer = null;
-    const refresh = this.opts.onTokenRefresh;
-    const expiresAt = this.tokenExpiresAt;
-    if (this.closed || !refresh || !expiresAt || !Number.isFinite(expiresAt)) return;
-    const remaining = expiresAt - Date.now();
-    const lead = Math.min(12e4, Math.max(3e4, remaining * 0.2));
-    const delay = Math.max(0, remaining - lead);
-    this.tokenRefreshTimer = setTimeout(() => {
-      this.tokenRefreshTimer = null;
-      void this.rotateToken();
-    }, delay);
-  }
-  async rotateToken() {
-    if (this.closed || this.tokenRefreshInFlight || !this.opts.onTokenRefresh) return;
-    this.tokenRefreshInFlight = true;
-    try {
-      const next = await this.opts.onTokenRefresh();
-      if (!next?.token || !Number.isFinite(next.expiresAt)) throw new Error("invalid_token_refresh_result");
-      this.setToken(next.token, next.expiresAt);
-    } catch (err) {
-      this.opts.onError?.(err);
-      if (!this.closed) {
-        this.tokenRefreshTimer = setTimeout(() => {
-          this.tokenRefreshTimer = null;
-          void this.rotateToken();
-        }, 3e4);
-      }
-    } finally {
-      this.tokenRefreshInFlight = false;
-    }
-  }
-  /** Bulk block the given labels (or the current selection when omitted). */
-  async block(labels, opts = {}) {
-    const targets = (labels ?? this.selectionLabels()).filter((l) => this.status.get(l) === "free");
-    if (!targets.length) return;
-    const releaseAt = opts.releaseAt ?? this.releaseAt ?? void 0;
-    this.setSeatsLocal(targets, "blocked");
-    try {
-      await this.api.block(this.key, targets, { ...opts, releaseAt });
-      this.clearSelection();
-      this.done("block", targets, releaseAt ? `Blocked ${targets.length} \u2014 auto-release ${new Date(releaseAt).toLocaleString()}.` : `Blocked ${targets.length} seat${targets.length === 1 ? "" : "s"}.`);
-    } catch (err) {
-      this.setSeatsLocal(targets, "free");
-      this.toastErr(err instanceof ManageApiError && err.status === 409 ? "Some seats were just taken. Try again." : "Couldn't block those seats.");
-      this.opts.onError?.(err);
-    }
-  }
-  async unblock(labels) {
-    const targets = (labels ?? this.selectionLabels()).filter((l) => this.status.get(l) === "blocked");
-    if (!targets.length) return;
-    this.setSeatsLocal(targets, "free");
-    try {
-      await this.api.unblock(this.key, targets);
-      this.clearSelection();
-      this.done("unblock", targets, `Unblocked ${targets.length} seat${targets.length === 1 ? "" : "s"}.`);
-    } catch (err) {
-      this.setSeatsLocal(targets, "blocked");
-      this.toastErr("Couldn't unblock those seats.");
-      this.opts.onError?.(err);
-    }
-  }
-  async unblockAll() {
-    const blocked = [...this.status.entries()].filter(([, s]) => s === "blocked").map(([l]) => l);
-    if (!blocked.length) return;
-    this.setSeatsLocal(blocked, "free");
-    try {
-      const res = await this.api.unblockAll(this.key);
-      this.clearSelection();
-      this.done("unblockAll", blocked, `Unblocked ${res.freed} seat${res.freed === 1 ? "" : "s"}.`);
-    } catch (err) {
-      await this.resnapshot();
-      this.toastErr("Couldn't mark everything for sale.");
-      this.opts.onError?.(err);
-    }
-  }
-  /** Cancel bookings (BOOKED → free), guarded by the original booking ref. */
-  async cancelBooking(labels, bookingRef) {
-    const targets = labels.filter((l) => this.status.get(l) === "booked");
-    if (!targets.length || !bookingRef) return;
-    this.setSeatsLocal(targets, "free");
-    try {
-      await this.api.unbook(this.key, targets, bookingRef);
-      this.clearSelection();
-      this.done("cancelBooking", targets, `Released ${targets.length} booked unit${targets.length === 1 ? "" : "s"}.`);
-    } catch (err) {
-      this.setSeatsLocal(targets, "booked");
-      this.toastErr("Couldn't release that booked inventory. Check the booking reference.");
-      this.opts.onError?.(err);
-    }
-  }
-  selectAll() {
-    const seats = this.renderer?.selectAllSelectable() ?? [];
-    this.syncSelection();
-    return seats;
-  }
-  selectSection(sectionId) {
-    if (!this.renderer) return [];
-    const seats = this.renderer.getSelectableInSection(sectionId);
-    this.renderer.selectByLabels(seats.map((s) => s.label));
-    this.syncSelection();
-    return this.renderer.getSelection();
-  }
-  selectByLabels(labels) {
-    const seats = this.renderer?.selectByLabels(labels) ?? [];
-    this.syncSelection();
-    return seats;
-  }
-  clearSelection() {
-    this.renderer?.clearSelection();
-    this.syncSelection();
-  }
-  getSelection() {
-    return this.renderer?.getSelection() ?? [];
-  }
-  getReport() {
-    return this.api.report(this.key).then((report) => {
-      this.applyReportRevenue(report);
-      return report;
-    });
-  }
-  getControlRoomSnapshot(windowMinutes = this.trendWindowMinutes) {
-    return this.setTrendWindow(windowMinutes);
-  }
-  /**
-   * The realtime link's current state and the "as of" behind it.
-   *
-   * Pair with `onConnectionChange` for the edges: a host that mounts after a
-   * drop, or re-reads on tab focus, needs to be able to ASK rather than wait
-   * for the next transition that may never come.
-   */
-  getConnection() {
-    return { status: this.connectionStatus, lastMessageAt: this.lastMessageAt };
-  }
-  getLog(opts = {}) {
-    return this.api.log(this.key, opts);
-  }
-  async setHoldTtl(ms) {
-    try {
-      await this.api.setHoldTtl(this.key, ms);
-      this.done("setHoldTtl", [], ms ? `Hold window set to ${Math.round(ms / 6e4)} min.` : "Hold window reset.");
-    } catch (err) {
-      this.toastErr("Couldn't update the hold window.");
-      this.opts.onError?.(err);
-    }
-  }
-  zoomToFit() {
-    this.renderer?.clearSectionFocus();
-    this.renderer?.zoomToFit();
-  }
-  destroy() {
-    this.closed = true;
-    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-    if (this.feedTimer) clearInterval(this.feedTimer);
-    if (this.toastTimer) clearTimeout(this.toastTimer);
-    if (this.liveEventTimer) clearTimeout(this.liveEventTimer);
-    if (this.kpiCleanupTimer) clearTimeout(this.kpiCleanupTimer);
-    if (this.followLiveTimer) clearTimeout(this.followLiveTimer);
-    if (this.followSeatTimer) clearTimeout(this.followSeatTimer);
-    if (this.unblockAllConfirmTimer) clearTimeout(this.unblockAllConfirmTimer);
-    if (this.paintHandle !== null && typeof cancelAnimationFrame === "function") {
-      cancelAnimationFrame(this.paintHandle);
-    }
-    this.paintHandle = null;
-    this.channels?.destroy();
-    this.channels = null;
-    this.channelsLoading = null;
-    if (this.tokenRefreshTimer) clearTimeout(this.tokenRefreshTimer);
-    this.layoutObserver?.disconnect();
-    this.layoutObserver = null;
-    this.root?.removeEventListener("keydown", this.onKeyDown);
-    this.els.rail?.removeEventListener("click", this.onRailClick);
-    if (typeof document !== "undefined") document.removeEventListener("fullscreenchange", this.onFullscreenChange);
-    if (this.ws) {
-      try {
-        this.ws.close();
-      } catch {
-      }
-      this.ws = null;
-    }
-    this.renderer?.destroy();
-    this.renderer = null;
-    this.organizerAssetUrls.dispose();
-    if (this.root && this.root.parentNode === this.host) this.host.removeChild(this.root);
-  }
-  // ---- renderer lifecycle ---------------------------------------------------
-  buildRenderer() {
-    if (!this.doc) return;
-    const bulk = this.isBulkSelectMode();
-    this.renderer = new SeatmapRenderer(this.mapHost, {
-      manageMode: true,
-      marqueeSelect: bulk,
-      maxSelection: 1e6,
-      selectableStatuses: this.selectableStatuses(),
-      currency: this.currency,
-      onSelect: (seat) => this.handleSeatSelect(seat),
-      onDeselect: () => this.syncSelection(),
-      onMarquee: () => this.syncSelection(),
-      onSectionTap: (sectionId) => {
-        this.renderer?.focusSection(sectionId);
-        this.channels?.handleSectionFocus(sectionId);
-      },
-      onViewChange: () => {
-        this.updateZoomHint();
-        this.channels?.handleViewChange();
-      }
-    });
-    this.renderer.setChart(this.doc);
-    this.repaintAll();
-    this.applyHeatOverlay();
-    this.updateZoomHint();
-  }
-  /** Block always uses a marquee. Channels only enables its marquee after the
-   * organizer deliberately chooses Assign seats; Pan map keeps desktop drag
-   * available for large charts. */
-  isBulkSelectMode() {
-    return this.mode === "block" || this.mode === "channels" && this.channels?.usesMarqueeSelection() === true;
-  }
-  /**
-   * Block never touches held or booked inventory, so it cannot select it.
-   * Channels must be able to select it — the Review sheet's honesty depends on
-   * counting the held and sold units inside a marquee and saying they will not
-   * move, rather than silently omitting them from the selection.
-   */
-  selectableStatuses() {
-    if (this.mode === "block") return ["free", "not_for_sale"];
-    if (this.mode === "inspect" || this.isBulkSelectMode() || this.mode === "channels" && this.channels?.canSelect() === true) {
-      return ["free", "held", "booked", "not_for_sale"];
-    }
-    return [];
-  }
-  updateRendererInteraction() {
-    const bulk = this.isBulkSelectMode();
-    this.renderer?.setManageInteraction({
-      manageMode: true,
-      marqueeSelect: bulk,
-      maxSelection: 1e6,
-      selectableStatuses: this.selectableStatuses()
-    });
-    this.updateZoomHint();
-  }
-  handleSeatSelect(seat) {
-    if (this.mode === "inspect") {
-      const others = this.getSelection().filter((selected) => selected.id !== seat.id).map((selected) => selected.id);
-      if (others.length) this.renderer?.deselect(others);
-    }
-    this.syncSelection();
-  }
-  /**
-   * Build the client's inventory universe from the chart.
-   *
-   * `expandChart` yields SEATS — it has no output for a GA area, whose capacity
-   * is sold as N synthetic unit labels. The server's seat map keys, its deltas
-   * and its `totals` all speak those labels, so a client that only knows seats
-   * counts GA sales in the numerator (every key of the snapshot is written into
-   * `status`) while leaving them out of the denominator. Registering the GA
-   * units here — labels only, never a render binding — is what makes the two
-   * agree.
-   */
-  buildUnitUniverse(doc) {
-    for (const seat of expandChart(doc)) {
-      this.labelToId.set(seat.label, seat.id);
-      this.labelToSeat.set(seat.label, seat);
-      this.allIds.push(seat.id);
-    }
-    for (const area of gaAreasOf(doc)) {
-      for (const label of gaUnitLabels(area)) {
-        if (!this.labelToId.has(label)) this.gaUnitLabelSet.add(label);
-      }
-    }
-  }
-  /** Every sellable unit the client knows: seats + GA capacity. */
-  unitTotal() {
-    return this.allIds.length + this.gaUnitLabelSet.size;
-  }
-  /** Every label the client models, whether or not it can be painted. */
-  knownLabels() {
-    return [...this.labelToId.keys(), ...this.gaUnitLabelSet];
-  }
-  repaintAll() {
-    const r = this.renderer;
-    if (!r) return;
-    if (this.allIds.length) r.setStatus(this.allIds, "free");
-    const byStatus = { free: [], held: [], booked: [], not_for_sale: [] };
-    for (const [label, st] of this.status.entries()) {
-      const id = this.labelToId.get(label);
-      if (id) byStatus[toRenderStatus(st)].push(id);
-    }
-    ["held", "booked", "not_for_sale"].forEach((st) => {
-      if (byStatus[st].length) r.setStatus(byStatus[st], st);
-    });
-  }
-  // ---- realtime -------------------------------------------------------------
-  /**
-   * Open the cockpit's realtime socket AS THE ORGANIZER.
-   *
-   * The scope has to be established before the upgrade, because a browser
-   * `WebSocket` cannot send an Authorization header: the manage token is traded
-   * over HTTPS for a one-use ticket which rides in `Sec-WebSocket-Protocol`.
-   * Without it the server treats this socket as an anonymous public buyer and
-   * projects its deltas, so any change inside a private channel allocation is
-   * structurally suppressed and the map silently drifts.
-   *
-   * 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.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 = new WebSocket(this.api.socketUrl(this.key), protocols);
-    } catch (err) {
-      this.opts.onError?.(err);
-      this.scheduleReconnect();
-      return;
-    }
-    this.ws = ws;
-    ws.onopen = () => {
-      this.attempt = 0;
-      this.setLive(true);
-      void this.resnapshot().then(() => this.refreshControlRoom()).catch((err) => this.opts.onError?.(err));
-      void this.refreshAvailability();
-    };
-    ws.onmessage = (e) => this.onMessage(e);
-    ws.onclose = () => {
-      if (this.ws === ws) this.ws = null;
-      this.setLive(false);
-      this.scheduleReconnect();
-    };
-    ws.onerror = () => {
-      try {
-        ws.close();
-      } catch {
-      }
-    };
-  }
-  scheduleReconnect() {
-    if (this.closed || this.reconnectTimer) return;
-    const delay = Math.min(1e3 * 2 ** Math.min(this.attempt++, 5), 15e3);
-    this.reconnectTimer = setTimeout(() => {
-      this.reconnectTimer = null;
-      void this.connect();
-    }, delay);
-  }
-  onMessage(e) {
-    let msg;
-    try {
-      msg = JSON.parse(typeof e.data === "string" ? e.data : "");
-    } catch {
-      return;
-    }
-    if (!msg || typeof msg !== "object") return;
-    this.lastMessageAt = Date.now();
-    const m = msg;
-    if (Array.isArray(m.hidden) || Array.isArray(m.closed)) {
-      this.updateEffectiveAvailability(m.hidden, m.closed);
-    }
-    if (m.type === "presence") {
-      if (typeof m.shoppingSessions === "number" && typeof m.activeHolds === "number") {
-        this.livePresence = {
-          at: Date.now(),
-          value: { shoppingSessions: m.shoppingSessions, activeHolds: m.activeHolds }
-        };
-        if (this.controlRoomSnapshot) {
-          this.controlRoomSnapshot = { ...this.controlRoomSnapshot, presence: this.livePresence.value };
-          this.opts.onControlRoom?.(this.controlRoomSnapshot);
-        }
-        this.lastSyncedAt = Date.now();
-        this.recomputeTallies();
-        this.paintMonitorInsights();
-      }
-      return;
-    }
-    if (m.type === "hidden") return;
-    if (m.seats && typeof m.seats === "object") {
-      this.applySnapshot(m.seats, typeof m.default === "string" ? m.default : void 0);
-    } else if (Array.isArray(m.changes)) {
-      const ids = [];
-      const groups = /* @__PURE__ */ new Map();
-      for (const ch of m.changes) {
-        const st = ["free", "held", "booked", "blocked"].includes(ch.status) ? ch.status : "free";
-        const prev = this.status.get(ch.label) ?? "free";
-        if (prev === st) continue;
-        this.setStatusLabel(ch.label, st, prev);
-        const id = this.labelToId.get(ch.label);
-        if (id) {
-          this.renderer?.setStatus([id], toRenderStatus(st));
-          ids.push(id);
-        }
-        const verb = this.verbFor(prev, st);
-        const groupKey = `${verb}:${st}`;
-        const group = groups.get(groupKey) ?? { labels: [], verb, status: st };
-        group.labels.push(ch.label);
-        groups.set(groupKey, group);
-      }
-      for (const group of groups.values()) {
-        const activity = this.pushActivity(group.labels, group.verb, group.status);
-        if (activity) this.paintSpatialActivity(activity);
-      }
-      if (ids.length) {
-        this.lastSyncedAt = Date.now();
-        this.afterPaint();
-      }
-      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();
-    }
-  }
-  /**
-   * Adopt the cumulative booked gross a delta frame carried.
-   *
-   * Stashed with its arrival time so an in-flight control-room read can decide
-   * whether it is holding the newer number: a frame that landed after the
-   * request started is newer than the response, one that landed before is not.
-   */
-  applyLiveGross(gross) {
-    this.liveGross = { at: Date.now(), value: gross };
-    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,
-        bookedValue,
-        revenue: bookedValue
-      };
-      this.opts.onControlRoom?.(this.controlRoomSnapshot);
-    }
-  }
-  /** The single writer for a label's status, so the counters never drift. */
-  setStatusLabel(label, next, prev = this.status.get(label) ?? "free") {
-    this.status.set(label, next);
-    if (prev === next) return;
-    if (prev !== "free") this.counts[prev] -= 1;
-    if (next !== "free") this.counts[next] += 1;
-  }
-  async resnapshot() {
-    try {
-      const objs = await this.api.objects(this.key);
-      this.applySnapshot(objs.seats);
-      this.updateEffectiveAvailability(objs.hidden, objs.closed);
-      this.lastMessageAt = Date.now();
-    } catch {
-    }
-  }
-  /**
-   * Replace the whole seat model.
-   *
-   * `fallback` is the compact frame's modal status: those snapshots list only
-   * the seats that DIFFER from it, so every other known label takes it. Without
-   * this the omitted majority would silently fall back to `free` — fine when
-   * the mode really is free, wrong the moment it is not.
-   */
-  applySnapshot(seats, fallback) {
-    const known = (st) => ["free", "held", "booked", "blocked"].includes(st) ? st : "free";
-    const next = /* @__PURE__ */ new Map();
-    if (fallback !== void 0) {
-      const base = known(fallback);
-      for (const label of this.knownLabels()) next.set(label, base);
-    }
-    for (const [label, st] of Object.entries(seats)) {
-      next.set(label, known(st));
-    }
-    this.status = next;
-    this.modelVersion += 1;
-    this.recountAll();
-    this.lastSyncedAt = Date.now();
-    this.repaintAll();
-    this.afterPaint();
-    this.recomputeTallies();
-  }
-  /** The one O(n) walk left: a wholesale model replacement re-bases the counters. */
-  recountAll() {
-    const counts = { held: 0, booked: 0, blocked: 0 };
-    for (const st of this.status.values()) if (st !== "free") counts[st] += 1;
-    this.counts = counts;
-  }
-  /** Optimistic local write shared by organizer actions. Paint and tally once,
-   * even when an arena-sized operation changes hundreds of seats. */
-  setSeatsLocal(labels, st) {
-    const ids = [];
-    for (const label of labels) {
-      this.setStatusLabel(label, st);
-      const id = this.labelToId.get(label);
-      if (id) ids.push(id);
-    }
-    if (ids.length) this.renderer?.setStatus(ids, toRenderStatus(st));
-    this.afterPaint();
-    this.recomputeTallies();
-  }
-  /** Keep the canvas painting on hidden/occluded tabs (war-room second monitor). */
-  afterPaint() {
-    if (this.keepLive && typeof document !== "undefined" && document.hidden) {
-      this.renderer?.forceDraw();
-    }
-  }
-  activityColor(status) {
-    return status === "held" ? "#f4b740" : status === "booked" ? "#22a06b" : status === "blocked" ? "#8b94ac" : "#6e7bff";
-  }
-  sectionsForLabels(labels) {
-    const ids = /* @__PURE__ */ new Set();
-    for (const label of labels) {
-      const seat = this.labelToSeat.get(label);
-      if (!seat) continue;
-      const sectionId = this.sectionByObject.get(seat.rowId);
-      if (sectionId && sectionId !== UNGROUPED_ID) ids.add(sectionId);
-    }
-    const sectionIds = [...ids];
-    return {
-      ids: sectionIds,
-      labels: sectionIds.map((id) => this.sectionLabelById.get(id) ?? id)
-    };
-  }
-  pulseSeatLabels(labels, status) {
-    const color = this.activityColor(status);
-    for (const label of labels.slice(0, MAX_LIVE_SEAT_PULSES)) {
-      const id = this.labelToId.get(label);
-      if (id) this.renderer?.flashSeat(id, color);
-    }
-  }
-  /** Render one grouped realtime operation at the right semantic zoom level. */
-  paintSpatialActivity(activity) {
-    const sectionIds = activity.sectionIds ?? this.sectionsForLabels(activity.labels).ids;
-    const focused = this.renderer?.getFocusedSection() ?? null;
-    const followable = this.followLive && sectionIds.length === 1 && (activity.status === "held" || activity.status === "booked");
-    if (followable && focused === sectionIds[0]) {
-      this.pulseSeatLabels(activity.labels, activity.status);
-      return;
-    }
-    if (followable) {
-      if (this.followLiveTimer) clearTimeout(this.followLiveTimer);
-      if (this.followSeatTimer) clearTimeout(this.followSeatTimer);
-      this.followLiveTimer = setTimeout(() => {
-        this.followLiveTimer = null;
-        this.renderer?.focusSection(sectionIds[0]);
-        this.followSeatTimer = setTimeout(() => {
-          this.followSeatTimer = null;
-          this.pulseSeatLabels(activity.labels, activity.status);
-        }, 520);
-      }, 220);
-      return;
-    }
-    if (!focused && sectionIds.length) {
-      const color = this.activityColor(activity.status);
-      for (const sectionId of sectionIds.slice(0, MAX_LIVE_SECTION_PULSES)) {
-        this.renderer?.flashSection(sectionId, color);
-      }
-      return;
-    }
-    if (!sectionIds.length || focused && sectionIds.includes(focused)) {
-      this.pulseSeatLabels(activity.labels, activity.status);
-    }
-  }
-  locateSection(sectionId) {
-    this.renderer?.focusSection(sectionId);
-  }
-  locateActivity(activityId) {
-    const activity = this.feed.find((item) => item.id === activityId);
-    if (!activity) return;
-    const sectionIds = activity.sectionIds ?? this.sectionsForLabels(activity.labels).ids;
-    if (this.followSeatTimer) clearTimeout(this.followSeatTimer);
-    if (sectionIds.length === 1) {
-      this.locateSection(sectionIds[0]);
-      this.followSeatTimer = setTimeout(() => {
-        this.followSeatTimer = null;
-        this.pulseSeatLabels(activity.labels, activity.status);
-      }, 520);
-      return;
-    }
-    this.zoomToFit();
-    this.followSeatTimer = setTimeout(() => {
-      this.followSeatTimer = null;
-      if (sectionIds.length) {
-        const color = this.activityColor(activity.status);
-        for (const sectionId of sectionIds.slice(0, MAX_LIVE_SECTION_PULSES)) {
-          this.renderer?.flashSection(sectionId, color);
-        }
-      } else {
-        this.pulseSeatLabels(activity.labels, activity.status);
-      }
-    }, 280);
-  }
-  showLiveEvent(activity) {
-    const element = this.els.liveevent;
-    if (!element) return;
-    const sections = activity.sectionLabels ?? [];
-    const place = sections.length === 1 ? sections[0] : sections.length > 1 ? `${sections.length} sections` : activity.label;
-    const noun = activity.count === 1 ? "seat" : "seats";
-    element.innerHTML = `<span class="slm-liveeventdot" style="background:${this.activityColor(activity.status)}"></span>
-      <span class="slm-liveeventcopy">${esc(place)} \xB7 ${activity.count.toLocaleString()} ${noun} ${esc(activity.verb)}</span>
-      <span class="slm-liveeventhint">Live</span>`;
-    element.classList.add("on");
-    if (this.liveEventTimer) clearTimeout(this.liveEventTimer);
-    this.liveEventTimer = setTimeout(() => {
-      this.liveEventTimer = null;
-      element.classList.remove("on");
-      element.innerHTML = "";
-    }, 2800);
-  }
-  // ---- tallies + feed -------------------------------------------------------
-  applyReportRevenue(report) {
-    this.authoritativeGrossRevenue = report.report.byCategory.reduce(
-      (sum, row) => {
-        const value = Number.isFinite(row.bookedValue) ? row.bookedValue : row.bookedRevenue;
-        return sum + (Number.isFinite(value) ? value : 0);
-      },
-      0
-    );
-    this.revenueStatus = "current";
-    this.recomputeTallies();
-  }
-  /**
-   * Read the server's own control-room projection.
-   *
-   * Called on mount, on every socket (re)connect and after an organizer action —
-   * never on a timer and never per delta frame. Presence and gross that arrived
-   * on the socket AFTER this request started are newer than the response, so
-   * they survive it; anything older defers to the read.
-   */
-  async refreshControlRoom() {
-    const request = ++this.revenueRequest;
-    const requestedAt = Date.now();
-    try {
-      const fetched = await this.api.controlRoom(this.key, this.trendWindowMinutes);
-      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 };
-        } else {
-          this.livePresence = null;
-        }
-        if (this.liveGross && this.liveGross.at >= requestedAt) {
-          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.bookedValue.gross;
-        this.authoritativeCurrency = snapshot.currency;
-        this.currency = snapshot.currency;
-        this.revenueStatus = "current";
-        this.recomputeTallies();
-        this.applyHeatOverlay();
-        this.paintMonitorInsights();
-        this.opts.onControlRoom?.(snapshot);
-      }
-      return snapshot;
-    } catch (err) {
-      if (request === this.revenueRequest) {
-        this.revenueStatus = "stale";
-        this.recomputeTallies();
-      }
-      throw err;
-    }
-  }
-  /** Pin the server's totals to the client model they were read against. */
-  rebaseServerTotals(snapshot) {
-    const totals = snapshot.totals;
-    if (!totals || ["free", "held", "booked", "blocked"].some(
-      (key) => !Number.isFinite(totals[key])
-    )) {
-      this.serverBaseline = null;
-      return;
-    }
-    this.serverBaseline = {
-      model: this.modelVersion,
-      server: { free: totals.free, held: totals.held, booked: totals.booked, blocked: totals.blocked },
-      client: this.clientTallies()
-    };
-  }
-  /** What the client's own model says — GA units included since `render()`. */
-  clientTallies() {
-    const { held, booked, blocked } = this.counts;
-    return { held, booked, blocked, free: Math.max(0, this.unitTotal() - held - booked - blocked) };
-  }
-  /**
-   * The numbers the KPI bar and rail render.
-   *
-   * The server is the authority: its totals land exactly as read, and the
-   * delta-driven client model carries them forward until the next read. Before
-   * the first snapshot — and after a wholesale model replacement invalidates the
-   * pairing — the client model stands alone.
-   */
-  buildTallies() {
-    const client = this.clientTallies();
-    const baseline = this.serverBaseline?.model === this.modelVersion ? this.serverBaseline : null;
-    const of = (key) => baseline ? Math.max(0, baseline.server[key] + (client[key] - baseline.client[key])) : client[key];
-    const seatTotal = this.controlRoomSnapshot?.event?.seatTotal;
-    const t = {
-      free: of("free"),
-      held: of("held"),
-      booked: of("booked"),
-      blocked: of("blocked"),
-      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
-    };
-    t.capacityPct = t.total ? Math.round(t.booked / t.total * 100) : 0;
-    const sellable = t.total - t.blocked;
-    t.sellThroughPct = sellable > 0 ? Math.round(t.booked / sellable * 100) : 0;
-    return t;
-  }
-  /**
-   * Queue one KPI/rail repaint for this burst of changes.
-   *
-   * A delta frame can carry hundreds of seats and `paintKpis` rebuilds eight
-   * nodes from scratch, so painting per change is what made an arena-sized
-   * frame expensive. Coalescing on a frame keeps the burst to a single rebuild;
-   * without `requestAnimationFrame` (SSR, an older test env) it paints inline
-   * rather than dropping the update.
-   */
-  recomputeTallies() {
-    if (this.closed) return;
-    if (typeof requestAnimationFrame !== "function") {
-      this.flushTallies();
-      return;
-    }
-    if (this.paintHandle !== null) return;
-    this.paintHandle = requestAnimationFrame(() => {
-      this.paintHandle = null;
-      this.flushTallies();
-    });
-  }
-  flushTallies() {
-    if (this.closed) return;
-    const t = this.buildTallies();
-    this.paintKpis(t);
-    if (this.mode === "view") {
-      this.paintLegend(t);
-      this.paintMonitorInsights();
-    } else if (this.mode === "inspect") this.renderInspectRail(this.getSelection());
-    else if (this.mode === "block") this.paintSelBar(this.getSelection());
-    else if (this.mode === "channels") this.channels?.handleSelectionChange();
-    this.opts.onTallies?.(t);
-  }
-  verbFor(prev, next) {
-    if (next === "held") return "held";
-    if (next === "booked") return "booked";
-    if (next === "blocked") return "blocked";
-    if (next === "free") return prev === "blocked" ? "unblocked" : prev === "booked" ? "cancelled" : "released";
-    return next;
-  }
-  pushActivity(labels, verb, status, at = Date.now()) {
-    const label = labels[0];
-    if (!label) return null;
-    const sections = this.sectionsForLabels(labels);
-    const item = {
-      id: `${label}:${at}:${Math.random().toString(36).slice(2, 6)}`,
-      at,
-      label,
-      labels: [...labels],
-      count: labels.length,
-      verb,
-      status,
-      sectionIds: sections.ids,
-      sectionLabels: sections.labels
-    };
-    this.feed.unshift(item);
-    if (this.feed.length > FEED_CAP) this.feed.length = FEED_CAP;
-    if (this.mode === "view") this.paintFeed();
-    this.showLiveEvent(item);
-    this.opts.onActivity?.(item);
-    return item;
-  }
-  seedFeed(entries) {
-    const verbByAction = {
-      hold: "held",
-      book: "booked",
-      release: "released",
-      expire: "expired",
-      block: "blocked",
-      unblock: "unblocked",
-      unbook: "cancelled"
-    };
-    const stByAction = {
-      hold: "held",
-      book: "booked",
-      release: "free",
-      expire: "free",
-      block: "blocked",
-      unblock: "free",
-      unbook: "free"
-    };
-    for (const e of entries) {
-      const label = e.labels[0];
-      if (!label) continue;
-      const sections = this.sectionsForLabels(e.labels);
-      const item = {
-        id: `log:${e.id}`,
-        at: e.at,
-        label,
-        labels: [...e.labels],
-        count: e.labels.length,
-        verb: verbByAction[e.action] ?? e.action,
-        status: stByAction[e.action] ?? "free",
-        sectionIds: sections.ids,
-        sectionLabels: sections.labels
-      };
-      this.feed.push(item);
-      this.opts.onActivity?.(item);
-    }
-    this.feed.sort((a, b) => b.at - a.at);
-    if (this.feed.length > FEED_CAP) this.feed.length = FEED_CAP;
-    if (this.mode === "view") this.paintFeed();
-  }
-  startFeedClock() {
-    this.feedTimer = setInterval(() => {
-      if (this.mode === "view") {
-        this.paintFeed();
-        this.paintMonitorInsights();
-      }
-    }, 1e4);
-  }
-  // ---- selection ------------------------------------------------------------
-  selectionLabels() {
-    return this.getSelection().map((s) => s.label);
-  }
-  syncSelection() {
-    const seats = this.getSelection();
-    if (this.mode === "block") this.paintSelBar(seats);
-    else if (this.mode === "inspect") this.renderInspectRail(seats);
-    else if (this.mode === "channels") this.channels?.handleSelectionChange();
-    this.opts.onSelectionChange?.(seats);
-  }
-  // ---- DOM: chrome ----------------------------------------------------------
-  buildChrome() {
-    const root = document.createElement("div");
-    root.className = "slm";
-    root.tabIndex = 0;
-    root.setAttribute("role", "region");
-    root.setAttribute("aria-label", "SeatLayer live control room");
-    const vars = themeVars(this.opts.theme);
-    for (const [k, v] of Object.entries(vars)) root.style.setProperty(k, v);
-    root.innerHTML = `
+`;function I(){if(typeof document>"u"||document.getElementById(E))return;let r=document.createElement("style");r.id=E,r.textContent=fe,document.head.appendChild(r)}function B(r){if(typeof document>"u"||document.getElementById($))return;let e=document.createElement("style");e.id=$,e.textContent=r,document.head.appendChild(e)}function H(r){return r?r.mode:"open"}function z(r,e,t){switch(r){case"open":return null;case"hidden":return{mode:"hidden",labels:e};case"closed":return{mode:"closed",labels:e};case"timed":return{mode:"timed",revealAt:t?.revealAt??Date.now()+36e5,labels:e};case"threshold":return{mode:"threshold",thresholdPct:t?.thresholdPct??80,labels:e}}}function F(r){return new Date(r-new Date().getTimezoneOffset()*6e4).toISOString().slice(0,16)}function D(r){if(typeof r=="string"){let e=document.querySelector(r);if(!e)throw new Error(`seatmanager: container "${r}" not found`);return e}if(!(r instanceof HTMLElement))throw new Error("seatmanager: container must be a CSS selector or an HTMLElement");return r}function T(r){if(!r.startsWith("mse_"))throw new Error("seatmanager: token must be a short-lived event-scoped mse_ grant minted by your backend; tenant secret keys are unsupported in browsers")}function S(r){return r==="blocked"?"not_for_sale":r}var P=[{key:"free",label:"Free",color:"#6e7bff"},{key:"held",label:"Held",color:"#f4b740"},{key:"booked",label:"Booked",color:"#22a06b"},{key:"blocked",label:"Blocked",color:"#8b94ac"}];function R(r){let e=r??{};return{"--slm-bg":e.background??"#0e1017","--slm-surface":"#181b24","--slm-text":"#eef1f7","--slm-muted":"#8b93a7","--slm-line":"rgba(255,255,255,.09)","--slm-accent":e.accent??"#6e7bff","--slm-accent-ink":e.accentInk??"#ffffff","--slm-font":"-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif","--slm-radius":"14px"}}function C(r,e){let t=Math.max(0,Math.round((e-r)/1e3));if(t<5)return"just now";if(t<60)return`${t}s ago`;let s=Math.round(t/60);return s<60?`${s}m ago`:`${Math.round(s/60)}h ago`}function g(r,e){try{return new Intl.NumberFormat(void 0,{style:"currency",currency:e,maximumFractionDigits:0}).format(r)}catch{return`${e} ${Math.round(r).toLocaleString()}`}}function h(r){return String(r??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}import{UNGROUPED_ID as ve}from"@seatlayer/core";function M(r){return Object.entries(r).filter(([,e])=>e.mode==="closed").map(([e])=>e)}function w(r){let e=r.sectionsBase;if(!e)return{rows:[],hiddenSections:0,closedSections:0};let t=r.doc?.zones??[],s=new Map,i=[];for(let d of e.sections)if(d.zone&&t.some(l=>l.id===d.zone)){let l=s.get(d.zone)??[];l.push(d),s.set(d.zone,l)}else i.push(d);let o=[],n=0,a=0,c=(d,l,p,m=!1)=>{let b=r.availabilityRules[l.id]??null,u=r.effectiveClosed.has(l.id)||m,v=r.effectiveHidden.has(l.id)||p&&!u;d==="section"&&v&&(n+=1),d==="section"&&u&&(a+=1),o.push({kind:d,id:l.id,label:l.label,seatCount:l.seatCount,seatLabels:l.seatLabels,rule:b,hidden:v,closed:u,followsZone:d==="section"&&p})};for(let d of t){let l=s.get(d.id);if(!l||!l.length)continue;let p={id:d.id,label:d.label||"Zone",seatCount:l.reduce((u,v)=>u+v.seatCount,0),seatLabels:l.flatMap(u=>u.seatLabels)},m=!!r.availabilityRules[d.id],b=r.availabilityRules[d.id]?.mode==="closed";c("zone",p,!1);for(let u of l)c("section",u,m,b)}for(let d of i)c("section",d,!1);if(e.ungrouped){let d=e.ungrouped;c("section",{id:ve,label:d.label,seatCount:d.seatCount,seatLabels:d.seatLabels},!1)}return{rows:o,hiddenSections:n,closedSections:a}}function O(r,e){let t=H(r.rule),s=`slm-availrow${r.kind==="zone"?" zone":""}${r.hidden?" hidden":""}${r.closed?" closed":""}`,i=e?" disabled":"",o=(l,p)=>`<option value="${l}"${t===l?" selected":""}>${p}</option>`,n=r.followsZone?'<span class="slm-availfollows">Follows zone</span>':`<span class="slm-availselwrap">
+        <select class="slm-select slm-availmode${t!=="open"?" on":""}" data-avail-id="${h(r.id)}"${i} aria-label="Availability for ${h(r.label)}">
+          ${o("open","Open \u2014 on sale")}
+          ${o("closed","Closed \u2014 visible, not on sale")}
+          ${o("hidden","Hidden \u2014 off the buyer map")}
+          ${o("timed","Reveal at a time")}
+          ${o("threshold","Auto-reveal at % sold")}
+        </select>
+      </span>`,a="";if(!r.followsZone&&t==="timed"){let l=r.rule?.revealAt?h(F(r.rule.revealAt)):"";a=`<div class="slm-availdetail">
+      <input type="datetime-local" class="slm-input" data-avail-reveal="${h(r.id)}" value="${l}"${i} aria-label="Reveal time for ${h(r.label)}" />
+    </div>`}else if(!r.followsZone&&t==="threshold"){let l=r.rule?.thresholdPct??80;a=`<div class="slm-availdetail">
+      <span class="slm-availpctlabel">Reveal at</span>
+      <input type="number" min="1" max="100" class="slm-input slm-availpct" data-avail-pct="${h(r.id)}" value="${h(l)}"${i} aria-label="Percent sold to reveal ${h(r.label)}" />
+      <span class="slm-availpctlabel">% sold</span>
+    </div>`}let c=r.closed?'<span class="slm-availbadge closed">Closed</span>':r.hidden?'<span class="slm-availbadge hidden">Hidden</span>':"",d=r.kind==="zone"?`<span class="slm-availcaret" aria-hidden="true">${r.hidden?"\u25B8":"\u25BE"}</span>`:"";return`<div class="${s}">
+    <div class="slm-availhead">
+      <span class="slm-availlabel">${d}${h(r.label)}</span>
+      ${c}
+      <span class="slm-availcount">${r.seatCount.toLocaleString()}</span>
+      ${n}
+    </div>
+    ${a}
+  </div>`}var xe="https://api.seatlayer.io",x=80,Le=16,N=4,A=class{constructor(e){this.els={};this.renderer=null;this.doc=null;this.labelToId=new Map;this.labelToSeat=new Map;this.allIds=[];this.gaUnitLabelSet=new Set;this.status=new Map;this.counts={held:0,booked:0,blocked:0};this.modelVersion=0;this.currency="USD";this.authoritativeCurrency=null;this.authoritativeGrossRevenue=0;this.revenueStatus="loading";this.revenueRequest=0;this.controlRoomSnapshot=null;this.serverBaseline=null;this.livePresence=null;this.liveGross=null;this.paintHandle=null;this.trendWindowMinutes=15;this.heatEnabled=!1;this.lastKpiValues=new Map;this.activeKpiDeltas=new Map;this.ws=null;this.reconnectTimer=null;this.attempt=0;this.closed=!1;this.connectionStatus="reconnecting";this.lastMessageAt=null;this.ready=!1;this.feed=[];this.feedTimer=null;this.toastTimer=null;this.liveEventTimer=null;this.kpiCleanupTimer=null;this.followLiveTimer=null;this.followSeatTimer=null;this.releaseAt=null;this.layoutObserver=null;this.tokenExpiresAt=null;this.tokenRefreshTimer=null;this.tokenRefreshInFlight=!1;this.sectionByObject=new Map;this.sectionLabelById=new Map;this.sectionsBase=null;this.availabilityRules={};this.effectiveHidden=new Set;this.effectiveClosed=new Set;this.availabilitySaving=!1;this.lastSyncedAt=null;this.blockedQuery="";this.blockedSection="";this.blockedResultLimit=100;this.unblockAllConfirmTimer=null;this.channels=null;this.channelCaps={view:!1,manage:!1};this.channelCapabilityResolution=0;this.channelsLoading=null;this.onFullscreenChange=()=>{this.paintFullscreenButton(),this.updateContainerLayout(),this.renderer?.forceDraw()};this.onKeyDown=e=>{if(e.metaKey||e.ctrlKey||e.altKey||e.target?.matches('input,select,textarea,[contenteditable="true"]'))return;let s=e.key.toLowerCase();if(s==="m")this.setMode("view");else if(s==="i")this.setMode("inspect");else if(s==="b")this.setMode("block");else if(s==="s")this.setMode("sections");else if(s==="c"){if(!this.channelCaps.view)return;this.setMode("channels")}else if(s==="f")this.toggleFullscreen();else if(s==="escape"){if(!this.channels?.handleBack())return}else return;e.preventDefault()};this.onRailClick=e=>{let t=e.target,s=t?.closest("[data-section-focus]");if(s?.dataset.sectionFocus){this.locateSection(s.dataset.sectionFocus);return}let i=t?.closest("[data-feed-id]");i?.dataset.feedId&&this.locateActivity(i.dataset.feedId)};this.sectionOptions=[];T(e.token),this.opts=e,this.key=e.eventKey,this.mode=e.mode??"view",this.keepLive=e.keepLiveWhileHidden??!0,this.followLive=e.followLive??!1,this.currency=e.currency??"USD",this.tokenExpiresAt=e.tokenExpiresAt??null,this.api=new L(e.apiBase??xe,e.token),this.organizerAssetUrls=new k(this.key,(t,s)=>this.withAuthRetry(()=>this.api.asset(t,s))),this.host=D(e.container)}async render(){I(),this.buildChrome();try{let e=await this.withAuthRetry(()=>this.api.chart(this.key));this.doc=await this.organizerAssetUrls.prepareRendererChart(e.doc),this.authoritativeCurrency=e.event.currency??null,this.currency=this.authoritativeCurrency??this.opts.currency??this.currency,this.buildUnitUniverse(this.doc),this.buildRenderer(),this.buildSectionOptions();let[,t]=await Promise.all([this.resnapshot(),this.refreshControlRoom().catch(s=>this.opts.onError?.(s)),this.refreshAvailability()]);t?.activity?this.seedFeed(t.activity):this.api.log(this.key,{limit:24}).then(s=>this.seedFeed(s.entries)).catch(()=>{}),this.connect(),this.startFeedClock(),this.ready=!0,await this.resolveChannelCapabilities(),this.setMode(this.mode),this.scheduleTokenRefresh(),this.opts.onReady?.()}catch(e){this.fail(e)}return this}setMode(e){e==="channels"&&!this.channelCaps.view&&(e="view"),e==="channels"&&!this.channels&&this.ensureChannels();let t=e!==this.mode,s=this.mode==="channels";this.mode=e,!this.renderer&&this.doc?this.buildRenderer():this.updateRendererInteraction(),t&&this.renderer?.clearSelection(),s&&e!=="channels"&&this.channels?.leave(),this.paintModeTabs(),this.paintRail(),this.applySectionCanvasTreatment(),e==="channels"&&this.channels?.enter(),t&&this.opts.onModeChange?.(e)}async resolveChannelCapabilities(){let e=++this.channelCapabilityResolution,t=this.opts.capabilities,s;if(t){let i=new Set(t);s={view:i.has("event:channels:view"),manage:i.has("event:channels:view")&&i.has("event:channels:manage")}}else s={view:!1,manage:!1};if(!s.view&&!t)try{await this.api.channels(this.key),s={view:!0,manage:!1}}catch{s={view:!1,manage:!1}}if(e===this.channelCapabilityResolution){if(this.channelCaps=s,!this.channelCaps.view){this.channels?.destroy(),this.channels=null,this.mode==="channels"?this.setMode("view"):this.paintModeTabs();return}this.channels?.setCapabilities(this.channelCaps),this.paintModeTabs()}}ensureChannels(){if(this.channelsLoading)return this.channelsLoading;if(this.channels)return Promise.resolve();let e=(async()=>{try{let t=await import("./channelsMode-RUNPEHKD.js");if(this.closed||!this.channelCaps.view||(this.channels||(B(t.CHANNELS_CSS),this.channels=new t.ChannelsMode(this.buildChannelsHost(),this.channelCaps),this.channels.onInteractionChange=()=>this.updateRendererInteraction()),this.mode!=="channels"))return;this.updateRendererInteraction(),this.paintRail(),this.channels.enter()}catch(t){if(this.closed)return;this.channelsLoading=null,this.mode==="channels"&&this.paintRail(),this.opts.onError?.(t)}})();return this.channelsLoading=e,e}buildChannelsHost(){return{eventKey:this.key,api:this.api,rail:this.els.rail,mapLayer:this.root.querySelector(".slm-map"),root:this.root,seats:()=>[...this.labelToSeat.values()].map(e=>({id:e.id,label:e.label,x:e.x,y:e.y})),statusOf:e=>this.status.get(e)??(this.labelToSeat.has(e)?"free":void 0),selectionLabels:()=>this.selectionLabels(),selectByLabels:e=>{this.selectByLabels(e)},clearSelection:()=>this.clearSelection(),selectSection:e=>{this.selectSection(e)},sections:()=>this.sectionOptions,labelsInSection:e=>this.renderer?.getSelectableInSection(e).map(t=>t.label)??[],rows:()=>{let e=new Map((this.doc?.objects??[]).map(s=>[s.id,s])),t=new Map;for(let s of this.labelToSeat.values()){let i=e.get(s.rowId);if(!i||i.type!=="row"&&i.type!=="table")continue;let o=s.logicalRowId??s.rowId,n=this.sectionByObject.get(s.rowId)??f,a=t.get(o)??{id:o,label:i.type==="row"?i.segmentedRow?.displayLabel??i.displayLabel??i.label:i.displayLabel??i.label,sectionId:n,sectionLabel:this.sectionLabelById.get(n)??"Other seats",labels:[]};a.labels.push(s.label),t.set(o,a)}return[...t.values()].sort((s,i)=>s.sectionLabel.localeCompare(i.sectionLabel,void 0,{numeric:!0,sensitivity:"base"})||s.label.localeCompare(i.label,void 0,{numeric:!0,sensitivity:"base"}))},categories:()=>(this.doc?.categories??[]).map(e=>({key:e.key,label:e.label??e.key,color:e.color})),labelsInCategory:e=>[...this.labelToSeat.entries()].filter(([,t])=>t.categoryKey===e).map(([t])=>t),sectionOfLabel:e=>{let t=this.labelToSeat.get(e);if(!t)return null;let s=this.sectionByObject.get(t.rowId)??f;return{id:s,label:this.sectionLabelById.get(s)??"Other seats"}},worldToScreen:e=>this.renderer?.worldToScreen(e)??null,seatPixelSize:()=>this.seatPixelSize(),isSeatDetail:()=>this.renderer?.getRung?.()==="seats",showSectionOverview:()=>{this.renderer?.clearSectionFocus(),this.renderer?.setRung?.("sections")},focusSection:e=>this.renderer?.focusSection(e),isCompact:()=>!!this.root?.classList.contains("compact"),setMapInert:e=>{this.mapHost.toggleAttribute("inert",e),this.mapHost.setAttribute("aria-hidden",String(e))},toast:(e,t)=>this.toast(e,t),onError:e=>this.opts.onError?.(e)}}seatPixelSize(){let e=this.renderer?.getVisibleWorldRect?.(),t=this.mapHost?.clientWidth??0;return!e?.width||!t?6:Math.max(3,t/e.width*18)}setHeatOverlay(e){this.heatEnabled=e,this.applyHeatOverlay(),this.paintHeatButton()}setFollowLive(e){let t=this.followLive!==e;this.followLive=e,e||(this.followLiveTimer&&clearTimeout(this.followLiveTimer),this.followSeatTimer&&clearTimeout(this.followSeatTimer),this.followLiveTimer=null,this.followSeatTimer=null),this.paintFollowLiveButton(),t&&this.opts.onFollowLiveChange?.(e)}setKeepLiveWhileHidden(e){this.keepLive=e??!0,this.opts.keepLiveWhileHidden=e}setCurrency(e){this.opts.currency=e,!this.authoritativeCurrency&&(this.currency=e??"USD",this.ready&&this.recomputeTallies())}setTheme(e){if(this.opts.theme=e,!!this.root)for(let[t,s]of Object.entries(R(e)))this.root.style.setProperty(t,s)}setCapabilities(e){this.opts.capabilities=e,this.ready&&this.resolveChannelCapabilities()}setTokenRefresh(e){this.opts.onTokenRefresh=e,this.scheduleTokenRefresh()}setTrendWindow(e){let t=Number.isFinite(e)?Math.floor(e):15;return this.trendWindowMinutes=Math.max(5,Math.min(60,t)),this.paintTrendWindow(),this.refreshControlRoom()}async enterFullscreen(){!this.root?.requestFullscreen||this.isFullscreen()||(await this.root.requestFullscreen(),this.root.focus({preventScroll:!0}))}async exitFullscreen(){typeof document>"u"||!this.isFullscreen()||await document.exitFullscreen()}isFullscreen(){return typeof document<"u"&&document.fullscreenElement===this.root}toggleFullscreen(){(this.isFullscreen()?this.exitFullscreen():this.enterFullscreen()).catch(t=>this.opts.onError?.(t))}setToken(e,t){T(e),this.api.setToken(e),this.opts.token=e,this.opts.tokenExpiresAt=t,this.tokenExpiresAt=t??null,this.scheduleTokenRefresh(),this.ready&&this.resolveChannelCapabilities()}scheduleTokenRefresh(){this.tokenRefreshTimer&&clearTimeout(this.tokenRefreshTimer),this.tokenRefreshTimer=null;let e=this.opts.onTokenRefresh,t=this.tokenExpiresAt;if(this.closed||!e||!t||!Number.isFinite(t))return;let s=t-Date.now(),i=Math.min(12e4,Math.max(3e4,s*.2)),o=Math.max(0,s-i);this.tokenRefreshTimer=setTimeout(()=>{this.tokenRefreshTimer=null,this.rotateToken()},o)}async rotateToken(){if(!(this.closed||this.tokenRefreshInFlight||!this.opts.onTokenRefresh)){this.tokenRefreshInFlight=!0;try{let e=await this.opts.onTokenRefresh();if(!e?.token||!Number.isFinite(e.expiresAt))throw new Error("invalid_token_refresh_result");this.setToken(e.token,e.expiresAt)}catch(e){this.opts.onError?.(e),this.closed||(this.tokenRefreshTimer=setTimeout(()=>{this.tokenRefreshTimer=null,this.rotateToken()},3e4))}finally{this.tokenRefreshInFlight=!1}}}async block(e,t={}){let s=(e??this.selectionLabels()).filter(o=>this.status.get(o)==="free");if(!s.length)return;let i=t.releaseAt??this.releaseAt??void 0;this.setSeatsLocal(s,"blocked");try{await this.api.block(this.key,s,{...t,releaseAt:i}),this.clearSelection(),this.done("block",s,i?`Blocked ${s.length} \u2014 auto-release ${new Date(i).toLocaleString()}.`:`Blocked ${s.length} seat${s.length===1?"":"s"}.`)}catch(o){this.setSeatsLocal(s,"free"),this.toastErr(o instanceof y&&o.status===409?"Some seats were just taken. Try again.":"Couldn't block those seats."),this.opts.onError?.(o)}}async unblock(e){let t=(e??this.selectionLabels()).filter(s=>this.status.get(s)==="blocked");if(t.length){this.setSeatsLocal(t,"free");try{await this.api.unblock(this.key,t),this.clearSelection(),this.done("unblock",t,`Unblocked ${t.length} seat${t.length===1?"":"s"}.`)}catch(s){this.setSeatsLocal(t,"blocked"),this.toastErr("Couldn't unblock those seats."),this.opts.onError?.(s)}}}async unblockAll(){let e=[...this.status.entries()].filter(([,t])=>t==="blocked").map(([t])=>t);if(e.length){this.setSeatsLocal(e,"free");try{let t=await this.api.unblockAll(this.key);this.clearSelection(),this.done("unblockAll",e,`Unblocked ${t.freed} seat${t.freed===1?"":"s"}.`)}catch(t){await this.resnapshot(),this.toastErr("Couldn't mark everything for sale."),this.opts.onError?.(t)}}}async cancelBooking(e,t){let s=e.filter(i=>this.status.get(i)==="booked");if(!(!s.length||!t)){this.setSeatsLocal(s,"free");try{await this.api.unbook(this.key,s,t),this.clearSelection(),this.done("cancelBooking",s,`Released ${s.length} booked unit${s.length===1?"":"s"}.`)}catch(i){this.setSeatsLocal(s,"booked"),this.toastErr("Couldn't release that booked inventory. Check the booking reference."),this.opts.onError?.(i)}}}selectAll(){let e=this.renderer?.selectAllSelectable()??[];return this.syncSelection(),e}selectSection(e){if(!this.renderer)return[];let t=this.renderer.getSelectableInSection(e);return this.renderer.selectByLabels(t.map(s=>s.label)),this.syncSelection(),this.renderer.getSelection()}selectByLabels(e){let t=this.renderer?.selectByLabels(e)??[];return this.syncSelection(),t}clearSelection(){this.renderer?.clearSelection(),this.syncSelection()}getSelection(){return this.renderer?.getSelection()??[]}getReport(){return this.api.report(this.key).then(e=>(this.applyReportRevenue(e),e))}getControlRoomSnapshot(e=this.trendWindowMinutes){return this.setTrendWindow(e)}getConnection(){return{status:this.connectionStatus,lastMessageAt:this.lastMessageAt}}getLog(e={}){return this.api.log(this.key,e)}async setHoldTtl(e){try{await this.api.setHoldTtl(this.key,e),this.done("setHoldTtl",[],e?`Hold window set to ${Math.round(e/6e4)} min.`:"Hold window reset.")}catch(t){this.toastErr("Couldn't update the hold window."),this.opts.onError?.(t)}}zoomToFit(){this.renderer?.clearSectionFocus(),this.renderer?.zoomToFit()}destroy(){if(this.closed=!0,this.reconnectTimer&&clearTimeout(this.reconnectTimer),this.feedTimer&&clearInterval(this.feedTimer),this.toastTimer&&clearTimeout(this.toastTimer),this.liveEventTimer&&clearTimeout(this.liveEventTimer),this.kpiCleanupTimer&&clearTimeout(this.kpiCleanupTimer),this.followLiveTimer&&clearTimeout(this.followLiveTimer),this.followSeatTimer&&clearTimeout(this.followSeatTimer),this.unblockAllConfirmTimer&&clearTimeout(this.unblockAllConfirmTimer),this.paintHandle!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this.paintHandle),this.paintHandle=null,this.channels?.destroy(),this.channels=null,this.channelsLoading=null,this.tokenRefreshTimer&&clearTimeout(this.tokenRefreshTimer),this.layoutObserver?.disconnect(),this.layoutObserver=null,this.root?.removeEventListener("keydown",this.onKeyDown),this.els.rail?.removeEventListener("click",this.onRailClick),typeof document<"u"&&document.removeEventListener("fullscreenchange",this.onFullscreenChange),this.ws){try{this.ws.close()}catch{}this.ws=null}this.renderer?.destroy(),this.renderer=null,this.organizerAssetUrls.dispose(),this.root&&this.root.parentNode===this.host&&this.host.removeChild(this.root)}buildRenderer(){if(!this.doc)return;let e=this.isBulkSelectMode();this.renderer=new ge(this.mapHost,{manageMode:!0,marqueeSelect:e,maxSelection:1e6,selectableStatuses:this.selectableStatuses(),currency:this.currency,onSelect:t=>this.handleSeatSelect(t),onDeselect:()=>this.syncSelection(),onMarquee:()=>this.syncSelection(),onSectionTap:t=>{this.renderer?.focusSection(t),this.channels?.handleSectionFocus(t)},onViewChange:()=>{this.updateZoomHint(),this.channels?.handleViewChange()}}),this.renderer.setChart(this.doc),this.repaintAll(),this.applyHeatOverlay(),this.updateZoomHint()}isBulkSelectMode(){return this.mode==="block"||this.mode==="channels"&&this.channels?.usesMarqueeSelection()===!0}selectableStatuses(){return this.mode==="block"?["free","not_for_sale"]:this.mode==="inspect"||this.isBulkSelectMode()||this.mode==="channels"&&this.channels?.canSelect()===!0?["free","held","booked","not_for_sale"]:[]}updateRendererInteraction(){let e=this.isBulkSelectMode();this.renderer?.setManageInteraction({manageMode:!0,marqueeSelect:e,maxSelection:1e6,selectableStatuses:this.selectableStatuses()}),this.updateZoomHint()}handleSeatSelect(e){if(this.mode==="inspect"){let t=this.getSelection().filter(s=>s.id!==e.id).map(s=>s.id);t.length&&this.renderer?.deselect(t)}this.syncSelection()}buildUnitUniverse(e){for(let t of ye(e))this.labelToId.set(t.label,t.id),this.labelToSeat.set(t.label,t),this.allIds.push(t.id);for(let t of Se(e))for(let s of we(t))this.labelToId.has(s)||this.gaUnitLabelSet.add(s)}unitTotal(){return this.allIds.length+this.gaUnitLabelSet.size}knownLabels(){return[...this.labelToId.keys(),...this.gaUnitLabelSet]}repaintAll(){let e=this.renderer;if(!e)return;this.allIds.length&&e.setStatus(this.allIds,"free");let t={free:[],held:[],booked:[],not_for_sale:[]};for(let[s,i]of this.status.entries()){let o=this.labelToId.get(s);o&&t[S(i)].push(o)}["held","booked","not_for_sale"].forEach(s=>{t[s].length&&e.setStatus(t[s],s)})}async connect(){if(this.closed)return;let e;try{if(e=(await this.withAuthRetry(()=>this.api.subscribeTicket(this.key))).protocols,!e.length)throw new Error("manage_subscribe_ticket_missing")}catch(s){this.setLive(!1),this.opts.onError?.(s),this.scheduleReconnect();return}if(this.closed)return;let t;try{t=new WebSocket(this.api.socketUrl(this.key),e)}catch(s){this.opts.onError?.(s),this.scheduleReconnect();return}this.ws=t,t.onopen=()=>{this.attempt=0,this.setLive(!0),this.resnapshot().then(()=>this.refreshControlRoom()).catch(s=>this.opts.onError?.(s)),this.refreshAvailability()},t.onmessage=s=>this.onMessage(s),t.onclose=()=>{this.ws===t&&(this.ws=null),this.setLive(!1),this.scheduleReconnect()},t.onerror=()=>{try{t.close()}catch{}}}scheduleReconnect(){if(this.closed||this.reconnectTimer)return;let e=Math.min(1e3*2**Math.min(this.attempt++,5),15e3);this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e)}onMessage(e){let t;try{t=JSON.parse(typeof e.data=="string"?e.data:"")}catch{return}if(!t||typeof t!="object")return;this.lastMessageAt=Date.now();let s=t;if((Array.isArray(s.hidden)||Array.isArray(s.closed))&&this.updateEffectiveAvailability(s.hidden,s.closed),s.type==="presence"){typeof s.shoppingSessions=="number"&&typeof s.activeHolds=="number"&&(this.livePresence={at:Date.now(),value:{shoppingSessions:s.shoppingSessions,activeHolds:s.activeHolds}},this.controlRoomSnapshot&&(this.controlRoomSnapshot={...this.controlRoomSnapshot,presence:this.livePresence.value},this.opts.onControlRoom?.(this.controlRoomSnapshot)),this.lastSyncedAt=Date.now(),this.recomputeTallies(),this.paintMonitorInsights());return}if(s.type!=="hidden"){if(s.seats&&typeof s.seats=="object")this.applySnapshot(s.seats,typeof s.default=="string"?s.default:void 0);else if(Array.isArray(s.changes)){let i=[],o=new Map;for(let a of s.changes){let c=["free","held","booked","blocked"].includes(a.status)?a.status:"free",d=this.status.get(a.label)??"free";if(d===c)continue;this.setStatusLabel(a.label,c,d);let l=this.labelToId.get(a.label);l&&(this.renderer?.setStatus([l],S(c)),i.push(l));let p=this.verbFor(d,c),m=`${p}:${c}`,b=o.get(m)??{labels:[],verb:p,status:c};b.labels.push(a.label),o.set(m,b)}for(let a of o.values()){let c=this.pushActivity(a.labels,a.verb,a.status);c&&this.paintSpatialActivity(c)}i.length&&(this.lastSyncedAt=Date.now(),this.afterPaint());let n=typeof s.bookedValue?.gross=="number"?s.bookedValue.gross:s.revenue?.gross;typeof n=="number"&&Number.isFinite(n)&&this.applyLiveGross(n),this.recomputeTallies()}}}applyLiveGross(e){if(this.liveGross={at:Date.now(),value:e},this.authoritativeGrossRevenue=e,this.revenueStatus="current",this.controlRoomSnapshot){let s={...this.controlRoomSnapshot.bookedValue??this.controlRoomSnapshot.revenue,gross:e};this.controlRoomSnapshot={...this.controlRoomSnapshot,bookedValue:s,revenue:s},this.opts.onControlRoom?.(this.controlRoomSnapshot)}}setStatusLabel(e,t,s=this.status.get(e)??"free"){this.status.set(e,t),s!==t&&(s!=="free"&&(this.counts[s]-=1),t!=="free"&&(this.counts[t]+=1))}async resnapshot(){try{let e=await this.api.objects(this.key);this.applySnapshot(e.seats),this.updateEffectiveAvailability(e.hidden,e.closed),this.lastMessageAt=Date.now()}catch{}}applySnapshot(e,t){let s=o=>["free","held","booked","blocked"].includes(o)?o:"free",i=new Map;if(t!==void 0){let o=s(t);for(let n of this.knownLabels())i.set(n,o)}for(let[o,n]of Object.entries(e))i.set(o,s(n));this.status=i,this.modelVersion+=1,this.recountAll(),this.lastSyncedAt=Date.now(),this.repaintAll(),this.afterPaint(),this.recomputeTallies()}recountAll(){let e={held:0,booked:0,blocked:0};for(let t of this.status.values())t!=="free"&&(e[t]+=1);this.counts=e}setSeatsLocal(e,t){let s=[];for(let i of e){this.setStatusLabel(i,t);let o=this.labelToId.get(i);o&&s.push(o)}s.length&&this.renderer?.setStatus(s,S(t)),this.afterPaint(),this.recomputeTallies()}afterPaint(){this.keepLive&&typeof document<"u"&&document.hidden&&this.renderer?.forceDraw()}activityColor(e){return e==="held"?"#f4b740":e==="booked"?"#22a06b":e==="blocked"?"#8b94ac":"#6e7bff"}sectionsForLabels(e){let t=new Set;for(let i of e){let o=this.labelToSeat.get(i);if(!o)continue;let n=this.sectionByObject.get(o.rowId);n&&n!==f&&t.add(n)}let s=[...t];return{ids:s,labels:s.map(i=>this.sectionLabelById.get(i)??i)}}pulseSeatLabels(e,t){let s=this.activityColor(t);for(let i of e.slice(0,Le)){let o=this.labelToId.get(i);o&&this.renderer?.flashSeat(o,s)}}paintSpatialActivity(e){let t=e.sectionIds??this.sectionsForLabels(e.labels).ids,s=this.renderer?.getFocusedSection()??null,i=this.followLive&&t.length===1&&(e.status==="held"||e.status==="booked");if(i&&s===t[0]){this.pulseSeatLabels(e.labels,e.status);return}if(i){this.followLiveTimer&&clearTimeout(this.followLiveTimer),this.followSeatTimer&&clearTimeout(this.followSeatTimer),this.followLiveTimer=setTimeout(()=>{this.followLiveTimer=null,this.renderer?.focusSection(t[0]),this.followSeatTimer=setTimeout(()=>{this.followSeatTimer=null,this.pulseSeatLabels(e.labels,e.status)},520)},220);return}if(!s&&t.length){let o=this.activityColor(e.status);for(let n of t.slice(0,N))this.renderer?.flashSection(n,o);return}(!t.length||s&&t.includes(s))&&this.pulseSeatLabels(e.labels,e.status)}locateSection(e){this.renderer?.focusSection(e)}locateActivity(e){let t=this.feed.find(i=>i.id===e);if(!t)return;let s=t.sectionIds??this.sectionsForLabels(t.labels).ids;if(this.followSeatTimer&&clearTimeout(this.followSeatTimer),s.length===1){this.locateSection(s[0]),this.followSeatTimer=setTimeout(()=>{this.followSeatTimer=null,this.pulseSeatLabels(t.labels,t.status)},520);return}this.zoomToFit(),this.followSeatTimer=setTimeout(()=>{if(this.followSeatTimer=null,s.length){let i=this.activityColor(t.status);for(let o of s.slice(0,N))this.renderer?.flashSection(o,i)}else this.pulseSeatLabels(t.labels,t.status)},280)}showLiveEvent(e){let t=this.els.liveevent;if(!t)return;let s=e.sectionLabels??[],i=s.length===1?s[0]:s.length>1?`${s.length} sections`:e.label,o=e.count===1?"seat":"seats";t.innerHTML=`<span class="slm-liveeventdot" style="background:${this.activityColor(e.status)}"></span>
+      <span class="slm-liveeventcopy">${h(i)} \xB7 ${e.count.toLocaleString()} ${o} ${h(e.verb)}</span>
+      <span class="slm-liveeventhint">Live</span>`,t.classList.add("on"),this.liveEventTimer&&clearTimeout(this.liveEventTimer),this.liveEventTimer=setTimeout(()=>{this.liveEventTimer=null,t.classList.remove("on"),t.innerHTML=""},2800)}applyReportRevenue(e){this.authoritativeGrossRevenue=e.report.byCategory.reduce((t,s)=>{let i=Number.isFinite(s.bookedValue)?s.bookedValue:s.bookedRevenue;return t+(Number.isFinite(i)?i:0)},0),this.revenueStatus="current",this.recomputeTallies()}async refreshControlRoom(){let e=++this.revenueRequest,t=Date.now();try{let s=await this.api.controlRoom(this.key,this.trendWindowMinutes),i=s.bookedValue??s.revenue??{gross:0,bySection:[]},o=(i.bySection??[]).map(c=>{let d=Number.isFinite(c.bookedValue)?c.bookedValue:c.bookedRevenue;return{...c,bookedValue:d??0,bookedRevenue:d??0}}),n={...i,bySection:o},a={...s,bookedValue:n,revenue:n};if(e===this.revenueRequest){if(this.livePresence&&this.livePresence.at>=t?a={...a,presence:this.livePresence.value}:this.livePresence=null,this.liveGross&&this.liveGross.at>=t){let c={...a.bookedValue,gross:this.liveGross.value};a={...a,bookedValue:c,revenue:c}}else this.liveGross=null;this.controlRoomSnapshot=a,this.rebaseServerTotals(a),this.lastSyncedAt=Date.now(),this.authoritativeGrossRevenue=a.bookedValue.gross,this.authoritativeCurrency=a.currency,this.currency=a.currency,this.revenueStatus="current",this.recomputeTallies(),this.applyHeatOverlay(),this.paintMonitorInsights(),this.opts.onControlRoom?.(a)}return a}catch(s){throw e===this.revenueRequest&&(this.revenueStatus="stale",this.recomputeTallies()),s}}rebaseServerTotals(e){let t=e.totals;if(!t||["free","held","booked","blocked"].some(s=>!Number.isFinite(t[s]))){this.serverBaseline=null;return}this.serverBaseline={model:this.modelVersion,server:{free:t.free,held:t.held,booked:t.booked,blocked:t.blocked},client:this.clientTallies()}}clientTallies(){let{held:e,booked:t,blocked:s}=this.counts;return{held:e,booked:t,blocked:s,free:Math.max(0,this.unitTotal()-e-t-s)}}buildTallies(){let e=this.clientTallies(),t=this.serverBaseline?.model===this.modelVersion?this.serverBaseline:null,s=a=>t?Math.max(0,t.server[a]+(e[a]-t.client[a])):e[a],i=this.controlRoomSnapshot?.event?.seatTotal,o={free:s("free"),held:s("held"),booked:s("booked"),blocked:s("blocked"),total:Number.isFinite(i)?i:this.unitTotal(),capacityPct:0,sellThroughPct:0,bookedValue:this.authoritativeGrossRevenue,grossRevenue:this.authoritativeGrossRevenue,bookedValueStatus:this.revenueStatus,revenueStatus:this.revenueStatus,currency:this.currency};o.capacityPct=o.total?Math.round(o.booked/o.total*100):0;let n=o.total-o.blocked;return o.sellThroughPct=n>0?Math.round(o.booked/n*100):0,o}recomputeTallies(){if(!this.closed){if(typeof requestAnimationFrame!="function"){this.flushTallies();return}this.paintHandle===null&&(this.paintHandle=requestAnimationFrame(()=>{this.paintHandle=null,this.flushTallies()}))}}flushTallies(){if(this.closed)return;let e=this.buildTallies();this.paintKpis(e),this.mode==="view"?(this.paintLegend(e),this.paintMonitorInsights()):this.mode==="inspect"?this.renderInspectRail(this.getSelection()):this.mode==="block"?this.paintSelBar(this.getSelection()):this.mode==="channels"&&this.channels?.handleSelectionChange(),this.opts.onTallies?.(e)}verbFor(e,t){return t==="held"?"held":t==="booked"?"booked":t==="blocked"?"blocked":t==="free"?e==="blocked"?"unblocked":e==="booked"?"cancelled":"released":t}pushActivity(e,t,s,i=Date.now()){let o=e[0];if(!o)return null;let n=this.sectionsForLabels(e),a={id:`${o}:${i}:${Math.random().toString(36).slice(2,6)}`,at:i,label:o,labels:[...e],count:e.length,verb:t,status:s,sectionIds:n.ids,sectionLabels:n.labels};return this.feed.unshift(a),this.feed.length>x&&(this.feed.length=x),this.mode==="view"&&this.paintFeed(),this.showLiveEvent(a),this.opts.onActivity?.(a),a}seedFeed(e){let t={hold:"held",book:"booked",release:"released",expire:"expired",block:"blocked",unblock:"unblocked",unbook:"cancelled"},s={hold:"held",book:"booked",release:"free",expire:"free",block:"blocked",unblock:"free",unbook:"free"};for(let i of e){let o=i.labels[0];if(!o)continue;let n=this.sectionsForLabels(i.labels),a={id:`log:${i.id}`,at:i.at,label:o,labels:[...i.labels],count:i.labels.length,verb:t[i.action]??i.action,status:s[i.action]??"free",sectionIds:n.ids,sectionLabels:n.labels};this.feed.push(a),this.opts.onActivity?.(a)}this.feed.sort((i,o)=>o.at-i.at),this.feed.length>x&&(this.feed.length=x),this.mode==="view"&&this.paintFeed()}startFeedClock(){this.feedTimer=setInterval(()=>{this.mode==="view"&&(this.paintFeed(),this.paintMonitorInsights())},1e4)}selectionLabels(){return this.getSelection().map(e=>e.label)}syncSelection(){let e=this.getSelection();this.mode==="block"?this.paintSelBar(e):this.mode==="inspect"?this.renderInspectRail(e):this.mode==="channels"&&this.channels?.handleSelectionChange(),this.opts.onSelectionChange?.(e)}buildChrome(){let e=document.createElement("div");e.className="slm",e.tabIndex=0,e.setAttribute("role","region"),e.setAttribute("aria-label","SeatLayer live control room");let t=R(this.opts.theme);for(let[i,o]of Object.entries(t))e.style.setProperty(i,o);e.innerHTML=`
       <div class="slm-bar">
         <div class="slm-modes" data-ref="modes" role="tablist" aria-label="Manager tools">
           <button class="slm-mode" role="tab" data-mode="view" title="Monitor (M)" aria-keyshortcuts="M">Monitor</button>
@@ -1859,211 +312,10 @@ var SeatManager = class {
         <aside class="slm-rail"><div class="slm-railscroll" data-ref="rail"></div></aside>
       </div>
       <div class="slm-toast" data-ref="toast"></div>
-    `;
-    this.host.appendChild(root);
-    this.root = root;
-    this.updateContainerLayout();
-    if (typeof ResizeObserver !== "undefined") {
-      this.layoutObserver = new ResizeObserver(() => this.updateContainerLayout());
-      this.layoutObserver.observe(root);
-    }
-    const ref = (n) => root.querySelector(`[data-ref="${n}"]`);
-    this.mapHost = ref("maphost");
-    this.els = {
-      modes: ref("modes"),
-      tools: ref("tools"),
-      livetext: ref("livetext"),
-      kpis: ref("kpis"),
-      follow: ref("follow"),
-      heat: ref("heat"),
-      fullscreen: ref("fullscreen"),
-      zoomhint: ref("zoomhint"),
-      liveevent: ref("liveevent"),
-      rail: ref("rail"),
-      toast: ref("toast"),
-      zfit: ref("zfit")
-    };
-    this.els.modes.querySelectorAll("[data-mode]").forEach((b) => b.addEventListener("click", () => this.setMode(b.dataset.mode)));
-    this.els.tools.addEventListener("change", () => this.setMode(this.els.tools.value));
-    this.els.zfit.addEventListener("click", () => this.zoomToFit());
-    this.els.follow.addEventListener("click", () => this.setFollowLive(!this.followLive));
-    this.els.heat.addEventListener("click", () => this.setHeatOverlay(!this.heatEnabled));
-    this.els.fullscreen.addEventListener("click", () => this.toggleFullscreen());
-    root.addEventListener("keydown", this.onKeyDown);
-    this.els.rail.addEventListener("click", this.onRailClick);
-    document.addEventListener("fullscreenchange", this.onFullscreenChange);
-    this.paintModeTabs();
-    this.paintFollowLiveButton();
-    this.paintHeatButton();
-    this.paintFullscreenButton();
-  }
-  updateContainerLayout() {
-    const width = this.root?.getBoundingClientRect().width || this.host.clientWidth;
-    this.root?.classList.toggle("compact", width > 0 && width < 800);
-    this.channels?.handleLayoutChange();
-  }
-  buildSectionOptions() {
-    if (!this.doc) return;
-    try {
-      const secs = computeSections(this.doc);
-      this.sectionsBase = secs;
-      this.sectionOptions = [];
-      this.sectionByObject = new Map(secs.objectToSection);
-      this.sectionLabelById.clear();
-      for (const s of secs.sections) {
-        this.sectionOptions.push({ id: s.id, label: s.label });
-        this.sectionLabelById.set(s.id, s.label);
-      }
-      if (secs.ungrouped) {
-        this.sectionOptions.push({ id: UNGROUPED_ID, label: secs.ungrouped.label });
-        this.sectionLabelById.set(UNGROUPED_ID, secs.ungrouped.label);
-      }
-    } catch {
-    }
-  }
-  paintModeTabs() {
-    const available = [];
-    this.els.modes?.querySelectorAll("[data-mode]").forEach((b) => {
-      const el = b;
-      const mode = el.dataset.mode;
-      const permitted = mode !== "channels" || this.channelCaps.view;
-      el.hidden = !permitted;
-      if (!permitted) return;
-      available.push({ mode, label: el.textContent ?? mode });
-      const active = mode === this.mode;
-      el.classList.toggle("on", active);
-      el.setAttribute("aria-selected", String(active));
-      el.tabIndex = active ? 0 : -1;
-    });
-    const tools = this.els.tools;
-    if (tools) {
-      tools.innerHTML = available.map((entry) => `<option value="${entry.mode}"${entry.mode === this.mode ? " selected" : ""}>${esc(entry.label)}</option>`).join("");
-      tools.value = this.mode;
-    }
-    this.root?.classList.toggle("block-mode", this.mode === "block");
-  }
-  paintFollowLiveButton() {
-    const button = this.els.follow;
-    if (!button) return;
-    button.classList.toggle("on", this.followLive);
-    button.setAttribute("aria-pressed", String(this.followLive));
-    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", `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() {
-    const help = this.els.rail?.querySelector('[data-ref="momentumhelp"]');
-    if (!help) return;
-    help.hidden = !this.heatEnabled;
-    const copy = help.querySelector('[data-ref="momentumcopy"]');
-    if (!copy) return;
-    const hasRecentSales = this.controlRoomSnapshot?.velocity.bySection.some((row) => row.netBooked > 0);
-    copy.textContent = hasRecentSales ? "Warmer sections have more completed bookings, adjusted for section size. Holds and viewers are not counted." : `No completed bookings in the last ${this.trendWindowMinutes} minutes.`;
-  }
-  paintFullscreenButton() {
-    if (!this.els.fullscreen) return;
-    this.els.fullscreen.textContent = this.isFullscreen() ? "Exit full screen" : "Full screen";
-  }
-  paintTrendWindow() {
-    this.els.rail?.querySelectorAll("[data-window]").forEach((button) => {
-      const value = Number(button.dataset.window);
-      button.classList.toggle("on", value === this.trendWindowMinutes);
-    });
-  }
-  setLive(on) {
-    this.root?.classList.toggle("live", on);
-    if (this.els.livetext) this.els.livetext.textContent = on ? "LIVE" : "RECONNECTING";
-    this.paintMonitorInsights();
-    const next = on ? "live" : "reconnecting";
-    if (next === this.connectionStatus) return;
-    this.connectionStatus = next;
-    try {
-      this.opts.onConnectionChange?.(this.getConnection());
-    } catch (err) {
-      this.opts.onError?.(err);
-    }
-  }
-  updateZoomHint() {
-    const hint = this.els.zoomhint;
-    if (!hint) return;
-    const show = this.mode === "block" && this.renderer?.getRung?.() !== "seats";
-    hint.classList.toggle("on", !!show);
-  }
-  formatKpiDelta(key, delta, currency) {
-    const sign = delta > 0 ? "+" : "\u2212";
-    const absolute = Math.abs(delta);
-    if (key === "booked-value") return `${sign}${fmtMoney(absolute, currency)}`;
-    if (key === "booked-pct") return `${sign}${absolute.toLocaleString()}pt`;
-    return `${sign}${absolute.toLocaleString()}`;
-  }
-  paintKpis(t) {
-    if (!this.els.kpis) return;
-    const bookedValue = t.bookedValueStatus === "current" ? fmtMoney(t.bookedValue, t.currency) : "\u2014";
-    const presence = this.presenceCounts();
-    const items = [
-      { key: "booked-inventory", raw: t.booked, n: t.booked.toLocaleString(), l: "Booked inventory", dot: "#22a06b", title: "Inventory units booked" },
-      { key: "held-seats", raw: t.held, n: t.held.toLocaleString(), l: "Held inventory", dot: "#f4b740", title: "Inventory currently held" },
-      { key: "free-seats", raw: t.free, n: t.free.toLocaleString(), l: "Available", dot: "#6e7bff", title: "Inventory available to book" },
-      { key: "blocked", raw: t.blocked, n: t.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: t.capacityPct, n: `${t.capacityPct}%`, l: "Booked", title: "Booked inventory as a share of the whole event" },
-      { key: "booked-value", raw: t.bookedValueStatus === "current" ? t.bookedValue : null, n: bookedValue, l: "Booked value", title: "Configured value attached to booked inventory" }
-    ];
-    let hasChanges = false;
-    this.els.kpis.innerHTML = items.map((item) => {
-      const previous = this.lastKpiValues.get(item.key);
-      const changed = item.raw != null && previous != null && item.raw !== previous;
-      const delta = changed ? item.raw - previous : 0;
-      if (changed) {
-        hasChanges = true;
-        this.activeKpiDeltas.set(item.key, {
-          text: this.formatKpiDelta(item.key, delta, t.currency),
-          down: delta < 0
-        });
-      }
-      if (item.raw != null) this.lastKpiValues.set(item.key, item.raw);
-      const activeDelta = this.activeKpiDeltas.get(item.key);
-      return `<div class="slm-kpi${activeDelta ? " changed" : ""}" data-kpi="${item.key}" title="${esc(item.title)}">
-        <b>${item.dot ? `<span class="dot" style="background:${item.dot}"></span>` : ""}${item.n}</b><span>${item.l}</span>
-        ${activeDelta ? `<span class="slm-kpidelta${activeDelta.down ? " down" : ""}">${activeDelta.text}</span>` : ""}
-      </div>`;
-    }).join("");
-    if (hasChanges) {
-      if (this.kpiCleanupTimer) clearTimeout(this.kpiCleanupTimer);
-      this.kpiCleanupTimer = setTimeout(() => {
-        this.kpiCleanupTimer = null;
-        this.activeKpiDeltas.clear();
-        this.els.kpis?.querySelectorAll(".slm-kpidelta").forEach((element) => element.remove());
-        this.els.kpis?.querySelectorAll(".slm-kpi.changed").forEach((element) => element.classList.remove("changed"));
-      }, 1500);
-    }
-  }
-  // ---- DOM: rails -----------------------------------------------------------
-  paintRail() {
-    if (this.mode === "view") this.renderViewRail();
-    else if (this.mode === "inspect") this.renderInspectRail(this.getSelection());
-    else if (this.mode === "sections") this.renderSectionsRail();
-    else if (this.mode === "channels") {
-      if (this.channels) this.channels.paintRail();
-      else if (this.channelsLoading) {
-        this.els.rail.innerHTML = '<div class="slm-empty" role="status">Loading sales channels\u2026</div>';
-      } else {
-        this.els.rail.innerHTML = '<div class="slm-empty" role="alert">Sales channels could not be loaded. Switch away and back to try again.</div>';
-      }
-    } else this.renderBlockRail();
-    this.updateZoomHint();
-  }
-  renderViewRail() {
-    this.els.rail.innerHTML = `
+    `,this.host.appendChild(e),this.root=e,this.updateContainerLayout(),typeof ResizeObserver<"u"&&(this.layoutObserver=new ResizeObserver(()=>this.updateContainerLayout()),this.layoutObserver.observe(e));let s=i=>e.querySelector(`[data-ref="${i}"]`);this.mapHost=s("maphost"),this.els={modes:s("modes"),tools:s("tools"),livetext:s("livetext"),kpis:s("kpis"),follow:s("follow"),heat:s("heat"),fullscreen:s("fullscreen"),zoomhint:s("zoomhint"),liveevent:s("liveevent"),rail:s("rail"),toast:s("toast"),zfit:s("zfit")},this.els.modes.querySelectorAll("[data-mode]").forEach(i=>i.addEventListener("click",()=>this.setMode(i.dataset.mode))),this.els.tools.addEventListener("change",()=>this.setMode(this.els.tools.value)),this.els.zfit.addEventListener("click",()=>this.zoomToFit()),this.els.follow.addEventListener("click",()=>this.setFollowLive(!this.followLive)),this.els.heat.addEventListener("click",()=>this.setHeatOverlay(!this.heatEnabled)),this.els.fullscreen.addEventListener("click",()=>this.toggleFullscreen()),e.addEventListener("keydown",this.onKeyDown),this.els.rail.addEventListener("click",this.onRailClick),document.addEventListener("fullscreenchange",this.onFullscreenChange),this.paintModeTabs(),this.paintFollowLiveButton(),this.paintHeatButton(),this.paintFullscreenButton()}updateContainerLayout(){let e=this.root?.getBoundingClientRect().width||this.host.clientWidth;this.root?.classList.toggle("compact",e>0&&e<800),this.channels?.handleLayoutChange()}buildSectionOptions(){if(this.doc)try{let e=ke(this.doc);this.sectionsBase=e,this.sectionOptions=[],this.sectionByObject=new Map(e.objectToSection),this.sectionLabelById.clear();for(let t of e.sections)this.sectionOptions.push({id:t.id,label:t.label}),this.sectionLabelById.set(t.id,t.label);e.ungrouped&&(this.sectionOptions.push({id:f,label:e.ungrouped.label}),this.sectionLabelById.set(f,e.ungrouped.label))}catch{}}paintModeTabs(){let e=[];this.els.modes?.querySelectorAll("[data-mode]").forEach(s=>{let i=s,o=i.dataset.mode,n=o!=="channels"||this.channelCaps.view;if(i.hidden=!n,!n)return;e.push({mode:o,label:i.textContent??o});let a=o===this.mode;i.classList.toggle("on",a),i.setAttribute("aria-selected",String(a)),i.tabIndex=a?0:-1});let t=this.els.tools;t&&(t.innerHTML=e.map(s=>`<option value="${s.mode}"${s.mode===this.mode?" selected":""}>${h(s.label)}</option>`).join(""),t.value=this.mode),this.root?.classList.toggle("block-mode",this.mode==="block")}paintFollowLiveButton(){let e=this.els.follow;e&&(e.classList.toggle("on",this.followLive),e.setAttribute("aria-pressed",String(this.followLive)),e.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(){let e=this.els.heat;e&&(e.classList.toggle("on",this.heatEnabled),e.setAttribute("aria-pressed",String(this.heatEnabled)),e.setAttribute("aria-label",`Booking momentum overlay ${this.heatEnabled?"on":"off"}`),e.setAttribute("title",`${this.heatEnabled?"Hide":"Highlight"} sections booking fastest in the selected time window`),e.textContent="Booking momentum",this.paintMomentumHelp())}paintMomentumHelp(){let e=this.els.rail?.querySelector('[data-ref="momentumhelp"]');if(!e)return;e.hidden=!this.heatEnabled;let t=e.querySelector('[data-ref="momentumcopy"]');if(!t)return;let s=this.controlRoomSnapshot?.velocity.bySection.some(i=>i.netBooked>0);t.textContent=s?"Warmer sections have more completed bookings, adjusted for section size. Holds and viewers are not counted.":`No completed bookings in the last ${this.trendWindowMinutes} minutes.`}paintFullscreenButton(){this.els.fullscreen&&(this.els.fullscreen.textContent=this.isFullscreen()?"Exit full screen":"Full screen")}paintTrendWindow(){this.els.rail?.querySelectorAll("[data-window]").forEach(e=>{let t=Number(e.dataset.window);e.classList.toggle("on",t===this.trendWindowMinutes)})}setLive(e){this.root?.classList.toggle("live",e),this.els.livetext&&(this.els.livetext.textContent=e?"LIVE":"RECONNECTING"),this.paintMonitorInsights();let t=e?"live":"reconnecting";if(t!==this.connectionStatus){this.connectionStatus=t;try{this.opts.onConnectionChange?.(this.getConnection())}catch(s){this.opts.onError?.(s)}}}updateZoomHint(){let e=this.els.zoomhint;if(!e)return;let t=this.mode==="block"&&this.renderer?.getRung?.()!=="seats";e.classList.toggle("on",!!t)}formatKpiDelta(e,t,s){let i=t>0?"+":"\u2212",o=Math.abs(t);return e==="booked-value"?`${i}${g(o,s)}`:e==="booked-pct"?`${i}${o.toLocaleString()}pt`:`${i}${o.toLocaleString()}`}paintKpis(e){if(!this.els.kpis)return;let t=e.bookedValueStatus==="current"?g(e.bookedValue,e.currency):"\u2014",s=this.presenceCounts(),i=[{key:"booked-inventory",raw:e.booked,n:e.booked.toLocaleString(),l:"Booked inventory",dot:"#22a06b",title:"Inventory units booked"},{key:"held-seats",raw:e.held,n:e.held.toLocaleString(),l:"Held inventory",dot:"#f4b740",title:"Inventory currently held"},{key:"free-seats",raw:e.free,n:e.free.toLocaleString(),l:"Available",dot:"#6e7bff",title:"Inventory available to book"},{key:"blocked",raw:e.blocked,n:e.blocked.toLocaleString(),l:"Blocked",dot:"#8b94ac",title:"Inventory withheld from booking"},{key:"viewing-map",raw:s?.shoppingSessions??null,n:s?s.shoppingSessions.toLocaleString():"\u2014",l:"Viewing map",title:"Active map sessions right now"},{key:"active-holds",raw:s?.activeHolds??null,n:s?s.activeHolds.toLocaleString():"\u2014",l:"Active holds",title:"Sessions currently holding inventory"},{key:"booked-pct",raw:e.capacityPct,n:`${e.capacityPct}%`,l:"Booked",title:"Booked inventory as a share of the whole event"},{key:"booked-value",raw:e.bookedValueStatus==="current"?e.bookedValue:null,n:t,l:"Booked value",title:"Configured value attached to booked inventory"}],o=!1;this.els.kpis.innerHTML=i.map(n=>{let a=this.lastKpiValues.get(n.key),c=n.raw!=null&&a!=null&&n.raw!==a,d=c?n.raw-a:0;c&&(o=!0,this.activeKpiDeltas.set(n.key,{text:this.formatKpiDelta(n.key,d,e.currency),down:d<0})),n.raw!=null&&this.lastKpiValues.set(n.key,n.raw);let l=this.activeKpiDeltas.get(n.key);return`<div class="slm-kpi${l?" changed":""}" data-kpi="${n.key}" title="${h(n.title)}">
+        <b>${n.dot?`<span class="dot" style="background:${n.dot}"></span>`:""}${n.n}</b><span>${n.l}</span>
+        ${l?`<span class="slm-kpidelta${l.down?" down":""}">${l.text}</span>`:""}
+      </div>`}).join(""),o&&(this.kpiCleanupTimer&&clearTimeout(this.kpiCleanupTimer),this.kpiCleanupTimer=setTimeout(()=>{this.kpiCleanupTimer=null,this.activeKpiDeltas.clear(),this.els.kpis?.querySelectorAll(".slm-kpidelta").forEach(n=>n.remove()),this.els.kpis?.querySelectorAll(".slm-kpi.changed").forEach(n=>n.classList.remove("changed"))},1500))}paintRail(){this.mode==="view"?this.renderViewRail():this.mode==="inspect"?this.renderInspectRail(this.getSelection()):this.mode==="sections"?this.renderSectionsRail():this.mode==="channels"?this.channels?this.channels.paintRail():this.channelsLoading?this.els.rail.innerHTML='<div class="slm-empty" role="status">Loading sales channels\u2026</div>':this.els.rail.innerHTML='<div class="slm-empty" role="alert">Sales channels could not be loaded. Switch away and back to try again.</div>':this.renderBlockRail(),this.updateZoomHint()}renderViewRail(){this.els.rail.innerHTML=`
       <p class="slm-eyebrow">Monitor</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>
@@ -2071,412 +323,66 @@ var SeatManager = class {
       <div class="slm-sectionhead">
         <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((window) => `<button class="slm-window" data-window="${window}">${window}m</button>`).join("")}
+          ${[5,15,30,60].map(e=>`<button class="slm-window" data-window="${e}">${e}m</button>`).join("")}
         </div>
       </div>
-      <div class="slm-momentumhelp" data-ref="momentumhelp" ${this.heatEnabled ? "" : "hidden"}>
+      <div class="slm-momentumhelp" data-ref="momentumhelp" ${this.heatEnabled?"":"hidden"}>
         <div class="slm-momentumscale"><span>Warm</span><span class="slm-momentumgradient"></span><span>Hot</span></div>
         <p class="slm-momentumcopy" data-ref="momentumcopy"></p>
       </div>
       <div class="slm-sectionlist" data-ref="sections"></div>
       <p class="slm-eyebrow">Activity</p>
       <div class="slm-feed" data-ref="feed"></div>
-    `;
-    this.els.presence = this.els.rail.querySelector('[data-ref="presence"]');
-    this.els.legend = this.els.rail.querySelector('[data-ref="legend"]');
-    this.els.sections = this.els.rail.querySelector('[data-ref="sections"]');
-    this.els.feed = this.els.rail.querySelector('[data-ref="feed"]');
-    this.els.rail.querySelectorAll("[data-window]").forEach((button) => button.addEventListener("click", () => {
-      const windowMinutes = Number(button.dataset.window);
-      void this.setTrendWindow(windowMinutes).catch((err) => this.opts.onError?.(err));
-    }));
-    this.recomputeTallies();
-    this.paintMonitorInsights();
-    this.paintTrendWindow();
-    this.paintMomentumHelp();
-    this.paintFeed();
-  }
-  /** Live presence wins over the snapshot's copy — it is the fresher channel,
-   *  and it exists from the first frame rather than the first fetch. */
-  presenceCounts() {
-    return this.livePresence?.value ?? this.controlRoomSnapshot?.presence ?? null;
-  }
-  paintMonitorInsights() {
-    if (this.mode !== "view") return;
-    const snapshot = this.controlRoomSnapshot;
-    if (this.els.presence) {
-      const connected = this.root?.classList.contains("live");
-      const sync = this.lastSyncedAt ? relTime(this.lastSyncedAt, Date.now()) : "waiting";
-      const presence = this.presenceCounts();
-      this.els.presence.innerHTML = `
-        <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>`;
-    }
-    if (!this.els.sections) return;
-    if (!snapshot) {
-      this.els.sections.innerHTML = '<div class="slm-empty">Loading authoritative section metrics\u2026</div>';
-      return;
-    }
-    const velocity = new Map(snapshot.velocity.bySection.map((row) => [row.sectionId, row]));
-    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.bookedValue - a.bookedValue;
-    });
-    this.els.sections.innerHTML = rows.length ? rows.map((row) => {
-      const speed = velocity.get(row.sectionId);
-      const net = speed?.netBooked ?? 0;
-      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="${esc(row.sectionId)}" title="Focus ${esc(row.sectionLabel)} on the map">
-        <span class="slm-sectiontop"><span>${esc(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();
-    this.paintMomentumHelp();
-  }
-  applyHeatOverlay() {
-    const snapshot = this.controlRoomSnapshot;
-    if (!this.heatEnabled || !snapshot) {
-      this.renderer?.setSectionHeat(null);
-      return;
-    }
-    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
-    }));
-    const max = Math.max(0, ...rates.map((row) => row.rate));
-    const scores = {};
-    for (const row of rates) scores[row.sectionId] = max > 0 ? Math.sqrt(row.rate / max) : 0;
-    this.renderer?.setSectionHeat(scores);
-  }
-  renderInspectRail(seats) {
-    const seat = seats[seats.length - 1];
-    if (!seat) {
-      this.els.rail.innerHTML = `
+    `,this.els.presence=this.els.rail.querySelector('[data-ref="presence"]'),this.els.legend=this.els.rail.querySelector('[data-ref="legend"]'),this.els.sections=this.els.rail.querySelector('[data-ref="sections"]'),this.els.feed=this.els.rail.querySelector('[data-ref="feed"]'),this.els.rail.querySelectorAll("[data-window]").forEach(e=>e.addEventListener("click",()=>{let t=Number(e.dataset.window);this.setTrendWindow(t).catch(s=>this.opts.onError?.(s))})),this.recomputeTallies(),this.paintMonitorInsights(),this.paintTrendWindow(),this.paintMomentumHelp(),this.paintFeed()}presenceCounts(){return this.livePresence?.value??this.controlRoomSnapshot?.presence??null}paintMonitorInsights(){if(this.mode!=="view")return;let e=this.controlRoomSnapshot;if(this.els.presence){let i=this.root?.classList.contains("live"),o=this.lastSyncedAt?C(this.lastSyncedAt,Date.now()):"waiting",n=this.presenceCounts();this.els.presence.innerHTML=`
+        <div class="slm-healthitem" title="Active map sessions right now"><b>${n?n.shoppingSessions.toLocaleString():"\u2014"}</b><span>Viewing map</span></div>
+        <div class="slm-healthitem" title="Sessions currently holding inventory"><b>${n?n.activeHolds.toLocaleString():"\u2014"}</b><span>Active holds</span></div>
+        <div class="slm-healthitem"><b>${i?"Healthy":"Reconnecting"}</b><span>Live connection</span></div>
+        <div class="slm-healthitem"><b>${o}</b><span>Last sync</span></div>`}if(!this.els.sections)return;if(!e){this.els.sections.innerHTML='<div class="slm-empty">Loading authoritative section metrics\u2026</div>';return}let t=new Map(e.velocity.bySection.map(i=>[i.sectionId,i])),s=[...e.bookedValue.bySection].sort((i,o)=>{let n=t.get(i.sectionId)?.netBooked??0;return(t.get(o.sectionId)?.netBooked??0)-n||o.bookedValue-i.bookedValue});this.els.sections.innerHTML=s.length?s.map(i=>{let o=t.get(i.sectionId),n=o?.netBooked??0,a=`${n>0?"+":""}${n}`,c=o?.trend==="rising"||o?.trend==="cooling"?o.trend:"steady";return`<button type="button" class="slm-sectionrow" data-section-focus="${h(i.sectionId)}" title="Focus ${h(i.sectionLabel)} on the map">
+        <span class="slm-sectiontop"><span>${h(i.sectionLabel)}</span><span>${g(i.bookedValue,e.currency)}</span></span>
+        <span class="slm-sectionmeta"><span>${i.booked.toLocaleString()}/${i.total.toLocaleString()} booked \xB7 ${a} in ${e.velocity.windowMinutes}m</span><span class="slm-trend ${c}">${c}</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(),this.paintMomentumHelp()}applyHeatOverlay(){let e=this.controlRoomSnapshot;if(!this.heatEnabled||!e){this.renderer?.setSectionHeat(null);return}let t=new Map(e.bookedValue.bySection.map(n=>[n.sectionId,Math.max(1,n.total)])),s=e.velocity.bySection.map(n=>({sectionId:n.sectionId,rate:Math.max(0,n.netBooked)/(t.get(n.sectionId)??1)/e.velocity.windowMinutes})),i=Math.max(0,...s.map(n=>n.rate)),o={};for(let n of s)o[n.sectionId]=i>0?Math.sqrt(n.rate/i):0;this.renderer?.setSectionHeat(o)}renderInspectRail(e){let t=e[e.length-1];if(!t){this.els.rail.innerHTML=`
         <p class="slm-eyebrow">Inspect seats</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;
-    }
-    const status = this.status.get(seat.label) ?? "free";
-    const statusLabel = { free: "Free", held: "Held", booked: "Booked", blocked: "Blocked" };
-    const sectionId = this.sectionByObject.get(seat.rowId) ?? 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?.bookedValue.bySection.find((row) => row.sectionId === sectionId);
-    const object = this.doc?.objects.find((item) => item.id === seat.rowId);
-    const location = 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";
-    this.els.rail.innerHTML = `
-      <p class="slm-eyebrow">${itemKind} details</p>
+        <div class="slm-empty">Select a seat on the map.</div>`;return}let s=this.status.get(t.label)??"free",i={free:"Free",held:"Held",booked:"Booked",blocked:"Blocked"},o=this.sectionByObject.get(t.rowId)??f,n=this.sectionLabelById.get(o)??"Other seats",a=this.doc?.categories.find(m=>m.key===t.categoryKey),c=this.controlRoomSnapshot?.bookedValue.bySection.find(m=>m.sectionId===o),d=this.doc?.objects.find(m=>m.id===t.rowId),l=d?.type==="row"?{label:"Row",value:d.label}:d?.type==="table"?{label:"Table",value:d.label}:t.kind==="booth"?{label:"Type",value:"Booth"}:null,p=t.kind==="booth"?"Booth":"Seat";this.els.rail.innerHTML=`
+      <p class="slm-eyebrow">${p} details</p>
       <p class="slm-hint">Live availability and section performance.</p>
       <div class="slm-inspect-card">
-        <div class="slm-inspect-label">${esc(seat.label)}</div>
+        <div class="slm-inspect-label">${h(t.label)}</div>
         <div class="slm-inspect-grid">
-          <div><span>Status</span><b>${statusLabel[status]}</b></div>
-          <div><span>Section</span><b>${esc(sectionLabel)}</b></div>
-          ${location ? `<div><span>${location.label}</span><b>${esc(location.value)}</b></div>` : ""}
-          <div><span>Category</span><b>${esc(category?.label ?? seat.categoryKey)}</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><span>Status</span><b>${i[s]}</b></div>
+          <div><span>Section</span><b>${h(n)}</b></div>
+          ${l?`<div><span>${l.label}</span><b>${h(l.value)}</b></div>`:""}
+          <div><span>Category</span><b>${h(a?.label??t.categoryKey)}</b></div>
+          <div><span>Booked in section</span><b>${c?`${c.booked} of ${c.total}`:"\u2014"}</b></div>
+          <div><span>Section booked value</span><b>${c&&this.controlRoomSnapshot?g(c.bookedValue,this.controlRoomSnapshot.currency):"\u2014"}</b></div>
         </div>
-      </div>`;
-  }
-  // ---- sections: availability windows --------------------------------------
-  /** Pull the organizer's availability rules (event:view). Called on load and on
-   *  every WS (re)connect, mirroring how the other panels re-hydrate. `closed` is
-   *  deterministic from the rules; `hidden` (which folds in already-due timed /
-   *  threshold windows) comes from the snapshot + WS effective set. */
-  async refreshAvailability() {
-    try {
-      const res = await this.withAuthRetry(() => this.api.availability(this.key));
-      this.availabilityRules = res.rules ?? {};
-      this.effectiveClosed = new Set(this.closedIdsFromRules(this.availabilityRules));
-      if (this.mode === "sections") this.renderSectionsRail();
-      this.applySectionCanvasTreatment();
-    } catch (err) {
-      this.opts.onError?.(err);
-    }
-  }
-  /** Run a token-authed op; on a 401 re-mint via onTokenRefresh and retry once. */
-  async withAuthRetry(op) {
-    try {
-      return await op();
-    } catch (err) {
-      if (err instanceof ManageApiError && err.status === 401 && this.opts.onTokenRefresh && !this.tokenRefreshInFlight) {
-        await this.rotateToken();
-        return op();
-      }
-      throw err;
-    }
-  }
-  closedIdsFromRules(rules) {
-    return Object.entries(rules).filter(([, r]) => r.mode === "closed").map(([id]) => id);
-  }
-  /** Adopt a new effective hidden/closed set (from a snapshot or WS broadcast) and
-   *  repaint the rail + canvas when it actually moves. */
-  updateEffectiveAvailability(hidden, closed) {
-    let changed = false;
-    if (Array.isArray(hidden)) {
-      this.effectiveHidden = new Set(hidden.filter((x) => typeof x === "string"));
-      changed = true;
-    }
-    if (Array.isArray(closed)) {
-      this.effectiveClosed = new Set(closed.filter((x) => typeof x === "string"));
-      changed = true;
-    }
-    if (!changed) return;
-    if (this.mode === "sections") this.renderSectionsRail();
-    this.applySectionCanvasTreatment();
-  }
-  /** Canvas read of the availability state: dim hidden sections to a whisper,
-   *  half-light closed sections, leave open sections normal. Only in Sections mode;
-   *  cleared in every other tool. */
-  applySectionCanvasTreatment() {
-    if (!this.renderer) return;
-    if (this.mode === "sections") {
-      this.renderer.setDimmedSections([...this.effectiveHidden]);
-      this.renderer.setClosedSections([...this.effectiveClosed]);
-    } else {
-      this.renderer.setDimmedSections(null);
-      this.renderer.setClosedSections(null);
-    }
-  }
-  /** Zone-grouped render tree: each zone header then its sections (which follow the
-   *  zone window), then loose sections + the ungrouped bucket. Effective hidden /
-   *  closed come from the live sets, rules from the organizer map. */
-  buildSectionRows() {
-    const base = this.sectionsBase;
-    if (!base) return { rows: [], hiddenSections: 0, closedSections: 0 };
-    const zones = this.doc?.zones ?? [];
-    const byZone = /* @__PURE__ */ new Map();
-    const loose = [];
-    for (const s of base.sections) {
-      if (s.zone && zones.some((z) => z.id === s.zone)) {
-        const list = byZone.get(s.zone) ?? [];
-        list.push(s);
-        byZone.set(s.zone, list);
-      } else {
-        loose.push(s);
-      }
-    }
-    const rows = [];
-    let hiddenSections = 0;
-    let closedSections = 0;
-    const push = (kind, node, zoneRuled, parentClosed = false) => {
-      const rule = this.availabilityRules[node.id] ?? null;
-      const effClosed = this.effectiveClosed.has(node.id) || parentClosed;
-      const effHidden = this.effectiveHidden.has(node.id) || zoneRuled && !effClosed;
-      if (kind === "section" && effHidden) hiddenSections += 1;
-      if (kind === "section" && effClosed) closedSections += 1;
-      rows.push({
-        kind,
-        id: node.id,
-        label: node.label,
-        seatCount: node.seatCount,
-        seatLabels: node.seatLabels,
-        rule,
-        hidden: effHidden,
-        closed: effClosed,
-        followsZone: kind === "section" && zoneRuled
-      });
-    };
-    for (const z of zones) {
-      const secs = byZone.get(z.id);
-      if (!secs || !secs.length) continue;
-      const zoneNode = {
-        id: z.id,
-        label: z.label || "Zone",
-        seatCount: secs.reduce((sum, s) => sum + s.seatCount, 0),
-        seatLabels: secs.flatMap((s) => s.seatLabels)
-      };
-      const zoneRuled = !!this.availabilityRules[z.id];
-      const zoneClosed = this.availabilityRules[z.id]?.mode === "closed";
-      push("zone", zoneNode, false);
-      for (const s of secs) push("section", s, zoneRuled, zoneClosed);
-    }
-    for (const s of loose) push("section", s, false);
-    if (base.ungrouped) {
-      const u = base.ungrouped;
-      push("section", { id: UNGROUPED_ID, label: u.label, seatCount: u.seatCount, seatLabels: u.seatLabels }, false);
-    }
-    return { rows, hiddenSections, closedSections };
-  }
-  renderSectionsRail() {
-    const { rows, hiddenSections, closedSections } = this.buildSectionRows();
-    if (!rows.length) {
-      this.els.rail.innerHTML = `
+      </div>`}async refreshAvailability(){try{let e=await this.withAuthRetry(()=>this.api.availability(this.key));this.availabilityRules=e.rules??{},this.effectiveClosed=new Set(M(this.availabilityRules)),this.mode==="sections"&&this.renderSectionsRail(),this.applySectionCanvasTreatment()}catch(e){this.opts.onError?.(e)}}async withAuthRetry(e){try{return await e()}catch(t){if(t instanceof y&&t.status===401&&this.opts.onTokenRefresh&&!this.tokenRefreshInFlight)return await this.rotateToken(),e();throw t}}updateEffectiveAvailability(e,t){let s=!1;Array.isArray(e)&&(this.effectiveHidden=new Set(e.filter(i=>typeof i=="string")),s=!0),Array.isArray(t)&&(this.effectiveClosed=new Set(t.filter(i=>typeof i=="string")),s=!0),s&&(this.mode==="sections"&&this.renderSectionsRail(),this.applySectionCanvasTreatment())}applySectionCanvasTreatment(){this.renderer&&(this.mode==="sections"?(this.renderer.setDimmedSections([...this.effectiveHidden]),this.renderer.setClosedSections([...this.effectiveClosed])):(this.renderer.setDimmedSections(null),this.renderer.setClosedSections(null)))}sectionRowsInput(){return{sectionsBase:this.sectionsBase,doc:this.doc,availabilityRules:this.availabilityRules,effectiveHidden:this.effectiveHidden,effectiveClosed:this.effectiveClosed}}renderSectionsRail(){let{rows:e,hiddenSections:t,closedSections:s}=w(this.sectionRowsInput());if(!e.length){this.els.rail.innerHTML=`
         <p class="slm-eyebrow">Availability windows</p>
         <p class="slm-hint">Draw sections or zones in the designer to schedule availability per area. This chart has none yet.</p>
-        <div class="slm-empty">No sections on this chart.</div>`;
-      return;
-    }
-    const parts = [];
-    if (hiddenSections) parts.push(`${hiddenSections} hidden`);
-    if (closedSections) parts.push(`${closedSections} closed`);
-    const summary = parts.length ? parts.join(" \xB7 ") : "All sections open and on sale";
-    const warn = hiddenSections > 0 || closedSections > 0;
-    this.els.rail.innerHTML = `
+        <div class="slm-empty">No sections on this chart.</div>`;return}let i=[];t&&i.push(`${t} hidden`),s&&i.push(`${s} closed`);let o=i.length?i.join(" \xB7 "):"All sections open and on sale",n=t>0||s>0;this.els.rail.innerHTML=`
       <p class="slm-eyebrow">Availability windows</p>
       <p class="slm-hint">Control when each zone or section goes on sale. Keep it hidden, reveal it at a set time, or <b>auto-reveal once the rest sells past a threshold</b>. Hidden seats vanish for buyers; closed seats stay on the map (flat grey) but can't be bought.</p>
-      <div class="slm-availlist" data-ref="availlist">${rows.map((row) => this.sectionRowHtml(row)).join("")}</div>
+      <div class="slm-availlist" data-ref="availlist">${e.map(a=>O(a,this.availabilitySaving)).join("")}</div>
       <div class="slm-availsummary">
-        <span class="slm-availdot${warn ? " warn" : ""}"></span>
-        <span>${esc(summary)}</span>
+        <span class="slm-availdot${n?" warn":""}"></span>
+        <span>${h(o)}</span>
       </div>
       <div class="slm-availcallout">
         <span class="slm-availstar" aria-hidden="true">\u2726</span>
         <p><b>Auto-reveal at % sold</b> is our differentiator \u2014 demand-triggered release: the balcony opens itself the moment the stalls hit the threshold. Neither seats.io nor Ticketmaster ships this.</p>
-      </div>`;
-    this.wireSectionRail();
-    this.applySectionCanvasTreatment();
-  }
-  sectionRowHtml(row) {
-    const mode = availabilityModeOf(row.rule);
-    const cls = `slm-availrow${row.kind === "zone" ? " zone" : ""}${row.hidden ? " hidden" : ""}${row.closed ? " closed" : ""}`;
-    const disabled = this.availabilitySaving ? " disabled" : "";
-    const option = (value, text) => `<option value="${value}"${mode === value ? " selected" : ""}>${text}</option>`;
-    const control = row.followsZone ? '<span class="slm-availfollows">Follows zone</span>' : `<span class="slm-availselwrap">
-          <select class="slm-select slm-availmode${mode !== "open" ? " on" : ""}" data-avail-id="${esc(row.id)}"${disabled} aria-label="Availability for ${esc(row.label)}">
-            ${option("open", "Open \u2014 on sale")}
-            ${option("closed", "Closed \u2014 visible, not on sale")}
-            ${option("hidden", "Hidden \u2014 off the buyer map")}
-            ${option("timed", "Reveal at a time")}
-            ${option("threshold", "Auto-reveal at % sold")}
-          </select>
-        </span>`;
-    let detail = "";
-    if (!row.followsZone && mode === "timed") {
-      const value = row.rule?.revealAt ? esc(toLocalInput(row.rule.revealAt)) : "";
-      detail = `<div class="slm-availdetail">
-        <input type="datetime-local" class="slm-input" data-avail-reveal="${esc(row.id)}" value="${value}"${disabled} aria-label="Reveal time for ${esc(row.label)}" />
-      </div>`;
-    } else if (!row.followsZone && mode === "threshold") {
-      const pct = row.rule?.thresholdPct ?? 80;
-      detail = `<div class="slm-availdetail">
-        <span class="slm-availpctlabel">Reveal at</span>
-        <input type="number" min="1" max="100" class="slm-input slm-availpct" data-avail-pct="${esc(row.id)}" value="${esc(pct)}"${disabled} aria-label="Percent sold to reveal ${esc(row.label)}" />
-        <span class="slm-availpctlabel">% sold</span>
-      </div>`;
-    }
-    const badge = row.closed ? '<span class="slm-availbadge closed">Closed</span>' : row.hidden ? '<span class="slm-availbadge hidden">Hidden</span>' : "";
-    const caret = row.kind === "zone" ? `<span class="slm-availcaret" aria-hidden="true">${row.hidden ? "\u25B8" : "\u25BE"}</span>` : "";
-    return `<div class="${cls}">
-      <div class="slm-availhead">
-        <span class="slm-availlabel">${caret}${esc(row.label)}</span>
-        ${badge}
-        <span class="slm-availcount">${row.seatCount.toLocaleString()}</span>
-        ${control}
-      </div>
-      ${detail}
-    </div>`;
-  }
-  wireSectionRail() {
-    const rail = this.els.rail;
-    if (!rail) return;
-    rail.querySelectorAll("[data-avail-id]").forEach((select) => {
-      select.addEventListener("change", () => this.setSectionMode(select.dataset.availId, select.value));
-    });
-    rail.querySelectorAll("[data-avail-reveal]").forEach((input) => {
-      input.addEventListener("change", () => {
-        const ms = new Date(input.value).getTime();
-        if (Number.isFinite(ms)) this.setSectionRulePatch(input.dataset.availReveal, { revealAt: ms });
-      });
-    });
-    rail.querySelectorAll("[data-avail-pct]").forEach((input) => {
-      input.addEventListener("change", () => {
-        const pct = Math.max(1, Math.min(100, Number(input.value) || 0));
-        this.setSectionRulePatch(input.dataset.availPct, { thresholdPct: pct });
-      });
-    });
-  }
-  /** Change one row's availability mode. A zone rule subsumes its child section
-   *  rules, so those are dropped from the map (the zone window is the truth). */
-  setSectionMode(id, mode) {
-    const row = this.buildSectionRows().rows.find((r) => r.id === id);
-    const seatLabels = row?.seatLabels ?? this.availabilityRules[id]?.labels ?? [];
-    const next = { ...this.availabilityRules };
-    const rule = availabilityRuleForMode(mode, seatLabels, this.availabilityRules[id]);
-    if (rule) next[id] = rule;
-    else delete next[id];
-    if (row?.kind === "zone" && this.sectionsBase) {
-      for (const s of this.sectionsBase.sections) if (s.zone === id) delete next[s.id];
-    }
-    void this.persistAvailability(next);
-  }
-  /** Edit a timed reveal time / threshold percent on an existing row rule. */
-  setSectionRulePatch(id, patch) {
-    const cur = this.availabilityRules[id];
-    if (!cur) return;
-    const row = this.buildSectionRows().rows.find((r) => r.id === id);
-    const labels = row?.seatLabels ?? cur.labels ?? [];
-    void this.persistAvailability({ ...this.availabilityRules, [id]: { ...cur, ...patch, labels } });
-  }
-  /** Optimistically adopt the new rules, then reconcile with the server-cleaned
-   *  map + effective hidden/closed sets. Rolls back the rules on failure. */
-  async persistAvailability(next) {
-    const prev = this.availabilityRules;
-    this.availabilityRules = next;
-    this.availabilitySaving = true;
-    if (this.mode === "sections") this.renderSectionsRail();
-    try {
-      const res = await this.withAuthRetry(() => this.api.setAvailability(this.key, next));
-      this.availabilityRules = res.rules;
-      this.effectiveHidden = new Set(res.hidden);
-      this.effectiveClosed = new Set(this.closedIdsFromRules(res.rules));
-      this.availabilitySaving = false;
-      if (this.mode === "sections") this.renderSectionsRail();
-      this.applySectionCanvasTreatment();
-    } catch (err) {
-      this.availabilityRules = prev;
-      this.availabilitySaving = false;
-      if (this.mode === "sections") this.renderSectionsRail();
-      this.toastErr("Couldn't update availability. Try again.");
-      this.opts.onError?.(err);
-    }
-  }
-  paintLegend(t) {
-    if (!this.els.legend) return;
-    this.els.legend.innerHTML = LEGEND.map((l) => `<div class="slm-legrow"><span class="slm-legdot" style="background:${l.color}"></span>
-        <span class="slm-leglabel">${l.label}</span><span class="slm-legcount">${t[l.key].toLocaleString()}</span></div>`).join("");
-  }
-  paintFeed() {
-    if (!this.els.feed) return;
-    if (!this.feed.length) {
-      this.els.feed.innerHTML = `<div class="slm-empty">No activity yet \u2014 it'll stream in live.</div>`;
-      return;
-    }
-    const now = Date.now();
-    const color = { free: "#6e7bff", held: "#f4b740", booked: "#22a06b", blocked: "#8b94ac" };
-    this.els.feed.innerHTML = this.feed.map((a) => {
-      const extra = a.count > 1 ? ` +${a.count - 1}` : "";
-      const sections = a.sectionLabels ?? [];
-      const sectionCopy = sections.length === 1 ? sections[0] : sections.length > 1 ? `${sections.length} sections` : "";
-      return `<button type="button" class="slm-feedrow" data-feed-id="${esc(a.id)}" title="Locate this activity on the map">
-        <span class="slm-feeddot" style="background:${color[a.status]}"></span>
-        <span class="slm-feedtext">${sectionCopy ? `<span class="slm-feedsection">${esc(sectionCopy)}</span>` : ""}${a.count === 1 ? "Seat" : "Seats"} <b>${esc(a.label)}${extra}</b> ${esc(a.verb)}</span>
-        <span class="slm-feedmeta"><span class="slm-feedtime">${relTime(a.at, now)}</span><span class="slm-feedlocate">Locate</span></span>
-      </button>`;
-    }).join("");
-  }
-  renderBlockRail() {
-    const cats = this.doc?.categories ?? [];
-    const catChips = cats.map((c) => `<button class="slm-chip" type="button" data-cat="${esc(c.key)}" aria-pressed="false">
-        <span class="dot" style="background:${esc(c.color ?? "#6e7bff")}"></span>
-        <span>${esc(c.label ?? c.key)}</span>
+      </div>`,this.wireSectionRail(),this.applySectionCanvasTreatment()}wireSectionRail(){let e=this.els.rail;e&&(e.querySelectorAll("[data-avail-id]").forEach(t=>{t.addEventListener("change",()=>this.setSectionMode(t.dataset.availId,t.value))}),e.querySelectorAll("[data-avail-reveal]").forEach(t=>{t.addEventListener("change",()=>{let s=new Date(t.value).getTime();Number.isFinite(s)&&this.setSectionRulePatch(t.dataset.availReveal,{revealAt:s})})}),e.querySelectorAll("[data-avail-pct]").forEach(t=>{t.addEventListener("change",()=>{let s=Math.max(1,Math.min(100,Number(t.value)||0));this.setSectionRulePatch(t.dataset.availPct,{thresholdPct:s})})}))}setSectionMode(e,t){let s=w(this.sectionRowsInput()).rows.find(a=>a.id===e),i=s?.seatLabels??this.availabilityRules[e]?.labels??[],o={...this.availabilityRules},n=z(t,i,this.availabilityRules[e]);if(n?o[e]=n:delete o[e],s?.kind==="zone"&&this.sectionsBase)for(let a of this.sectionsBase.sections)a.zone===e&&delete o[a.id];this.persistAvailability(o)}setSectionRulePatch(e,t){let s=this.availabilityRules[e];if(!s)return;let o=w(this.sectionRowsInput()).rows.find(n=>n.id===e)?.seatLabels??s.labels??[];this.persistAvailability({...this.availabilityRules,[e]:{...s,...t,labels:o}})}async persistAvailability(e){let t=this.availabilityRules;this.availabilityRules=e,this.availabilitySaving=!0,this.mode==="sections"&&this.renderSectionsRail();try{let s=await this.withAuthRetry(()=>this.api.setAvailability(this.key,e));this.availabilityRules=s.rules,this.effectiveHidden=new Set(s.hidden),this.effectiveClosed=new Set(M(s.rules)),this.availabilitySaving=!1,this.mode==="sections"&&this.renderSectionsRail(),this.applySectionCanvasTreatment()}catch(s){this.availabilityRules=t,this.availabilitySaving=!1,this.mode==="sections"&&this.renderSectionsRail(),this.toastErr("Couldn't update availability. Try again."),this.opts.onError?.(s)}}paintLegend(e){this.els.legend&&(this.els.legend.innerHTML=P.map(t=>`<div class="slm-legrow"><span class="slm-legdot" style="background:${t.color}"></span>
+        <span class="slm-leglabel">${t.label}</span><span class="slm-legcount">${e[t.key].toLocaleString()}</span></div>`).join(""))}paintFeed(){if(!this.els.feed)return;if(!this.feed.length){this.els.feed.innerHTML=`<div class="slm-empty">No activity yet \u2014 it'll stream in live.</div>`;return}let e=Date.now(),t={free:"#6e7bff",held:"#f4b740",booked:"#22a06b",blocked:"#8b94ac"};this.els.feed.innerHTML=this.feed.map(s=>{let i=s.count>1?` +${s.count-1}`:"",o=s.sectionLabels??[],n=o.length===1?o[0]:o.length>1?`${o.length} sections`:"";return`<button type="button" class="slm-feedrow" data-feed-id="${h(s.id)}" title="Locate this activity on the map">
+        <span class="slm-feeddot" style="background:${t[s.status]}"></span>
+        <span class="slm-feedtext">${n?`<span class="slm-feedsection">${h(n)}</span>`:""}${s.count===1?"Seat":"Seats"} <b>${h(s.label)}${i}</b> ${h(s.verb)}</span>
+        <span class="slm-feedmeta"><span class="slm-feedtime">${C(s.at,e)}</span><span class="slm-feedlocate">Locate</span></span>
+      </button>`}).join("")}renderBlockRail(){let t=(this.doc?.categories??[]).map(l=>`<button class="slm-chip" type="button" data-cat="${h(l.key)}" aria-pressed="false">
+        <span class="dot" style="background:${h(l.color??"#6e7bff")}"></span>
+        <span>${h(l.label??l.key)}</span>
         <span class="slm-chipcount" data-cat-count>0</span>
         <span class="slm-chipcheck" aria-hidden="true">\u2713</span>
-      </button>`).join("");
-    const sectionField = this.sectionOptions.length ? `<div class="slm-field"><label>Select a whole section</label>
+      </button>`).join(""),s=this.sectionOptions.length?`<div class="slm-field"><label>Select a whole section</label>
           <select class="slm-select" data-ref="section"><option value="">Choose a section\u2026</option>
-          ${this.sectionOptions.map((s) => `<option value="${esc(s.id)}">${esc(s.label)}</option>`).join("")}</select></div>` : "";
-    const blockedSectionOptions = this.sectionOptions.map((s) => `<option value="${esc(s.id)}">${esc(s.label)}</option>`).join("");
-    this.els.rail.innerHTML = `
+          ${this.sectionOptions.map(l=>`<option value="${h(l.id)}">${h(l.label)}</option>`).join("")}</select></div>`:"",i=this.sectionOptions.map(l=>`<option value="${h(l.id)}">${h(l.label)}</option>`).join("");this.els.rail.innerHTML=`
       <p class="slm-eyebrow">Block &amp; unblock</p>
       <p class="slm-hint">Drag a box on the map to marquee-select, \u2318A for all, or pick a category/section. Booked and held inventory is never actionable here.</p>
       <div class="slm-selbar" aria-live="polite"><span class="slm-selnum" data-ref="selnum">0</span><span class="slm-sellabel" data-ref="selmeta">selected</span></div>
@@ -2490,8 +396,8 @@ var SeatManager = class {
       </div>
       <p class="slm-eyebrow" style="margin-top:8px">Select by category</p>
       <p class="slm-selecthelp">Choose one or more. A checked category is selected; click it again to remove it.</p>
-      <div class="slm-chiprow">${catChips || '<span class="slm-empty">No categories.</span>'}</div>
-      ${sectionField}
+      <div class="slm-chiprow">${t||'<span class="slm-empty">No categories.</span>'}</div>
+      ${s}
       <div class="slm-field">
         <label>Auto-release blocks at (optional)</label>
         <input type="datetime-local" class="slm-input" data-ref="release" />
@@ -2506,7 +412,7 @@ var SeatManager = class {
         <div class="slm-blockedtools">
           <input type="search" class="slm-input" data-ref="blockedsearch" placeholder="Find seat, row or category" aria-label="Search blocked seats" />
           <select class="slm-select" data-ref="blockedsection" aria-label="Filter blocked seats by section">
-            <option value="">All sections</option>${blockedSectionOptions}
+            <option value="">All sections</option>${i}
           </select>
         </div>
         <div class="slm-blockedsummary">
@@ -2519,261 +425,8 @@ var SeatManager = class {
         <button class="slm-btn ghost" data-ref="markall" style="width:100%" disabled>Put all blocked seats on sale</button>
         <p class="slm-note slm-allnote" data-ref="markallnote">For a full reset only. You will be asked to confirm.</p>
       </div>
-    `;
-    const r = (n) => this.els.rail.querySelector(`[data-ref="${n}"]`);
-    this.els.selnum = r("selnum");
-    this.els.doblock = r("doblock");
-    this.els.dounblock = r("dounblock");
-    this.els.selmeta = r("selmeta");
-    this.els.blockedcount = r("blockedcount");
-    this.els.blockedshowing = r("blockedshowing");
-    this.els.blockedlist = r("blockedlist");
-    this.els.selblocked = r("selblocked");
-    this.els.markall = r("markall");
-    this.els.markallnote = r("markallnote");
-    r("doblock").addEventListener("click", () => void this.block());
-    r("dounblock").addEventListener("click", () => void this.unblock());
-    r("selall").addEventListener("click", () => this.selectAll());
-    r("clearsel").addEventListener("click", () => this.clearSelection());
-    r("markall").addEventListener("click", () => this.confirmUnblockAll());
-    this.els.rail.querySelectorAll("[data-cat]").forEach((b) => b.addEventListener("click", () => this.toggleCategory(b.dataset.cat)));
-    const sectionSel = this.els.rail.querySelector('[data-ref="section"]');
-    sectionSel?.addEventListener("change", () => {
-      if (sectionSel.value) {
-        this.selectSection(sectionSel.value);
-        sectionSel.value = "";
-      }
-    });
-    const blockedSearch = r("blockedsearch");
-    const blockedSection = r("blockedsection");
-    blockedSearch.value = this.blockedQuery;
-    blockedSection.value = this.blockedSection;
-    blockedSearch.addEventListener("input", () => {
-      this.blockedQuery = blockedSearch.value;
-      this.blockedResultLimit = 100;
-      this.paintBlockedInventory();
-    });
-    blockedSection.addEventListener("change", () => {
-      this.blockedSection = blockedSection.value;
-      this.blockedResultLimit = 100;
-      this.paintBlockedInventory();
-    });
-    r("selblocked").addEventListener("click", () => {
-      this.toggleLabels(this.filteredBlockedSeats().map((seat) => seat.label));
-    });
-    r("blockedlist").addEventListener("click", (event) => {
-      const target = event.target;
-      const seatButton = target.closest("[data-blocked-label]");
-      if (seatButton?.dataset.blockedLabel) this.toggleLabels([seatButton.dataset.blockedLabel]);
-      else if (target.closest("[data-blocked-more]")) {
-        this.blockedResultLimit += 100;
-        this.paintBlockedInventory();
-      }
-    });
-    const rel = r("release");
-    rel.addEventListener("change", () => {
-      const ms = rel.value ? new Date(rel.value).getTime() : NaN;
-      this.releaseAt = Number.isFinite(ms) && ms > Date.now() ? ms : null;
-      const note = r("releasenote");
-      note.textContent = this.releaseAt ? `New blocks auto-release ${new Date(this.releaseAt).toLocaleString()}.` : rel.value ? "Pick a time in the future." : "Leave empty to block permanently.";
-    });
-    this.paintSelBar(this.getSelection());
-  }
-  toggleCategory(catKey) {
-    const labels = [];
-    for (const [label, seat] of this.labelToSeat.entries()) {
-      if (seat.categoryKey === catKey && this.isBlockSelectable(label)) labels.push(label);
-    }
-    this.toggleLabels(labels);
-  }
-  /** A category/filter is a real toggle: add the missing seats, or remove the
-   * whole group when every eligible seat in it is already selected. */
-  toggleLabels(labels) {
-    if (!this.renderer) return;
-    const eligible = labels.filter((label) => this.labelToSeat.has(label) && this.isBlockSelectable(label));
-    if (!eligible.length) return;
-    const selected = new Set(this.selectionLabels());
-    const allSelected = eligible.every((label) => selected.has(label));
-    if (allSelected) {
-      const ids = eligible.map((label) => this.labelToId.get(label)).filter((id) => Boolean(id));
-      this.renderer.deselect(ids);
-    } else {
-      this.renderer.selectByLabels(eligible);
-    }
-    this.syncSelection();
-  }
-  isBlockSelectable(label) {
-    const status = this.status.get(label) ?? "free";
-    return status === "free" || status === "blocked";
-  }
-  paintSelBar(seats) {
-    if (!this.els.selnum) return;
-    this.els.selnum.textContent = seats.length.toLocaleString();
-    const freeCount = seats.filter((s) => (this.status.get(s.label) ?? "free") === "free").length;
-    const blockedCount = seats.filter((s) => this.status.get(s.label) === "blocked").length;
-    this.els.selmeta.textContent = seats.length ? `${freeCount.toLocaleString()} available \xB7 ${blockedCount.toLocaleString()} blocked` : "selected";
-    const blockButton = this.els.doblock;
-    const unblockButton = this.els.dounblock;
-    blockButton.disabled = freeCount === 0;
-    unblockButton.disabled = blockedCount === 0;
-    blockButton.textContent = freeCount ? `Block ${freeCount.toLocaleString()}` : "Block selected";
-    unblockButton.textContent = blockedCount ? `Put ${blockedCount.toLocaleString()} on sale` : "Put back on sale";
-    this.paintCategoryControls(seats);
-    this.paintBlockedInventory();
-  }
-  paintCategoryControls(seats) {
-    const selected = new Set(seats.map((seat) => seat.label));
-    this.els.rail?.querySelectorAll("[data-cat]").forEach((button) => {
-      const catKey = button.dataset.cat;
-      const labels = [];
-      for (const [label, seat] of this.labelToSeat.entries()) {
-        if (seat.categoryKey === catKey && this.isBlockSelectable(label)) labels.push(label);
-      }
-      const picked = labels.filter((label) => selected.has(label)).length;
-      const full = labels.length > 0 && picked === labels.length;
-      const partial = picked > 0 && !full;
-      button.disabled = labels.length === 0;
-      button.classList.toggle("on", full);
-      button.classList.toggle("partial", partial);
-      button.setAttribute("aria-pressed", full ? "true" : partial ? "mixed" : "false");
-      button.setAttribute("title", full ? `Remove all ${labels.length.toLocaleString()} seats in this category from the selection` : partial ? `Select the remaining ${(labels.length - picked).toLocaleString()} seats in this category` : `Select all ${labels.length.toLocaleString()} seats in this category`);
-      const count = button.querySelector("[data-cat-count]");
-      if (count) count.textContent = picked ? `${picked.toLocaleString()}/${labels.length.toLocaleString()}` : labels.length.toLocaleString();
-    });
-  }
-  filteredBlockedSeats() {
-    const query = this.blockedQuery.trim().toLocaleLowerCase();
-    const seats = [];
-    for (const [label, seat] of this.labelToSeat.entries()) {
-      if (this.status.get(label) !== "blocked") continue;
-      const sectionId = this.sectionByObject.get(seat.rowId) ?? UNGROUPED_ID;
-      if (this.blockedSection && sectionId !== this.blockedSection) continue;
-      if (query) {
-        const category = this.doc?.categories.find((item) => item.key === seat.categoryKey)?.label ?? seat.categoryKey;
-        const section = this.sectionLabelById.get(sectionId) ?? "Other seats";
-        const object = this.doc?.objects.find((item) => item.id === seat.rowId);
-        const objectLabel = object?.type === "row" || object?.type === "table" ? object.label : "";
-        const haystack = `${label} ${category} ${section} ${objectLabel}`.toLocaleLowerCase();
-        if (!haystack.includes(query)) continue;
-      }
-      seats.push(seat);
-    }
-    return seats.sort((a, b) => a.label.localeCompare(b.label, void 0, { numeric: true, sensitivity: "base" }));
-  }
-  paintBlockedInventory() {
-    if (!this.els.blockedlist) return;
-    const allBlocked = [...this.status.entries()].filter(([, status]) => status === "blocked").length;
-    const filtered = this.filteredBlockedSeats();
-    const visible = filtered.slice(0, this.blockedResultLimit);
-    const selected = new Set(this.selectionLabels());
-    const selectedResults = filtered.filter((seat) => selected.has(seat.label)).length;
-    const allResultsSelected = filtered.length > 0 && selectedResults === filtered.length;
-    this.els.blockedcount.textContent = allBlocked.toLocaleString();
-    this.els.blockedshowing.textContent = filtered.length ? `Showing ${visible.length.toLocaleString()} of ${filtered.length.toLocaleString()}` : allBlocked ? "No matches" : "No blocked seats";
-    const selectResults = this.els.selblocked;
-    selectResults.disabled = filtered.length === 0;
-    selectResults.textContent = allResultsSelected ? `Remove ${filtered.length.toLocaleString()} results` : `Select ${filtered.length.toLocaleString()} results`;
-    this.els.blockedlist.innerHTML = visible.length ? visible.map((seat) => {
-      const sectionId = this.sectionByObject.get(seat.rowId) ?? UNGROUPED_ID;
-      const section = this.sectionLabelById.get(sectionId) ?? "Other seats";
-      const category = this.doc?.categories.find((item) => item.key === seat.categoryKey)?.label ?? seat.categoryKey;
-      const isSelected = selected.has(seat.label);
-      return `<button type="button" class="slm-blockeditem${isSelected ? " on" : ""}" data-blocked-label="${esc(seat.label)}" aria-pressed="${isSelected}">
+    `;let o=l=>this.els.rail.querySelector(`[data-ref="${l}"]`);this.els.selnum=o("selnum"),this.els.doblock=o("doblock"),this.els.dounblock=o("dounblock"),this.els.selmeta=o("selmeta"),this.els.blockedcount=o("blockedcount"),this.els.blockedshowing=o("blockedshowing"),this.els.blockedlist=o("blockedlist"),this.els.selblocked=o("selblocked"),this.els.markall=o("markall"),this.els.markallnote=o("markallnote"),o("doblock").addEventListener("click",()=>{this.block()}),o("dounblock").addEventListener("click",()=>{this.unblock()}),o("selall").addEventListener("click",()=>this.selectAll()),o("clearsel").addEventListener("click",()=>this.clearSelection()),o("markall").addEventListener("click",()=>this.confirmUnblockAll()),this.els.rail.querySelectorAll("[data-cat]").forEach(l=>l.addEventListener("click",()=>this.toggleCategory(l.dataset.cat)));let n=this.els.rail.querySelector('[data-ref="section"]');n?.addEventListener("change",()=>{n.value&&(this.selectSection(n.value),n.value="")});let a=o("blockedsearch"),c=o("blockedsection");a.value=this.blockedQuery,c.value=this.blockedSection,a.addEventListener("input",()=>{this.blockedQuery=a.value,this.blockedResultLimit=100,this.paintBlockedInventory()}),c.addEventListener("change",()=>{this.blockedSection=c.value,this.blockedResultLimit=100,this.paintBlockedInventory()}),o("selblocked").addEventListener("click",()=>{this.toggleLabels(this.filteredBlockedSeats().map(l=>l.label))}),o("blockedlist").addEventListener("click",l=>{let p=l.target,m=p.closest("[data-blocked-label]");m?.dataset.blockedLabel?this.toggleLabels([m.dataset.blockedLabel]):p.closest("[data-blocked-more]")&&(this.blockedResultLimit+=100,this.paintBlockedInventory())});let d=o("release");d.addEventListener("change",()=>{let l=d.value?new Date(d.value).getTime():NaN;this.releaseAt=Number.isFinite(l)&&l>Date.now()?l:null;let p=o("releasenote");p.textContent=this.releaseAt?`New blocks auto-release ${new Date(this.releaseAt).toLocaleString()}.`:d.value?"Pick a time in the future.":"Leave empty to block permanently."}),this.paintSelBar(this.getSelection())}toggleCategory(e){let t=[];for(let[s,i]of this.labelToSeat.entries())i.categoryKey===e&&this.isBlockSelectable(s)&&t.push(s);this.toggleLabels(t)}toggleLabels(e){if(!this.renderer)return;let t=e.filter(o=>this.labelToSeat.has(o)&&this.isBlockSelectable(o));if(!t.length)return;let s=new Set(this.selectionLabels());if(t.every(o=>s.has(o))){let o=t.map(n=>this.labelToId.get(n)).filter(n=>!!n);this.renderer.deselect(o)}else this.renderer.selectByLabels(t);this.syncSelection()}isBlockSelectable(e){let t=this.status.get(e)??"free";return t==="free"||t==="blocked"}paintSelBar(e){if(!this.els.selnum)return;this.els.selnum.textContent=e.length.toLocaleString();let t=e.filter(n=>(this.status.get(n.label)??"free")==="free").length,s=e.filter(n=>this.status.get(n.label)==="blocked").length;this.els.selmeta.textContent=e.length?`${t.toLocaleString()} available \xB7 ${s.toLocaleString()} blocked`:"selected";let i=this.els.doblock,o=this.els.dounblock;i.disabled=t===0,o.disabled=s===0,i.textContent=t?`Block ${t.toLocaleString()}`:"Block selected",o.textContent=s?`Put ${s.toLocaleString()} on sale`:"Put back on sale",this.paintCategoryControls(e),this.paintBlockedInventory()}paintCategoryControls(e){let t=new Set(e.map(s=>s.label));this.els.rail?.querySelectorAll("[data-cat]").forEach(s=>{let i=s.dataset.cat,o=[];for(let[l,p]of this.labelToSeat.entries())p.categoryKey===i&&this.isBlockSelectable(l)&&o.push(l);let n=o.filter(l=>t.has(l)).length,a=o.length>0&&n===o.length,c=n>0&&!a;s.disabled=o.length===0,s.classList.toggle("on",a),s.classList.toggle("partial",c),s.setAttribute("aria-pressed",a?"true":c?"mixed":"false"),s.setAttribute("title",a?`Remove all ${o.length.toLocaleString()} seats in this category from the selection`:c?`Select the remaining ${(o.length-n).toLocaleString()} seats in this category`:`Select all ${o.length.toLocaleString()} seats in this category`);let d=s.querySelector("[data-cat-count]");d&&(d.textContent=n?`${n.toLocaleString()}/${o.length.toLocaleString()}`:o.length.toLocaleString())})}filteredBlockedSeats(){let e=this.blockedQuery.trim().toLocaleLowerCase(),t=[];for(let[s,i]of this.labelToSeat.entries()){if(this.status.get(s)!=="blocked")continue;let o=this.sectionByObject.get(i.rowId)??f;if(!(this.blockedSection&&o!==this.blockedSection)){if(e){let n=this.doc?.categories.find(p=>p.key===i.categoryKey)?.label??i.categoryKey,a=this.sectionLabelById.get(o)??"Other seats",c=this.doc?.objects.find(p=>p.id===i.rowId),d=c?.type==="row"||c?.type==="table"?c.label:"";if(!`${s} ${n} ${a} ${d}`.toLocaleLowerCase().includes(e))continue}t.push(i)}}return t.sort((s,i)=>s.label.localeCompare(i.label,void 0,{numeric:!0,sensitivity:"base"}))}paintBlockedInventory(){if(!this.els.blockedlist)return;let e=[...this.status.entries()].filter(([,l])=>l==="blocked").length,t=this.filteredBlockedSeats(),s=t.slice(0,this.blockedResultLimit),i=new Set(this.selectionLabels()),o=t.filter(l=>i.has(l.label)).length,n=t.length>0&&o===t.length;this.els.blockedcount.textContent=e.toLocaleString(),this.els.blockedshowing.textContent=t.length?`Showing ${s.length.toLocaleString()} of ${t.length.toLocaleString()}`:e?"No matches":"No blocked seats";let a=this.els.selblocked;a.disabled=t.length===0,a.textContent=n?`Remove ${t.length.toLocaleString()} results`:`Select ${t.length.toLocaleString()} results`,this.els.blockedlist.innerHTML=s.length?s.map(l=>{let p=this.sectionByObject.get(l.rowId)??f,m=this.sectionLabelById.get(p)??"Other seats",b=this.doc?.categories.find(v=>v.key===l.categoryKey)?.label??l.categoryKey,u=i.has(l.label);return`<button type="button" class="slm-blockeditem${u?" on":""}" data-blocked-label="${h(l.label)}" aria-pressed="${u}">
         <span class="slm-blockedcheck" aria-hidden="true">\u2713</span>
-        <span class="slm-blockedcopy"><span class="slm-blockedlabel">${esc(seat.label)}</span>
-          <span class="slm-blockedmeta">${esc(section)} \xB7 ${esc(category)}</span></span>
-      </button>`;
-    }).join("") + (filtered.length > visible.length ? `<button type="button" class="slm-blockedmore" data-blocked-more>Show 100 more</button>` : "") : `<div class="slm-blockedempty">${allBlocked ? "No blocked seats match this search or section." : "No seats are blocked. Newly blocked seats will appear here."}</div>`;
-    const markAll = this.els.markall;
-    const armed = markAll.dataset.confirm === "true";
-    markAll.disabled = allBlocked === 0;
-    markAll.textContent = armed ? `Confirm: put all ${allBlocked.toLocaleString()} on sale` : `Put all ${allBlocked.toLocaleString()} blocked seats on sale`;
-  }
-  confirmUnblockAll() {
-    const button = this.els.markall;
-    if (!button || button.disabled) return;
-    if (button.dataset.confirm === "true") {
-      this.resetUnblockAllConfirm();
-      void this.unblockAll();
-      return;
-    }
-    button.dataset.confirm = "true";
-    button.classList.add("danger");
-    this.els.markallnote.textContent = "This changes every blocked seat. Click the red button again to confirm.";
-    this.paintBlockedInventory();
-    if (this.unblockAllConfirmTimer) clearTimeout(this.unblockAllConfirmTimer);
-    this.unblockAllConfirmTimer = setTimeout(() => this.resetUnblockAllConfirm(), 6e3);
-  }
-  resetUnblockAllConfirm() {
-    if (this.unblockAllConfirmTimer) clearTimeout(this.unblockAllConfirmTimer);
-    this.unblockAllConfirmTimer = null;
-    const button = this.els.markall;
-    if (!button) return;
-    delete button.dataset.confirm;
-    button.classList.remove("danger");
-    if (this.els.markallnote) this.els.markallnote.textContent = "For a full reset only. You will be asked to confirm.";
-    this.paintBlockedInventory();
-  }
-  // ---- toast / done / fail --------------------------------------------------
-  done(action, labels, msg) {
-    this.toastOk(msg);
-    if (labels.length) {
-      const activity = action === "block" ? this.pushActivity(labels, "blocked", "blocked") : action === "unblock" || action === "unblockAll" ? this.pushActivity(labels, "unblocked", "free") : action === "cancelBooking" ? this.pushActivity(labels, "cancelled", "free") : null;
-      if (activity) this.paintSpatialActivity(activity);
-    }
-    if (action !== "setHoldTtl") void this.refreshControlRoom().catch((err) => this.opts.onError?.(err));
-    this.opts.onActionComplete?.({ action, labels, count: labels.length });
-  }
-  toastOk(msg) {
-    this.toast(msg, "ok");
-  }
-  toastErr(msg) {
-    this.toast(msg, "err");
-  }
-  toast(msg, kind) {
-    const el = this.els.toast;
-    if (!el) return;
-    el.textContent = msg;
-    el.className = `slm-toast on ${kind}`;
-    if (this.toastTimer) clearTimeout(this.toastTimer);
-    this.toastTimer = setTimeout(() => {
-      el.className = "slm-toast";
-    }, 3200);
-  }
-  fail(err) {
-    this.opts.onError?.(err);
-    if (this.els.rail) this.els.rail.innerHTML = `<div class="slm-empty">Couldn't load this event. Check the event key and token.</div>`;
-  }
-};
-export {
-  ACCESS_LINK_DEFAULTS,
-  ChannelsMode,
-  ManageApi,
-  ManageApiError,
-  PUBLIC_CHANNEL_ID,
-  PUBLIC_CHANNEL_NAME,
-  SeatManager,
-  accessIntentDescription,
-  accessIntentLabel,
-  accessLine,
-  accessLinkBadge,
-  accessLinkErrorCopy,
-  accessLinkIsLive,
-  accessLinkPolicyLines,
-  bucketRows,
-  bucketRowsHtml,
-  dropReviewRows,
-  intentForbidsCopy,
-  intentSwitchBlockedCopy,
-  isPublicChannelId,
-  markerLetter,
-  markerOf,
-  mutationCount,
-  needsMoveConfirmation,
-  planAssignment,
-  retryAfterCopy,
-  selectionSources,
-  stateBadge,
-  suggestMarker
-};
-//# sourceMappingURL=manager.js.map
+        <span class="slm-blockedcopy"><span class="slm-blockedlabel">${h(l.label)}</span>
+          <span class="slm-blockedmeta">${h(m)} \xB7 ${h(b)}</span></span>
+      </button>`}).join("")+(t.length>s.length?'<button type="button" class="slm-blockedmore" data-blocked-more>Show 100 more</button>':""):`<div class="slm-blockedempty">${e?"No blocked seats match this search or section.":"No seats are blocked. Newly blocked seats will appear here."}</div>`;let c=this.els.markall,d=c.dataset.confirm==="true";c.disabled=e===0,c.textContent=d?`Confirm: put all ${e.toLocaleString()} on sale`:`Put all ${e.toLocaleString()} blocked seats on sale`}confirmUnblockAll(){let e=this.els.markall;if(!(!e||e.disabled)){if(e.dataset.confirm==="true"){this.resetUnblockAllConfirm(),this.unblockAll();return}e.dataset.confirm="true",e.classList.add("danger"),this.els.markallnote.textContent="This changes every blocked seat. Click the red button again to confirm.",this.paintBlockedInventory(),this.unblockAllConfirmTimer&&clearTimeout(this.unblockAllConfirmTimer),this.unblockAllConfirmTimer=setTimeout(()=>this.resetUnblockAllConfirm(),6e3)}}resetUnblockAllConfirm(){this.unblockAllConfirmTimer&&clearTimeout(this.unblockAllConfirmTimer),this.unblockAllConfirmTimer=null;let e=this.els.markall;e&&(delete e.dataset.confirm,e.classList.remove("danger"),this.els.markallnote&&(this.els.markallnote.textContent="For a full reset only. You will be asked to confirm."),this.paintBlockedInventory())}done(e,t,s){if(this.toastOk(s),t.length){let i=e==="block"?this.pushActivity(t,"blocked","blocked"):e==="unblock"||e==="unblockAll"?this.pushActivity(t,"unblocked","free"):e==="cancelBooking"?this.pushActivity(t,"cancelled","free"):null;i&&this.paintSpatialActivity(i)}e!=="setHoldTtl"&&this.refreshControlRoom().catch(i=>this.opts.onError?.(i)),this.opts.onActionComplete?.({action:e,labels:t,count:t.length})}toastOk(e){this.toast(e,"ok")}toastErr(e){this.toast(e,"err")}toast(e,t){let s=this.els.toast;s&&(s.textContent=e,s.className=`slm-toast on ${t}`,this.toastTimer&&clearTimeout(this.toastTimer),this.toastTimer=setTimeout(()=>{s.className="slm-toast"},3200))}fail(e){this.opts.onError?.(e),this.els.rail&&(this.els.rail.innerHTML=`<div class="slm-empty">Couldn't load this event. Check the event key and token.</div>`)}};export{oe as ACCESS_LINK_DEFAULTS,pe as ChannelsMode,L as ManageApi,y as ManageApiError,j as PUBLIC_CHANNEL_ID,_ as PUBLIC_CHANNEL_NAME,A as SeatManager,te as accessIntentDescription,ee as accessIntentLabel,J as accessLine,ne as accessLinkBadge,re as accessLinkErrorCopy,ae as accessLinkIsLive,le as accessLinkPolicyLines,Q as bucketRows,he as bucketRowsHtml,ce as dropReviewRows,se as intentForbidsCopy,ie as intentSwitchBlockedCopy,V as isPublicChannelId,q as markerLetter,K as markerOf,Z as mutationCount,Y as needsMoveConfirmation,G as planAssignment,X as retryAfterCopy,W as selectionSources,de as stateBadge,U as suggestMarker};