@seatlayer/js 0.41.0 → 0.43.0

package/dist/index.js

@@ -6493,7 +6493,7 @@ function retryAfterCopy(details) {
 }
 function accessLine(access) {
   if (!access || !access.intent) return "\u2014";
-  const base = access.intent === "internal" ? "Internal selling \xB7 no buyer access needed" : access.intent === "server" ? "Server integration" : access.intent === "hosted_link" ? "Hosted access link" : "No buyer access configured";
+  const base = access.intent === "server" ? "Website integration" : access.intent === "hosted_link" ? "Buyer link" : "Not distributed yet";
   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;
@@ -6885,9 +6885,10 @@ var ManageApi = class {
 };
 
 // src/channelsMode.ts
-var POLL_MS = 1e4;
+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";
@@ -6934,6 +6935,7 @@ var CHANNELS_CSS = (
 .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)}
@@ -6984,6 +6986,12 @@ var CHANNELS_CSS = (
 .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 options \u2014 two actions, each with the one sentence that explains it */
+.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 b{font-size:13px;font-weight:800}
+.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}
@@ -6999,7 +7007,7 @@ var CHANNELS_CSS = (
 /* 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;background:#12151f;border:1px solid var(--slm-line);
+.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}
@@ -7026,7 +7034,7 @@ var CHANNELS_CSS = (
   overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .slm-ch-err{color:#f1a4a6;font-size:11.5px;margin-top:6px}
 
-/* hosted access links \u2014 STATUS only; there is no Copy control on this card */
+/* 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}
@@ -7045,8 +7053,8 @@ var CHANNELS_CSS = (
 .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;border:1px solid var(--slm-line);border-radius:10px;
-  background:var(--slm-surface);margin-top:10px}
+.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)}
@@ -7058,6 +7066,25 @@ var CHANNELS_CSS = (
 .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;
@@ -7096,12 +7123,12 @@ function bucketRowsHtml(rows) {
     </div>`).join("");
 }
 var SERVER_INTEGRATION_HTML = `
-  <p class="slm-eyebrow" style="margin-top:18px">Server integration</p>
-  <p class="slm-hint">There is nothing to set up on this screen. Your own server mints a short-lived buyer
+  <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 server integration guide \u2192</a></p>`;
+    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;");
 }
@@ -7182,6 +7209,21 @@ var ChannelsMode = class {
     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;
   }
@@ -7192,6 +7234,8 @@ var ChannelsMode = class {
     this.active = true;
     this.mapIntent = "pan";
     this.focusedSectionId = null;
+    this.assignmentRowsCache = null;
+    this.railHtml = null;
     this.ensureLayer();
     this.host.root.classList.add("ch-mode");
     this.applySheetClasses();
@@ -7200,8 +7244,15 @@ var ChannelsMode = class {
     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. */
@@ -7210,6 +7261,11 @@ var ChannelsMode = class {
     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;
@@ -7298,8 +7354,11 @@ var ChannelsMode = class {
       if (!this.targetChannelId) {
         this.targetChannelId = list.channels.find((c) => c.state === "active")?.id ?? PUBLIC_CHANNEL_ID;
       }
-      await this.loadAllocation(seq);
-      if (superseded()) return;
+      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;
@@ -7639,6 +7698,7 @@ var ChannelsMode = class {
     }
     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`,
@@ -7650,7 +7710,9 @@ var ChannelsMode = class {
       <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">Review changes</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();
@@ -7718,35 +7780,59 @@ var ChannelsMode = class {
       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) {
-      rail.innerHTML = `<p class="slm-eyebrow">Sales channels</p>
-        <p class="slm-hint">You need channel-management permission on this event to see allocations.</p>`;
+      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) {
-      rail.innerHTML = `<p class="slm-eyebrow">Sales channels</p>
-        <div class="slm-empty">Loading allocations\u2026</div>`;
+      this.setRailHtml(`<p class="slm-eyebrow">Sales channels</p>
+        <div class="slm-empty">Loading allocations\u2026</div>`);
       return;
     }
     if (!this.list && this.loadError) {
-      rail.innerHTML = `<p class="slm-eyebrow">Sales channels</p>
+      if (this.setRailHtml(`<p class="slm-eyebrow">Sales channels</p>
         <div class="slm-ch-alert err" role="alert"><span>\u26A0</span>
         <span><b>Couldn't load sales channels.</b> 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();
-      });
+        <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();
-    rail.innerHTML = `${grab}${segment}${body}`;
-    this.wireRail();
+    if (this.setRailHtml(`${grab}${segment}${body}`)) this.wireRail();
     this.paintStagedBar();
   }
   viewSegmentHtml() {
@@ -7817,8 +7903,9 @@ var ChannelsMode = class {
     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 `
+      ${this.caps.manage ? this.assignmentToolsHtml() : ""}
       <p class="slm-eyebrow">Sales channels</p>
-      <p class="slm-hint">Select seats on the map, then assign them. Channel colours and names are never shown to buyers.</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>
       ${create}
       ${readOnly}
@@ -7827,6 +7914,38 @@ var ChannelsMode = class {
           style="text-align:left">${this.showArchived ? "Hide" : "Show"} archived${archivedCount ? ` (${archivedCount})` : ""}</button>
       </p>`;
   }
+  /**
+   * 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 now paint above the channel list too, so the
+   * destination is chosen first and whole sections and rows are discoverable
+   * without learning a hidden seat-first workflow.
+   */
+  assignmentToolsHtml() {
+    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";
+    return `
+      <p class="slm-eyebrow">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">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>
@@ -7835,34 +7954,27 @@ var ChannelsMode = class {
           <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 options = this.assignableChannels().map((channel) => `<option value="${esc(channel.id)}"${channel.id === this.targetChannelId ? " selected" : ""}>${esc(channel.name)}</option>`).join("");
+    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("");
-    const sectionSelect = this.host.sections().length ? `<button type="button" class="slm-btn ghost" data-ch-act="pick-section">Section</button>` : "";
     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>
-      <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>
+      ${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">Review changes</button>
-      </div>
-      <p class="slm-eyebrow" style="margin-top:18px">Select by</p>
-      <div class="slm-ch-row2" style="margin-top:2px">
-        ${sectionSelect}
-        <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">List \u2328</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>`;
   }
@@ -7877,22 +7989,7 @@ var ChannelsMode = class {
         <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 intent = channel.access?.intent ?? "none";
-    const intents = ["none", "internal", "server", "hosted_link"];
-    const selfServiceGap = (intent === "server" || intent === "hosted_link") && !channel.access?.hasActiveGrants;
-    const access = this.caps.manage ? `
-      <p class="slm-eyebrow" style="margin-top:14px">Buyer access</p>
-      <div class="slm-field">
-        <label for="slm-ch-intent">How should buyers reach this channel?</label>
-        <select class="slm-select" id="slm-ch-intent" data-ch-intent>
-          ${intents.map((value) => `<option value="${value}"${value === intent ? " selected" : ""}>${esc(accessIntentLabel(value))}</option>`).join("")}
-        </select>
-      </div>
-      <p class="slm-hint">${channel.access?.hasActiveGrants ? "Buyer access is live. Only this audience can buy from the allocation." : "No buyer access is configured yet. The allocation is protected \u2014 it is not available to Public sale."}</p>
-      ${selfServiceGap ? `<div class="slm-ch-alert warn"><span>\u26A0</span>
-        <span>This channel is marked for buyer self-service but no buyer has been let in yet.</span></div>` : ""}
-      ${this.hostedLinksHtml()}
-      ${SERVER_INTEGRATION_HTML}` : "";
+    const access = this.caps.manage ? this.distributeHtml(channel) : "";
     return `
       <p class="slm-eyebrow">
         <button type="button" class="slm-linkbtn" data-ch-act="back" style="text-align:left">\u2039 All channels</button>
@@ -7902,7 +7999,54 @@ var ChannelsMode = class {
       ${access}
       ${lifecycle}`;
   }
-  // ---- hosted access links --------------------------------------------------
+  /**
+   * "Distribute" — how the seats in this channel actually reach a buyer.
+   *
+   * This replaced a four-value "access intent" picker (none / internal /
+   * hosted_link / server). Two of those values did nothing anywhere: no buyer or
+   * inventory path reads `access_intent`, so `none` and `internal` were labels an
+   * organizer could set and then wait forever for something to happen. A third,
+   * `hosted_link`, is not the organizer's to choose at all — the server sets it
+   * when a buyer link is created and clears it when the last live one is revoked.
+   *
+   * So this is two ACTIONS, not a setting: create a buyer link, or point the
+   * channel at a website integration. Both of them do something the moment they
+   * are pressed. A legacy row still carrying `none` or `internal` renders the
+   * neutral "not distributed yet" state with both actions offered — the stored
+   * value is left alone (it is organizer-declared metadata and the API that
+   * writes it is unchanged), it simply no longer has a control of its own.
+   */
+  distributeHtml(channel) {
+    const intent = channel.access?.intent ?? "none";
+    const live = channel.access?.hasActiveGrants === true;
+    const state = 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." : "Not distributed yet \u2014 seats stay reserved.";
+    const option = (title, why, action, cta, primary) => `<div class="slm-ch-dist">
+      <b>${esc(title)}</b>
+      <span class="why">${esc(why)}</span>
+      <button type="button" class="slm-btn${primary ? "" : " ghost"}" data-ch-act="${esc(action)}">${esc(cta)}</button>
+    </div>`;
+    const linksSupported = this.linksState !== "unsupported";
+    return `
+      <p class="slm-eyebrow" style="margin-top:14px">Distribute</p>
+      <p class="slm-hint">${esc(state)}</p>
+      ${linksSupported ? option(
+      "Sell with a buyer link",
+      "SeatLayer makes a link you send to a named group. They open it and buy only these seats.",
+      "link-create",
+      this.links.some(accessLinkIsLive) ? "Create another buyer link" : "Create buyer link",
+      true
+    ) : ""}
+      ${option(
+      "Integrate a website or app",
+      "Your website's backend grants each buyer access \u2014 set up on the Embed page.",
+      "embed-code",
+      "Get embed code",
+      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
@@ -7932,32 +8076,34 @@ var ChannelsMode = class {
     }
   }
   /**
-   * The hosted-link section of the detail panel.
+   * 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">Hosted access links</p>`;
+    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"><span>\u2139</span>
-        <span><b>Hosted links need a newer server.</b> Everything else on this channel works normally.</span></div>`;
+        <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"><span>\u26A0</span>
         <span><b>Couldn't load this channel's links.</b>
         <button type="button" data-ch-act="link-reload">Try again</button></span></div>`;
     }
-    const live = this.links.filter(accessLinkIsLive).length;
-    const cards = this.linksState === "loading" && !this.links.length ? `<div class="slm-empty">Loading links\u2026</div>` : this.links.length ? this.links.map((link) => this.linkCardHtml(link)).join("") : `<p class="slm-hint">No hosted link yet. Create one to send this allocation to a named group \u2014
-            they open the link and buy only these seats.</p>`;
-    const create = this.caps.manage ? `<button type="button" class="slm-btn" style="width:100%" data-ch-act="link-create">
-          ${live ? "Create another hosted link" : "Create hosted access link"}</button>` : "";
+    if (this.linksState === "loading" && !this.links.length) {
+      return `${eyebrow}<div class="slm-empty">Loading links\u2026</div>`;
+    }
+    if (!this.links.length) return "";
     return `${eyebrow}
-      ${cards}
-      ${create}
+      ${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>`;
   }
@@ -7976,7 +8122,7 @@ var ChannelsMode = class {
         </div>` : "";
     return `<div class="slm-ch-link">
       <span class="lk-head">
-        <span class="lk-name">${esc(link.label || "Hosted link")}</span>
+        <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"
@@ -8079,10 +8225,6 @@ var ChannelsMode = class {
       this.previewIncludePublic = includePublic.checked;
       void this.loadPreview();
     });
-    const intent = rail.querySelector("[data-ch-intent]");
-    intent?.addEventListener("change", () => {
-      void this.setAccessIntent(intent.value);
-    });
     const grab = rail.querySelector(".slm-ch-grab");
     grab?.addEventListener("click", () => this.cycleDetent());
     rail.querySelectorAll("[data-ch-act]").forEach((button) => {
@@ -8127,6 +8269,13 @@ var ChannelsMode = class {
       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 — which is exactly the flag the
+      // dashboard's Embed page reads before it offers the snippet. Saying so is
+      // honest; a fake "copy code" button on a screen with no code would not be.
+      case "embed-code":
+        void this.chooseWebsiteIntegration();
+        break;
       case "link-reload":
         if (this.detailChannelId) void this.reloadLinks();
         break;
@@ -8141,8 +8290,16 @@ var ChannelsMode = class {
         this.conflict = false;
         void this.refresh().then(() => this.openDialog({ kind: "review" }));
         break;
-      case "pick-section":
-        this.pickSection();
+      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();
@@ -8152,12 +8309,10 @@ var ChannelsMode = class {
     }
   }
   // ---- selection helpers ----------------------------------------------------
-  pickSection() {
-    const sections = this.host.sections();
-    if (!sections.length) return;
-    this.promptChoice("Select a whole section", sections.map((s) => ({ value: s.id, label: s.label })), (value) => {
-      this.host.selectSection(value);
-    });
+  /** 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();
@@ -8188,6 +8343,209 @@ var ChannelsMode = class {
       });
     });
   }
+  /**
+   * 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("") || `<div class="slm-ch-scope-empty">No sections or rows match \u201C${esc(query)}\u201D.</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-empty">No sections are available.</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;
@@ -8198,6 +8556,7 @@ var ChannelsMode = class {
     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();
@@ -8342,24 +8701,28 @@ var ChannelsMode = class {
     const { labels, buckets } = this.currentPlan();
     const authoritative = state.applied;
     const shown = authoritative ? authoritative.buckets : buckets;
-    const targetName = this.nameOf(this.targetChannelId) ?? PUBLIC_CHANNEL_NAME;
+    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 || state.busy ? "disabled" : ""}>
+          <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>
@@ -8371,15 +8734,21 @@ var ChannelsMode = class {
     }
   }
   /**
-   * Apply. On success the review sheet re-renders with the AUTHORITATIVE server
-   * buckets and the staged bar morphs to a ✓ for 1.2s. On a stale version the
-   * server mutated nothing: keep the selection, shake the bar once, and offer
-   * exactly one action — Refresh and review.
+   * 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 {
@@ -8392,11 +8761,10 @@ var ChannelsMode = class {
       });
       this.assignmentVersion = result.assignmentVersion;
       this.conflict = false;
-      this.dialog = { kind: "review", applied: result };
       await this.refresh({ quiet: true });
-      this.renderDialog();
-      this.showApplied(result);
+      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) {
@@ -8419,12 +8787,26 @@ var ChannelsMode = class {
       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>Applied <b>${result.applied.toLocaleString()}</b> change${result.applied === 1 ? "" : "s"}</span>
-      <span class="grow"></span>`, "done");
+      <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), 1200);
+    this.stagedDoneTimer = setTimeout(() => this.setStaged(null), 5e3);
   }
   shakeStaged() {
     const bar = this.stagedEl;
@@ -8467,12 +8849,27 @@ var ChannelsMode = class {
       });
     });
   }
+  /**
+   * "Get embed code" — mark the channel as reached through the organizer's own
+   * backend. The write itself is `setChannelAccessIntent(…, 'server')`, the same
+   * API the old picker called; the difference is that it is now a deliberate
+   * action with a consequence the organizer is told about, rather than one of
+   * four dropdown values with no observable effect.
+   */
+  async chooseWebsiteIntegration() {
+    const channelId = this.detailChannelId;
+    if (!channelId) return;
+    await this.setAccessIntent("server");
+  }
   async setAccessIntent(accessIntent) {
     const channelId = this.detailChannelId;
     if (!channelId || !this.caps.manage) return;
     try {
       await this.host.api.setChannelAccessIntent(this.host.eventKey, channelId, accessIntent);
       await this.refresh();
+      if (accessIntent === "server") {
+        this.host.toast("Marked for your website. The embed code is on the Embed page.", "ok");
+      }
     } catch (err) {
       this.host.toast("Couldn't save how buyers reach this channel.", "err");
       this.host.onError(err);
@@ -8613,7 +9010,7 @@ var ChannelsMode = class {
       });
     });
   }
-  // ---- hosted-link dialogs --------------------------------------------------
+  // ---- buyer-link dialogs ---------------------------------------------------
   async reloadLinks() {
     const channelId = this.detailChannelId;
     if (!channelId) return;
@@ -8656,7 +9053,7 @@ var ChannelsMode = class {
       return;
     }
     this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Create a hosted access link for ${esc(channel.name)}</h3>
+      <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">
@@ -8781,7 +9178,7 @@ var ChannelsMode = class {
       copy?.addEventListener("click", () => {
         const ok = () => {
           copy.textContent = "Copied";
-          this.announce("Hosted access link copied.");
+          this.announce("Buyer link copied.");
         };
         const clipboard = typeof navigator === "undefined" ? null : navigator.clipboard;
         if (clipboard?.writeText) {
@@ -8791,7 +9188,7 @@ var ChannelsMode = class {
         selectSecret(dialog);
       });
     });
-    this.announce("Your hosted access link is ready and is shown once.");
+    this.announce("Your buyer link is ready and is shown once.");
   }
   /**
    * Rotate. The organizer must SAY what happens to the buyers already inside —
@@ -8810,7 +9207,7 @@ var ChannelsMode = class {
           <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 || "hosted")} link?</h3>
+      <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}
@@ -8869,7 +9266,7 @@ var ChannelsMode = class {
     }
     const sessions = link.activeSessions ?? 0;
     this.renderScrim(`
-      <h3 id="slm-ch-dlg-title">Revoke the ${esc(link.label || "hosted")} link?</h3>
+      <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">
@@ -8986,7 +9383,12 @@ var LEGEND = [
 var MANAGER_CSS = (
   /* @sl-css */
   `
-.slm{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:480px;overflow:hidden;
+/* The floor was 480px, which trapped the cockpit in any host shorter than that:
+   every ancestor here is overflow:hidden, so the bottom of the rail (Create
+   channel, Show archived) was rendered but clipped away by the host and could
+   not be reached by scrolling anything. 320px still keeps an unsized host from
+   collapsing to the top bar, and the rail scrolls to its full content below. */
+.slm{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:320px;overflow:hidden;
   background:var(--slm-bg);color:var(--slm-text);font-family:var(--slm-font);border-radius:var(--slm-radius);
   /* Motion tokens (motion-system \xA72), declared by the cockpit ROOT rather than
      borrowed from CHANNELS_CSS. The base cockpit animates whether or not
@@ -9054,7 +9456,7 @@ var MANAGER_CSS = (
 .slm-liveeventdot{width:8px;height:8px;border-radius:50%;flex:none}.slm-liveeventcopy{min-width:0;overflow:hidden;text-overflow:ellipsis;
   white-space:nowrap;font-size:12px;font-weight:800}.slm-liveeventhint{color:var(--slm-muted);font-size:10px;white-space:nowrap}
 .slm-rail{width:320px;flex:none;border-left:1px solid var(--slm-line);display:flex;flex-direction:column;min-height:0}
-.slm-railscroll{flex:1;overflow-y:auto;padding:16px}
+.slm-railscroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}
 .slm-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slm-muted);font-weight:800;margin-bottom:6px}
 .slm-hint{font-size:12.5px;color:var(--slm-muted);line-height:1.5;margin-bottom:14px}
 
@@ -9119,7 +9521,8 @@ var MANAGER_CSS = (
   color:var(--slm-muted);font-size:10.5px}
 .slm-linkbtn{font-size:11px!important;font-weight:800!important;color:var(--slm-accent)!important;text-align:right}
 .slm-linkbtn:disabled{opacity:.45;cursor:not-allowed}
-.slm-blockedlist{max-height:246px;overflow:auto;border:1px solid var(--slm-line);border-radius:10px;background:var(--slm-surface)}
+.slm-blockedlist{max-height:246px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--slm-line);
+  border-radius:10px;background:var(--slm-surface)}
 .slm-blockeditem{display:grid!important;grid-template-columns:18px minmax(0,1fr);width:100%;gap:8px;padding:8px 9px!important;
   border-bottom:1px solid var(--slm-line)!important;text-align:left!important}
 .slm-blockeditem:last-child{border-bottom:0!important}.slm-blockeditem:hover{background:rgba(255,255,255,.035)!important}
@@ -9514,6 +9917,30 @@ var SeatManager = class {
         this.selectSection(sectionId);
       },
       sections: () => this.sectionOptions,
+      labelsInSection: (sectionId) => this.renderer?.getSelectableInSection(sectionId).map((seat) => seat.label) ?? [],
+      // Logical rows, not physical row objects: a segmented row is authored as
+      // several objects sharing one `logicalRowId`, and the organizer thinks of
+      // it as one row. Tables carry seats too, so they are rows here as well.
+      rows: () => {
+        const objects = new Map((this.doc?.objects ?? []).map((object) => [object.id, object]));
+        const rows = /* @__PURE__ */ new Map();
+        for (const seat of this.labelToSeat.values()) {
+          const object = objects.get(seat.rowId);
+          if (!object || object.type !== "row" && object.type !== "table") continue;
+          const id = seat.logicalRowId ?? seat.rowId;
+          const sectionId = this.sectionByObject.get(seat.rowId) ?? UNGROUPED_ID;
+          const row = rows.get(id) ?? {
+            id,
+            label: object.type === "row" ? object.segmentedRow?.displayLabel ?? object.displayLabel ?? object.label : object.displayLabel ?? object.label,
+            sectionId,
+            sectionLabel: this.sectionLabelById.get(sectionId) ?? "Other seats",
+            labels: []
+          };
+          row.labels.push(seat.label);
+          rows.set(id, row);
+        }
+        return [...rows.values()].sort((left, right) => left.sectionLabel.localeCompare(right.sectionLabel, void 0, { numeric: true, sensitivity: "base" }) || left.label.localeCompare(right.label, void 0, { numeric: true, sensitivity: "base" }));
+      },
       categories: () => (this.doc?.categories ?? []).map((category) => ({
         key: category.key,
         label: category.label ?? category.key,