@seatlayer/js 0.10.2 → 0.11.0

package/dist/index.js

@@ -2128,9 +2128,915 @@ var SeatPicker = class _SeatPicker {
     }
   }
 };
+
+// src/SeatManager.ts
+import {
+  SeatmapRenderer,
+  expandChart as expandChart2,
+  computeSections,
+  UNGROUPED_ID
+} from "@seatlayer/core";
+
+// src/manageApi.ts
+var ManageApiError = class extends Error {
+  constructor(status, message, code, conflicts) {
+    super(message);
+    this.name = "ManageApiError";
+    this.status = status;
+    this.code = code;
+    this.conflicts = conflicts;
+  }
+};
+async function parse(res) {
+  const isJson = (res.headers.get("content-type") ?? "").includes("application/json");
+  const data = isJson ? await res.json().catch(() => null) : null;
+  if (!res.ok) {
+    const err = data;
+    throw new ManageApiError(res.status, err?.error ?? `request_failed_${res.status}`, err?.code, err?.conflicts);
+  }
+  return data;
+}
+var ManageApi = class {
+  constructor(apiBase, token) {
+    this.base = apiBase.replace(/\/+$/, "");
+    this.token = token;
+  }
+  /** Swap the Bearer token in place (SeatManager re-mints on 401). */
+  setToken(token) {
+    this.token = token;
+  }
+  auth(path, init = {}) {
+    const method = init.method ?? "GET";
+    const headers = { Authorization: `Bearer ${this.token}` };
+    let body;
+    if (init.body !== void 0) {
+      headers["Content-Type"] = "application/json";
+      body = JSON.stringify(init.body);
+    }
+    return fetch(`${this.base}${path}`, { method, headers, body, credentials: "omit" }).then((r) => parse(r));
+  }
+  pub(path) {
+    return fetch(`${this.base}${path}`, { credentials: "omit" }).then((r) => parse(r));
+  }
+  // ---- realtime read (public, no token) ----
+  chart(key) {
+    return this.pub(`/pub/events/${encodeURIComponent(key)}/chart`);
+  }
+  objects(key) {
+    return this.pub(`/pub/events/${encodeURIComponent(key)}/objects`);
+  }
+  socketUrl(key) {
+    return `${this.base.replace(/^http/, "ws")}/pub/events/${encodeURIComponent(key)}/subscribe`;
+  }
+  // ---- inventory writes (token) ----
+  /** Take FREE seats off sale in one batched call. Optional `releaseAt` (epoch
+   *  ms, future) auto-returns them to sale; `reason` tags the block (M3 uses it).
+   *  Throws ManageApiError 409 (conflicts) if any seat was just taken. */
+  block(key, labels, opts = {}) {
+    const body = { labels };
+    if (typeof opts.releaseAt === "number") body.releaseAt = opts.releaseAt;
+    if (opts.reason) body.reason = opts.reason;
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/block`, { method: "POST", body });
+  }
+  /** Return specific blocked seats to sale (one batched call). */
+  unblock(key, labels) {
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/unblock`, { method: "POST", body: { labels } });
+  }
+  /** Return every blocked seat to sale; resolves with the freed count. */
+  unblockAll(key) {
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/unblock-all`, { method: "POST" });
+  }
+  /** Cancel bookings — return BOOKED seats to free (credit not refunded).
+   *  Guarded by the original booking reference. */
+  unbook(key, labels, bookingRef) {
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/unbook`, { method: "POST", body: { labels, bookingRef } });
+  }
+  /** Set (ms, clamped 1–60 min server-side) or clear (null) the hold TTL. */
+  setHoldTtl(key, holdTtlMs) {
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/hold-ttl`, { method: "POST", body: { holdTtlMs } });
+  }
+  // ---- reports (token) ----
+  report(key) {
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/report`);
+  }
+  log(key, opts = {}) {
+    const params = new URLSearchParams();
+    if (opts.limit != null) params.set("limit", String(opts.limit));
+    if (opts.before != null) params.set("before", String(opts.before));
+    const qs = params.toString();
+    return this.auth(`/v1/events/${encodeURIComponent(key)}/log${qs ? `?${qs}` : ""}`);
+  }
+  /** CSV report as a Blob (Bearer auth can't ride a plain <a href>). Host builds
+   *  an object URL for download. */
+  async reportCsv(key) {
+    const res = await fetch(`${this.base}/v1/events/${encodeURIComponent(key)}/report.csv`, {
+      headers: { Authorization: `Bearer ${this.token}` },
+      credentials: "omit"
+    });
+    if (!res.ok) throw new ManageApiError(res.status, `request_failed_${res.status}`);
+    return res.blob();
+  }
+};
+
+// src/SeatManager.ts
+function resolveContainer4(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 toRenderStatus(s) {
+  return s === "blocked" ? "not_for_sale" : s;
+}
+var DEFAULT_API_BASE3 = "https://api.seatlayer.io";
+var STYLE_ID2 = "seatlayer-manager-style";
+var FEED_CAP = 80;
+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 CSS2 = `
+.slm{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:480px;overflow:hidden;
+  background:var(--slm-bg);color:var(--slm-text);font-family:var(--slm-font);border-radius:var(--slm-radius)}
+.slm *{box-sizing:border-box;margin:0;padding:0}
+.slm button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
+.slm input{font:inherit}
+
+/* top bar */
+.slm-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--slm-line);flex:none;flex-wrap:wrap}
+.slm-modes{display:inline-flex;background:var(--slm-surface);border:1px solid var(--slm-line);border-radius:999px;padding:3px}
+.slm-mode{padding:6px 16px;border-radius:999px;font-weight:700;font-size:13px;color:var(--slm-muted)}
+.slm-mode.on{background:var(--slm-accent);color:var(--slm-accent-ink)}
+.slm-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--slm-muted)}
+.slm-live-dot{width:8px;height:8px;border-radius:50%;background:#8b94ac}
+.slm.live .slm-live-dot{background:#22a06b;box-shadow:0 0 0 0 rgba(34,160,107,.55);animation:slm-pulse 2s infinite}
+@keyframes slm-pulse{0%{box-shadow:0 0 0 0 rgba(34,160,107,.5)}70%{box-shadow:0 0 0 7px rgba(34,160,107,0)}100%{box-shadow:0 0 0 0 rgba(34,160,107,0)}}
+.slm-kpis{display:flex;align-items:center;gap:16px;margin-left:auto;flex-wrap:wrap}
+.slm-kpi{display:flex;flex-direction:column;line-height:1.15}
+.slm-kpi b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
+.slm-kpi span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slm-muted);font-weight:700}
+.slm-kpi .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:baseline}
+.slm-barbtn{padding:7px 13px;border-radius:9px;border:1px solid var(--slm-line);color:var(--slm-text);font-weight:700;font-size:12.5px}
+.slm-barbtn:hover{border-color:var(--slm-muted)}
+
+/* body */
+.slm-body{display:flex;flex:1;min-height:0}
+.slm-map{position:relative;flex:1;min-width:0}
+.slm-map-host{position:absolute;inset:0}
+.slm-hud{position:absolute;left:12px;bottom:12px;display:flex;gap:8px}
+.slm-hud-chip{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;background:var(--slm-surface);
+  border:1px solid var(--slm-line);color:var(--slm-text)}
+.slm-zoomhint{position:absolute;left:50%;top:14px;transform:translateX(-50%);padding:6px 13px;border-radius:999px;
+  background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .2s}
+.slm-zoomhint.on{opacity:1}
+.slm-rail{width:320px;flex:none;border-left:1px solid var(--slm-line);display:flex;flex-direction:column;min-height:0}
+.slm-railscroll{flex:1;overflow-y:auto;padding:16px}
+.slm-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slm-muted);font-weight:800;margin-bottom:6px}
+.slm-hint{font-size:12.5px;color:var(--slm-muted);line-height:1.5;margin-bottom:14px}
+
+/* legend rows */
+.slm-legend{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
+.slm-legrow{display:flex;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px solid var(--slm-line)}
+.slm-legdot{width:10px;height:10px;border-radius:50%;flex:none}
+.slm-leglabel{flex:1;font-size:13px;font-weight:600}
+.slm-legcount{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
+
+/* activity feed */
+.slm-feed{display:flex;flex-direction:column;gap:0}
+.slm-feedrow{display:flex;align-items:center;gap:9px;padding:8px 2px;border-bottom:1px solid var(--slm-line);
+  font-size:12.5px;animation:slm-in .35s ease}
+@keyframes slm-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
+.slm-feeddot{width:8px;height:8px;border-radius:50%;flex:none}
+.slm-feedtext{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.slm-feedtext b{font-weight:800}
+.slm-feedtime{font-size:11px;color:var(--slm-muted);font-variant-numeric:tabular-nums;flex:none}
+.slm-empty{font-size:12.5px;color:var(--slm-muted);padding:12px 0}
+
+/* block toolbar */
+.slm-selbar{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
+.slm-selnum{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
+.slm-sellabel{font-size:12px;color:var(--slm-muted);font-weight:600}
+.slm-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
+.slm-btn{flex:1;min-width:120px;padding:10px 14px;border-radius:10px;background:var(--slm-accent);color:var(--slm-accent-ink);
+  font-weight:800;font-size:13px;text-align:center}
+.slm-btn:disabled{opacity:.45;cursor:not-allowed}
+.slm-btn.ghost{background:var(--slm-surface);border:1px solid var(--slm-line);color:var(--slm-text)}
+.slm-btn.danger{background:#c0392b;color:#fff}
+.slm-chiprow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
+.slm-chip{padding:6px 11px;border-radius:999px;border:1px solid var(--slm-line);background:var(--slm-surface);
+  font-size:12px;font-weight:700;color:var(--slm-text);display:inline-flex;align-items:center;gap:6px}
+.slm-chip:hover{border-color:var(--slm-muted)}
+.slm-chip .dot{width:8px;height:8px;border-radius:50%}
+.slm-field{margin:14px 0}
+.slm-field label{display:block;font-size:11px;font-weight:700;color:var(--slm-muted);margin-bottom:5px}
+.slm-input,.slm-select{width:100%;padding:8px 10px;border-radius:9px;border:1px solid var(--slm-line);
+  background:var(--slm-surface);color:var(--slm-text)}
+.slm-note{font-size:11.5px;color:var(--slm-muted);margin-top:5px}
+
+/* toast */
+.slm-toast{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 16px;border-radius:10px;
+  font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .2s;
+  background:var(--slm-surface);color:var(--slm-text);border:1px solid var(--slm-line);z-index:5}
+.slm-toast.on{opacity:1}
+.slm-toast.err{background:#c0392b;color:#fff;border-color:#c0392b}
+.slm-toast.ok{background:#1f7a4d;color:#fff;border-color:#1f7a4d}
+
+@media (max-width:720px){.slm-rail{width:100%;border-left:0;border-top:1px solid var(--slm-line);height:44%}.slm-body{flex-direction:column}}
+`;
+function injectStyle() {
+  if (typeof document === "undefined" || document.getElementById(STYLE_ID2)) return;
+  const el = document.createElement("style");
+  el.id = STYLE_ID2;
+  el.textContent = CSS2;
+  document.head.appendChild(el);
+}
+function themeVars(theme) {
+  const t3 = theme ?? {};
+  return {
+    "--slm-bg": t3.background ?? "#0e1017",
+    "--slm-surface": "#181b24",
+    "--slm-text": "#eef1f7",
+    "--slm-muted": "#8b93a7",
+    "--slm-line": "rgba(255,255,255,.09)",
+    "--slm-accent": t3.accent ?? "#6e7bff",
+    "--slm-accent-ink": t3.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()}`;
+  }
+}
+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 = [];
+    this.status = /* @__PURE__ */ new Map();
+    this.priceByCat = /* @__PURE__ */ new Map();
+    this.currency = "USD";
+    // realtime socket
+    this.ws = null;
+    this.reconnectTimer = null;
+    this.attempt = 0;
+    this.closed = false;
+    this.ready = false;
+    this.feed = [];
+    this.feedTimer = null;
+    this.toastTimer = null;
+    this.releaseAt = null;
+    this.sectionOptions = [];
+    this.opts = options;
+    this.key = options.eventKey;
+    this.mode = options.mode ?? "view";
+    this.keepLive = options.keepLiveWhileHidden ?? true;
+    this.currency = options.currency ?? "USD";
+    this.api = new ManageApi(options.apiBase ?? DEFAULT_API_BASE3, options.token);
+    this.host = resolveContainer4(options.container);
+  }
+  /** Build the DOM, load the chart, subscribe to realtime, mount the board. */
+  async render() {
+    injectStyle();
+    this.buildChrome();
+    try {
+      const res = await this.api.chart(this.key);
+      this.doc = res.doc;
+      this.currency = res.event.currency ?? this.opts.currency ?? this.currency;
+      for (const cat of res.doc.categories) this.priceByCat.set(cat.key, cat.price ?? 0);
+      const seats = expandChart2(res.doc);
+      for (const s of seats) {
+        this.labelToId.set(s.label, s.id);
+        this.labelToSeat.set(s.label, s);
+        this.allIds.push(s.id);
+      }
+      this.buildRenderer();
+      this.buildSectionOptions();
+      await this.resnapshot();
+      this.api.log(this.key, { limit: 24 }).then((page) => this.seedFeed(page.entries)).catch(() => {
+      });
+      this.connect();
+      this.startFeedClock();
+      this.ready = true;
+      this.setMode(this.mode);
+      this.opts.onReady?.();
+    } catch (err) {
+      this.fail(err);
+    }
+    return this;
+  }
+  // ---- public API -----------------------------------------------------------
+  setMode(mode) {
+    const changed = mode !== this.mode || !this.renderer;
+    this.mode = mode;
+    if (changed && this.doc) this.buildRenderer();
+    this.paintModeTabs();
+    this.paintRail();
+  }
+  /** 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;
+    for (const l of targets) this.setSeatLocal(l, "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) {
+      for (const l of targets) this.setSeatLocal(l, "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;
+    for (const l of targets) this.setSeatLocal(l, "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) {
+      for (const l of targets) this.setSeatLocal(l, "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;
+    for (const l of blocked) this.setSeatLocal(l, "free");
+    try {
+      const res = await this.api.unblockAll(this.key);
+      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;
+    for (const l of targets) this.setSeatLocal(l, "free");
+    try {
+      await this.api.unbook(this.key, targets, bookingRef);
+      this.clearSelection();
+      this.done("cancelBooking", targets, `Cancelled ${targets.length} booking${targets.length === 1 ? "" : "s"}.`);
+    } catch (err) {
+      for (const l of targets) this.setSeatLocal(l, "booked");
+      this.toastErr("Couldn't cancel that booking. Check the 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);
+  }
+  getLog(opts = {}) {
+    return this.api.log(this.key, opts);
+  }
+  async setHoldTtl(ms) {
+    try {
+      await this.api.setHoldTtl(this.key, ms);
+      this.done("setHoldTtl", [], ms ? `Checkout window set to ${Math.round(ms / 6e4)} min.` : "Checkout window reset.");
+    } catch (err) {
+      this.toastErr("Couldn't update the checkout window.");
+      this.opts.onError?.(err);
+    }
+  }
+  /** M2 — box-office booking from free seats. Stubbed (route is session-only today). */
+  boxBook(_labels, _bookingRef) {
+    this.toastErr("Box office ships in a later milestone.");
+    return Promise.resolve();
+  }
+  zoomToFit() {
+    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.ws) {
+      try {
+        this.ws.close();
+      } catch {
+      }
+      this.ws = null;
+    }
+    this.renderer?.destroy();
+    this.renderer = null;
+    if (this.root && this.root.parentNode === this.host) this.host.removeChild(this.root);
+  }
+  // ---- renderer lifecycle (rebuilt per mode, like ManageEventPage) ----------
+  buildRenderer() {
+    if (!this.doc) return;
+    this.renderer?.destroy();
+    const block = this.mode === "block";
+    this.renderer = new SeatmapRenderer(this.mapHost, {
+      manageMode: true,
+      marqueeSelect: block,
+      maxSelection: 1e6,
+      selectableStatuses: block ? ["free", "not_for_sale", "booked"] : [],
+      currency: this.currency,
+      onSelect: () => this.syncSelection(),
+      onDeselect: () => this.syncSelection(),
+      onMarquee: () => this.syncSelection(),
+      onViewChange: () => this.updateZoomHint()
+    });
+    this.renderer.setChart(this.doc);
+    this.repaintAll();
+    this.updateZoomHint();
+  }
+  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 -------------------------------------------------------------
+  connect() {
+    if (this.closed) return;
+    let ws;
+    try {
+      ws = new WebSocket(this.api.socketUrl(this.key));
+    } catch {
+      this.scheduleReconnect();
+      return;
+    }
+    this.ws = ws;
+    ws.onopen = () => {
+      this.attempt = 0;
+      this.setLive(true);
+      void this.resnapshot();
+    };
+    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;
+      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;
+    const m = msg;
+    if (m.type === "hidden") return;
+    if (m.seats && typeof m.seats === "object") {
+      this.applySnapshot(m.seats);
+    } else if (Array.isArray(m.changes)) {
+      const ids = [];
+      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.status.set(ch.label, st);
+        const id = this.labelToId.get(ch.label);
+        if (id) {
+          this.renderer?.setStatus([id], toRenderStatus(st));
+          this.flash(id, st);
+          ids.push(id);
+        }
+        this.pushActivity(ch.label, prev, st);
+      }
+      if (ids.length) this.afterPaint();
+      this.recomputeTallies();
+    }
+  }
+  async resnapshot() {
+    try {
+      const objs = await this.api.objects(this.key);
+      this.applySnapshot(objs.seats);
+    } catch {
+    }
+  }
+  applySnapshot(seats) {
+    const next = /* @__PURE__ */ new Map();
+    for (const [label, st] of Object.entries(seats)) {
+      next.set(label, ["free", "held", "booked", "blocked"].includes(st) ? st : "free");
+    }
+    this.status = next;
+    this.repaintAll();
+    this.afterPaint();
+    this.recomputeTallies();
+  }
+  /** Optimistic local write shared by delta stream + organizer actions. */
+  setSeatLocal(label, st) {
+    this.status.set(label, st);
+    const id = this.labelToId.get(label);
+    if (id) this.renderer?.setStatus([id], 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();
+    }
+  }
+  flash(id, st) {
+    if (st === "held") this.renderer?.flashSeat(id, "#f4b740");
+    else if (st === "booked") this.renderer?.flashSeat(id, "#22a06b");
+  }
+  // ---- tallies + feed -------------------------------------------------------
+  recomputeTallies() {
+    const t3 = {
+      free: 0,
+      held: 0,
+      booked: 0,
+      blocked: 0,
+      total: this.allIds.length,
+      capacityPct: 0,
+      sellThroughPct: 0,
+      grossRevenue: 0,
+      currency: this.currency
+    };
+    let nonFree = 0;
+    for (const [label, st] of this.status.entries()) {
+      t3[st] += 1;
+      if (st !== "free") nonFree += 1;
+      if (st === "booked") {
+        const seat = this.labelToSeat.get(label);
+        if (seat) t3.grossRevenue += this.priceByCat.get(seat.categoryKey) ?? 0;
+      }
+    }
+    t3.free = Math.max(0, t3.total - nonFree);
+    t3.capacityPct = t3.total ? Math.round(t3.booked / t3.total * 100) : 0;
+    const sellable = t3.total - t3.blocked;
+    t3.sellThroughPct = sellable > 0 ? Math.round(t3.booked / sellable * 100) : 0;
+    this.paintKpis(t3);
+    if (this.mode === "view") this.paintLegend(t3);
+    this.opts.onTallies?.(t3);
+  }
+  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(label, prev, next) {
+    const item = {
+      id: `${label}:${Date.now()}:${Math.random().toString(36).slice(2, 6)}`,
+      at: Date.now(),
+      label,
+      verb: this.verbFor(prev, next),
+      status: next
+    };
+    this.feed.unshift(item);
+    if (this.feed.length > FEED_CAP) this.feed.length = FEED_CAP;
+    if (this.mode === "view") this.paintFeed();
+  }
+  seedFeed(entries) {
+    const verbByAction = {
+      hold: "held",
+      book: "booked",
+      release: "released",
+      expire: "expired",
+      block: "blocked",
+      unblock: "unblocked"
+    };
+    const stByAction = {
+      hold: "held",
+      book: "booked",
+      release: "free",
+      expire: "free",
+      block: "blocked",
+      unblock: "free"
+    };
+    for (const e of entries) {
+      const label = e.labels[0];
+      if (!label) continue;
+      const extra = e.labels.length > 1 ? ` +${e.labels.length - 1}` : "";
+      this.feed.push({
+        id: `log:${e.id}`,
+        at: e.at,
+        label: label + extra,
+        verb: verbByAction[e.action] ?? e.action,
+        status: stByAction[e.action] ?? "free"
+      });
+    }
+    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();
+    }, 1e4);
+  }
+  // ---- selection ------------------------------------------------------------
+  selectionLabels() {
+    return this.getSelection().map((s) => s.label);
+  }
+  syncSelection() {
+    const seats = this.getSelection();
+    if (this.mode === "block") this.paintSelBar(seats);
+    this.opts.onSelectionChange?.(seats);
+  }
+  // ---- DOM: chrome ----------------------------------------------------------
+  buildChrome() {
+    const root = document.createElement("div");
+    root.className = "slm";
+    const vars = themeVars(this.opts.theme);
+    for (const [k, v] of Object.entries(vars)) root.style.setProperty(k, v);
+    root.innerHTML = `
+      <div class="slm-bar">
+        <div class="slm-modes" data-ref="modes">
+          <button class="slm-mode" data-mode="view">View</button>
+          <button class="slm-mode" data-mode="block">Block</button>
+        </div>
+        <span class="slm-live"><span class="slm-live-dot"></span><span data-ref="livetext">CONNECTING</span></span>
+        <div class="slm-kpis" data-ref="kpis"></div>
+      </div>
+      <div class="slm-body">
+        <div class="slm-map">
+          <div class="slm-map-host" data-ref="maphost"></div>
+          <div class="slm-zoomhint" data-ref="zoomhint">Zoom in to marquee-select</div>
+          <div class="slm-hud"><button class="slm-hud-chip" data-ref="zfit">Zoom to fit</button></div>
+        </div>
+        <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;
+    const ref = (n) => root.querySelector(`[data-ref="${n}"]`);
+    this.mapHost = ref("maphost");
+    this.els = {
+      modes: ref("modes"),
+      livetext: ref("livetext"),
+      kpis: ref("kpis"),
+      zoomhint: ref("zoomhint"),
+      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.zfit.addEventListener("click", () => this.zoomToFit());
+    this.paintModeTabs();
+  }
+  buildSectionOptions() {
+    if (!this.doc) return;
+    try {
+      const secs = computeSections(this.doc);
+      for (const s of secs.sections) this.sectionOptions.push({ id: s.id, label: s.label });
+      if (secs.ungrouped) this.sectionOptions.push({ id: UNGROUPED_ID, label: secs.ungrouped.label });
+    } catch {
+    }
+  }
+  paintModeTabs() {
+    this.els.modes?.querySelectorAll("[data-mode]").forEach((b) => {
+      const el = b;
+      el.classList.toggle("on", el.dataset.mode === this.mode);
+    });
+    this.root?.classList.toggle("block-mode", this.mode === "block");
+  }
+  setLive(on) {
+    this.root?.classList.toggle("live", on);
+    if (this.els.livetext) this.els.livetext.textContent = on ? "LIVE" : "RECONNECTING";
+  }
+  updateZoomHint() {
+    const hint = this.els.zoomhint;
+    if (!hint) return;
+    const show = this.mode === "block" && this.renderer?.getRung?.() !== "seats";
+    hint.classList.toggle("on", !!show);
+  }
+  paintKpis(t3) {
+    if (!this.els.kpis) return;
+    const rev = fmtMoney(t3.grossRevenue, t3.currency);
+    this.els.kpis.innerHTML = [
+      { n: t3.booked.toLocaleString(), l: "Sold", dot: "#22a06b" },
+      { n: t3.held.toLocaleString(), l: "Held", dot: "#f4b740" },
+      { n: t3.free.toLocaleString(), l: "Free", dot: "#6e7bff" },
+      { n: t3.blocked.toLocaleString(), l: "Blocked", dot: "#8b94ac" },
+      { n: `${t3.capacityPct}%`, l: "Capacity" },
+      { n: rev, l: "Gross" }
+    ].map((k) => `<div class="slm-kpi"><b>${k.dot ? `<span class="dot" style="background:${k.dot}"></span>` : ""}${k.n}</b><span>${k.l}</span></div>`).join("");
+  }
+  // ---- DOM: rails -----------------------------------------------------------
+  paintRail() {
+    if (this.mode === "view") this.renderViewRail();
+    else this.renderBlockRail();
+    this.updateZoomHint();
+  }
+  renderViewRail() {
+    this.els.rail.innerHTML = `
+      <p class="slm-eyebrow">Live board</p>
+      <p class="slm-hint">Read-only. Seats repaint and flash as buyers hold and book \u2014 watch your event breathe.</p>
+      <div class="slm-legend" data-ref="legend"></div>
+      <p class="slm-eyebrow">Activity</p>
+      <div class="slm-feed" data-ref="feed"></div>
+    `;
+    this.els.legend = this.els.rail.querySelector('[data-ref="legend"]');
+    this.els.feed = this.els.rail.querySelector('[data-ref="feed"]');
+    this.recomputeTallies();
+    this.paintFeed();
+  }
+  paintLegend(t3) {
+    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">${t3[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) => `<div class="slm-feedrow"><span class="slm-feeddot" style="background:${color[a.status]}"></span>
+        <span class="slm-feedtext">Seat <b>${a.label}</b> ${a.verb}</span>
+        <span class="slm-feedtime">${relTime(a.at, now)}</span></div>`).join("");
+  }
+  renderBlockRail() {
+    const cats = this.doc?.categories ?? [];
+    const catChips = cats.map((c) => `<button class="slm-chip" data-cat="${c.key}"><span class="dot" style="background:${c.color ?? "#6e7bff"}"></span>${c.label ?? c.key}</button>`).join("");
+    const sectionField = 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="${s.id}">${s.label}</option>`).join("")}</select></div>` : "";
+    this.els.rail.innerHTML = `
+      <p class="slm-eyebrow">Block &amp; cancel</p>
+      <p class="slm-hint">Drag a box on the map to marquee-select, \u2318A for all, or pick a category/section \u2014 then block, unblock, or cancel bookings in one action.</p>
+      <div class="slm-selbar"><span class="slm-selnum" data-ref="selnum">0</span><span class="slm-sellabel">selected</span></div>
+      <div class="slm-row">
+        <button class="slm-btn" data-ref="doblock" disabled>Block</button>
+        <button class="slm-btn ghost" data-ref="dounblock" disabled>Unblock</button>
+      </div>
+      <div class="slm-row">
+        <button class="slm-btn ghost" data-ref="selall">Select all</button>
+        <button class="slm-btn ghost" data-ref="clearsel">Clear</button>
+        <button class="slm-btn danger" data-ref="docancel" disabled>Cancel booking</button>
+      </div>
+      <p class="slm-eyebrow" style="margin-top:8px">By category</p>
+      <div class="slm-chiprow">${catChips || '<span class="slm-empty">No categories.</span>'}</div>
+      ${sectionField}
+      <div class="slm-field">
+        <label>Auto-release blocks at (optional)</label>
+        <input type="datetime-local" class="slm-input" data-ref="release" />
+        <p class="slm-note" data-ref="releasenote">Leave empty to block permanently.</p>
+      </div>
+      <div class="slm-row"><button class="slm-btn ghost" data-ref="markall" style="flex:1">Mark everything for sale</button></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.docancel = r("docancel");
+    r("doblock").addEventListener("click", () => void this.block());
+    r("dounblock").addEventListener("click", () => void this.unblock());
+    r("docancel").addEventListener("click", () => this.promptCancel());
+    r("selall").addEventListener("click", () => this.selectAll());
+    r("clearsel").addEventListener("click", () => this.clearSelection());
+    r("markall").addEventListener("click", () => void this.unblockAll());
+    this.els.rail.querySelectorAll("[data-cat]").forEach((b) => b.addEventListener("click", () => this.selectCategory(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 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());
+  }
+  selectCategory(catKey) {
+    const labels = [];
+    for (const [label, seat] of this.labelToSeat.entries()) if (seat.categoryKey === catKey) labels.push(label);
+    this.selectByLabels(labels);
+  }
+  promptCancel() {
+    const booked = this.getSelection().filter((s) => this.status.get(s.label) === "booked");
+    if (!booked.length) return;
+    if (typeof window === "undefined") return;
+    if (!window.confirm(`Cancel ${booked.length} booking${booked.length === 1 ? "" : "s"}? Seats return to sale (credit not refunded).`)) return;
+    const ref = window.prompt("Enter the original booking reference to cancel safely:")?.trim();
+    if (!ref) return;
+    void this.cancelBooking(booked.map((s) => s.label), ref);
+  }
+  paintSelBar(seats) {
+    if (!this.els.selnum) return;
+    this.els.selnum.textContent = seats.length.toLocaleString();
+    const hasFree = seats.some((s) => this.status.get(s.label) === "free");
+    const hasBlocked = seats.some((s) => this.status.get(s.label) === "blocked");
+    const hasBooked = seats.some((s) => this.status.get(s.label) === "booked");
+    this.els.doblock.disabled = !hasFree;
+    this.els.dounblock.disabled = !hasBlocked;
+    this.els.docancel.disabled = !hasBooked;
+  }
+  // ---- toast / done / fail --------------------------------------------------
+  done(action, labels, msg) {
+    this.toastOk(msg);
+    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 {
   ApiError,
   EmbeddedDesigner,
+  ManageApi,
+  ManageApiError,
+  SeatManager,
   SeatPicker,
   SeatingChart
 };