@seatlayer/js 0.51.0 → 0.53.0

package/dist/chunk-5URCWBHM.js

@@ -1,3683 +0,0 @@
-// src/channelPlan.ts
-var PUBLIC_CHANNEL_ID = "public";
-var PUBLIC_CHANNEL_NAME = "Public sale";
-function isPublicChannelId(id) {
-  return id == null || id === "" || id === PUBLIC_CHANNEL_ID;
-}
-var CHANNEL_COLORS = [
-  "#a78bfa",
-  "#2dd4bf",
-  "#fb923c",
-  "#60a5fa",
-  "#f472b6",
-  "#a3e635",
-  "#f87171",
-  "#38bdf8",
-  "#c084fc",
-  "#facc15"
-];
-var PUBLIC_CHANNEL_COLOR = "#f4b740";
-var LETTERS = "ABCDEFGHJKLMNPQRSTUVWXYZ";
-function markerLetter(raw, fallback) {
-  const text = (raw ?? "").trim();
-  const letter = /\p{L}/u.exec(text)?.[0] ?? text[0] ?? "";
-  return (letter || fallback).toUpperCase().slice(0, 1);
-}
-function suggestMarker(name, taken) {
-  const used = new Set([...taken].map((m) => markerLetter(m, "")).filter(Boolean));
-  const first = markerLetter(name, "");
-  const letter = LETTERS.includes(first) && !used.has(first) ? first : [...LETTERS].find((candidate) => !used.has(candidate)) ?? (first || "X");
-  return { letter, color: CHANNEL_COLORS[used.size % CHANNEL_COLORS.length] };
-}
-function markerOf(channel, index = 0) {
-  if (isPublicChannelId(channel.id)) {
-    return {
-      letter: markerLetter(channel.marker, "P"),
-      color: channel.color || PUBLIC_CHANNEL_COLOR
-    };
-  }
-  const letter = markerLetter(channel.marker || channel.name, "?");
-  return { letter, color: channel.color || CHANNEL_COLORS[index % CHANNEL_COLORS.length] };
-}
-function selectionSources(labels, allocation, list) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const label of labels) {
-    const channelId = normalizeChannelId(allocation.get(label));
-    counts.set(channelId, (counts.get(channelId) ?? 0) + 1);
-  }
-  const order = [
-    { id: PUBLIC_CHANNEL_ID, name: list?.publicSale?.name ?? PUBLIC_CHANNEL_NAME },
-    ...(list?.channels ?? []).map((channel) => ({ id: channel.id, name: channel.name }))
-  ];
-  const rows = [];
-  for (const entry of order) {
-    const count = counts.get(entry.id);
-    if (count) rows.push({ channelId: entry.id, name: entry.name, count });
-    counts.delete(entry.id);
-  }
-  for (const [channelId, count] of counts) {
-    rows.push({
-      channelId,
-      name: isPublicChannelId(channelId) ? PUBLIC_CHANNEL_NAME : "Another channel",
-      count
-    });
-  }
-  return rows;
-}
-function normalizeChannelId(id) {
-  return isPublicChannelId(id) ? PUBLIC_CHANNEL_ID : id;
-}
-var SKIP_SAMPLE = 12;
-function skipBucket(labels) {
-  return {
-    count: labels.length,
-    labels: labels.slice(0, SKIP_SAMPLE),
-    truncated: labels.length > SKIP_SAMPLE
-  };
-}
-function planAssignment(input) {
-  const { labels, allocation, statusOf, nameOf } = input;
-  const targetChannelId = normalizeChannelId(input.targetChannelId);
-  const seen = /* @__PURE__ */ new Set();
-  let fromPublic = 0;
-  let alreadyIn = 0;
-  const movedBySource = /* @__PURE__ */ new Map();
-  const held = [];
-  const booked = [];
-  const missing = [];
-  for (const label of labels) {
-    if (seen.has(label)) continue;
-    seen.add(label);
-    const status = statusOf(label);
-    if (!status) {
-      missing.push(label);
-      continue;
-    }
-    const current = normalizeChannelId(allocation.get(label));
-    if (current === targetChannelId) {
-      alreadyIn += 1;
-      continue;
-    }
-    if (status === "held") {
-      held.push(label);
-      continue;
-    }
-    if (status === "booked") {
-      booked.push(label);
-      continue;
-    }
-    if (current === PUBLIC_CHANNEL_ID) fromPublic += 1;
-    else movedBySource.set(current, (movedBySource.get(current) ?? 0) + 1);
-  }
-  const channels = [...movedBySource.entries()].map(([channelId, count]) => ({
-    channelId,
-    name: nameOf(channelId),
-    count
-  }));
-  return {
-    changedFromPublic: { count: fromPublic },
-    movedFromOtherChannel: {
-      count: channels.reduce((sum, row) => sum + row.count, 0),
-      channels
-    },
-    alreadyInTarget: { count: alreadyIn },
-    skippedHeld: skipBucket(held),
-    skippedBooked: skipBucket(booked),
-    notFound: skipBucket(missing)
-  };
-}
-function mutationCount(buckets) {
-  return buckets.changedFromPublic.count + buckets.movedFromOtherChannel.count;
-}
-function needsMoveConfirmation(buckets) {
-  return buckets.movedFromOtherChannel.count > 0;
-}
-function bucketRows(buckets, targetName) {
-  const rows = [];
-  if (buckets.changedFromPublic.count) {
-    rows.push({
-      kind: "add",
-      icon: "+",
-      count: buckets.changedFromPublic.count,
-      text: `${buckets.changedFromPublic.count.toLocaleString()} from ${PUBLIC_CHANNEL_NAME}`
-    });
-  }
-  for (const source of buckets.movedFromOtherChannel.channels) {
-    rows.push({
-      kind: "move",
-      icon: "\u21C4",
-      count: source.count,
-      text: `${source.count.toLocaleString()} moved out of ${source.name ?? "another channel"}`,
-      why: "needs this confirmation"
-    });
-  }
-  if (buckets.alreadyInTarget.count) {
-    rows.push({
-      kind: "same",
-      icon: "=",
-      count: buckets.alreadyInTarget.count,
-      text: `${buckets.alreadyInTarget.count.toLocaleString()} already in ${targetName}`,
-      why: "unchanged"
-    });
-  }
-  if (buckets.skippedHeld.count) {
-    rows.push({
-      kind: "skip",
-      icon: "\u23F8",
-      count: buckets.skippedHeld.count,
-      text: `${buckets.skippedHeld.count.toLocaleString()} in a buyer's checkout`,
-      why: "can't move while held",
-      peek: peekOf(buckets.skippedHeld)
-    });
-  }
-  if (buckets.skippedBooked.count) {
-    rows.push({
-      kind: "skip",
-      icon: "\u{1F512}",
-      count: buckets.skippedBooked.count,
-      text: `${buckets.skippedBooked.count.toLocaleString()} already sold`,
-      why: "sales are never rewritten",
-      peek: peekOf(buckets.skippedBooked)
-    });
-  }
-  if (buckets.notFound.count) {
-    rows.push({
-      kind: "skip",
-      icon: "?",
-      count: buckets.notFound.count,
-      text: `${buckets.notFound.count.toLocaleString()} not on this map`,
-      why: "these seats are no longer part of the event",
-      peek: peekOf(buckets.notFound)
-    });
-  }
-  return rows;
-}
-function peekOf(bucket) {
-  if (!bucket.labels.length) return void 0;
-  const shown = bucket.labels.slice(0, 4).join(", ");
-  return bucket.truncated || bucket.labels.length > 4 ? `${shown}\u2026` : shown;
-}
-function retryAfterCopy(details) {
-  const ms = details?.retryAfterMs ?? (details?.latestHoldExpiresAt ? Math.max(0, details.latestHoldExpiresAt - Date.now()) : 0);
-  if (!ms) return "in a moment";
-  const minutes = Math.ceil(ms / 6e4);
-  if (minutes <= 1) return "in about a minute";
-  return `in about ${minutes} minutes`;
-}
-function accessLine(access) {
-  if (!access || !access.intent) return "\u2014";
-  const base = access.intent === "server" ? "Website integration" : access.intent === "hosted_link" ? "Buyer link" : access.intent === "internal" ? "Your staff sell these" : "Protected reserve";
-  const grants = access.hasActiveGrants ? "in use now" : access.lastMintAt ? `last used ${new Date(access.lastMintAt).toLocaleDateString()}` : null;
-  const detail = access.detail ?? grants;
-  return detail ? `${base} \xB7 ${detail}` : base;
-}
-function accessIntentLabel(intent) {
-  return intent === "internal" ? "Sell through your own staff" : intent === "server" ? "Integrate a website or app" : intent === "hosted_link" ? "Sell with a buyer link" : "Keep as protected reserve";
-}
-function accessIntentDescription(intent) {
-  switch (intent) {
-    case "internal":
-      return "Only your own box office can sell these seats, through your secret key. Buyer links and website integrations are refused.";
-    case "server":
-      return "Your website's backend mints each buyer a short-lived session for these seats. Buyer links are refused; the code lives on the Embed page.";
-    case "hosted_link":
-      return "SeatLayer makes a link you send to a named group. They open it and buy only these seats. No other route can sell them.";
-    default:
-      return "Nobody can buy these seats. Every way of letting a buyer in \u2014 a buyer link, your website, even your own staff \u2014 is refused while this is the route. The seats stay out of public sale.";
-  }
-}
-function intentForRoute(route) {
-  return route === "hosted_link" ? "hosted_link" : route === "server" ? "server" : route === "staff" ? "internal" : null;
-}
-function intentForbidsCopy(details) {
-  const current = parseIntent(details?.accessIntent);
-  const wanted = intentForRoute(details?.route);
-  const head = `This channel is set to "${accessIntentLabel(current)}"`;
-  return wanted ? `${head}, so it cannot do that. Switch it to "${accessIntentLabel(wanted)}" first.` : `${head}, so it cannot do that. Choose a different route for this channel first.`;
-}
-function parseIntent(value) {
-  return value === "internal" || value === "server" || value === "hosted_link" || value === "none" ? value : "none";
-}
-function plural(count, one, many) {
-  return `${count.toLocaleString()} ${count === 1 ? one : many}`;
-}
-function intentSwitchBlockedCopy(details) {
-  const links = Math.max(0, details?.liveAccessLinks ?? 0);
-  const sessions = Math.max(0, details?.activeSessions ?? 0);
-  const from = parseIntent(details?.from);
-  const to = parseIntent(details?.to);
-  const live = [
-    links ? plural(links, "buyer link is live", "buyer links are live") : null,
-    sessions ? plural(sessions, "buyer is in a checkout", "buyers are in a checkout") : null
-  ].filter(Boolean).join(", and ");
-  const headline = `${live || "Buyers are inside this channel"} on "${accessIntentLabel(from)}". Moving it to "${accessIntentLabel(to)}" changes what happens to them.`;
-  const consequences = [];
-  if (links) {
-    consequences.push(`${plural(links, "buyer link closes", "buyer links close")} immediately. Anyone who has not opened it yet never will \u2014 send a new link if you still need one.`);
-  }
-  if (sessions) {
-    consequences.push(`${plural(sessions, "buyer who is already in a checkout keeps", "buyers who are already in a checkout keep")} their seats and can finish paying. Nobody is thrown out. No new buyers come in this way, so the old route empties on its own within 12 hours.`);
-  }
-  return { headline, consequences };
-}
-var ACCESS_LINK_DEFAULTS = {
-  maxRedemptions: 100,
-  maxQuantity: 4
-};
-function accessLinkBadge(link) {
-  switch (link.status ?? link.state) {
-    case "active":
-      return { text: "Active", kind: "active" };
-    case "expired":
-      return { text: "Expired", kind: "archived" };
-    case "exhausted":
-      return { text: "All used", kind: "paused" };
-    case "rotated":
-      return { text: "Replaced", kind: "archived" };
-    default:
-      return { text: "Revoked", kind: "archived" };
-  }
-}
-function accessLinkIsLive(link) {
-  return link.state === "active" && link.status === "active";
-}
-function formatMoment(ms) {
-  if (!Number.isFinite(ms)) return "\u2014";
-  return new Date(ms).toLocaleString(void 0, {
-    day: "numeric",
-    month: "short",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-function accessLinkPolicyLines(link) {
-  return [
-    { k: "Expires", v: formatMoment(link.expiresAt) },
-    {
-      k: "Redemptions",
-      v: `${link.redemptions.toLocaleString()} of ${link.maxRedemptions.toLocaleString()} used`
-    },
-    {
-      k: "Seats per buyer",
-      v: `${link.maxQuantity.toLocaleString()} seat${link.maxQuantity === 1 ? "" : "s"} maximum`
-    },
-    {
-      k: "Covers",
-      v: link.includePublic ? "This channel's allocation and Public sale seats" : "This channel's allocation only"
-    }
-  ];
-}
-function accessLinkErrorCopy(err) {
-  const fromServer = err?.serverMessage?.trim();
-  switch (err?.code) {
-    case "invalid_expiry":
-    case "invalid_max_redemptions":
-    case "invalid_max_quantity":
-    case "invalid_session_ttl":
-    case "invalid_label":
-      return fromServer || "That setting is outside what a hosted link allows. Adjust it and try again.";
-    case "too_many_access_links":
-      return fromServer || "This channel already has as many live links as it can hold. Revoke one before creating another.";
-    case "access_link_not_active":
-      return "That link is no longer active, so it cannot be rotated or revoked.";
-    case "channel_unavailable":
-      return "This channel is paused or archived, so it cannot let new buyers in. Resume it first.";
-    // The channel declares a different sale route. The UI declares `hosted_link`
-    // before it creates, so reaching this means the declaration itself was
-    // refused or raced — say which route is in the way, not the code.
-    case "channel_access_intent_forbids":
-      return intentForbidsCopy(err?.details);
-    case "end_active_sessions_required":
-      return "Choose what happens to the buyers who already came in through this link.";
-    case "not_found":
-      return "That link is no longer here. Refresh and try again.";
-    default:
-      if (err?.status === 403) return "Hosted access links need channel-management permission.";
-      return fromServer || "That did not go through. Try again.";
-  }
-}
-function dropReviewRows(details) {
-  return (details?.channels ?? []).map((channel) => ({
-    kind: "skip",
-    icon: "\u26A0",
-    count: channel.count,
-    text: `${channel.count.toLocaleString()} would leave ${channel.name ?? "a channel"}`,
-    why: "the new chart no longer has these seats",
-    peek: channel.labels?.length ? peekOf({ count: channel.count, labels: channel.labels, truncated: channel.truncated ?? false }) : void 0
-  }));
-}
-function stateBadge(state) {
-  return state === "builtin" ? "Built-in" : state === "active" ? "Active" : state === "paused" ? "Paused" : "Archived";
-}
-
-// src/manageApi.ts
-var ManageApiError = class extends Error {
-  constructor(status, message, code, conflicts, details, serverMessage) {
-    super(message);
-    this.name = "ManageApiError";
-    this.status = status;
-    this.code = code;
-    this.conflicts = conflicts;
-    this.details = details;
-    this.serverMessage = serverMessage;
-  }
-};
-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,
-      err?.details,
-      typeof err?.message === "string" ? err.message : void 0
-    );
-  }
-  return data;
-}
-function record(value) {
-  return value && typeof value === "object" ? value : {};
-}
-function finite(primary, legacy, fallback = 0) {
-  if (typeof primary === "number" && Number.isFinite(primary)) return primary;
-  if (typeof legacy === "number" && Number.isFinite(legacy)) return legacy;
-  return fallback;
-}
-function nullableFinite(primary, legacy) {
-  if (primary === null) return null;
-  if (typeof primary === "number" && Number.isFinite(primary)) return primary;
-  if (primary !== void 0) return null;
-  if (typeof legacy === "number" && Number.isFinite(legacy)) return legacy;
-  return null;
-}
-function normalizeSection(value) {
-  const row = record(value);
-  const bookedValue = finite(row.bookedValue, row.bookedRevenue);
-  return { ...row, bookedValue, bookedRevenue: bookedValue };
-}
-function normalizeReportResult(value) {
-  const source = record(value);
-  const report = record(source.report);
-  const byCategory = Array.isArray(report.byCategory) ? report.byCategory.map((value2) => {
-    const row = record(value2);
-    const bookedValue = finite(row.bookedValue, row.bookedRevenue);
-    return { ...row, bookedValue, bookedRevenue: bookedValue };
-  }) : [];
-  const bySection = Array.isArray(report.bySection) ? report.bySection.map(normalizeSection) : void 0;
-  return {
-    ...source,
-    report: { ...report, byCategory, ...bySection ? { bySection } : {} }
-  };
-}
-function normalizeControlRoomSnapshot(value) {
-  const source = record(value);
-  const canonical = record(source.bookedValue);
-  const legacy = record(source.revenue);
-  const selected = Object.keys(canonical).length ? canonical : legacy;
-  const bySectionSource = Array.isArray(canonical.bySection) ? canonical.bySection : Array.isArray(legacy.bySection) ? legacy.bySection : [];
-  const bookedValue = {
-    ...selected,
-    gross: finite(canonical.gross, legacy.gross),
-    bySection: bySectionSource.map(normalizeSection)
-  };
-  const velocity = record(source.velocity);
-  const velocityRows = Array.isArray(velocity.bySection) ? velocity.bySection.map((value2) => {
-    const row = record(value2);
-    const rowValue = finite(row.bookedValue, row.grossRevenue);
-    return { ...row, bookedValue: rowValue, grossRevenue: rowValue };
-  }) : [];
-  return {
-    ...source,
-    bookedValue,
-    revenue: bookedValue,
-    velocity: { ...velocity, bySection: velocityRows }
-  };
-}
-function normalizeChannelReportResult(value) {
-  const source = record(value);
-  const report = record(source.report);
-  const includesBookedValue = typeof report.includesBookedValue === "boolean" ? report.includesBookedValue : report.includesRevenue === true;
-  const rows = Array.isArray(report.rows) ? report.rows.map((value2) => {
-    const row = record(value2);
-    const attribution = record(row.attribution);
-    const bookedValue = nullableFinite(attribution.bookedValue, attribution.revenue);
-    return {
-      ...row,
-      attribution: { ...attribution, bookedValue, revenue: bookedValue }
-    };
-  }) : [];
-  const totals = record(report.totals);
-  const totalBookedValue = nullableFinite(totals.bookedValue, totals.revenue);
-  return {
-    ...source,
-    report: {
-      ...report,
-      includesBookedValue,
-      includesRevenue: includesBookedValue,
-      rows,
-      totals: { ...totals, bookedValue: totalBookedValue, revenue: totalBookedValue }
-    }
-  };
-}
-function normalizeChannelReportLink(value) {
-  const link = record(value);
-  const includesBookedValue = typeof link.includesBookedValue === "boolean" ? link.includesBookedValue : link.includesRevenue === true;
-  return {
-    ...link,
-    includesBookedValue,
-    includesRevenue: includesBookedValue
-  };
-}
-var 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));
-  }
-  async authBlob(path) {
-    const res = await fetch(`${this.base}${path}`, {
-      method: "GET",
-      headers: { Authorization: `Bearer ${this.token}` },
-      credentials: "omit"
-    });
-    if (!res.ok) await parse(res);
-    return res.blob();
-  }
-  // ---- realtime read ----
-  /** Event-pinned organizer geometry. A manage token is never sent to `/pub`. */
-  chart(key) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/chart`);
-  }
-  /** Authenticated bytes for an Event-scoped organizer chart asset. */
-  asset(key, asset) {
-    if (!/^[a-zA-Z0-9._-]+$/.test(asset)) {
-      return Promise.reject(new ManageApiError(404, "not_found", "not_found"));
-    }
-    return this.authBlob(
-      `/v1/events/${encodeURIComponent(key)}/assets/${encodeURIComponent(asset)}`
-    );
-  }
-  /**
-   * The ORGANIZER's seat map: physical state, token-authed.
-   *
-   * This used to read `/pub/events/:key/objects` with no credential, which
-   * answers with the BUYER projection — every unit the caller may not buy
-   * collapses to a neutral `blocked`. An anonymous caller may buy only Public
-   * sale inventory, so the cockpit rendered every channel-allocated seat as
-   * blocked and then computed its KPIs, sell-through and (worse) its
-   * block/unblock target sets from that. `/v1/events/:key/objects` returns the
-   * unprojected snapshot the control-room read model already trusts.
-   */
-  objects(key) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/objects`);
-  }
-  /**
-   * Exchange the manage token for a one-use organizer socket ticket.
-   *
-   * A browser `WebSocket` cannot send an Authorization header, so the socket's
-   * scope is established here, over ordinary HTTPS. Without it the DO treats a
-   * manager socket as an anonymous public buyer and projects its deltas — so a
-   * hold inside a private allocation is structurally suppressed and the map
-   * drifts away from the truth `objects()` just established.
-   *
-   * Tickets are single-redemption and expire in ~30s: mint one per connect.
-   */
-  subscribeTicket(key) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/subscribe-tickets`, { method: "POST" });
-  }
-  socketUrl(key) {
-    return `${this.base.replace(/^http/, "ws")}/pub/events/${encodeURIComponent(key)}/subscribe?surface=manager`;
-  }
-  // ---- 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 } });
-  }
-  // ---- Platform inventory booking history (token) ----
-  /** Inventory lifecycle by stable integrator bookingRef. Absent on Managed. */
-  bookings(key, query = {}) {
-    const params = new URLSearchParams();
-    if (query.q) params.set("q", query.q);
-    if (query.state) params.set("state", query.state);
-    if (query.cursor) params.set("cursor", query.cursor);
-    if (query.limit != null) params.set("limit", String(query.limit));
-    const qs = params.toString();
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/bookings${qs ? `?${qs}` : ""}`);
-  }
-  /** Exact configured-value snapshot plus book/replay/cancellation audit. */
-  booking(key, bookingRef) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/bookings/${encodeURIComponent(bookingRef)}`
-    );
-  }
-  /** Alias matching the server SDK vocabulary. */
-  listBookings(key, query = {}) {
-    return this.bookings(key, query);
-  }
-  /** Alias matching the server SDK vocabulary. */
-  retrieveBooking(key, bookingRef) {
-    return this.booking(key, bookingRef);
-  }
-  // ---- availability windows (token) ----
-  /** The organizer's current per section/zone availability windows (needs
-   *  `event:view`). Ids absent from `rules` are open / on sale. */
-  availability(key) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/availability`);
-  }
-  /** Replace the availability windows for a set of section/zone ids (needs
-   *  `event:block`). Ids absent from `rules` become open / on sale; a zone rule
-   *  cascades to its sections. The worker derives each id's seat labels, so
-   *  `labels` on the sent rules is best-effort. Resolves with the authoritative
-   *  effective `hidden` set (a due rule may fire at once) and the server-cleaned
-   *  `rules` map (fired timed/threshold windows dropped). */
-  setAvailability(key, rules) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/availability`, { method: "POST", body: { rules } });
-  }
-  // ---- sales channels (token, capability-gated) ----
-  // Reads need `event:channels:view`, mutations `event:channels:manage`.
-  // `event:block` grants NEITHER (spec §10), so a Block-only cockpit token gets
-  // a 403 here and Channels mode never renders.
-  /** Allocation list with exact per-channel counts. `includeArchived` adds the
-   *  read-only archived rows behind the rail's "Show archived" control. */
-  channels(key, opts = {}) {
-    const qs = opts.includeArchived ? "?includeArchived=1" : "";
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels${qs}`);
-  }
-  /** One page of the label → channel map that paints the allocation overlay.
-   *  Paged by label; follow `nextAfterLabel` until it is null. */
-  channelAllocation(key, opts = {}) {
-    const params = new URLSearchParams();
-    if (opts.afterLabel) params.set("afterLabel", opts.afterLabel);
-    if (opts.limit != null) params.set("limit", String(opts.limit));
-    const qs = params.toString();
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels/allocation${qs ? `?${qs}` : ""}`);
-  }
-  channelAudit(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)}/channels/audit${qs ? `?${qs}` : ""}`);
-  }
-  createChannel(key, input) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels`, { method: "POST", body: input });
-  }
-  renameChannel(key, channelId, name) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}`, {
-      method: "PATCH",
-      body: { name }
-    });
-  }
-  setChannelPaused(key, channelId, paused) {
-    const path = paused ? "pause" : "unpause";
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/${path}`,
-      { method: "POST", body: {} }
-    );
-  }
-  /** Archive with a mandatory destination for the remaining allocation.
-   *  Throws ManageApiError 409 `channel_archive_blocked_by_holds` while any hold
-   *  is live; `err.details` carries the exact counts + retry window. */
-  archiveChannel(key, channelId, destination) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/archive`,
-      { method: "POST", body: { destination } }
-    );
-  }
-  /**
-   * Versioned Apply. A stale `assignmentVersion` mutates NOTHING and throws
-   * ManageApiError 409 `channel_assignment_conflict` — the caller keeps its
-   * selection and offers "Refresh and review". There is no dry-run: the review
-   * sheet previews locally, this call returns the authoritative buckets.
-   */
-  applyChannelAssignment(key, input) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels/assignments`, {
-      method: "POST",
-      body: {
-        targetChannelId: input.targetChannelId || null,
-        labels: input.labels,
-        assignmentVersion: input.assignmentVersion
-      }
-    });
-  }
-  /**
-   * Read-only buyer projection for an audience (§8.6) — the SAME scoped server
-   * view the buyer SDK receives, never a local approximation.
-   *
-   * Ships on the access-hardening branch. Older workers 404/405 here; callers
-   * MUST feature-detect and quietly say the preview needs a newer server rather
-   * than faking a projection client-side.
-   */
-  channelPreview(key, channelIds, opts = {}) {
-    const params = new URLSearchParams();
-    if (channelIds.length) params.set("channelIds", channelIds.join(","));
-    if (opts.includePublic != null) params.set("includePublic", opts.includePublic ? "1" : "0");
-    const qs = params.toString();
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels/preview${qs ? `?${qs}` : ""}`);
-  }
-  /**
-   * Choose which sale route this channel opens.
-   *
-   * Since the server's 2026-08-06 change this is AUTHORIZATION, not a label:
-   * exactly one of the four routes may mint buyer access for the channel and the
-   * other three refuse with 409 `channel_access_intent_forbids`. The default is
-   * `none`, which refuses all four — so a route has to be declared before any
-   * buyer-facing action on the channel can succeed.
-   *
-   * Switching the route while buyers are already inside the current one is
-   * refused with 409 `channel_intent_switch_blocked`, whose `details` name what
-   * is live (`liveAccessLinks`, `activeSessions`). Retry with
-   * `acknowledgeLiveAccess: true`: hosted links on the channel are revoked,
-   * while sessions already minted keep their holds and drain on their own.
-   * `intentSwitch` is present on the response ONLY when the switch disturbed
-   * something, so the ordinary case stays the two-key body it has always been.
-   */
-  setChannelAccessIntent(key, channelId, accessIntent, opts = {}) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}`, {
-      method: "PATCH",
-      body: {
-        accessIntent,
-        ...opts.acknowledgeLiveAccess ? { acknowledgeLiveAccess: true } : {},
-        ...opts.reason ? { reason: opts.reason } : {}
-      }
-    });
-  }
-  // ---- hosted access links (M8) ----
-  /**
-   * Mint a hosted access link. The 201 is the ONE and ONLY time `url` and
-   * `capability` exist outside the buyer's browser — SeatLayer keeps a hash, so
-   * there is no route, cache, or support escalation that can produce this string
-   * again. Callers must reveal it immediately and then let it go.
-   *
-   * Every omitted field takes the server's default: expiry = when the event
-   * starts, 100 redemptions, 4 seats per buyer, this channel's allocation only.
-   * Platform bounds are enforced server-side and reported as 422 with the rule
-   * spelled out in `ManageApiError.serverMessage`.
-   *
-   * NOT a side effect any more. This used to SET the channel's access intent to
-   * `hosted_link`; since 2026-08-06 it REQUIRES it, and a channel declaring any
-   * other route refuses with 409 `channel_access_intent_forbids`. Callers must
-   * declare the route first — `ChannelsMode` does exactly that before it
-   * creates, so a first buyer link on a fresh channel is still one gesture.
-   */
-  createAccessLink(key, channelId, input = {}) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/access-links`,
-      { method: "POST", body: input }
-    );
-  }
-  /** Status only — label, expiry, redemptions, per-buyer cap, lineage, and the
-   *  live session count. Never the url, never the capability. Needs `:view`. */
-  accessLinks(key, channelId) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/access-links`
-    );
-  }
-  /**
-   * Rotate — the ONLY recovery for a link nobody kept. The old URL stops opening
-   * immediately and the response is a fresh one-time reveal.
-   *
-   * `endActiveSessions` is REQUIRED, not defaulted: the organizer must say
-   * whether buyers already inside finish their checkout or lose access now. The
-   * server answers 422 `end_active_sessions_required` if it is omitted, and that
-   * refusal is correct — a UI must not pick either branch on their behalf.
-   */
-  rotateAccessLink(key, channelId, linkId, endActiveSessions) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/access-links/${encodeURIComponent(linkId)}/rotate`,
-      { method: "POST", body: { endActiveSessions } }
-    );
-  }
-  /** Revoke. The link stops opening immediately; `endActiveSessions` decides
-   *  whether the buyers already inside keep their sessions. */
-  revokeAccessLink(key, channelId, linkId, endActiveSessions = false) {
-    const qs = endActiveSessions ? "?endActiveSessions=1" : "";
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/access-links/${encodeURIComponent(linkId)}${qs}`,
-      { method: "DELETE" }
-    );
-  }
-  // ---- reports (token) ----
-  report(key) {
-    return this.auth(`/v1/events/${encodeURIComponent(key)}/report`).then(normalizeReportResult);
-  }
-  controlRoom(key, windowMinutes = 15) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/control-room?window=${windowMinutes}`
-    ).then(normalizeControlRoomSnapshot);
-  }
-  /** Allocation beside immutable booking-time channel attribution. */
-  channelReport(key) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/report`
-    ).then(normalizeChannelReportResult);
-  }
-  createChannelReportLink(key, channelId, input = {}) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links`,
-      { method: "POST", body: input }
-    ).then((value) => {
-      const reveal = record(value);
-      return { ...reveal, link: normalizeChannelReportLink(reveal.link) };
-    });
-  }
-  channelReportLinks(key, channelId) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links`
-    ).then((value) => {
-      const result = record(value);
-      return {
-        links: Array.isArray(result.links) ? result.links.map(normalizeChannelReportLink) : []
-      };
-    });
-  }
-  revokeChannelReportLink(key, channelId, linkId) {
-    return this.auth(
-      `/v1/events/${encodeURIComponent(key)}/channels/${encodeURIComponent(channelId)}/report-links/${encodeURIComponent(linkId)}`,
-      { method: "DELETE" }
-    ).then((value) => {
-      const result = record(value);
-      return { ...result, link: normalizeChannelReportLink(result.link) };
-    });
-  }
-  log(key, opts = {}) {
-    const params = new URLSearchParams();
-    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/channelsMode.ts
-var POLL_MS = 3e4;
-var MAX_FLAGS = 8;
-var SEAT_LIST_PAGE = 300;
-var MAX_ASSIGNMENT_UNITS = 5e3;
-var PREVIEW_ELIGIBLE_FILL = "#6e7bff";
-var PREVIEW_ELIGIBLE_STROKE = "#b9c0ff";
-var PREVIEW_UNAVAILABLE_FILL = "#303846";
-var PREVIEW_UNAVAILABLE_STROKE = "#4b5669";
-var ALLOCATION_STROKE = "#101723";
-var CHANNELS_CSS = (
-  /* @sl-css */
-  `
-.slm{--slm-mo-instant:80ms;--slm-mo-quick:140ms;--slm-mo-base:200ms;--slm-mo-slow:320ms;--slm-mo-ambient:2000ms;
-  --slm-mo-out:cubic-bezier(.2,.8,.2,1);--slm-mo-in-out:cubic-bezier(.4,0,.2,1);--slm-mo-exit:cubic-bezier(.4,0,1,1);
-  --slm-mo-spring:cubic-bezier(.34,1.3,.64,1)}
-
-/* map overlay: ONE layer, faded in as a whole (never per seat) */
-.slm-ch-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--slm-mo-base) var(--slm-mo-out)}
-.slm-ch-layer.on{opacity:1}
-.slm-ch-canvas{position:absolute;inset:0;width:100%;height:100%}
-.slm-ch-flag{position:absolute;display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;
-  background:rgba(14,16,23,.88);border:1px solid var(--slm-line);font-size:10px;font-weight:800;letter-spacing:.04em;
-  transform:translate(-50%,-50%);white-space:nowrap}
-.slm-ch-flag .mk{width:14px;height:14px;border-radius:4px;display:grid;place-items:center;font-size:8.5px;font-weight:800;color:#0e1017}
-.slm-ch-section-target{position:absolute;pointer-events:auto;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in}
-.slm-ch-section-target:focus-visible{outline:2px solid var(--slm-accent);outline-offset:-3px;background:color-mix(in srgb,var(--slm-accent) 12%,transparent)}
-
-/* preview banner \u2014 raised with the organizer chrome dim, as one transition */
-.slm-ch-banner{position:absolute;left:50%;top:14px;z-index:6;display:flex;align-items:center;gap:9px;padding:8px 14px;
-  border-radius:999px;background:rgba(14,16,23,.92);border:1px solid var(--slm-line);font-size:12px;font-weight:700;
-  transform:translate(-50%,-8px);opacity:0;pointer-events:none;
-  transition:opacity var(--slm-mo-base) var(--slm-mo-out),transform var(--slm-mo-base) var(--slm-mo-out)}
-.slm-ch-banner.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
-.slm-ch-banner .dot{width:8px;height:8px;border-radius:50%}
-.slm-ch-banner button{color:var(--slm-accent);font-weight:800;font-size:11.5px;min-height:32px}
-.slm.ch-preview .slm-ch-flag{opacity:0;transition:opacity var(--slm-mo-base) var(--slm-mo-out)}
-
-/* sticky staged bar */
-.slm-ch-staged{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;display:flex;align-items:center;gap:12px;
-  padding:10px 14px;min-height:44px;border-radius:12px;background:rgba(24,27,36,.96);border:1px solid var(--slm-line);
-  box-shadow:0 12px 34px rgba(0,0,0,.45);font-size:12.5px;pointer-events:auto;
-  transform:translateY(calc(100% + 18px));opacity:0;
-  transition:transform var(--slm-mo-slow) var(--slm-mo-out),opacity var(--slm-mo-base) var(--slm-mo-out)}
-.slm-ch-staged.on{transform:none;opacity:1}
-.slm-ch-staged.done{background:rgba(31,122,77,.96);border-color:#1f7a4d}
-.slm-ch-staged.shake{animation:slm-ch-shake var(--slm-mo-slow) var(--slm-mo-in-out) 2}
-.slm-ch-staged b{font-variant-numeric:tabular-nums}
-.slm-ch-staged .grow{flex:1}
-.slm-ch-staged .go{padding:9px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:9px;
-  background:#f4b740;color:#1a1200;font-weight:800;font-size:12.5px}
-.slm-ch-staged .go:disabled{opacity:.48;cursor:not-allowed}
-.slm-ch-staged .drop{color:var(--slm-muted);font-weight:700;font-size:11.5px;min-height:44px;padding-inline:8px}
-.slm-ch-tick{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;
-  background:#fff;color:#1f7a4d;font-weight:900;font-size:11px;animation:slm-ch-tick var(--slm-mo-base) var(--slm-mo-spring)}
-@keyframes slm-ch-shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
-@keyframes slm-ch-tick{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
-
-/* rail */
-.slm-ch-viewseg{display:flex;gap:3px;padding:3px;border:1px solid var(--slm-line);border-radius:9px;
-  background:var(--slm-surface);margin-bottom:12px}
-.slm-ch-viewseg button{flex:1;padding:6px 8px;min-height:34px;border-radius:7px;font-size:11px;font-weight:800;color:var(--slm-muted)}
-.slm-ch-viewseg button.on{background:var(--slm-accent);color:var(--slm-accent-ink)}
-.slm-ch-viewseg button:disabled{opacity:.5;cursor:not-allowed}
-.slm-ch-mapnav{margin:-2px 0 12px;padding:10px;border:1px solid var(--slm-line);border-radius:10px;background:var(--slm-surface)}
-.slm-ch-mapnav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slm-muted)}
-.slm-ch-mapnav-head button{color:var(--slm-accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:none;min-height:30px}
-.slm-ch-mapnav .slm-ch-viewseg{margin:8px 0 5px}
-.slm-ch-mapnav p{margin:0;font-size:11px;line-height:1.45;color:var(--slm-muted)}
-.slm-ch-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
-.slm-ch-row{padding:10px 11px;border:1px solid var(--slm-line);border-radius:10px;background:var(--slm-surface);
-  text-align:left;width:100%;display:block;transition:border-color var(--slm-mo-quick) var(--slm-mo-out)}
-.slm-ch-row:hover{border-color:var(--slm-muted)}
-.slm-ch-row.on{border-color:var(--slm-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--slm-accent) 40%,transparent)}
-.slm-ch-row.public{background:linear-gradient(100deg,rgba(244,183,64,.09),var(--slm-surface) 60%)}
-.slm-ch-row.archived{opacity:.68}
-.slm-ch-head{display:flex;align-items:center;gap:8px}
-.slm-ch-mk{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800;
-  color:#0e1017;flex:none}
-.slm-ch-mk.dim{opacity:.55}
-.slm-ch-name{flex:1;min-width:0;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.slm-ch-badge{flex:none;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
-.slm-ch-badge.active{background:rgba(34,160,107,.16);color:#5bd39b}
-.slm-ch-badge.paused,.slm-ch-badge.builtin{background:rgba(244,183,64,.15);color:#f7ca6b}
-.slm-ch-badge.archived{background:rgba(139,148,172,.18);color:#c2c9d8}
-.slm-ch-counts{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:var(--slm-muted);
-  font-variant-numeric:tabular-nums}
-.slm-ch-counts b{color:var(--slm-text);font-weight:800}
-.slm-ch-counts .free b{color:#5bd39b}
-.slm-ch-counts b.bump{animation:slm-ch-bump var(--slm-mo-base) var(--slm-mo-spring)}
-@keyframes slm-ch-bump{0%,100%{transform:none}35%{transform:translateY(-2px) scale(1.08)}}
-.slm-ch-access{margin-top:6px;font-size:10.5px;color:var(--slm-muted)}
-/* A row that opens its channel must READ as pressable, and be one for a keyboard
-   too. It is a role="button" div rather than a <button> because the \u22EF control
-   lives inside it, and a button inside a button is not valid HTML. */
-.slm-ch-row.open{cursor:pointer}
-.slm-ch-row.open:hover{border-color:var(--slm-accent);background:color-mix(in srgb,var(--slm-accent) 6%,var(--slm-surface))}
-.slm-ch-row.open:focus-visible{outline:2px solid var(--slm-accent);outline-offset:2px}
-.slm-ch-row.open:active{border-color:var(--slm-accent)}
-.slm-ch-more{flex:none;color:var(--slm-muted);font-weight:800;padding:0 4px;min-height:28px;border-radius:6px}
-.slm-ch-more:hover{color:var(--slm-text)}
-.slm-ch-more:focus-visible{outline:2px solid var(--slm-accent);outline-offset:1px;color:var(--slm-text)}
-.slm-ch-menu{display:flex;flex-direction:column;gap:8px}
-.slm-ch-menu .slm-btn{width:100%}
-/* loading is a state, never a flash of empty: same slot, visibly working */
-.slm-ch-busy{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--slm-muted);padding:12px 0}
-.slm-ch-busy::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--slm-accent);flex:none;
-  animation:slm-ch-pulse var(--slm-mo-ambient) var(--slm-mo-in-out) infinite}
-@keyframes slm-ch-pulse{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
-.slm-ch-selsrc{display:flex;flex-direction:column;gap:5px;margin:8px 0 12px}
-.slm-ch-selsrc-row{display:flex;align-items:center;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}
-.slm-ch-selsrc-row .mk{width:15px;height:15px;border-radius:4px;display:grid;place-items:center;font-size:8px;
-  font-weight:800;color:#0e1017}
-.slm-ch-selsrc-row b{min-width:30px;text-align:right;font-weight:800}
-.slm-ch-selsrc-row span{color:var(--slm-muted)}
-.slm-ch-selnum.bump{animation:slm-ch-bump var(--slm-mo-base) var(--slm-mo-spring)}
-.slm-ch-row2{display:flex;gap:8px;margin-top:8px}
-.slm-ch-row2 .slm-btn{flex:1;min-width:0}
-/* distribute routes \u2014 four choices, each with the one sentence that explains it.
-   The current one is NAMED in its own card, never signalled by colour alone. */
-.slm-ch-dist{display:flex;flex-direction:column;gap:6px;padding:12px;margin-bottom:8px;border:1px solid var(--slm-line);
-  border-radius:10px;background:var(--slm-surface)}
-.slm-ch-dist.on{border-color:var(--slm-accent,#8b7cf6)}
-.slm-ch-dist b{font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;justify-content:space-between}
-.slm-ch-dist b .cur{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
-  color:var(--slm-accent,#8b7cf6);white-space:nowrap}
-.slm-ch-dist .why{color:var(--slm-muted);font-size:11.5px;line-height:1.45}
-.slm-ch-dist .slm-btn{width:100%;margin-top:2px}
-.slm-ch-alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:10px;font-size:12.5px;
-  line-height:1.5;margin-bottom:12px}
-.slm-ch-alert.warn{background:rgba(244,183,64,.1);border:1px solid rgba(244,183,64,.4);color:#f4d58a}
-.slm-ch-alert.info{background:rgba(110,123,255,.12);border:1px solid rgba(110,123,255,.44);color:#c5cbff}
-.slm-ch-alert.err{background:rgba(229,72,77,.1);border:1px solid rgba(229,72,77,.45);color:#f1a4a6}
-.slm-ch-alert b{color:#fff}
-.slm-ch-alert button{display:block;margin-top:6px;color:#fff;font-weight:800;min-height:36px}
-.slm-ch-legend{display:flex;flex-direction:column;gap:6px;margin-top:10px}
-.slm-ch-legend .r{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--slm-muted)}
-.slm-ch-legend .sw{width:13px;height:13px;border-radius:3.5px;flex:none}
-.slm-ch-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
-
-/* dialogs */
-.slm-ch-scrim{position:absolute;inset:0;z-index:12;background:rgba(4,6,12,.62);display:grid;place-items:center;
-  padding:18px;animation:slm-ch-fade var(--slm-mo-quick) var(--slm-mo-out)}
-.slm-ch-dialog{width:min(460px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;background:#12151f;border:1px solid var(--slm-line);
-  border-radius:14px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.6);
-  animation:slm-ch-rise var(--slm-mo-base) var(--slm-mo-out)}
-.slm-ch-dialog h3{margin:0 0 4px;font-size:16px;font-weight:800;letter-spacing:-.01em}
-.slm-ch-dialog .sub{font-size:12.5px;color:var(--slm-muted);line-height:1.5;margin-bottom:14px}
-.slm-ch-dialog .foot{display:flex;gap:8px;margin-top:16px}
-.slm-ch-dialog .foot .slm-btn{flex:1;min-width:0}
-.slm-ch-dialog .foot .quiet{flex:none;padding:10px 14px;min-height:44px;color:var(--slm-muted);font-weight:700;font-size:13px}
-@keyframes slm-ch-fade{from{opacity:0}to{opacity:1}}
-@keyframes slm-ch-rise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
-.slm-ch-bucket{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:9px 4px;
-  border-top:1px solid var(--slm-line);font-size:12.5px;animation:slm-ch-bucket var(--slm-mo-base) var(--slm-mo-out) both}
-.slm-ch-bucket:first-of-type{border-top:0}
-.slm-ch-bucket .ico{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800}
-.slm-ch-bucket .ico.add{background:rgba(34,160,107,.18);color:#5bd39b}
-.slm-ch-bucket .ico.move{background:rgba(167,139,250,.18);color:#c4b5fd}
-.slm-ch-bucket .ico.same{background:rgba(139,148,172,.14);color:#aab2c4}
-.slm-ch-bucket .ico.skip{background:rgba(244,183,64,.16);color:#f7ca6b}
-.slm-ch-bucket b{font-variant-numeric:tabular-nums;font-weight:800}
-.slm-ch-bucket .why{color:var(--slm-muted);font-size:11px}
-.slm-ch-bucket .peek{color:var(--slm-muted);font-size:11px;font-variant-numeric:tabular-nums}
-@keyframes slm-ch-bucket{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
-.slm-ch-secret{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px dashed rgba(244,183,64,.55);
-  border-radius:10px;background:rgba(244,183,64,.06);font-family:ui-monospace,Menlo,monospace;font-size:11px;
-  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
-.slm-ch-err{color:#f1a4a6;font-size:11.5px;margin-top:6px}
-
-/* buyer links \u2014 STATUS only; there is no Copy control on this card */
-.slm-ch-link{padding:10px 11px;border:1px solid var(--slm-line);border-radius:10px;background:var(--slm-surface);
-  margin-bottom:8px}
-.slm-ch-link .lk-head{display:flex;align-items:center;gap:8px}
-.slm-ch-link .lk-name{flex:1;min-width:0;font-size:12.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;
-  white-space:nowrap}
-.slm-ch-lkrow{display:flex;gap:8px;margin-top:5px;font-size:11px;color:var(--slm-muted)}
-.slm-ch-lkrow .k{flex:none;min-width:104px}
-.slm-ch-lkrow .v{color:var(--slm-text);font-variant-numeric:tabular-nums}
-.slm-ch-meter{height:5px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:8px}
-.slm-ch-meter i{display:block;height:100%;background:var(--slm-accent);
-  transition:width var(--slm-mo-base) var(--slm-mo-out)}
-.slm-ch-radio{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid var(--slm-line);
-  border-radius:10px;margin-top:8px;font-size:12.5px;cursor:pointer;
-  transition:border-color var(--slm-mo-quick) var(--slm-mo-out)}
-.slm-ch-radio:hover{border-color:var(--slm-muted)}
-.slm-ch-radio input{flex:none;margin-top:2px}
-.slm-ch-radio b{display:block;font-weight:800;margin-bottom:2px}
-.slm-ch-radio .why{display:block;color:var(--slm-muted);font-size:11.5px;line-height:1.45}
-.slm-ch-seatlist{max-height:44vh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--slm-line);
-  border-radius:10px;background:var(--slm-surface);margin-top:10px}
-.slm-ch-seatgroup{padding:8px 10px;border-bottom:1px solid var(--slm-line);display:flex;align-items:center;
-  justify-content:space-between;gap:8px;font-size:11px;font-weight:800;color:var(--slm-muted);position:sticky;top:0;
-  background:var(--slm-surface)}
-.slm-ch-seatgroup button{color:var(--slm-accent);font-weight:800;font-size:11px;min-height:32px}
-.slm-ch-seatitem{display:flex;width:100%;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid var(--slm-line);
-  text-align:left;font-size:12px}
-.slm-ch-seatitem .box{width:16px;height:16px;border-radius:4px;border:1px solid var(--slm-muted);display:grid;
-  place-items:center;font-size:10px;font-weight:900;color:transparent;flex:none}
-.slm-ch-seatitem[aria-checked="true"] .box{border-color:var(--slm-accent);background:var(--slm-accent);color:var(--slm-accent-ink)}
-.slm-ch-seatitem .meta{margin-left:auto;color:var(--slm-muted);font-size:10.5px}
-
-/* scope chooser: whole sections or many rows in one additive pass */
-.slm-ch-scopebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px}
-.slm-ch-scopebar label{display:grid;gap:5px;color:var(--slm-muted);font-size:10.5px;font-weight:800}
-.slm-ch-scopebar input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--slm-line);border-radius:8px;
-  background:var(--slm-surface);color:var(--slm-text);font:inherit}
-.slm-ch-scopesummary{padding-bottom:10px;color:var(--slm-muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
-.slm-ch-scopegroup{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
-  gap:6px;padding:6px 8px;border-bottom:1px solid var(--slm-line);background:var(--slm-surface)}
-.slm-ch-groupcheck{display:flex;min-width:0;align-items:center;gap:8px;padding:5px 2px;text-align:left;font-size:11px;font-weight:800}
-.slm-ch-groupcheck .box{width:16px;height:16px;flex:none;display:grid;place-items:center;border:1px solid var(--slm-muted);border-radius:4px;
-  color:transparent;font-size:10px}
-.slm-ch-groupcheck[aria-checked="true"] .box,.slm-ch-groupcheck[aria-checked="mixed"] .box{border-color:var(--slm-accent);
-  background:var(--slm-accent);color:var(--slm-accent-ink)}
-.slm-ch-groupcheck .meta{min-width:0;margin-left:auto;color:var(--slm-muted);font-size:10.5px;font-weight:600;white-space:nowrap}
-.slm-ch-grouptoggle{min-height:32px;padding:5px 8px;color:var(--slm-accent);font-size:11px;font-weight:800}
-.slm-ch-scopehint{padding:8px 10px;color:var(--slm-muted);font-size:10.5px;border-bottom:1px solid var(--slm-line)}
-.slm-ch-scope-empty{padding:18px 12px;color:var(--slm-muted);font-size:11.5px;text-align:center}
-@media(max-width:560px){.slm-ch-scopebar{grid-template-columns:1fr}.slm-ch-scopesummary{padding-bottom:0}}
-
-/* compact: bottom sheet with three detents (\xA713) */
-.slm.compact.ch-sheet .slm-rail{position:absolute;left:0;right:0;bottom:0;z-index:8;border-top:1px solid var(--slm-line);
-  border-radius:18px 18px 0 0;background:#12151f;
-  transition:height var(--slm-mo-slow) var(--slm-mo-in-out)}
-.slm.compact.ch-sheet.detent-collapsed .slm-rail{height:132px}
-.slm.compact.ch-sheet.detent-medium .slm-rail{height:46%}
-.slm.compact.ch-sheet.detent-full .slm-rail{height:92%}
-.slm.compact.ch-sheet .slm-railscroll{padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px))}
-.slm-ch-grab{display:none}
-.slm.compact.ch-sheet .slm-ch-grab{display:flex;align-items:center;gap:10px;width:100%;padding:6px 0 10px}
-.slm-ch-grabbar{width:42px;height:4px;border-radius:2px;background:rgba(255,255,255,.22);margin:0 auto}
-.slm.compact .slm-ch-staged{bottom:auto;top:8px}
-.slm.compact .slm-btn,.slm.compact .slm-ch-row,.slm.compact .slm-ch-viewseg button{min-height:44px}
-.slm-tools{display:none}
-.slm.compact .slm-tools{display:block;width:100%;padding:9px 13px;min-height:44px;border:1px solid var(--slm-line);
-  border-radius:10px;background:var(--slm-surface);color:var(--slm-text);font-size:13px;font-weight:800}
-.slm.compact .slm-modes{display:none}
-
-@media (prefers-reduced-motion:reduce){
-  .slm-ch-layer,.slm-ch-banner,.slm-ch-staged,.slm-ch-row,.slm.compact.ch-sheet .slm-rail,
-  .slm-ch-meter i,.slm-ch-radio{transition:none!important}
-  .slm-ch-staged.shake,.slm-ch-tick,.slm-ch-bucket,.slm-ch-scrim,.slm-ch-dialog,
-  .slm-ch-counts b.bump,.slm-ch-selnum.bump{animation:none!important}
-  .slm-ch-busy::before{animation:none!important;opacity:1}
-  .slm-ch-staged.shake{outline:2px solid #e5484d;outline-offset:2px}
-  .slm-ch-staged.done{outline:2px solid #5bd39b;outline-offset:2px}
-}
-`
-);
-function bucketRowsHtml(rows) {
-  return rows.map((row, index) => `
-    <div class="slm-ch-bucket" style="animation-delay:${Math.min(index, 4) * 30}ms">
-      <span class="ico ${row.kind}" aria-hidden="true">${esc(row.icon)}</span>
-      <span><b>${row.count.toLocaleString()}</b> ${esc(row.text.replace(/^[\d,.\s]+/, ""))}
-        ${row.why ? `<span class="why">\u2014 ${esc(row.why)}</span>` : ""}</span>
-      ${row.peek ? `<span class="peek">${esc(row.peek)}</span>` : "<span></span>"}
-    </div>`).join("");
-}
-var SERVER_INTEGRATION_HTML = `
-  <p class="slm-eyebrow" style="margin-top:18px">On your website</p>
-  <p class="slm-hint">There is nothing more to set up on this screen. Your own server mints a short-lived buyer
-    access session for this channel with the SeatLayer server SDK and hands it to the widget. A channel name
-    on its own never grants access.</p>
-  <p class="slm-note"><a class="slm-linkbtn" href="https://docs.seatlayer.io/server-api/channels"
-    target="_blank" rel="noreferrer noopener">Read the website integration guide \u2192</a></p>`;
-function esc(value) {
-  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-function datetimeLocalValue(ms) {
-  const local = new Date(ms - new Date(ms).getTimezoneOffset() * 6e4);
-  return local.toISOString().slice(0, 16);
-}
-function intField(root, selector) {
-  const raw = root.querySelector(selector)?.value.trim() ?? "";
-  const value = Number(raw);
-  return raw !== "" && Number.isInteger(value) ? value : null;
-}
-function selectSecret(dialog) {
-  const node = dialog.querySelector("[data-ch-lk-url]");
-  if (!node) return;
-  try {
-    const range = document.createRange();
-    range.selectNodeContents(node);
-    const selection = window.getSelection();
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-  } catch {
-  }
-}
-var ChannelsMode = class {
-  constructor(host, capabilities) {
-    this.active = false;
-    this.list = null;
-    this.allocation = /* @__PURE__ */ new Map();
-    this.assignmentVersion = 0;
-    this.loadError = null;
-    this.loading = true;
-    this.view = "inspect";
-    /** Pan is intentionally the initial desktop interaction. Assignment's
-     * marquee is powerful, but must never make an organizer lose map navigation. */
-    this.mapIntent = "pan";
-    this.focusedSectionId = null;
-    this.showArchived = false;
-    this.detailChannelId = null;
-    /**
-     * Whether the organizer has asked to assign seats.
-     *
-     * The list rail leads with the CHANNELS. The assignment tooling — destination
-     * picker plus five select-by routes — used to paint unconditionally above that
-     * list, so a first-time organizer met a workbench for a job they had not asked
-     * to do, with the thing they came for pushed below the fold. It is now
-     * disclosed on intent: the "Assign seats to a channel" action under the list,
-     * the map's own "Assign seats" segment, or simply having a selection. The
-     * selection rail always shows the tools, because there the intent is proven.
-     */
-    this.assignOpen = false;
-    this.targetChannelId = "";
-    this.conflict = false;
-    this.dialog = null;
-    this.detent = "medium";
-    this.seatListLimit = SEAT_LIST_PAGE;
-    /**
-     * Hosted-link STATUS for the channel whose detail panel is open. This is the
-     * listing projection — it carries no url and no capability, because no route
-     * returns one. `unsupported` is the honest answer for a worker that predates
-     * M8, exactly like the buyer-preview probe.
-     */
-    this.links = [];
-    this.linksChannelId = null;
-    this.linksState = "idle";
-    /**
-     * Monotonic read generations — one for the channel list + allocation, one for
-     * the open channel's links. Reads are concurrent (a 10s poll versus a
-     * mutation's own reload), and the network does not promise to answer them in
-     * order. Only the NEWEST read of each kind may write to state; an older
-     * answer that arrives late is dropped, never painted.
-     */
-    this.listSeq = 0;
-    this.linksSeq = 0;
-    this.previewAudience = [];
-    this.previewIncludePublic = false;
-    this.previewProjection = null;
-    /**
-     * The buyer-preview read, as one honest state rather than a boolean.
-     *
-     * `previewSupported: boolean | null` could say "this worker has no projection
-     * route", but it could not say "the read is in flight" or "the read failed" —
-     * both of those painted an audience picker with no result underneath, which
-     * reads as "this audience can buy nothing". Loading and error are now states
-     * of their own, and the error one offers a retry.
-     */
-    this.previewState = "idle";
-    this.pollTimer = null;
-    this.layer = null;
-    this.canvas = null;
-    /** undefined = not resolved yet, null = this environment has no 2d canvas. */
-    this.ctx = void 0;
-    this.bannerEl = null;
-    this.stagedEl = null;
-    this.liveEl = null;
-    this.scrimEl = null;
-    this.lastFocus = null;
-    this.stagedDoneTimer = null;
-    this.lastSelectionCount = 0;
-    this.lastCounts = /* @__PURE__ */ new Map();
-    /** Rows are structural chart data — they do not move while the organizer is
-     * allocating. Deriving them walks every seat, so the view is cached for the
-     * lifetime of this mode entry and ordinary selection repaints stay O(1). */
-    this.assignmentRowsCache = null;
-    /** The markup currently in the rail. An identical repaint is skipped, which is
-     *  what keeps the organizer's scroll position (and open <select>) alive. */
-    this.railHtml = null;
-    /**
-     * The `assignmentVersion` the allocation map was built from. Walking every
-     * allocation page is the expensive half of a refresh and the server already
-     * tells us, in the channels response, whether ANY seat moved. Unchanged
-     * version, unchanged allocation — so the walk is skipped entirely.
-     */
-    this.allocationVersion = null;
-    this.onVisibility = null;
-    this.host = host;
-    this.caps = capabilities;
-  }
-  // ---- lifecycle ------------------------------------------------------------
-  /** Called when the cockpit switches into Channels mode. */
-  enter() {
-    if (this.active) return;
-    this.active = true;
-    this.mapIntent = "pan";
-    this.assignOpen = false;
-    this.focusedSectionId = null;
-    this.assignmentRowsCache = null;
-    this.railHtml = null;
-    this.ensureLayer();
-    this.host.root.classList.add("ch-mode");
-    this.applySheetClasses();
-    if (this.host.sections().length > 1) this.host.showSectionOverview();
-    this.paintRail();
-    this.onInteractionChange?.();
-    void this.refresh();
-    this.pollTimer = setInterval(() => {
-      if (typeof document !== "undefined" && document.hidden) return;
-      void this.refresh({ quiet: true });
-    }, POLL_MS);
-    if (typeof document !== "undefined" && typeof document.addEventListener === "function") {
-      this.onVisibility = () => {
-        if (this.active && !document.hidden) void this.refresh({ quiet: true });
-      };
-      document.addEventListener("visibilitychange", this.onVisibility);
-    }
-  }
-  /** Called when the cockpit leaves Channels mode. Everything this mode painted
-   *  over the map goes with it — no other tool ever inherits a channel overlay. */
-  leave() {
-    if (!this.active) return;
-    this.active = false;
-    if (this.pollTimer) clearInterval(this.pollTimer);
-    this.pollTimer = null;
-    if (this.onVisibility && typeof document !== "undefined") {
-      document.removeEventListener("visibilitychange", this.onVisibility);
-    }
-    this.onVisibility = null;
-    this.railHtml = null;
-    this.closeDialog({ restoreFocus: false });
-    this.links = [];
-    this.linksChannelId = null;
-    this.linksState = "idle";
-    this.layer?.classList.remove("on");
-    this.host.root.classList.remove(
-      "ch-mode",
-      "ch-preview",
-      "ch-sheet",
-      "detent-collapsed",
-      "detent-medium",
-      "detent-full"
-    );
-    this.setBanner(false);
-    this.setStaged(null);
-  }
-  destroy() {
-    this.leave();
-    if (this.stagedDoneTimer) clearTimeout(this.stagedDoneTimer);
-    this.layer?.remove();
-    this.layer = null;
-  }
-  /** Capabilities can change when a token rotates. Re-render, fail-closed. */
-  setCapabilities(capabilities) {
-    this.caps = capabilities;
-    if (this.active) this.paintRail();
-  }
-  isActive() {
-    return this.active;
-  }
-  /**
-   * Whether the map should accept bulk selection right now. Preview is a
-   * read-only simulation of somebody else's view, and a view-only token has no
-   * assignment to stage — in both cases the canvas must not offer selection at
-   * all rather than collect a selection nothing can act on.
-   */
-  canSelect() {
-    return this.caps.manage && this.view === "inspect";
-  }
-  /** Bulk seat assignment is explicit. In Pan map, clicks can still inspect a
-   * single seat, while a primary-button drag always moves the camera. */
-  usesMarqueeSelection() {
-    return this.canSelect() && this.mapIntent === "assign";
-  }
-  /** The renderer calls this when the organizer opens a section from overview. */
-  handleSectionFocus(sectionId) {
-    if (!this.active) return;
-    this.focusedSectionId = sectionId;
-    this.paintRail();
-  }
-  /**
-   * Organizer realtime integration point. M5 ships a per-scope socket for
-   * buyers; the organizer channel-count stream is a later milestone. When it
-   * arrives, call this from the cockpit's WS handler instead of waiting for the
-   * poll — everything downstream already reacts to a fresh list.
-   */
-  applyRealtimeHint() {
-    if (this.active) void this.refresh({ quiet: true });
-  }
-  /** The cockpit's selection changed (marquee / click / section / category). */
-  handleSelectionChange() {
-    if (!this.active) return;
-    this.paintSelection();
-    this.paintStagedBar();
-  }
-  /** Camera moved or the container resized — the overlay is screen-space. */
-  handleViewChange() {
-    if (this.active) this.paintOverlay();
-  }
-  handleLayoutChange() {
-    if (!this.active) return;
-    this.applySheetClasses();
-    this.paintOverlay();
-  }
-  // ---- data -----------------------------------------------------------------
-  async refresh(opts = {}) {
-    if (!this.caps.view) return;
-    const seq = ++this.listSeq;
-    const superseded = () => seq !== this.listSeq;
-    try {
-      const list = await this.host.api.channels(this.host.eventKey, { includeArchived: this.showArchived });
-      if (superseded()) return;
-      this.list = list;
-      this.assignmentVersion = list.assignmentVersion;
-      this.loadError = null;
-      if (!this.targetChannelId) {
-        this.targetChannelId = list.channels.find((c) => c.state === "active")?.id ?? PUBLIC_CHANNEL_ID;
-      }
-      if (this.allocationVersion !== list.assignmentVersion) {
-        await this.loadAllocation(seq);
-        if (superseded()) return;
-        this.allocationVersion = list.assignmentVersion;
-      }
-      if (this.detailChannelId) await this.loadLinks(this.detailChannelId);
-      if (superseded()) return;
-      this.loading = false;
-      if (this.active) {
-        this.paintRail();
-        this.paintOverlay();
-      }
-    } catch (err) {
-      if (superseded()) return;
-      this.loading = false;
-      if (err instanceof ManageApiError && err.status === 403) {
-        this.caps = { view: false, manage: false };
-      }
-      this.loadError = err;
-      if (!opts.quiet) this.host.onError(err);
-      if (this.active) this.paintRail();
-    }
-  }
-  /** Walk every allocation page. Bounded by the event's seat count, and the
-   *  server caps each page, so an arena is a handful of round trips. */
-  async loadAllocation(seq) {
-    const next = /* @__PURE__ */ new Map();
-    let afterLabel;
-    for (let page = 0; page < 200; page += 1) {
-      if (seq !== void 0 && seq !== this.listSeq) return;
-      const res = await this.host.api.channelAllocation(this.host.eventKey, {
-        afterLabel,
-        limit: 1e3
-      });
-      for (const row of res.allocations) {
-        if (!isPublicChannelId(row.channelId)) next.set(row.label, row.channelId);
-      }
-      this.assignmentVersion = res.assignmentVersion;
-      if (!res.nextAfterLabel) break;
-      afterLabel = res.nextAfterLabel;
-    }
-    if (seq !== void 0 && seq !== this.listSeq) return;
-    this.allocation = next;
-  }
-  // ---- lookups --------------------------------------------------------------
-  channelById(id) {
-    if (isPublicChannelId(id)) {
-      return {
-        id: PUBLIC_CHANNEL_ID,
-        name: this.list?.publicSale?.name ?? PUBLIC_CHANNEL_NAME,
-        marker: "P",
-        color: null
-      };
-    }
-    const found = this.list?.channels.find((channel) => channel.id === id);
-    return found ? { id, name: found.name, marker: found.marker, color: found.color } : null;
-  }
-  nameOf(id) {
-    return this.channelById(id)?.name ?? null;
-  }
-  markerFor(id) {
-    const index = Math.max(0, this.list?.channels.findIndex((channel2) => channel2.id === id) ?? 0);
-    const channel = this.channelById(id);
-    return markerOf(channel ?? { id, name: "?", marker: null, color: null }, index);
-  }
-  /** Channels an organizer may assign INTO: public sale plus every live channel. */
-  assignableChannels() {
-    return [
-      { id: PUBLIC_CHANNEL_ID, name: this.list?.publicSale.name ?? PUBLIC_CHANNEL_NAME },
-      ...(this.list?.channels ?? []).filter((channel) => channel.state !== "archived").map((channel) => ({ id: channel.id, name: channel.name }))
-    ];
-  }
-  currentPlan() {
-    const labels = this.host.selectionLabels();
-    const buckets = planAssignment({
-      labels,
-      targetChannelId: this.targetChannelId,
-      allocation: this.allocation,
-      statusOf: (label) => this.host.statusOf(label),
-      nameOf: (id) => this.nameOf(id)
-    });
-    return { labels, buckets, target: this.targetChannelId };
-  }
-  // ---- map overlay ----------------------------------------------------------
-  ensureLayer() {
-    if (this.layer) return;
-    const layer = document.createElement("div");
-    layer.className = "slm-ch-layer";
-    layer.innerHTML = `
-      <canvas class="slm-ch-canvas" data-ch="canvas" aria-hidden="true"></canvas>
-      <div class="slm-ch-banner" data-ch="banner" role="status"></div>
-      <div class="slm-ch-staged" data-ch="staged" role="group" aria-label="Staged channel changes"></div>
-      <div class="slm-ch-live" data-ch="live" role="status" aria-live="polite"></div>`;
-    this.host.mapLayer.appendChild(layer);
-    this.layer = layer;
-    this.canvas = layer.querySelector('[data-ch="canvas"]');
-    this.bannerEl = layer.querySelector('[data-ch="banner"]');
-    this.stagedEl = layer.querySelector('[data-ch="staged"]');
-    this.liveEl = layer.querySelector('[data-ch="live"]');
-    requestAnimationFrame(() => layer.classList.add("on"));
-  }
-  announce(message) {
-    if (this.liveEl) this.liveEl.textContent = message;
-  }
-  /**
-   * Repaint the allocation (or preview) overlay in ONE canvas pass.
-   *
-   * Channel identity on the map is a fill in the administrative color PLUS the
-   * letter flags below — never color alone. In buyer preview the map instead
-   * uses two explicit, channel-neutral access states. Physical status keeps its
-   * own cue: only FREE units are repainted, so sold/held/blocked seats still
-   * read exactly as they do in every other tool.
-   */
-  paintOverlay() {
-    const canvas = this.canvas;
-    const layer = this.layer;
-    if (!canvas || !layer) return;
-    const rect = this.host.mapLayer.getBoundingClientRect();
-    const width = Math.max(1, Math.round(rect.width));
-    const height = Math.max(1, Math.round(rect.height));
-    const dpr = typeof devicePixelRatio === "number" ? Math.min(3, Math.max(1, devicePixelRatio)) : 1;
-    if (canvas.width !== width * dpr || canvas.height !== height * dpr) {
-      canvas.width = width * dpr;
-      canvas.height = height * dpr;
-    }
-    if (this.ctx === void 0) {
-      try {
-        this.ctx = canvas.getContext("2d");
-      } catch {
-        this.ctx = null;
-      }
-    }
-    const ctx = this.ctx;
-    if (!ctx) return;
-    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-    ctx.clearRect(0, 0, width, height);
-    const seatDetail = this.host.isSeatDetail();
-    const size = Math.max(3, this.host.seatPixelSize());
-    const half = size / 2;
-    const projection = this.view === "preview" ? this.previewProjection : null;
-    const eligible = projection ? new Set(projection.available === false ? [] : projection.eligible ?? []) : null;
-    const clusters = /* @__PURE__ */ new Map();
-    const sectionTargets = !seatDetail && this.host.sections().length > 1 ? /* @__PURE__ */ new Map() : null;
-    const previewSections = this.view === "preview" && seatDetail && size <= 15 ? /* @__PURE__ */ new Map() : null;
-    for (const seat of this.host.seats()) {
-      const status = this.host.statusOf(seat.label) ?? "free";
-      const channelId = this.allocation.get(seat.label) ?? PUBLIC_CHANNEL_ID;
-      if (channelId !== PUBLIC_CHANNEL_ID) {
-        const cluster = clusters.get(channelId) ?? { x: 0, y: 0, n: 0 };
-        cluster.x += seat.x;
-        cluster.y += seat.y;
-        cluster.n += 1;
-        clusters.set(channelId, cluster);
-      }
-      if (!seatDetail) {
-        const section = this.host.sectionOfLabel(seat.label);
-        const point2 = section ? this.host.worldToScreen({ x: seat.x, y: seat.y }) : null;
-        if (sectionTargets && section && point2) {
-          const bounds = sectionTargets.get(section.id) ?? {
-            label: section.label,
-            minX: point2.x,
-            minY: point2.y,
-            maxX: point2.x,
-            maxY: point2.y
-          };
-          bounds.minX = Math.min(bounds.minX, point2.x);
-          bounds.minY = Math.min(bounds.minY, point2.y);
-          bounds.maxX = Math.max(bounds.maxX, point2.x);
-          bounds.maxY = Math.max(bounds.maxY, point2.y);
-          sectionTargets.set(section.id, bounds);
-        }
-        continue;
-      }
-      if (status !== "free") continue;
-      let fill = null;
-      let stroke = null;
-      if (this.view === "preview") {
-        if (eligible?.has(seat.label)) {
-          fill = PREVIEW_ELIGIBLE_FILL;
-          stroke = PREVIEW_ELIGIBLE_STROKE;
-        } else {
-          fill = PREVIEW_UNAVAILABLE_FILL;
-          stroke = PREVIEW_UNAVAILABLE_STROKE;
-        }
-      } else if (channelId !== PUBLIC_CHANNEL_ID) {
-        fill = this.markerFor(channelId).color;
-        stroke = ALLOCATION_STROKE;
-      }
-      if (!fill) continue;
-      const point = this.host.worldToScreen({ x: seat.x, y: seat.y });
-      if (!point) continue;
-      if (point.x < -size || point.y < -size || point.x > width + size || point.y > height + size) continue;
-      if (previewSections) {
-        const section = this.host.sectionOfLabel(seat.label);
-        if (section) {
-          const bounds = previewSections.get(section.id) ?? {
-            label: section.label,
-            minX: point.x,
-            minY: point.y,
-            maxX: point.x,
-            maxY: point.y
-          };
-          bounds.minX = Math.min(bounds.minX, point.x);
-          bounds.minY = Math.min(bounds.minY, point.y);
-          bounds.maxX = Math.max(bounds.maxX, point.x);
-          bounds.maxY = Math.max(bounds.maxY, point.y);
-          previewSections.set(section.id, bounds);
-        }
-      }
-      ctx.fillStyle = fill;
-      if (this.view === "preview" || channelId !== PUBLIC_CHANNEL_ID) {
-        const radius = Math.max(2, half + Math.min(1.5, half * 0.06));
-        ctx.globalAlpha = 1;
-        ctx.beginPath();
-        ctx.arc(point.x, point.y, radius, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.strokeStyle = stroke ?? fill;
-        ctx.lineWidth = this.view === "preview" ? Math.max(1, Math.min(1.75, size * 0.13)) : Math.max(1, Math.min(1.5, size * 0.1));
-        ctx.stroke();
-        if (this.view === "preview" && eligible?.has(seat.label) && size >= 22) {
-          this.paintPreviewSeatLabel(ctx, seat.label, point.x, point.y, radius);
-        }
-      } else {
-        ctx.globalAlpha = 0.85;
-        ctx.fillRect(point.x - half, point.y - half, size, size);
-      }
-    }
-    ctx.globalAlpha = 1;
-    if (previewSections) this.paintPreviewSectionLabels(ctx, previewSections);
-    this.paintSectionTargets(sectionTargets);
-    this.paintFlags(clusters);
-  }
-  /** Draw an eligible seat's actual chart label without inventing a new buyer
-   * identifier. Long labels scale down and are omitted rather than overflowing
-   * into an adjacent seat. */
-  paintPreviewSeatLabel(ctx, label, x, y, radius) {
-    const maxWidth = radius * 1.55;
-    let fontSize = Math.min(13, Math.max(7, radius * 0.55));
-    const minFontSize = 6;
-    while (fontSize >= minFontSize) {
-      ctx.font = `800 ${fontSize}px var(--slm-font, system-ui, sans-serif)`;
-      if (ctx.measureText(label).width <= maxWidth) break;
-      fontSize -= 0.5;
-    }
-    if (fontSize < minFontSize) return;
-    ctx.fillStyle = "#ffffff";
-    ctx.textAlign = "center";
-    ctx.textBaseline = "middle";
-    ctx.fillText(label, x, y);
-  }
-  /** A section overview is a navigation map. These transparent, keyboardable
-   * hit areas sit over the renderer's section shells so both mouse and keyboard
-   * always take the organizer into the real focused-section camera state. */
-  paintSectionTargets(sections) {
-    const layer = this.layer;
-    if (!layer) return;
-    layer.querySelectorAll(".slm-ch-section-target").forEach((el) => el.remove());
-    if (!sections) return;
-    for (const [id, section] of sections) {
-      const width = section.maxX - section.minX;
-      const height = section.maxY - section.minY;
-      if (width < 20 || height < 20) continue;
-      const target = document.createElement("button");
-      target.type = "button";
-      target.className = "slm-ch-section-target";
-      target.style.left = `${section.minX - 8}px`;
-      target.style.top = `${section.minY - 8}px`;
-      target.style.width = `${width + 16}px`;
-      target.style.height = `${height + 16}px`;
-      target.setAttribute("aria-label", `Open ${section.label} seats`);
-      target.addEventListener("click", () => {
-        this.focusedSectionId = id;
-        this.host.focusSection(id);
-        this.paintRail();
-      });
-      layer.appendChild(target);
-    }
-  }
-  /** Keep renderer section names legible over a dense, zoomed-out preview. */
-  paintPreviewSectionLabels(ctx, sections) {
-    for (const section of sections.values()) {
-      const width = section.maxX - section.minX;
-      const height = section.maxY - section.minY;
-      if (width < 52 || height < 26) continue;
-      const centerX = (section.minX + section.maxX) / 2;
-      const centerY = (section.minY + section.maxY) / 2;
-      const fontSize = Math.max(11, Math.min(15, height * 0.16));
-      ctx.font = `800 ${fontSize}px var(--slm-font, system-ui, sans-serif)`;
-      const labelWidth = Math.min(width - 8, ctx.measureText(section.label).width + 18);
-      const labelHeight = fontSize + 10;
-      ctx.fillStyle = "rgba(11, 16, 28, .88)";
-      ctx.fillRect(centerX - labelWidth / 2, centerY - labelHeight / 2, labelWidth, labelHeight);
-      ctx.fillStyle = "#f8fafc";
-      ctx.textAlign = "center";
-      ctx.textBaseline = "middle";
-      ctx.fillText(section.label, centerX, centerY);
-    }
-  }
-  /** Letter flags at each channel's centroid — the non-color identity cue. */
-  paintFlags(clusters) {
-    const layer = this.layer;
-    if (!layer) return;
-    layer.querySelectorAll(".slm-ch-flag").forEach((el) => el.remove());
-    if (this.view === "preview") return;
-    const ranked = [...clusters.entries()].sort((a, b) => b[1].n - a[1].n).slice(0, MAX_FLAGS);
-    for (const [channelId, cluster] of ranked) {
-      const channel = this.list?.channels.find((item) => item.id === channelId);
-      if (!channel) continue;
-      const point = this.host.worldToScreen({ x: cluster.x / cluster.n, y: cluster.y / cluster.n });
-      if (!point) continue;
-      const marker = this.markerFor(channelId);
-      const flag = document.createElement("span");
-      flag.className = "slm-ch-flag";
-      flag.style.left = `${point.x}px`;
-      flag.style.top = `${point.y}px`;
-      flag.innerHTML = `<span class="mk" style="background:${esc(marker.color)}">${esc(marker.letter)}</span>${esc(channel.name)}${channel.state === "paused" ? " \xB7 Paused" : ""}`;
-      layer.appendChild(flag);
-    }
-  }
-  // ---- staged bar -----------------------------------------------------------
-  setStaged(html, cls = "") {
-    const bar = this.stagedEl;
-    if (!bar) return;
-    if (!html) {
-      bar.classList.remove("on", "done", "shake");
-      bar.innerHTML = "";
-      return;
-    }
-    bar.innerHTML = html;
-    bar.className = `slm-ch-staged on${cls ? ` ${cls}` : ""}`;
-  }
-  paintStagedBar() {
-    if (!this.active || this.view === "preview" || !this.caps.manage) {
-      this.setStaged(null);
-      return;
-    }
-    const { labels, buckets } = this.currentPlan();
-    this.host.onStagedChange?.(mutationCount(buckets));
-    if (!labels.length) {
-      this.setStaged(null);
-      return;
-    }
-    const target = this.nameOf(this.targetChannelId) ?? PUBLIC_CHANNEL_NAME;
-    const mutations = mutationCount(buckets);
-    const tooLarge = labels.length > MAX_ASSIGNMENT_UNITS;
-    const skipped = buckets.skippedHeld.count + buckets.skippedBooked.count;
-    const parts = [
-      `<b>${labels.length.toLocaleString()}</b> selected`,
-      `<b>+${mutations.toLocaleString()}</b> to ${esc(target)}`
-    ];
-    if (buckets.alreadyInTarget.count) parts.push(`<b>${buckets.alreadyInTarget.count.toLocaleString()}</b> already in`);
-    if (skipped) parts.push(`<b>${skipped.toLocaleString()}</b> can't move now`);
-    this.setStaged(`
-      <span>${parts.join(" \xB7 ")}</span>
-      <span class="grow"></span>
-      <button type="button" class="drop" data-ch-act="discard">Discard</button>
-      <button type="button" class="go" data-ch-act="review"${tooLarge ? " disabled" : ""}>
-        ${tooLarge ? `Maximum ${MAX_ASSIGNMENT_UNITS.toLocaleString()} seats` : "Review changes"}
-      </button>`);
-    this.stagedEl?.querySelectorAll("[data-ch-act]").forEach((button) => {
-      button.addEventListener("click", () => {
-        if (button.dataset.chAct === "discard") this.host.clearSelection();
-        else this.openDialog({ kind: "review" });
-      });
-    });
-  }
-  setBanner(on, name = "", eligibleSeats) {
-    const banner = this.bannerEl;
-    if (!banner) return;
-    this.host.root.classList.toggle("ch-preview", on);
-    if (!on) {
-      banner.classList.remove("on");
-      banner.innerHTML = "";
-      return;
-    }
-    const marker = this.previewAudience.length === 1 ? this.markerFor(this.previewAudience[0]) : { color: "var(--slm-accent)", letter: "" };
-    const availability = eligibleSeats == null ? "" : ` \xB7 ${eligibleSeats.toLocaleString()} ${eligibleSeats === 1 ? "seat" : "seats"} available now`;
-    banner.innerHTML = `<span class="dot" style="background:${esc(marker.color)}"></span>
-      Previewing buyer access \xB7 ${esc(name)}${availability} \xB7 read-only
-      <button type="button" data-ch-act="exit-preview">Exit preview</button>`;
-    banner.classList.add("on");
-    banner.querySelector('[data-ch-act="exit-preview"]')?.addEventListener("click", () => this.setView("inspect"));
-  }
-  // ---- rail -----------------------------------------------------------------
-  setView(view) {
-    this.view = view;
-    if (view === "inspect") {
-      this.previewProjection = null;
-      this.previewState = "idle";
-      this.setBanner(false);
-    } else {
-      if (!this.previewAudience.length) {
-        const first = this.list?.channels.find((channel) => channel.state === "active");
-        this.previewAudience = [first ? first.id : PUBLIC_CHANNEL_ID];
-      }
-      void this.loadPreview();
-    }
-    this.paintRail();
-    this.paintOverlay();
-    this.paintStagedBar();
-    this.onInteractionChange?.();
-  }
-  async loadPreview() {
-    const audience = [...this.previewAudience];
-    const names = audience.map((id) => this.nameOf(id) ?? PUBLIC_CHANNEL_NAME).join(" + ");
-    this.setBanner(true, names);
-    this.previewProjection = null;
-    this.previewState = "loading";
-    if (this.active) this.paintRail();
-    try {
-      this.previewProjection = await this.host.api.channelPreview(this.host.eventKey, audience, {
-        // Naming Public sale as the audience IS asking for public inventory; the
-        // route filters the 'public' sentinel out of `channelIds`, so without
-        // this the request would resolve to an empty scope and 422.
-        includePublic: this.previewIncludePublic || audience.some(isPublicChannelId)
-      });
-      this.previewState = "ready";
-      const eligibleSeats = this.previewProjection.available === false ? void 0 : this.previewProjection.counts?.eligible ?? this.previewProjection.eligible?.length;
-      this.setBanner(true, names, eligibleSeats);
-    } catch (err) {
-      const status = err instanceof ManageApiError ? err.status : 0;
-      this.previewState = status === 404 || status === 405 || status === 501 ? "unsupported" : "error";
-      this.previewProjection = null;
-      if (this.previewState === "error") this.host.onError(err);
-    }
-    if (this.active) {
-      this.paintRail();
-      this.paintOverlay();
-    }
-  }
-  /**
-   * Replace the rail's markup — but only when it actually differs, and never at
-   * the cost of where the organizer had scrolled to.
-   *
-   * The rail repaints on a clock, on every selection change and after every
-   * mutation. Rewriting `innerHTML` each time resets `scrollTop`, which is
-   * exactly what "the rail gets stuck" was: scroll down to Create channel, the
-   * poll ticks, and the list snaps back to the top under the cursor. So skip the
-   * write when the markup is byte-identical, and restore the offset when it is
-   * not.
-   *
-   * Returns whether the DOM was rewritten. Callers must only re-wire listeners
-   * when it was — a skipped paint keeps the old nodes AND their listeners, so
-   * re-wiring would double every handler.
-   */
-  setRailHtml(html) {
-    if (html === this.railHtml) return false;
-    const rail = this.host.rail;
-    const scrollTop = rail.scrollTop;
-    rail.innerHTML = html;
-    this.railHtml = html;
-    if (scrollTop) rail.scrollTop = scrollTop;
-    return true;
-  }
-  paintRail() {
-    if (!this.active) return;
-    const rail = this.host.rail;
-    if (!this.caps.view) {
-      this.setRailHtml(`<p class="slm-eyebrow">Sales channels</p>
-        <p class="slm-hint">You need channel-management permission on this event to see allocations.</p>`);
-      return;
-    }
-    if (this.loading && !this.list) {
-      this.setRailHtml(`<p class="slm-eyebrow">Sales channels</p>
-        <div class="slm-ch-busy" role="status" data-ch-state="list-loading">Loading channels and allocations\u2026</div>`);
-      return;
-    }
-    if (!this.list && this.loadError) {
-      if (this.setRailHtml(`<p class="slm-eyebrow">Sales channels</p>
-        <div class="slm-ch-alert err" role="alert" data-ch-state="list-error"><span>\u26A0</span>
-        <span><b>Couldn't load sales channels.</b> This event may well have channels \u2014 we could not read them.
-        Everything else on this event still works.
-        <button type="button" data-ch-act="retry">Try again</button></span></div>`)) {
-        rail.querySelector('[data-ch-act="retry"]')?.addEventListener("click", () => {
-          void this.refresh();
-        });
-      }
-      return;
-    }
-    const selection = this.host.selectionLabels();
-    const grab = this.host.isCompact() ? `<div class="slm-ch-grab"><span class="slm-ch-grabbar"></span></div>` : "";
-    const segment = this.viewSegmentHtml();
-    const body = this.view === "preview" ? this.previewRailHtml() : this.detailChannelId ? this.detailRailHtml(this.detailChannelId) : selection.length && this.caps.manage ? this.selectionRailHtml(selection) : this.listRailHtml();
-    if (this.setRailHtml(`${grab}${segment}${body}`)) this.wireRail();
-    this.paintStagedBar();
-  }
-  viewSegmentHtml() {
-    const inspectOn = this.view === "inspect" ? " on" : "";
-    const previewOn = this.view === "preview" ? " on" : "";
-    return `<div class="slm-ch-viewseg" role="group" aria-label="Channels view">
-      <button type="button" class="${inspectOn.trim()}" data-ch-view="inspect"
-        aria-pressed="${this.view === "inspect"}">Inspect allocation</button>
-      <button type="button" class="${previewOn.trim()}" data-ch-view="preview"
-        aria-pressed="${this.view === "preview"}">Preview buyer access</button>
-    </div>${this.mapNavigationHtml()}`;
-  }
-  mapNavigationHtml() {
-    if (this.host.sections().length < 2) return "";
-    const focused = this.focusedSectionId ? this.host.sections().find((section) => section.id === this.focusedSectionId)?.label ?? "section" : null;
-    const panOn = this.mapIntent === "pan" ? " on" : "";
-    const assignOn = this.mapIntent === "assign" ? " on" : "";
-    const intent = this.view === "inspect" && this.caps.manage ? `<div class="slm-ch-viewseg" role="group" aria-label="Map interaction">
-          <button type="button" class="${panOn.trim()}" data-ch-map="pan" aria-pressed="${this.mapIntent === "pan"}">Pan map</button>
-          <button type="button" class="${assignOn.trim()}" data-ch-map="assign" aria-pressed="${this.mapIntent === "assign"}">Assign seats</button>
-        </div>
-        <p>${this.mapIntent === "pan" ? "Drag to explore. Click a section to open its seats." : "Drag across seats to select them for allocation."}</p>` : "<p>Drag to explore. Click a section to open its seats.</p>";
-    return `<div class="slm-ch-mapnav">
-      <div class="slm-ch-mapnav-head"><span>${focused ? `Viewing ${esc(focused)}` : "Section overview"}</span>
-        <button type="button" data-ch-act="sections">All sections</button></div>
-      ${intent}
-    </div>`;
-  }
-  countsHtml(counts, key) {
-    const cell = (id, value, label, cls = "") => {
-      const previous = this.lastCounts.get(`${key}:${id}`);
-      const bump = previous != null && previous !== value ? " bump" : "";
-      this.lastCounts.set(`${key}:${id}`, value);
-      return `<span class="${cls}"><b class="${bump.trim()}">${value.toLocaleString()}</b> ${label}</span>`;
-    };
-    return `<span class="slm-ch-counts">
-      ${cell("allocated", counts.allocated, "allocated")}
-      ${cell("free", counts.free, "free", "free")}
-      ${cell("booked", counts.booked, "sold")}
-      ${counts.held ? cell("held", counts.held, "held") : ""}
-    </span>`;
-  }
-  channelRowHtml(channel, opts = {}) {
-    const marker = this.markerFor(channel.id);
-    const badgeKind = opts.builtin ? "builtin" : channel.state;
-    const dim = channel.state === "paused" || channel.state === "archived" ? " dim" : "";
-    const opens = !opts.builtin && this.caps.manage && this.detailChannelId !== channel.id;
-    const cls = `slm-ch-row${opts.builtin ? " public" : ""}${channel.state === "archived" ? " archived" : ""}${this.detailChannelId === channel.id ? " on" : ""}${opens ? " open" : ""}`;
-    const more = !opts.builtin && this.caps.manage ? `<button type="button" class="slm-ch-more" data-ch-menu="${esc(channel.id)}"
-          aria-label="More actions for ${esc(channel.name)}" aria-haspopup="dialog">\u22EF</button>` : "";
-    const rowAttrs = opens ? ` role="button" tabindex="0" data-ch-open="${esc(channel.id)}"
-          aria-label="Open ${esc(channel.name)}"` : "";
-    return `<div class="${cls}"${rowAttrs}>
-      <span class="slm-ch-head">
-        <span class="slm-ch-mk${dim}" style="background:${esc(marker.color)}" aria-hidden="true">${esc(marker.letter)}</span>
-        <span class="slm-ch-name">${esc(channel.name)}</span>
-        <span class="slm-ch-badge ${badgeKind}">${esc(stateBadge(opts.builtin ? "builtin" : channel.state))}</span>
-        ${more}
-      </span>
-      ${this.countsHtml(channel.counts, channel.id || "public")}
-      ${opts.builtin ? "" : `<span class="slm-ch-access">${esc(accessLine(channel.access))}</span>`}
-    </div>`;
-  }
-  listRailHtml() {
-    const list = this.list;
-    const archivedCount = list.channels.filter((channel) => channel.state === "archived").length;
-    const visible = list.channels.filter((channel) => this.showArchived || channel.state !== "archived");
-    const rows = [
-      this.channelRowHtml(list.publicSale, { builtin: true }),
-      ...visible.map((channel, index) => this.channelRowHtml(channel, { index }))
-    ].join("");
-    const empty = visible.length ? "" : `<p class="slm-note" data-ch-state="list-empty">${archivedCount && !this.showArchived ? `No open channels \u2014 every seat is on public sale. ${archivedCount.toLocaleString()} archived channel${archivedCount === 1 ? " is" : "s are"} hidden below.` : "No private channels yet \u2014 every seat is on public sale."}</p>`;
-    const create = this.caps.manage ? `<button type="button" class="slm-btn ghost" style="width:100%" data-ch-act="create">+ Create channel</button>` : "";
-    const readOnly = this.caps.manage ? "" : `<p class="slm-note">You can see how inventory is allocated. Changing it needs channel-management permission.</p>`;
-    return `
-      <p class="slm-eyebrow">Sales channels</p>
-      <p class="slm-hint">Channel colours and names are only visible to organizers, never to buyers.</p>
-      <div class="slm-ch-list">${rows}</div>
-      ${empty}
-      ${create}
-      ${readOnly}
-      ${this.assignEntryHtml()}
-      <p class="slm-note" style="margin-top:10px">
-        <button type="button" class="slm-linkbtn" data-ch-act="toggle-archived" aria-pressed="${this.showArchived}"
-          style="text-align:left">${this.showArchived ? "Hide" : "Show"} archived${archivedCount ? ` (${archivedCount})` : ""}</button>
-      </p>`;
-  }
-  /**
-   * The assignment entry point on the list rail.
-   *
-   * Collapsed it is ONE plain-language action, so the channels the organizer came
-   * for stay at the top of the panel. Opened it is the same tool set that has
-   * always worked, in the same order, plus the way back out — and opening it is
-   * also what the map's "Assign seats" segment does, so the two routes into the
-   * job cannot disagree about whether it is running.
-   */
-  assignEntryHtml() {
-    if (!this.caps.manage) return "";
-    if (!this.assignOpen) {
-      return `
-        <button type="button" class="slm-btn ghost" style="width:100%;margin-top:8px"
-          data-ch-act="assign-open" aria-expanded="false">Assign seats to a channel</button>
-        <p class="slm-note">Move whole sections, rows, a dragged area or single seats out of public sale
-          and into a channel. Nothing moves until you review and apply.</p>`;
-    }
-    return `<div style="margin-top:8px">${this.assignmentToolsHtml({ collapsible: true })}</div>`;
-  }
-  /**
-   * Destination-first assignment controls.
-   *
-   * These used to live only inside the selection rail, which meant every route
-   * into them was gated behind "select a seat on the map first" — the section,
-   * row and category choosers were invisible until the organizer had already
-   * done the work by hand. They are still reachable before a seat is selected,
-   * but they are no longer the first thing in the panel: on the list rail they
-   * are disclosed by `assignEntryHtml`, and there they carry a way back out
-   * (`collapsible`). In the selection rail there is nothing to disclose — a
-   * selection IS the intent — so they paint unconditionally and without Done.
-   */
-  assignmentToolsHtml(opts = {}) {
-    const options = this.assignableChannels().map((channel) => `<option value="${esc(channel.id)}"${channel.id === this.targetChannelId ? " selected" : ""}>${esc(channel.name)}</option>`).join("");
-    const sections = this.host.sections().length ? '<button type="button" class="slm-btn ghost" data-ch-act="pick-sections">Sections</button>' : "";
-    const rows = this.assignmentRows().length ? '<button type="button" class="slm-btn ghost" data-ch-act="pick-rows">Rows</button>' : "";
-    const dragClass = this.mapIntent === "assign" ? "slm-btn" : "slm-btn ghost";
-    const done = opts.collapsible ? `<button type="button" class="slm-linkbtn" data-ch-act="assign-close"
-          aria-expanded="true" style="float:right;font-weight:800">Done</button>` : "";
-    return `
-      <p class="slm-eyebrow">${done}Assign inventory</p>
-      <div class="slm-field">
-        <label for="slm-ch-target">Assign to</label>
-        <select class="slm-select" id="slm-ch-target" data-ch-target>${options}</select>
-      </div>
-      <p class="slm-eyebrow" style="margin-top:12px">Select by</p>
-      <div class="slm-ch-row2" style="margin-top:2px">
-        ${sections}${rows}
-        <button type="button" class="${dragClass}" data-ch-act="drag-select">Drag box</button>
-      </div>
-      <div class="slm-ch-row2">
-        <button type="button" class="slm-btn ghost" data-ch-act="pick-category">Category</button>
-        <button type="button" class="slm-btn ghost" data-ch-act="seatlist">Seat list \u2328</button>
-      </div>
-      <p class="slm-note" style="margin-bottom:18px">Choose a destination, then add whole sections,
-        multiple rows, a dragged area, or individual seats.</p>`;
-  }
-  selectionRailHtml(selection) {
-    const sources = selectionSources(selection, this.allocation, this.list);
-    const conflict = this.conflict ? `<div class="slm-ch-alert err" role="alert"><span>\u26A0</span>
-          <span><b>Assignments changed while you were editing.</b> Nothing was applied.
-          Your ${selection.length.toLocaleString()}-seat selection is kept.
-          <button type="button" data-ch-act="refresh-review">Refresh and review \u2192</button></span></div>` : "";
-    const bump = selection.length !== this.lastSelectionCount ? " bump" : "";
-    this.lastSelectionCount = selection.length;
-    const tooLarge = selection.length > MAX_ASSIGNMENT_UNITS;
-    const sourceRows = sources.map((row) => {
-      const marker = this.markerFor(row.channelId);
-      return `<div class="slm-ch-selsrc-row">
-        <span class="mk" style="background:${esc(marker.color)}" aria-hidden="true">${esc(marker.letter)}</span>
-        <b>${row.count.toLocaleString()}</b><span>${esc(row.name)}</span></div>`;
-    }).join("");
-    return `
-      ${conflict}
-      ${this.assignmentToolsHtml()}
-      <div class="slm-selbar"><span class="slm-selnum slm-ch-selnum${bump}">${selection.length.toLocaleString()}</span>
-        <span class="slm-sellabel">selected</span></div>
-      <div class="slm-ch-selsrc" aria-live="polite" aria-label="Selection sources">${sourceRows}</div>
-      ${tooLarge ? `<div class="slm-ch-alert warn" role="alert"><span>\u2139</span><span>
-        <b>This selection is too large to apply at once.</b> Choose at most ${MAX_ASSIGNMENT_UNITS.toLocaleString()}
-        seats, for example by splitting the venue into row groups.</span></div>` : ""}
-      <p class="slm-note">Changes are staged \u2014 nothing moves until you review and apply.
-        Seats in checkout or already sold are never moved.</p>
-      <div class="slm-ch-row2">
-        <button type="button" class="slm-btn ghost" data-ch-act="discard">Clear selection</button>
-        <button type="button" class="slm-btn" data-ch-act="review"${tooLarge ? " disabled" : ""}>Review changes</button>
-      </div>
-      <p class="slm-note">The seat list offers the same selection with checkboxes for keyboard and screen-reader use.</p>`;
-  }
-  detailRailHtml(channelId) {
-    const back = `<p class="slm-eyebrow">
-      <button type="button" class="slm-linkbtn" data-ch-act="back" style="text-align:left">\u2039 All channels</button>
-    </p>`;
-    const channel = this.list?.channels.find((item) => item.id === channelId);
-    if (!channel) {
-      return `${back}
-        <div class="slm-ch-alert warn" role="status" data-ch-state="detail-gone"><span>\u2139</span>
-          <span><b>This channel is no longer on this event.</b> It was archived or removed while you had it open.
-          ${this.showArchived ? "" : "Archived channels are hidden \u2014 use \u201CShow archived\u201D on the list to see it."}</span></div>`;
-    }
-    const lifecycle = this.caps.manage ? `
-      <p class="slm-eyebrow" style="margin-top:18px">Lifecycle</p>
-      <div class="slm-ch-row2" style="margin-top:2px">
-        <button type="button" class="slm-btn ghost" data-ch-act="rename">Rename</button>
-        <button type="button" class="slm-btn ghost" data-ch-act="pause">${channel.state === "paused" ? "Resume" : "Pause"}</button>
-        <button type="button" class="slm-btn ghost" data-ch-act="archive">Archive\u2026</button>
-      </div>
-      <p class="slm-note">Archive returns the allocation to a destination you choose. Nothing is ever deleted silently.</p>` : "";
-    const access = this.caps.manage ? this.distributeHtml(channel) : "";
-    return `
-      ${back}
-      <p class="slm-eyebrow">Channel \xB7 ${esc(channel.name)}</p>
-      <div class="slm-ch-list">${this.channelRowHtml(channel)}</div>
-      ${access}
-      ${lifecycle}`;
-  }
-  /**
-   * "Distribute" — the ONE way this channel's seats reach a buyer.
-   *
-   * All four routes are here, and this is a real chooser again. It was cut down
-   * to two actions in 0.42.0 for a good reason: `access_intent` was stored,
-   * audited, and read by nothing, so "Keep as protected reserve" and "Sell
-   * through your own staff" were labels an organizer could set and then wait
-   * forever for something to happen. The server closed that hole on 2026-08-06 —
-   * each declaration now opens exactly one route and REFUSES the other three —
-   * so all four are honest choices and belong on the surface.
-   *
-   * None of the old copy came back with them. These sentences are written
-   * against the enforcement matrix (`accessIntentDescription`), which is why
-   * each one says what the route refuses as well as what it allows.
-   *
-   * The current route is stated, not merely styled: a chooser whose selection
-   * you have to infer from a border is not a chooser. Its card carries a
-   * "Current route" marker and drops its own select button, because pressing it
-   * would do nothing.
-   */
-  distributeHtml(channel) {
-    const intent = channel.access?.intent ?? "none";
-    const live = channel.access?.hasActiveGrants === true;
-    const linksSupported = this.linksState !== "unsupported";
-    const hasLiveLink = this.links.some(accessLinkIsLive);
-    const state = intent === "none" ? "Protected reserve \u2014 no route can sell these seats. Every buyer path is refused." : intent === "internal" ? "Your staff sell these seats. No buyer-facing route is open." : live ? intent === "server" ? "Your website is letting buyers in. Only they can buy these seats." : "A buyer link is live. Only people with that link can buy these seats." : intent === "server" ? "Set up for your website \u2014 no buyer has come through yet. Seats stay reserved." : "Set up for buyer links \u2014 no buyer has come through yet. Seats stay reserved.";
-    const option = (route, action, cta, primary) => {
-      const current = route === intent;
-      return `<div class="slm-ch-dist${current ? " on" : ""}" data-ch-route="${esc(route)}">
-        <b>${esc(accessIntentLabel(route))}${current ? '<span class="cur">Current route</span>' : ""}</b>
-        <span class="why">${esc(accessIntentDescription(route))}</span>
-        ${current && !cta ? "" : `<button type="button" class="slm-btn${primary && !current ? "" : " ghost"}"
-          data-ch-act="${esc(action)}">${esc(cta)}</button>`}
-      </div>`;
-    };
-    return `
-      <p class="slm-eyebrow" style="margin-top:14px">Distribute</p>
-      <p class="slm-hint">${esc(state)}</p>
-      ${linksSupported ? option(
-      "hosted_link",
-      "link-create",
-      hasLiveLink ? "Create another buyer link" : "Create buyer link",
-      true
-    ) : ""}
-      ${option("server", "embed-code", intent === "server" ? "Get embed code" : "Use a website or app", false)}
-      ${option("internal", "route-internal", intent === "internal" ? "" : "Hand to your staff", false)}
-      ${option("none", "route-none", intent === "none" ? "" : "Keep as reserve", false)}
-      ${this.hostedLinksHtml()}
-      ${intent === "server" ? SERVER_INTEGRATION_HTML : ""}`;
-  }
-  // ---- buyer links ----------------------------------------------------------
-  /**
-   * Read the status projection for the open channel. Never paints — the caller
-   * decides when the rail repaints, so a poll-driven reload does not fight a
-   * user-driven one. A worker without M8 answers 404/405 and gets the honest
-   * "needs a newer server" line rather than an error toast.
-   */
-  async loadLinks(channelId) {
-    if (!this.caps.view) return;
-    const seq = ++this.linksSeq;
-    const superseded = () => seq !== this.linksSeq || this.linksChannelId !== channelId;
-    if (this.linksChannelId !== channelId) {
-      this.links = [];
-      this.linksChannelId = channelId;
-      this.linksState = "loading";
-    }
-    try {
-      const res = await this.host.api.accessLinks(this.host.eventKey, channelId);
-      if (superseded()) return;
-      this.links = res.links ?? [];
-      this.linksState = "ready";
-    } catch (err) {
-      if (superseded()) return;
-      const status = err instanceof ManageApiError ? err.status : 0;
-      this.links = [];
-      this.linksState = status === 404 || status === 405 || status === 501 ? "unsupported" : "error";
-      if (this.linksState === "error") this.host.onError(err);
-    }
-  }
-  /**
-   * The buyer-link status section of the detail panel.
-   *
-   * STATUS ONLY, by design (comp 06 `hosted`): label, state, expiry,
-   * redemptions, seats per buyer, live sessions. There is no Copy control here
-   * and no field to hang one on — the URL was shown once at creation and cannot
-   * be produced again. Rotation is the recovery path, and it says so.
-   *
-   * Creating a link is the Distribute card's action, not this section's, so a
-   * channel with no links renders nothing here rather than an empty heading and
-   * a second button saying the same thing.
-   */
-  hostedLinksHtml() {
-    const eyebrow = `<p class="slm-eyebrow" style="margin-top:18px">Buyer links</p>`;
-    if (this.linksState === "unsupported") {
-      return `${eyebrow}<div class="slm-ch-alert warn" data-ch-state="links-unsupported"><span>\u2139</span>
-        <span><b>Buyer links need a newer server.</b> Everything else on this channel works normally.</span></div>`;
-    }
-    if (this.linksState === "error") {
-      return `${eyebrow}<div class="slm-ch-alert err" role="alert" data-ch-state="links-error"><span>\u26A0</span>
-        <span><b>Couldn't load this channel's links.</b> This is a failed read, not an empty list \u2014
-        any live link is still working.
-        <button type="button" data-ch-act="link-reload">Try again</button></span></div>`;
-    }
-    if (this.linksState === "idle" || this.linksState === "loading" && !this.links.length) {
-      return `${eyebrow}<div class="slm-ch-busy" role="status" data-ch-state="links-loading">Loading buyer links\u2026</div>`;
-    }
-    if (!this.links.length) return "";
-    return `${eyebrow}
-      ${this.links.map((link) => this.linkCardHtml(link)).join("")}
-      <p class="slm-note">A link is shown once, when you create it. SeatLayer keeps only a fingerprint of it, so it
-        can never be shown again \u2014 if a link is lost, rotate it and send the fresh one.</p>`;
-  }
-  linkCardHtml(link) {
-    const badge = accessLinkBadge(link);
-    const used = link.maxRedemptions > 0 ? Math.min(100, Math.round(link.redemptions / link.maxRedemptions * 100)) : 0;
-    const rows = accessLinkPolicyLines(link).map((row) => `<div class="slm-ch-lkrow"><span class="k">${esc(row.k)}</span>
-        <span class="v">${esc(row.v)}</span></div>`).join("");
-    const sessions = link.activeSessions ? `<div class="slm-ch-lkrow"><span class="k">Buyers inside now</span>
-          <span class="v">${link.activeSessions.toLocaleString()}</span></div>` : "";
-    const lastUsed = link.lastRedeemedAt ? `<div class="slm-ch-lkrow"><span class="k">Last opened</span>
-          <span class="v">${esc(new Date(link.lastRedeemedAt).toLocaleString())}</span></div>` : "";
-    const actions = this.caps.manage && accessLinkIsLive(link) ? `<div class="slm-ch-row2">
-          <button type="button" class="slm-btn ghost" data-ch-rotate="${esc(link.id)}">Rotate</button>
-          <button type="button" class="slm-btn ghost" data-ch-revoke="${esc(link.id)}">Revoke</button>
-        </div>` : "";
-    return `<div class="slm-ch-link">
-      <span class="lk-head">
-        <span class="lk-name">${esc(link.label || "Buyer link")}</span>
-        <span class="slm-ch-badge ${badge.kind}">${esc(badge.text)}</span>
-      </span>
-      <div class="slm-ch-meter" role="img"
-        aria-label="${link.redemptions.toLocaleString()} of ${link.maxRedemptions.toLocaleString()} redemptions used">
-        <i style="width:${used}%"></i></div>
-      ${rows}${sessions}${lastUsed}
-      <div class="slm-ch-lkrow"><span class="k">The URL</span>
-        <span class="v">Revealed once at creation \u2014 not recoverable</span></div>
-      ${actions}
-    </div>`;
-  }
-  previewRailHtml() {
-    const audienceOptions = [
-      { id: PUBLIC_CHANNEL_ID, name: this.list?.publicSale.name ?? PUBLIC_CHANNEL_NAME },
-      ...(this.list?.channels ?? []).filter((channel) => channel.state !== "archived").map((channel) => ({ id: channel.id, name: channel.name }))
-    ];
-    const current = this.previewAudience[0] ?? PUBLIC_CHANNEL_ID;
-    const options = audienceOptions.map((entry) => `<option value="${esc(entry.id)}"${entry.id === current ? " selected" : ""}>${esc(entry.name)}</option>`).join("");
-    const unsupported = this.previewState === "unsupported" ? `<div class="slm-ch-alert warn" data-ch-state="preview-unsupported"><span>\u2139</span>
-          <span><b>Preview needs a newer server.</b> Allocation management works normally;
-          the buyer-view simulation will appear once this event's API is updated.</span></div>` : "";
-    const busy = this.previewState === "loading" ? `<div class="slm-ch-busy" role="status" data-ch-state="preview-loading">Asking the server what this audience sees\u2026</div>` : "";
-    const failed = this.previewState === "error" ? `<div class="slm-ch-alert err" role="alert" data-ch-state="preview-error"><span>\u26A0</span>
-          <span><b>Couldn't load the buyer preview.</b> Nothing is wrong with this audience's seats \u2014
-          the simulation itself failed to load.
-          <button type="button" data-ch-act="preview-retry">Try again</button></span></div>` : "";
-    const unavailable = this.previewProjection?.available === false ? `<div class="slm-ch-alert warn" role="status"><span>\u23F8</span>
-          <span><b>This private sale is not available.</b> ${esc((this.previewProjection.unavailable ?? []).map((entry) => `${this.nameOf(entry.channelId) ?? "This channel"} is ${entry.state}`).join("; ") || "The audience cannot buy right now")}.
-          A buyer arriving with this access sees this message, not these seats.</span></div>` : "";
-    const eligibleSeats = this.previewProjection?.counts?.eligible ?? this.previewProjection?.eligible?.length;
-    const summary = eligibleSeats != null && this.previewProjection?.available !== false ? `<div class="slm-ch-alert info"><span>\u2713</span><span><b>${eligibleSeats.toLocaleString()} ${eligibleSeats === 1 ? "seat is" : "seats are"} available now.</b>
-          This is the exact buyer-visible allocation.${this.previewProjection?.includePublic === false ? " Public sale seats are <b>not</b> included in this access." : ""}</span></div>` : "";
-    const includePublic = isPublicChannelId(current) ? "" : `
-      <label class="slm-note" style="display:flex;gap:8px;align-items:center;margin:10px 0">
-        <input type="checkbox" data-ch-includepublic ${this.previewIncludePublic ? "checked" : ""} />
-        Also include Public sale seats in this grant
-      </label>`;
-    return `
-      <p class="slm-eyebrow">Preview buyer access</p>
-      <div class="slm-field">
-        <label for="slm-ch-audience">Audience</label>
-        <select class="slm-select" id="slm-ch-audience" data-ch-audience>${options}</select>
-      </div>
-      ${includePublic}
-      <p class="slm-hint">This is the same projection the buyer SDK receives for this audience \u2014 not a local
-        approximation. It is read-only: clicks open seat details, and no holds are created.</p>
-      ${busy}${failed}${unsupported}${unavailable}
-      <div class="slm-ch-legend">
-        <div class="r"><span class="sw" style="background:#6e7bff"></span> Eligible &amp; free \u2014 buyable by this audience</div>
-        <div class="r"><span class="sw" style="background:#3a4051"></span> Unavailable to this audience (one neutral state)</div>
-        <div class="r"><span class="sw" style="background:#22a06b"></span> Sold \u2014 same as any buyer sees</div>
-      </div>
-      ${summary}`;
-  }
-  paintSelection() {
-    if (this.caps.manage && this.host.selectionLabels().length) this.assignOpen = true;
-    if (this.view === "inspect" && !this.detailChannelId) this.paintRail();
-  }
-  wireRail() {
-    const rail = this.host.rail;
-    rail.querySelectorAll("[data-ch-view]").forEach((button) => {
-      button.addEventListener("click", () => this.setView(button.dataset.chView));
-    });
-    rail.querySelectorAll("[data-ch-map]").forEach((button) => {
-      button.addEventListener("click", () => {
-        this.mapIntent = button.dataset.chMap === "assign" ? "assign" : "pan";
-        if (this.mapIntent === "assign") this.assignOpen = true;
-        this.paintRail();
-        this.onInteractionChange?.();
-      });
-    });
-    rail.querySelectorAll("[data-ch-open]").forEach((row) => {
-      const open = () => this.openChannel(row.dataset.chOpen);
-      row.addEventListener("click", open);
-      row.addEventListener("keydown", (event) => {
-        if (event.key !== "Enter" && event.key !== " " && event.key !== "Spacebar") return;
-        event.preventDefault();
-        open();
-      });
-    });
-    rail.querySelectorAll("[data-ch-menu]").forEach((button) => {
-      button.addEventListener("click", (event) => {
-        event.stopPropagation();
-        this.openDialog({ kind: "menu", channelId: button.dataset.chMenu });
-      });
-      button.addEventListener("keydown", (event) => {
-        event.stopPropagation();
-      });
-    });
-    rail.querySelectorAll("[data-ch-rotate]").forEach((button) => {
-      button.addEventListener("click", () => this.openDialog({
-        kind: "linkRotate",
-        channelId: this.detailChannelId,
-        linkId: button.dataset.chRotate
-      }));
-    });
-    rail.querySelectorAll("[data-ch-revoke]").forEach((button) => {
-      button.addEventListener("click", () => this.openDialog({
-        kind: "linkRevoke",
-        channelId: this.detailChannelId,
-        linkId: button.dataset.chRevoke
-      }));
-    });
-    const target = rail.querySelector("[data-ch-target]");
-    target?.addEventListener("change", () => {
-      this.targetChannelId = target.value;
-      this.conflict = false;
-      this.paintRail();
-    });
-    const audience = rail.querySelector("[data-ch-audience]");
-    audience?.addEventListener("change", () => {
-      this.previewAudience = [audience.value];
-      void this.loadPreview();
-    });
-    const includePublic = rail.querySelector("[data-ch-includepublic]");
-    includePublic?.addEventListener("change", () => {
-      this.previewIncludePublic = includePublic.checked;
-      void this.loadPreview();
-    });
-    const grab = rail.querySelector(".slm-ch-grab");
-    grab?.addEventListener("click", () => this.cycleDetent());
-    rail.querySelectorAll("[data-ch-act]").forEach((button) => {
-      button.addEventListener("click", () => this.railAction(button.dataset.chAct));
-    });
-  }
-  /** Open a channel's detail panel and start its buyer-link read. */
-  openChannel(channelId) {
-    this.detailChannelId = channelId;
-    this.paintRail();
-    void this.loadLinks(channelId).then(() => this.paintRail());
-  }
-  railAction(action) {
-    switch (action) {
-      case "sections":
-        this.focusedSectionId = null;
-        this.host.showSectionOverview();
-        this.paintRail();
-        break;
-      case "create":
-        this.openDialog({ kind: "create" });
-        break;
-      case "review":
-        this.openDialog({ kind: "review" });
-        break;
-      case "rename":
-        this.openDialog({ kind: "rename", channelId: this.detailChannelId });
-        break;
-      case "archive":
-        this.openDialog({ kind: "archive", channelId: this.detailChannelId });
-        break;
-      case "seatlist":
-        this.openDialog({ kind: "seatlist" });
-        break;
-      case "pause":
-        void this.togglePause();
-        break;
-      case "discard":
-        this.host.clearSelection();
-        break;
-      case "back":
-        this.detailChannelId = null;
-        this.linksChannelId = null;
-        this.links = [];
-        this.linksState = "idle";
-        this.paintRail();
-        break;
-      // Choosing the buyer-link route IS creating the first link — the dialog
-      // declares the route on submit (see `createLink`), so this stays one
-      // gesture whether the channel is already on `hosted_link` or not.
-      case "link-create":
-        this.openDialog({ kind: "linkCreate", channelId: this.detailChannelId });
-        break;
-      // The one thing this screen can actually do for a website integration is
-      // record that the channel is meant for one — and since 2026-08-06 that
-      // record is what AUTHORIZES the integration to mint buyer sessions at all,
-      // so it is the substantive half of the job, not a flag.
-      case "embed-code":
-        void this.chooseWebsiteIntegration();
-        break;
-      case "route-internal":
-        void this.setAccessIntent("internal");
-        break;
-      case "route-none":
-        void this.setAccessIntent("none");
-        break;
-      case "link-reload":
-        if (this.detailChannelId) void this.reloadLinks();
-        break;
-      case "retry":
-        void this.refresh();
-        break;
-      case "toggle-archived":
-        this.showArchived = !this.showArchived;
-        void this.refresh();
-        break;
-      case "refresh-review":
-        this.conflict = false;
-        void this.refresh().then(() => this.openDialog({ kind: "review" }));
-        break;
-      case "pick-sections":
-        this.openDialog({ kind: "scope", scope: "sections" });
-        break;
-      case "pick-rows":
-        this.openDialog({ kind: "scope", scope: "rows" });
-        break;
-      case "drag-select":
-        this.mapIntent = "assign";
-        this.paintRail();
-        this.onInteractionChange?.();
-        break;
-      case "pick-category":
-        this.pickCategory();
-        break;
-      case "assign-open":
-        this.assignOpen = true;
-        this.paintRail();
-        break;
-      // Collapsing the tools must also disarm the marquee. Leaving it armed
-      // would hide a mode the map is still in — the organizer would drag to pan
-      // and select seats instead, with no control on screen saying why.
-      case "assign-close":
-        this.assignOpen = false;
-        this.mapIntent = "pan";
-        this.paintRail();
-        this.onInteractionChange?.();
-        break;
-      case "preview-retry":
-        void this.loadPreview();
-        break;
-      default:
-        break;
-    }
-  }
-  // ---- selection helpers ----------------------------------------------------
-  /** Derived once per mode entry — see `assignmentRowsCache`. */
-  assignmentRows() {
-    if (!this.assignmentRowsCache) this.assignmentRowsCache = this.host.rows();
-    return this.assignmentRowsCache;
-  }
-  pickCategory() {
-    const categories = this.host.categories();
-    if (!categories.length) return;
-    this.promptChoice("Select a whole category", categories.map((c) => ({ value: c.key, label: c.label })), (value) => {
-      this.host.selectByLabels(this.host.labelsInCategory(value));
-    });
-  }
-  /** A tiny modal chooser reusing the dialog primitive (focus trap + Escape). */
-  promptChoice(title, options, onPick) {
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">${esc(title)}</h3>
-      <div class="slm-field">
-        <label for="slm-ch-choice">Choose one</label>
-        <select class="slm-select" id="slm-ch-choice">
-          ${options.map((option) => `<option value="${esc(option.value)}">${esc(option.label)}</option>`).join("")}
-        </select>
-      </div>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn" data-ch-confirm>Select</button>
-      </div>`, (root) => {
-      root.querySelector("[data-ch-confirm]")?.addEventListener("click", () => {
-        const select = root.querySelector("#slm-ch-choice");
-        const value = select?.value;
-        this.closeDialog();
-        if (value) onPick(value);
-      });
-    });
-  }
-  /**
-   * Add several whole sections, or several whole rows, in one operation.
-   *
-   * ADDITIVE by contract: the chooser starts from the labels already selected
-   * and only ever grows that set, so opening it never destroys a hard-won
-   * marquee or seat-list selection. The confirm button always states the net
-   * number of seats it will add, and refuses to exceed `MAX_ASSIGNMENT_UNITS`.
-   *
-   * Rows get the richer variant. A large venue has thousands of them, so they
-   * arrive collapsed under their section, with a section-level tri-state
-   * checkbox, a search across every row, and a render cap — the flat list used
-   * for sections would be an unusable wall of buttons.
-   */
-  renderScopeDialog(state) {
-    const scope = state.scope === "rows" ? "rows" : "sections";
-    const options = scope === "sections" ? this.host.sections().map((section) => ({
-      id: section.id,
-      label: section.label,
-      group: "Sections",
-      labels: this.host.labelsInSection(section.id)
-    })) : this.assignmentRows().map((row) => ({
-      id: row.id,
-      label: row.label,
-      group: row.sectionLabel,
-      labels: row.labels
-    }));
-    const available = options.filter((option) => option.labels.length > 0);
-    const grouped = /* @__PURE__ */ new Map();
-    for (const option of available) {
-      const group = grouped.get(option.group) ?? [];
-      group.push(option);
-      grouped.set(option.group, group);
-    }
-    if (scope === "rows") {
-      const groups = [...grouped.entries()];
-      this.renderScrim(`
-        <h3 id="slm-ch-dlg-title">Add multiple rows</h3>
-        <p class="sub">Sections stay collapsed for speed. Select a whole section, expand only the rows you need, or search across every row.</p>
-        <div class="slm-ch-scopebar">
-          <label>Find section or row<input type="search" data-ch-scope-search placeholder="e.g. Orchestra or AA"></label>
-          <span class="slm-ch-scopesummary" data-ch-scope-summary aria-live="polite">0 rows selected</span>
-        </div>
-        <p class="slm-ch-scopehint" data-ch-scope-filter>Showing section groups. Expand one or search to see rows.</p>
-        <div class="slm-ch-seatlist" data-ch-scope-list></div>
-        <p class="slm-ch-err" data-ch-error hidden></p>
-        <div class="foot">
-          <button type="button" class="quiet" data-ch-close>Cancel</button>
-          <button type="button" class="slm-btn" data-ch-add-scope disabled>Add seats</button>
-        </div>`, (dialog) => {
-        const byId = new Map(available.map((option) => [option.id, option]));
-        const picked = /* @__PURE__ */ new Set();
-        const expanded = /* @__PURE__ */ new Set();
-        const current = new Set(this.host.selectionLabels());
-        const confirm = dialog.querySelector("[data-ch-add-scope]");
-        const error = dialog.querySelector("[data-ch-error]");
-        const list = dialog.querySelector("[data-ch-scope-list]");
-        const search = dialog.querySelector("[data-ch-scope-search]");
-        const summary = dialog.querySelector("[data-ch-scope-summary]");
-        const filterHint = dialog.querySelector("[data-ch-scope-filter]");
-        const renderLimit = 200;
-        let query = "";
-        const selectedLabels = () => {
-          const labels = new Set(current);
-          for (const id of picked) for (const label of byId.get(id)?.labels ?? []) labels.add(label);
-          return labels;
-        };
-        const update = () => {
-          const labels = selectedLabels();
-          const added = labels.size - current.size;
-          const tooLarge = labels.size > MAX_ASSIGNMENT_UNITS;
-          confirm.disabled = added === 0 || tooLarge;
-          confirm.textContent = tooLarge ? `Maximum ${MAX_ASSIGNMENT_UNITS.toLocaleString()} seats` : `Add ${added.toLocaleString()} seat${added === 1 ? "" : "s"}`;
-          error.hidden = !tooLarge;
-          error.textContent = tooLarge ? `That would make ${labels.size.toLocaleString()} selected seats. Choose fewer rows or sections.` : "";
-          summary.textContent = `${picked.size.toLocaleString()} row${picked.size === 1 ? "" : "s"} \xB7 ${added.toLocaleString()} seat${added === 1 ? "" : "s"} added`;
-        };
-        const renderList = () => {
-          const blocks = [];
-          let totalMatches = 0;
-          let rendered = 0;
-          groups.forEach(([group, items], groupIndex) => {
-            const normalizedGroup = group.toLocaleLowerCase();
-            const matches = query ? items.filter((item) => `${normalizedGroup} ${item.label.toLocaleLowerCase()}`.includes(query)) : items;
-            if (query && !matches.length) return;
-            totalMatches += matches.length;
-            const allPicked = items.every((item) => picked.has(item.id));
-            const somePicked = !allPicked && items.some((item) => picked.has(item.id));
-            const open = Boolean(query) || expanded.has(groupIndex);
-            const room = Math.max(0, renderLimit - rendered);
-            const visible = open ? matches.slice(0, room) : [];
-            rendered += visible.length;
-            const seatCount = items.reduce((sum, item) => sum + item.labels.length, 0);
-            blocks.push(`<div class="slm-ch-scopegroup">
-              <button type="button" class="slm-ch-groupcheck" role="checkbox" aria-checked="${allPicked ? "true" : somePicked ? "mixed" : "false"}"
-                aria-label="Select all ${items.length.toLocaleString()} rows in ${esc(group)}" data-ch-scope-group="${groupIndex}">
-                <span class="box" aria-hidden="true">\u2713</span><span>${esc(group)}</span>
-                <span class="meta">${items.length.toLocaleString()} rows \xB7 ${seatCount.toLocaleString()} seats</span>
-              </button>
-              <button type="button" class="slm-ch-grouptoggle" aria-expanded="${open}" aria-label="${open ? "Hide" : "Show"} rows in ${esc(group)}"
-                data-ch-scope-toggle="${groupIndex}">${open ? "Hide" : "Show"}</button>
-            </div>`);
-            blocks.push(...visible.map((option) => `<button type="button" class="slm-ch-seatitem" role="checkbox"
-              aria-checked="${picked.has(option.id)}" data-ch-scope-id="${esc(option.id)}">
-              <span class="box" aria-hidden="true">\u2713</span><span>${esc(option.label)}</span>
-              <span class="meta">${option.labels.length.toLocaleString()} seat${option.labels.length === 1 ? "" : "s"}</span>
-            </button>`));
-            if (open && matches.length > visible.length) {
-              blocks.push(`<p class="slm-ch-scopehint">${(matches.length - visible.length).toLocaleString()} more row${matches.length - visible.length === 1 ? "" : "s"}. Search to narrow the list.</p>`);
-            }
-          });
-          list.innerHTML = blocks.join("") || (query ? `<div class="slm-ch-scope-empty" data-ch-state="scope-nomatch">No sections or rows match \u201C${esc(query)}\u201D.</div>` : `<div class="slm-ch-scope-empty" data-ch-state="scope-empty">This chart has no rows with selectable seats.
-                  Use Drag box or the seat list instead.</div>`);
-          filterHint.textContent = query ? `Showing ${rendered.toLocaleString()} of ${totalMatches.toLocaleString()} matching rows. Section checkboxes still select every row in that section.` : "Showing section groups. Expand one or search to see rows.";
-          list.querySelectorAll("[data-ch-scope-group]").forEach((button) => button.addEventListener("click", () => {
-            const items = groups[Number(button.dataset.chScopeGroup)]?.[1] ?? [];
-            const remove = items.every((item) => picked.has(item.id));
-            for (const item of items) remove ? picked.delete(item.id) : picked.add(item.id);
-            renderList();
-            update();
-          }));
-          list.querySelectorAll("[data-ch-scope-toggle]").forEach((button) => button.addEventListener("click", () => {
-            const index = Number(button.dataset.chScopeToggle);
-            if (expanded.has(index)) expanded.delete(index);
-            else expanded.add(index);
-            renderList();
-          }));
-          list.querySelectorAll("[data-ch-scope-id]").forEach((button) => button.addEventListener("click", () => {
-            const id = button.dataset.chScopeId;
-            if (picked.has(id)) picked.delete(id);
-            else picked.add(id);
-            renderList();
-            update();
-          }));
-        };
-        search.addEventListener("input", () => {
-          query = search.value.trim().toLocaleLowerCase();
-          renderList();
-          update();
-        });
-        confirm.addEventListener("click", () => {
-          const labels = [...selectedLabels()];
-          if (!picked.size || labels.length > MAX_ASSIGNMENT_UNITS) return;
-          this.closeDialog();
-          this.host.selectByLabels(labels);
-        });
-        renderList();
-        update();
-      });
-      return;
-    }
-    const body = [...grouped.entries()].map(([group, items]) => `
-      <div class="slm-ch-seatgroup"><span>${esc(group)}</span></div>
-      ${items.map((option) => `<button type="button" class="slm-ch-seatitem" role="checkbox"
-        aria-checked="false" data-ch-scope-id="${esc(option.id)}">
-        <span class="box" aria-hidden="true">\u2713</span>
-        <span>${esc(option.label)}</span>
-        <span class="meta">${option.labels.length.toLocaleString()} seat${option.labels.length === 1 ? "" : "s"}</span>
-      </button>`).join("")}`).join("");
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Add whole sections</h3>
-      <p class="sub">Choose one or more. They are added to the seats already selected on the map.</p>
-      <div class="slm-ch-seatlist">${body || `<div class="slm-ch-scope-empty" data-ch-state="scope-empty">This chart has no sections with selectable seats.
-        Use Drag box or the seat list instead.</div>`}</div>
-      <p class="slm-ch-err" data-ch-error hidden></p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn" data-ch-add-scope disabled>Add seats</button>
-      </div>`, (dialog) => {
-      const byId = new Map(available.map((option) => [option.id, option]));
-      const picked = /* @__PURE__ */ new Set();
-      const current = new Set(this.host.selectionLabels());
-      const confirm = dialog.querySelector("[data-ch-add-scope]");
-      const error = dialog.querySelector("[data-ch-error]");
-      const selectedLabels = () => {
-        const labels = new Set(current);
-        for (const id of picked) for (const label of byId.get(id)?.labels ?? []) labels.add(label);
-        return labels;
-      };
-      const update = () => {
-        const labels = selectedLabels();
-        const added = labels.size - current.size;
-        const tooLarge = labels.size > MAX_ASSIGNMENT_UNITS;
-        confirm.disabled = added === 0 || tooLarge;
-        confirm.textContent = tooLarge ? `Maximum ${MAX_ASSIGNMENT_UNITS.toLocaleString()} seats` : `Add ${added.toLocaleString()} seat${added === 1 ? "" : "s"}`;
-        error.hidden = !tooLarge;
-        error.textContent = tooLarge ? `That would make ${labels.size.toLocaleString()} selected seats. Choose fewer rows or sections.` : "";
-      };
-      dialog.querySelectorAll("[data-ch-scope-id]").forEach((button) => {
-        button.addEventListener("click", () => {
-          const id = button.dataset.chScopeId;
-          if (picked.has(id)) picked.delete(id);
-          else picked.add(id);
-          button.setAttribute("aria-checked", String(picked.has(id)));
-          update();
-        });
-      });
-      confirm.addEventListener("click", () => {
-        const labels = [...selectedLabels()];
-        if (!picked.size || labels.length > MAX_ASSIGNMENT_UNITS) return;
-        this.closeDialog();
-        this.host.selectByLabels(labels);
-      });
-      update();
-    });
-  }
-  // ---- dialogs --------------------------------------------------------------
-  openDialog(state) {
-    this.dialog = state;
-    this.renderDialog();
-  }
-  renderDialog() {
-    const state = this.dialog;
-    if (!state) return;
-    if (state.kind === "create") this.renderCreateDialog(state);
-    else if (state.kind === "review") this.renderReviewDialog(state);
-    else if (state.kind === "scope") this.renderScopeDialog(state);
-    else if (state.kind === "archive") this.renderArchiveDialog(state);
-    else if (state.kind === "rename") this.renderRenameDialog(state);
-    else if (state.kind === "seatlist") this.renderSeatListDialog();
-    else if (state.kind === "menu") this.renderMenuDialog(state);
-    else if (state.kind === "linkCreate") this.renderLinkCreateDialog(state);
-    else if (state.kind === "linkRotate") this.renderLinkRotateDialog(state);
-    else if (state.kind === "linkRevoke") this.renderLinkRevokeDialog(state);
-    else if (state.kind === "intentSwitch") this.renderIntentSwitchDialog(state);
-  }
-  /**
-   * `channel_intent_switch_blocked` — buyers are inside the route being left.
-   *
-   * The same review-then-acknowledge shape as the archive and chart-drop guards,
-   * because it is the same kind of decision: the server refuses once, names
-   * exactly what is at stake, and only a deliberate second press goes through.
-   * What acknowledging does is spelled out per consequence — links close now,
-   * checkouts already running survive and drain — rather than hidden behind a
-   * word like "force".
-   */
-  renderIntentSwitchDialog(state) {
-    const channel = this.list?.channels.find((item) => item.id === state.channelId);
-    const to = state.intentTo;
-    if (!channel || !to || !this.caps.manage) {
-      this.closeDialog();
-      return;
-    }
-    const { headline, consequences } = intentSwitchBlockedCopy(state.switchBlocked);
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Change how ${esc(channel.name)} reaches buyers?</h3>
-      <p class="sub">${esc(headline)}</p>
-      <div class="slm-ch-alert warn" role="alert"><span>\u26A0</span><span>
-        ${consequences.map((line) => `<span style="display:block;margin-bottom:6px">${esc(line)}</span>`).join("")}
-      </span></div>
-      ${state.pendingLink ? `<p class="slm-note">Your new buyer link is created as soon as
-        the route changes \u2014 you will not have to fill the form in again.</p>` : ""}
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Leave it as it is</button>
-        <button type="button" class="slm-btn" data-ch-intent-ack${state.busy ? " disabled" : ""}>
-          ${state.busy ? "Changing\u2026" : `Change to "${esc(accessIntentLabel(to))}"`}</button>
-      </div>`, (dialog) => {
-      dialog.querySelector("[data-ch-intent-ack]")?.addEventListener("click", () => {
-        void this.acknowledgeIntentSwitch(to, state.pendingLink ?? null);
-      });
-    });
-  }
-  /**
-   * The acknowledged retry. The declare and the create stay one gesture across
-   * the sheet: if this switch was the first half of a declare-then-create, the
-   * held form finishes on the far side of the acknowledgement.
-   */
-  async acknowledgeIntentSwitch(intent, pendingLink) {
-    const channelId = this.detailChannelId;
-    if (!channelId) {
-      this.closeDialog();
-      return;
-    }
-    if (this.dialog) {
-      this.dialog.busy = true;
-      this.renderDialog();
-    }
-    const ok = await this.setAccessIntent(intent, { acknowledgeLiveAccess: true });
-    if (!ok) {
-      if (this.dialog?.kind === "intentSwitch") {
-        this.dialog.busy = false;
-        this.renderDialog();
-      }
-      return;
-    }
-    if (!pendingLink) {
-      this.closeDialog();
-      return;
-    }
-    if (this.dialog?.kind === "intentSwitch") {
-      this.dialog.busy = false;
-      this.renderDialog();
-    }
-    await this.mintLink(channelId, pendingLink);
-  }
-  /**
-   * Mount a modal: `aria-modal` dialog, programmatic name, focus moved inside,
-   * Tab trapped, Escape closes WITHOUT mutating, focus restored on close (§13).
-   */
-  renderScrim(inner, wire) {
-    const existing = this.scrimEl;
-    if (!existing) this.lastFocus = document.activeElement ?? null;
-    existing?.remove();
-    const scrim = document.createElement("div");
-    scrim.className = "slm-ch-scrim";
-    scrim.innerHTML = `<div class="slm-ch-dialog" role="dialog" aria-modal="true"
-      aria-labelledby="slm-ch-dlg-title" tabindex="-1">${inner}</div>`;
-    this.host.root.appendChild(scrim);
-    this.scrimEl = scrim;
-    const dialog = scrim.firstElementChild;
-    dialog.querySelectorAll("[data-ch-close]").forEach((button) => {
-      button.addEventListener("click", () => this.closeDialog());
-    });
-    scrim.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") {
-        event.stopPropagation();
-        this.closeDialog();
-        return;
-      }
-      if (event.key !== "Tab") return;
-      const focusable = [...dialog.querySelectorAll(
-        'button:not([disabled]),select,input,textarea,a[href],[tabindex]:not([tabindex="-1"])'
-      )];
-      if (!focusable.length) return;
-      const first = focusable[0];
-      const last = focusable[focusable.length - 1];
-      if (event.shiftKey && document.activeElement === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && document.activeElement === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    });
-    wire(dialog);
-    const autofocus = dialog.querySelector("input,select,button");
-    (autofocus ?? dialog).focus();
-  }
-  closeDialog(opts = {}) {
-    this.dialog = null;
-    this.scrimEl?.remove();
-    this.scrimEl = null;
-    if (opts.restoreFocus !== false) this.lastFocus?.focus?.();
-    this.lastFocus = null;
-  }
-  renderCreateDialog(state) {
-    const taken = (this.list?.channels ?? []).map((channel) => markerLetter(channel.marker || channel.name, ""));
-    const suggestion = suggestMarker("", taken);
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Create channel</h3>
-      <p class="sub">A named allocation only the right audience can buy from. You'll pick the seats next.</p>
-      <div class="slm-field">
-        <label for="slm-ch-name">Name</label>
-        <input class="slm-input" id="slm-ch-name" maxlength="80" />
-        <p class="slm-note">Shown to your team and in reports \u2014 never to buyers.</p>
-      </div>
-      <div class="slm-field">
-        <label>Marker</label>
-        <div style="display:flex;gap:8px;align-items:center">
-          <span class="slm-ch-mk" data-ch-marker style="background:${esc(suggestion.color)};width:28px;height:28px;font-size:13px">${esc(suggestion.letter)}</span>
-          <span class="slm-note" style="margin:0">Letter comes from the name; colour is chosen automatically from the next available palette. Buyers never see either.</span>
-        </div>
-      </div>
-      <div class="slm-field">
-        <label for="slm-ch-ref">Reference <span style="text-transform:none;font-weight:500">(optional)</span></label>
-        <input class="slm-input" id="slm-ch-ref" maxlength="120" placeholder="e.g. travel-agency-a" />
-        <p class="slm-note">A stable ID for your own system and webhooks.</p>
-      </div>
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn ghost" data-ch-create="plain">Create without allocating</button>
-        <button type="button" class="slm-btn" data-ch-create="allocate">Create and allocate seats</button>
-      </div>`, (dialog) => {
-      const name = dialog.querySelector("#slm-ch-name");
-      const marker = dialog.querySelector("[data-ch-marker]");
-      name.addEventListener("input", () => {
-        const next = suggestMarker(name.value, taken);
-        marker.textContent = next.letter;
-        marker.style.background = next.color;
-      });
-      dialog.querySelectorAll("[data-ch-create]").forEach((button) => {
-        button.addEventListener("click", () => {
-          const allocate = button.dataset.chCreate === "allocate";
-          void this.createChannel(
-            name.value,
-            marker.textContent ?? "",
-            marker.style.background,
-            dialog.querySelector("#slm-ch-ref")?.value ?? "",
-            allocate
-          );
-        });
-      });
-    });
-  }
-  async createChannel(name, letter, color, externalRef, allocate) {
-    const trimmed = name.trim();
-    if (!trimmed) {
-      this.showDialogError("Give the channel a name your team will recognise.");
-      return;
-    }
-    try {
-      const res = await this.host.api.createChannel(this.host.eventKey, {
-        name: trimmed,
-        // The column is free text; we only ever store what the chip can draw.
-        marker: markerLetter(letter, "") || null,
-        color: color || null,
-        externalRef: externalRef.trim() || null
-      });
-      this.closeDialog();
-      await this.refresh();
-      this.targetChannelId = res.channel.id;
-      this.detailChannelId = allocate ? null : res.channel.id;
-      this.announce(`Channel ${trimmed} created with 0 seats allocated.`);
-      this.host.toast(allocate ? `${trimmed} created. Select seats on the map to allocate them.` : `${trimmed} created.`, "ok");
-      this.paintRail();
-    } catch (err) {
-      const code = err instanceof ManageApiError ? err.code : void 0;
-      this.showDialogError(code === "channel_name_taken" ? "That name is already used on this event. Pick another." : "Couldn't create the channel. Try again.");
-      this.host.onError(err);
-    }
-  }
-  showDialogError(message) {
-    const field = this.scrimEl?.querySelector("[data-ch-error]");
-    if (!field) return;
-    field.textContent = message;
-    field.hidden = false;
-  }
-  renderReviewDialog(state) {
-    const { labels, buckets } = this.currentPlan();
-    const authoritative = state.applied;
-    const shown = authoritative ? authoritative.buckets : buckets;
-    const targetName = this.nameOf(authoritative?.targetChannelId ?? this.targetChannelId) ?? PUBLIC_CHANNEL_NAME;
-    const rows = bucketRows(shown, targetName);
-    const mutations = authoritative ? authoritative.applied : mutationCount(buckets);
-    const allSkipped = !authoritative && labels.length > 0 && mutations === 0;
-    const tooLarge = !authoritative && labels.length > MAX_ASSIGNMENT_UNITS;
-    const rowsHtml = bucketRowsHtml(rows);
-    const foot = authoritative ? `<div class="foot"><button type="button" class="slm-btn" data-ch-close>Done</button></div>` : `<div class="foot">
-          <button type="button" class="quiet" data-ch-close>Back</button>
-          <button type="button" class="slm-btn" data-ch-apply ${allSkipped || tooLarge || state.busy ? "disabled" : ""}>
-            ${state.busy ? "Applying\u2026" : `Apply ${mutations.toLocaleString()} change${mutations === 1 ? "" : "s"}`}
-          </button>
-        </div>`;
-    const confirmNote = !authoritative && needsMoveConfirmation(buckets) ? `<p class="slm-note">Applying moves inventory out of another private channel. That is the line marked above.</p>` : "";
-    const skippedNote = allSkipped ? `<div class="slm-ch-alert warn"><span>\u2139</span><span>Nothing in this selection can move right now \u2014
-          every seat is in a buyer's checkout, already sold, or already in ${esc(targetName)}.</span></div>` : "";
-    const limitNote = tooLarge ? `<div class="slm-ch-alert warn" role="alert"><span>\u2139</span><span><b>Choose fewer seats.</b>
-          One Apply can cover at most ${MAX_ASSIGNMENT_UNITS.toLocaleString()} seats.</span></div>` : "";
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">${authoritative ? `Moved ${authoritative.applied.toLocaleString()} seat${authoritative.applied === 1 ? "" : "s"} to ${esc(targetName)}` : `Move ${labels.length.toLocaleString()} selected seat${labels.length === 1 ? "" : "s"} to ${esc(targetName)}`}</h3>
-      <p class="sub">${authoritative ? "These are the exact counts the server applied." : "Every selected seat is in exactly one line below."}</p>
-      ${skippedNote}
-      ${limitNote}
-      ${rowsHtml || '<div class="slm-empty">Nothing selected.</div>'}
-      ${confirmNote}
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      ${foot}`, (dialog) => {
-      dialog.querySelector("[data-ch-apply]")?.addEventListener("click", () => void this.apply());
-    });
-    if (authoritative) {
-      this.announce(`Applied ${authoritative.applied} change${authoritative.applied === 1 ? "" : "s"} to ${targetName}.`);
-    }
-  }
-  /**
-   * Apply. On success the sheet CLOSES and the staged bar confirms what moved,
-   * naming the destination and any skipped seats, with the AUTHORITATIVE server
-   * buckets still one Details press away. Leaving the modal up on success made
-   * the organizer dismiss a sheet to get back to a map they had just changed.
-   * On a stale version the server mutated nothing: keep the selection, shake
-   * the bar once, and offer exactly one action — Refresh and review.
-   */
-  async apply() {
-    if (!this.dialog || !this.caps.manage) return;
-    const { labels } = this.currentPlan();
-    if (!labels.length) return;
-    if (labels.length > MAX_ASSIGNMENT_UNITS) {
-      this.showDialogError(`Choose at most ${MAX_ASSIGNMENT_UNITS.toLocaleString()} seats for one Apply.`);
-      return;
-    }
-    this.dialog = { ...this.dialog, busy: true, error: null };
-    this.renderDialog();
-    try {
-      const result = await this.host.api.applyChannelAssignment(this.host.eventKey, {
-        // `null` is the wire spelling of "back to public sale" every worker
-        // accepts, including ones that predate the 'public' sentinel.
-        targetChannelId: isPublicChannelId(this.targetChannelId) ? null : this.targetChannelId,
-        labels,
-        assignmentVersion: this.assignmentVersion
-      });
-      this.assignmentVersion = result.assignmentVersion;
-      this.conflict = false;
-      await this.refresh({ quiet: true });
-      this.closeDialog({ restoreFocus: false });
-      this.host.clearSelection();
-      this.showApplied(result);
-    } catch (err) {
-      const conflict = err instanceof ManageApiError && err.status === 409 && err.code === "channel_assignment_conflict";
-      if (conflict) {
-        this.conflict = true;
-        this.closeDialog();
-        this.shakeStaged();
-        this.paintRail();
-        this.announce("Assignments changed while you were editing. Nothing was applied and your selection is kept.");
-        return;
-      }
-      if (err instanceof ManageApiError && err.status === 403) {
-        this.caps = { view: this.caps.view, manage: false };
-        this.closeDialog();
-        this.paintRail();
-        this.host.toast("Changing channels needs channel-management permission.", "err");
-        return;
-      }
-      this.dialog = { kind: "review", busy: false, error: "Couldn't apply those changes. Try again." };
-      this.renderDialog();
-      this.host.onError(err);
-    }
-  }
-  /**
-   * The success receipt, now that the review sheet closes on Apply. It names the
-   * destination and the seats that could not move, keeps the authoritative
-   * buckets reachable through Details, and stays up long enough to be read —
-   * 1.2s was tuned for a confirmation the organizer was already looking at.
-   */
-  showApplied(result) {
-    const targetName = this.nameOf(result.targetChannelId) ?? PUBLIC_CHANNEL_NAME;
-    const skipped = result.buckets.skippedHeld.count + result.buckets.skippedBooked.count + result.buckets.notFound.count;
-    this.setStaged(`<span class="slm-ch-tick" aria-hidden="true">\u2713</span>
-      <span>Assigned <b>${result.applied.toLocaleString()}</b> seat${result.applied === 1 ? "" : "s"} to ${esc(targetName)}
-        ${skipped ? ` \xB7 ${skipped.toLocaleString()} skipped` : ""}</span>
-      <span class="grow"></span>
-      <button type="button" class="drop" data-ch-applied-details>Details</button>`, "done");
-    this.stagedEl?.querySelector("[data-ch-applied-details]")?.addEventListener("click", () => {
-      this.openDialog({ kind: "review", applied: result });
-    });
-    this.announce(`Assigned ${result.applied} seat${result.applied === 1 ? "" : "s"} to ${targetName}${skipped ? `; ${skipped} skipped` : ""}.`);
-    if (this.stagedDoneTimer) clearTimeout(this.stagedDoneTimer);
-    this.stagedDoneTimer = setTimeout(() => this.setStaged(null), 5e3);
-  }
-  shakeStaged() {
-    const bar = this.stagedEl;
-    if (!bar || !bar.classList.contains("on")) return;
-    bar.classList.remove("shake");
-    void bar.offsetWidth;
-    bar.classList.add("shake");
-  }
-  /**
-   * The ⋯ menu.
-   *
-   * Opening a channel is the ROW's job now, so ⋯ carries what is left: the
-   * secondary and destructive lifecycle actions. It is rendered through the same
-   * scrim primitive as every other sheet, which is what gives it a focus trap,
-   * Escape, and a name — a bare absolutely-positioned popup would have had none
-   * of those. Archive keeps its own confirmation dialog; this menu never
-   * destroys anything by itself.
-   */
-  renderMenuDialog(state) {
-    const channel = this.list?.channels.find((item) => item.id === state.channelId);
-    if (!channel || !this.caps.manage) {
-      this.closeDialog();
-      return;
-    }
-    const paused = channel.state === "paused";
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">${esc(channel.name)}</h3>
-      <p class="sub">Open the channel to allocate seats and hand out buyer access.
-        These are the rest of its actions.</p>
-      <div class="slm-ch-menu">
-        <button type="button" class="slm-btn" data-ch-menu-act="open">Open channel</button>
-        <button type="button" class="slm-btn ghost" data-ch-menu-act="rename">Rename</button>
-        <button type="button" class="slm-btn ghost" data-ch-menu-act="pause">${paused ? "Resume selling" : "Pause selling"}</button>
-        <button type="button" class="slm-btn ghost" data-ch-menu-act="archive">Archive\u2026</button>
-      </div>
-      <p class="slm-note">Pausing stops new buyer access; checkouts already running can finish.
-        Archiving closes the channel for good and returns its free seats to a destination you choose.
-        Nothing is ever deleted silently.</p>
-      <div class="foot"><button type="button" class="quiet" data-ch-close>Cancel</button></div>`, (dialog) => {
-      dialog.querySelectorAll("[data-ch-menu-act]").forEach((button) => {
-        button.addEventListener("click", () => {
-          const act = button.dataset.chMenuAct;
-          if (act === "open") {
-            this.closeDialog();
-            this.openChannel(channel.id);
-            return;
-          }
-          if (act === "rename") {
-            this.openDialog({ kind: "rename", channelId: channel.id });
-            return;
-          }
-          if (act === "archive") {
-            this.openDialog({ kind: "archive", channelId: channel.id });
-            return;
-          }
-          this.closeDialog();
-          void this.togglePause(channel.id);
-        });
-      });
-    });
-  }
-  renderRenameDialog(state) {
-    const channel = this.list?.channels.find((item) => item.id === state.channelId);
-    if (!channel) {
-      this.closeDialog();
-      return;
-    }
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Rename ${esc(channel.name)}</h3>
-      <p class="sub">Only your team and your reports see this name.</p>
-      <div class="slm-field">
-        <label for="slm-ch-newname">Name</label>
-        <input class="slm-input" id="slm-ch-newname" maxlength="80" value="${esc(channel.name)}" />
-      </div>
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn" data-ch-rename>Save name</button>
-      </div>`, (dialog) => {
-      dialog.querySelector("[data-ch-rename]")?.addEventListener("click", () => {
-        const value = dialog.querySelector("#slm-ch-newname")?.value ?? "";
-        if (!value.trim()) {
-          this.showDialogError("A channel needs a name.");
-          return;
-        }
-        void this.host.api.renameChannel(this.host.eventKey, channel.id, value.trim()).then(() => {
-          this.closeDialog();
-          return this.refresh();
-        }).catch((err) => {
-          this.showDialogError(err instanceof ManageApiError && err.code === "channel_name_taken" ? "That name is already used on this event." : "Couldn't rename the channel.");
-          this.host.onError(err);
-        });
-      });
-    });
-  }
-  /**
-   * "Use a website or app" — declare the channel's route as `server`.
-   *
-   * This is no longer a flag the Embed page happens to read: since 2026-08-06 it
-   * is what AUTHORIZES `POST /v1/events/:key/buyer-access-sessions` to mint for
-   * this channel at all. Without it, an integration that is otherwise perfectly
-   * wired up gets a 409 on every buyer.
-   */
-  async chooseWebsiteIntegration() {
-    const channelId = this.detailChannelId;
-    if (!channelId) return;
-    await this.setAccessIntent("server");
-  }
-  /**
-   * Declare this channel's sale route.
-   *
-   * Reports through the toast lane the rest of the rail's direct actions use.
-   * The two enforcement refusals get real answers rather than a generic failure:
-   * `channel_intent_switch_blocked` opens the review sheet (there is a decision
-   * to make, and a sheet is where decisions live), and
-   * `channel_access_intent_forbids` — which the organizer can hit by racing
-   * their own second tab — says which route is in the way.
-   */
-  async setAccessIntent(accessIntent, opts = {}) {
-    const channelId = this.detailChannelId;
-    if (!channelId || !this.caps.manage) return false;
-    try {
-      const result = await this.host.api.setChannelAccessIntent(
-        this.host.eventKey,
-        channelId,
-        accessIntent,
-        opts
-      );
-      await this.refresh();
-      this.host.toast(this.intentSavedCopy(accessIntent, result?.intentSwitch), "ok");
-      return true;
-    } catch (err) {
-      if (err instanceof ManageApiError && err.code === "channel_intent_switch_blocked") {
-        this.openDialog({
-          kind: "intentSwitch",
-          channelId,
-          intentTo: accessIntent,
-          switchBlocked: err.details
-        });
-        return false;
-      }
-      if (err instanceof ManageApiError && err.code === "channel_access_intent_forbids") {
-        this.host.toast(intentForbidsCopy(err.details), "err");
-        return false;
-      }
-      this.host.toast("Couldn't change how this channel reaches buyers.", "err");
-      this.host.onError(err);
-      return false;
-    }
-  }
-  /** What just happened, including anything the switch took down with it — the
-   *  server reports `intentSwitch` only when it actually disturbed something. */
-  intentSavedCopy(intent, disturbed) {
-    const head = intent === "server" ? "Set to your website or app. The embed code is on the Embed page." : intent === "internal" ? "Only your own staff can sell this channel now." : intent === "hosted_link" ? "Set to buyer links. Create one to let buyers in." : "Kept as a protected reserve. No route can sell these seats.";
-    if (!disturbed) return head;
-    const closed = disturbed.closedLinks ? ` ${disturbed.closedLinks.toLocaleString()} buyer link${disturbed.closedLinks === 1 ? "" : "s"} closed.` : "";
-    const kept = disturbed.keptSessions ? ` ${disturbed.keptSessions.toLocaleString()} buyer${disturbed.keptSessions === 1 ? "" : "s"} already in a checkout can still finish.` : "";
-    return `${head}${closed}${kept}`;
-  }
-  /** `channelId` is explicit because this is reachable from the ⋯ menu on a row
-   *  that is NOT the open channel, as well as from the detail panel itself. */
-  async togglePause(channelId = this.detailChannelId) {
-    const channel = this.list?.channels.find((item) => item.id === channelId);
-    if (!channel || !this.caps.manage) return;
-    const paused = channel.state !== "paused";
-    try {
-      await this.host.api.setChannelPaused(this.host.eventKey, channel.id, paused);
-      await this.refresh();
-      this.host.toast(paused ? `${channel.name} paused. Existing checkouts can finish; no new buyer access is issued.` : `${channel.name} resumed.`, "ok");
-    } catch (err) {
-      this.host.toast("Couldn't change that channel.", "err");
-      this.host.onError(err);
-    }
-  }
-  renderArchiveDialog(state) {
-    const channel = this.list?.channels.find((item) => item.id === state.channelId);
-    if (!channel) {
-      this.closeDialog();
-      return;
-    }
-    const blocked = state.archiveBlocked ?? null;
-    const heads_up = !blocked && channel.counts.held > 0;
-    const destinations = this.assignableChannels().filter((entry) => entry.id !== channel.id);
-    const blockedAlert = blocked ? `<div class="slm-ch-alert warn" role="alert"><span>\u23F3</span>
-          <span><b>${(blocked.heldUnits ?? blocked.activeHolds ?? 0).toLocaleString()} seats are in a buyer's checkout right now.</b>
-          Archive is unavailable while seats are held \u2014 try again ${esc(retryAfterCopy(blocked))}.</span></div>` : heads_up ? `<div class="slm-ch-alert warn"><span>\u23F3</span>
-            <span>${channel.counts.held.toLocaleString()} seats are in a buyer's checkout right now.
-            Archive is refused while any seat is held \u2014 you can try, and we'll tell you when to come back.</span></div>` : "";
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Archive ${esc(channel.name)}</h3>
-      <p class="sub">The channel closes for good. Its seats move to a destination you choose;
-        sales history keeps its attribution.</p>
-      ${blockedAlert}
-      <div class="slm-field">
-        <label for="slm-ch-dest">Move the ${channel.counts.free.toLocaleString()} remaining free seats to</label>
-        <select class="slm-select" id="slm-ch-dest">
-          ${destinations.map((entry) => `<option value="${esc(entry.id)}">${esc(entry.name)}</option>`).join("")}
-        </select>
-      </div>
-      <p class="slm-note">${channel.counts.booked.toLocaleString()} sold seats keep "${esc(channel.name)}" on their sale
-        record. If one is cancelled later it returns to the destination above. Any buyer access for this channel
-        stops working.</p>
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn danger" data-ch-archive ${blocked ? "disabled" : ""}>Archive channel</button>
-      </div>`, (dialog) => {
-      dialog.querySelector("[data-ch-archive]")?.addEventListener("click", () => {
-        const destination = dialog.querySelector("#slm-ch-dest")?.value ?? "";
-        void this.archive(channel.id, destination || null);
-      });
-    });
-  }
-  async archive(channelId, destination) {
-    try {
-      await this.host.api.archiveChannel(this.host.eventKey, channelId, destination);
-      this.closeDialog();
-      this.detailChannelId = null;
-      await this.refresh();
-      this.host.toast("Channel archived. Its remaining seats moved to the destination you chose.", "ok");
-    } catch (err) {
-      if (err instanceof ManageApiError && err.status === 409 && err.code === "channel_archive_blocked_by_holds") {
-        this.dialog = {
-          kind: "archive",
-          channelId,
-          archiveBlocked: err.details ?? {}
-        };
-        this.renderDialog();
-        return;
-      }
-      this.showDialogError("Couldn't archive that channel. Try again.");
-      this.host.onError(err);
-    }
-  }
-  /**
-   * The synchronized inventory list (§13): the keyboard and screen-reader
-   * equivalent of canvas click / marquee / brush, grouped by section with
-   * per-section select actions.
-   */
-  renderSeatListDialog() {
-    const selected = new Set(this.host.selectionLabels());
-    const groups = /* @__PURE__ */ new Map();
-    let total = 0;
-    for (const seat of this.host.seats()) {
-      total += 1;
-      if (total > this.seatListLimit) break;
-      const section = this.host.sectionOfLabel(seat.label);
-      const key = section?.id ?? "";
-      const group = groups.get(key) ?? { label: section?.label ?? "Other seats", seats: [] };
-      group.seats.push({ label: seat.label, status: this.host.statusOf(seat.label) ?? "free" });
-      groups.set(key, group);
-    }
-    const body = [...groups.entries()].map(([id, group]) => `
-      <div class="slm-ch-seatgroup">
-        <span>${esc(group.label)}</span>
-        ${id ? `<button type="button" data-ch-section="${esc(id)}">Select section</button>` : ""}
-      </div>
-      ${group.seats.map((seat) => {
-      const channelId = this.allocation.get(seat.label) ?? PUBLIC_CHANNEL_ID;
-      const channelName = this.nameOf(channelId) ?? PUBLIC_CHANNEL_NAME;
-      return `<button type="button" class="slm-ch-seatitem" role="checkbox"
-          aria-checked="${selected.has(seat.label)}" data-ch-seat="${esc(seat.label)}">
-          <span class="box" aria-hidden="true">\u2713</span>
-          <span>${esc(seat.label)}</span>
-          <span class="meta">${esc(channelName)} \xB7 ${esc(seat.status)}</span>
-        </button>`;
-    }).join("")}`).join("");
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Seat list</h3>
-      <p class="sub">The same selection as the map, with checkboxes. Space or Enter toggles a seat.</p>
-      <div class="slm-ch-seatlist">${body || '<div class="slm-empty">No seats on this chart.</div>'}</div>
-      ${total > this.seatListLimit ? `<div class="foot"><button type="button" class="slm-btn ghost" data-ch-more>Show more seats</button></div>` : ""}
-      <div class="foot"><button type="button" class="slm-btn" data-ch-close>Done</button></div>`, (dialog) => {
-      dialog.querySelectorAll("[data-ch-seat]").forEach((button) => {
-        button.addEventListener("click", () => {
-          const label = button.dataset.chSeat;
-          const next = new Set(this.host.selectionLabels());
-          if (next.has(label)) next.delete(label);
-          else next.add(label);
-          this.host.clearSelection();
-          if (next.size) this.host.selectByLabels([...next]);
-          this.renderSeatListDialog();
-        });
-      });
-      dialog.querySelectorAll("[data-ch-section]").forEach((button) => {
-        button.addEventListener("click", () => {
-          this.host.selectSection(button.dataset.chSection);
-          this.renderSeatListDialog();
-        });
-      });
-      dialog.querySelector("[data-ch-more]")?.addEventListener("click", () => {
-        this.seatListLimit += SEAT_LIST_PAGE;
-        this.renderSeatListDialog();
-      });
-    });
-  }
-  // ---- buyer-link dialogs ---------------------------------------------------
-  async reloadLinks() {
-    const channelId = this.detailChannelId;
-    if (!channelId) return;
-    this.linksState = this.links.length ? this.linksState : "loading";
-    await this.loadLinks(channelId);
-    this.paintRail();
-  }
-  /**
-   * The reload EVERY link mutation owes the panel.
-   *
-   * A create/rotate/revoke changes two things the detail panel renders: the
-   * channel's access line (the server sets `access.intent` on create, and clears
-   * it when the last live link goes) and the link status list. Both are re-read
-   * here and the rail repainted, so the panel the organizer is already looking
-   * at is current the moment the mutation lands — no reload, and no dependence
-   * on HOW the one-time reveal was dismissed (the button, Escape, or never).
-   */
-  async reloadAfterLinkChange(channelId) {
-    if (this.detailChannelId === channelId) {
-      await this.refresh({ quiet: true });
-      return;
-    }
-    await this.loadLinks(channelId);
-    if (this.active) this.paintRail();
-  }
-  linkById(linkId) {
-    return this.links.find((link) => link.id === linkId) ?? null;
-  }
-  /**
-   * Create. The three policy fields carry the owner's defaults and every one of
-   * them is editable; the PLATFORM bounds (60s–180d, 1–10 000, 1–100, 20 live
-   * links) are the server's to enforce and the server's to explain, so this form
-   * checks only that a number is a number and surfaces the server's sentence for
-   * everything else.
-   */
-  renderLinkCreateDialog(state) {
-    const channel = this.list?.channels.find((item) => item.id === state.channelId);
-    if (!channel || !this.caps.manage) {
-      this.closeDialog();
-      return;
-    }
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Create a buyer link for ${esc(channel.name)}</h3>
-      <p class="sub">Anyone who opens the link can buy from this channel's allocation \u2014 and only from it.
-        You'll see the link once, right after you create it.</p>
-      <div class="slm-field">
-        <label for="slm-ch-lk-label">Label <span style="text-transform:none;font-weight:500">(optional)</span></label>
-        <input class="slm-input" id="slm-ch-lk-label" maxlength="80" placeholder="e.g. VIP list Nov 14" />
-        <p class="slm-note">So you can tell your links apart later. Buyers never see it.</p>
-      </div>
-      <div class="slm-field">
-        <label for="slm-ch-lk-expiry">Stops working</label>
-        <select class="slm-select" id="slm-ch-lk-expiry" data-ch-lk-expiry>
-          <option value="event" selected>When the event starts</option>
-          <option value="custom">On a date I choose</option>
-        </select>
-      </div>
-      <div class="slm-field" data-ch-lk-when-field hidden>
-        <label for="slm-ch-lk-when">Date and time</label>
-        <input class="slm-input" type="datetime-local" id="slm-ch-lk-when" />
-      </div>
-      <div class="slm-field">
-        <label for="slm-ch-lk-redemptions">How many people can use it</label>
-        <input class="slm-input" type="number" id="slm-ch-lk-redemptions" inputmode="numeric"
-          value="${ACCESS_LINK_DEFAULTS.maxRedemptions}" />
-        <p class="slm-note">Each buyer who opens the link uses one.</p>
-      </div>
-      <div class="slm-field">
-        <label for="slm-ch-lk-quantity">Seats per buyer</label>
-        <input class="slm-input" type="number" id="slm-ch-lk-quantity" inputmode="numeric"
-          value="${ACCESS_LINK_DEFAULTS.maxQuantity}" />
-      </div>
-      <label class="slm-note" style="display:flex;gap:8px;align-items:center;margin:2px 0 6px">
-        <input type="checkbox" id="slm-ch-lk-public" />
-        Also let this link buy Public sale seats
-      </label>
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn" data-ch-lk-create>Create link</button>
-      </div>`, (dialog) => {
-      const expiry = dialog.querySelector("[data-ch-lk-expiry]");
-      const whenField = dialog.querySelector("[data-ch-lk-when-field]");
-      const when = dialog.querySelector("#slm-ch-lk-when");
-      expiry.addEventListener("change", () => {
-        const custom = expiry.value === "custom";
-        whenField.hidden = !custom;
-        if (custom && !when.value) when.value = datetimeLocalValue(Date.now() + 7 * 864e5);
-      });
-      dialog.querySelector("[data-ch-lk-create]")?.addEventListener("click", () => {
-        const maxRedemptions = intField(dialog, "#slm-ch-lk-redemptions");
-        const maxQuantity = intField(dialog, "#slm-ch-lk-quantity");
-        if (maxRedemptions == null || maxQuantity == null) {
-          this.showDialogError("Those two settings need to be whole numbers.");
-          return;
-        }
-        let expiresAt;
-        if (expiry.value === "custom") {
-          expiresAt = Date.parse(when.value);
-          if (!Number.isFinite(expiresAt)) {
-            this.showDialogError("Pick the date and time the link should stop working.");
-            return;
-          }
-        }
-        void this.createLink(channel.id, {
-          label: dialog.querySelector("#slm-ch-lk-label")?.value.trim() || null,
-          includePublic: dialog.querySelector("#slm-ch-lk-public")?.checked ?? false,
-          ...expiresAt === void 0 ? {} : { expiresAt },
-          maxRedemptions,
-          maxQuantity
-        });
-      });
-    });
-  }
-  /**
-   * DECLARE, then create.
-   *
-   * `createAccessLink` used to set the channel's route to `hosted_link` as a
-   * side effect, which is exactly why the picker could never refuse anything.
-   * The server took that side effect away and now REQUIRES the declaration —
-   * and channels default to `none`, so a create that did not declare first
-   * would 409 on the organizer's very first "Create buyer link".
-   *
-   * So the route is declared here, immediately before the create. It stays ONE
-   * gesture: nothing is declared while the organizer is still filling the form
-   * in (cancelling changes nothing), and if the declaration is the part that is
-   * refused, the review sheet holds this form and finishes the job on the far
-   * side of the acknowledgement.
-   */
-  async createLink(channelId, input) {
-    if (!await this.ensureHostedLinkRoute(channelId, input)) return;
-    await this.mintLink(channelId, input);
-  }
-  /**
-   * The create half, on its own.
-   *
-   * Separate from `createLink` because the acknowledge path has ALREADY declared
-   * the route — with the very acknowledgement the plain declaration was refused
-   * for. Sending it back through `ensureHostedLinkRoute` would re-derive the
-   * route from a channel list that has not necessarily caught up, and could
-   * refuse the organizer a second time for a decision they just made.
-   */
-  async mintLink(channelId, input) {
-    try {
-      const reveal = await this.host.api.createAccessLink(this.host.eventKey, channelId, input);
-      this.revealLink(reveal, { channelId });
-      await this.reloadAfterLinkChange(channelId);
-    } catch (err) {
-      this.showDialogError(accessLinkErrorCopy(err instanceof ManageApiError ? err : void 0));
-      if (!(err instanceof ManageApiError)) this.host.onError(err);
-    }
-  }
-  /**
-   * Make sure the channel declares the buyer-link route before a link is minted.
-   *
-   * Returns false when the create must NOT proceed — either it was refused, or
-   * the decision has been handed to the switch-review sheet, which resumes it.
-   * A channel already on `hosted_link` costs no request at all, so creating a
-   * second link is the same single call it has always been.
-   */
-  async ensureHostedLinkRoute(channelId, pendingLink) {
-    const channel = this.list?.channels.find((item) => item.id === channelId);
-    if ((channel?.access?.intent ?? "none") === "hosted_link") return true;
-    try {
-      await this.host.api.setChannelAccessIntent(this.host.eventKey, channelId, "hosted_link");
-      await this.refresh();
-      return true;
-    } catch (err) {
-      if (err instanceof ManageApiError && err.code === "channel_intent_switch_blocked") {
-        this.openDialog({
-          kind: "intentSwitch",
-          channelId,
-          intentTo: "hosted_link",
-          switchBlocked: err.details,
-          pendingLink
-        });
-        return false;
-      }
-      this.showDialogError(err instanceof ManageApiError && err.code === "channel_access_intent_forbids" ? intentForbidsCopy(err.details) : "Couldn't set this channel up for buyer links. Try again.");
-      if (!(err instanceof ManageApiError)) this.host.onError(err);
-      return false;
-    }
-  }
-  /**
-   * The ONE-TIME reveal.
-   *
-   * Three things make this unrecoverable rather than merely "not shown twice":
-   *
-   *   1. `url` is a local const. It is never assigned to a field on this class,
-   *      never handed to the host, never put in a `DialogState`.
-   *   2. `this.dialog` is cleared FIRST, so `renderDialog()` — the only function
-   *      that rebuilds a sheet — has nothing to rebuild this one from.
-   *   3. The string exists in exactly one DOM node inside the scrim. Dismissing
-   *      the dialog removes the scrim, and the closure goes with it.
-   *
-   * The server holds only a hash, so even a compromised client cannot ask for it
-   * again. Rotation is the recovery path, and the copy says so.
-   */
-  revealLink(reveal, opts) {
-    const url = reveal.url;
-    this.dialog = null;
-    const rotated = opts.rotated ? `<div class="slm-ch-alert warn" role="status"><span>\u26A0</span><span>
-          <b>The old link has stopped working.</b> ${reveal.endedSessions ? `${reveal.endedSessions.toLocaleString()} buyer${reveal.endedSessions === 1 ? "" : "s"} lost access immediately.` : "Buyers who already came in can finish; every new visit needs this link."}</span></div>` : "";
-    const policy = accessLinkPolicyLines(reveal.link).map((row) => `<div class="slm-ch-lkrow"><span class="k">${esc(row.k)}</span>
-        <span class="v">${esc(row.v)}</span></div>`).join("");
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Copy this link now</h3>
-      <p class="sub">This is the only time SeatLayer can show it. We keep just a fingerprint, so it cannot be
-        shown again \u2014 if it is lost, rotate the link for a fresh one.</p>
-      ${rotated}
-      <div class="slm-ch-secret" data-ch-lk-url>${esc(url)}</div>
-      <div class="slm-ch-row2" style="margin-top:8px">
-        <button type="button" class="slm-btn" data-ch-lk-copy>Copy link</button>
-      </div>
-      <div class="slm-ch-alert warn" style="margin-top:12px"><span>\u26A0</span>
-        <span>Anyone who opens this link can buy from this allocation. Send it only to the people it is meant
-        for \u2014 forwarding it hands on the same access, and SeatLayer cannot tell the difference.</span></div>
-      <p class="slm-eyebrow" style="margin-top:14px">What this link allows</p>
-      ${policy}
-      <div class="foot">
-        <button type="button" class="slm-btn" data-ch-close data-ch-lk-done>I've copied it</button>
-      </div>`, (dialog) => {
-      const copy = dialog.querySelector("[data-ch-lk-copy]");
-      copy?.addEventListener("click", () => {
-        const ok = () => {
-          copy.textContent = "Copied";
-          this.announce("Buyer link copied.");
-        };
-        const clipboard = typeof navigator === "undefined" ? null : navigator.clipboard;
-        if (clipboard?.writeText) {
-          clipboard.writeText(url).then(ok, () => selectSecret(dialog));
-          return;
-        }
-        selectSecret(dialog);
-      });
-    });
-    this.announce("Your buyer link is ready and is shown once.");
-  }
-  /**
-   * Rotate. The organizer must SAY what happens to the buyers already inside —
-   * the confirm stays disabled until one of the two choices is picked, because
-   * the gentle branch and the destructive branch are both real decisions and the
-   * server refuses (422 `end_active_sessions_required`) to guess either.
-   */
-  renderLinkRotateDialog(state) {
-    const link = this.linkById(state.linkId);
-    if (!link || !this.caps.manage) {
-      this.closeDialog();
-      return;
-    }
-    const sessions = link.activeSessions ?? 0;
-    const warning = sessions ? `<div class="slm-ch-alert warn"><span>\u26A0</span>
-          <span><b>${sessions.toLocaleString()} buyer${sessions === 1 ? "" : "s"}</b> got in with the current link
-          and still ${sessions === 1 ? "has" : "have"} active access.</span></div>` : "";
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Rotate the ${esc(link.label || "buyer")} link?</h3>
-      <p class="sub">The current link stops opening immediately and cannot be restored. You will get a new
-        link to copy \u2014 shown once.</p>
-      ${warning}
-      <label class="slm-ch-radio">
-        <input type="radio" name="slm-ch-rot" value="keep" data-ch-rot />
-        <span><b>Let them finish</b><span class="why">Access already handed out expires on its own; seats in
-          checkout are untouched. Every new visit needs the new link.</span></span>
-      </label>
-      <label class="slm-ch-radio">
-        <input type="radio" name="slm-ch-rot" value="end" data-ch-rot />
-        <span><b>End their access now</b><span class="why">All access from the old link ends immediately.
-          Buyers part-way through choosing seats lose access.</span></span>
-      </label>
-      <p class="slm-note">Choose one \u2014 SeatLayer will not decide this for you.</p>
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn" data-ch-lk-rotate disabled>Rotate and copy new link</button>
-      </div>`, (dialog) => {
-      const confirm = dialog.querySelector("[data-ch-lk-rotate]");
-      dialog.querySelectorAll("[data-ch-rot]").forEach((radio) => {
-        radio.addEventListener("change", () => {
-          confirm.disabled = false;
-        });
-      });
-      confirm.addEventListener("click", () => {
-        const picked = [...dialog.querySelectorAll("[data-ch-rot]")].find((radio) => radio.checked);
-        if (!picked) {
-          this.showDialogError(accessLinkErrorCopy({ code: "end_active_sessions_required" }));
-          return;
-        }
-        void this.rotateLink(state.channelId, link.id, picked.value === "end");
-      });
-    });
-  }
-  async rotateLink(channelId, linkId, endActiveSessions) {
-    try {
-      const reveal = await this.host.api.rotateAccessLink(
-        this.host.eventKey,
-        channelId,
-        linkId,
-        endActiveSessions
-      );
-      this.revealLink(reveal, { channelId, rotated: true });
-      await this.reloadAfterLinkChange(channelId);
-    } catch (err) {
-      this.showDialogError(accessLinkErrorCopy(err instanceof ManageApiError ? err : void 0));
-      if (!(err instanceof ManageApiError)) this.host.onError(err);
-    }
-  }
-  renderLinkRevokeDialog(state) {
-    const link = this.linkById(state.linkId);
-    if (!link || !this.caps.manage) {
-      this.closeDialog();
-      return;
-    }
-    const sessions = link.activeSessions ?? 0;
-    this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Revoke the ${esc(link.label || "buyer")} link?</h3>
-      <p class="sub">It stops opening immediately and cannot be restored \u2014 there is no undo, and no way to
-        bring the same URL back. Seats already bought through it keep their sale.</p>
-      ${sessions ? `<label class="slm-ch-radio">
-        <input type="checkbox" data-ch-lk-endsessions />
-        <span><b>Also end access for the ${sessions.toLocaleString()}
-          buyer${sessions === 1 ? "" : "s"} already inside</b><span class="why">Leave this off and they can
-          finish what they started; new visits are refused either way.</span></span>
-      </label>` : ""}
-      <p class="slm-ch-err" data-ch-error ${state.error ? "" : "hidden"}>${esc(state.error ?? "")}</p>
-      <div class="foot">
-        <button type="button" class="quiet" data-ch-close>Cancel</button>
-        <button type="button" class="slm-btn danger" data-ch-lk-revoke>Revoke link</button>
-      </div>`, (dialog) => {
-      dialog.querySelector("[data-ch-lk-revoke]")?.addEventListener("click", () => {
-        const end = dialog.querySelector("[data-ch-lk-endsessions]")?.checked ?? false;
-        void this.revokeLink(state.channelId, link.id, end);
-      });
-    });
-  }
-  async revokeLink(channelId, linkId, endActiveSessions) {
-    try {
-      const res = await this.host.api.revokeAccessLink(
-        this.host.eventKey,
-        channelId,
-        linkId,
-        endActiveSessions
-      );
-      this.closeDialog();
-      await this.reloadAfterLinkChange(channelId);
-      this.host.toast(res.endedSessions ? `Link revoked. ${res.endedSessions.toLocaleString()} buyer${res.endedSessions === 1 ? "" : "s"} lost access.` : "Link revoked. It no longer opens for anyone.", "ok");
-    } catch (err) {
-      this.showDialogError(accessLinkErrorCopy(err instanceof ManageApiError ? err : void 0));
-      if (!(err instanceof ManageApiError)) this.host.onError(err);
-    }
-  }
-  // ---- compact detents ------------------------------------------------------
-  applySheetClasses() {
-    const root = this.host.root;
-    const compact = this.host.isCompact();
-    root.classList.toggle("ch-sheet", compact && this.active);
-    for (const detent of ["collapsed", "medium", "full"]) {
-      root.classList.toggle(`detent-${detent}`, compact && this.active && this.detent === detent);
-    }
-    this.host.setMapInert(compact && this.active && this.detent === "full");
-  }
-  cycleDetent() {
-    const order = ["collapsed", "medium", "full"];
-    this.detent = order[(order.indexOf(this.detent) + 1) % order.length];
-    this.applySheetClasses();
-  }
-  /** Back/Close from the full detent returns to the previous one and keeps the
-   *  selection — losing a hard-won selection to a Back press is unforgivable. */
-  handleBack() {
-    if (this.scrimEl) {
-      this.closeDialog();
-      return true;
-    }
-    if (this.host.isCompact() && this.detent === "full") {
-      this.detent = "medium";
-      this.applySheetClasses();
-      return true;
-    }
-    return false;
-  }
-};
-
-export {
-  ManageApiError,
-  ManageApi,
-  PUBLIC_CHANNEL_ID,
-  PUBLIC_CHANNEL_NAME,
-  isPublicChannelId,
-  markerLetter,
-  suggestMarker,
-  markerOf,
-  selectionSources,
-  planAssignment,
-  mutationCount,
-  needsMoveConfirmation,
-  bucketRows,
-  retryAfterCopy,
-  accessLine,
-  accessIntentLabel,
-  accessIntentDescription,
-  intentForbidsCopy,
-  intentSwitchBlockedCopy,
-  ACCESS_LINK_DEFAULTS,
-  accessLinkBadge,
-  accessLinkIsLive,
-  accessLinkPolicyLines,
-  accessLinkErrorCopy,
-  dropReviewRows,
-  stateBadge,
-  CHANNELS_CSS,
-  bucketRowsHtml,
-  ChannelsMode
-};
-//# sourceMappingURL=chunk-5URCWBHM.js.map