@seatlayer/js 0.48.1 → 0.49.0

package/dist/index.js

@@ -1,38 +1,3 @@
-import {
-  SeatManager
-} from "./chunk-Q5QT3YLA.js";
-import {
-  ACCESS_LINK_DEFAULTS,
-  ChannelsMode,
-  PUBLIC_CHANNEL_ID,
-  PUBLIC_CHANNEL_NAME,
-  accessIntentDescription,
-  accessIntentLabel,
-  accessLine,
-  accessLinkBadge,
-  accessLinkErrorCopy,
-  accessLinkIsLive,
-  accessLinkPolicyLines,
-  bucketRows,
-  bucketRowsHtml,
-  dropReviewRows,
-  intentForbidsCopy,
-  intentSwitchBlockedCopy,
-  isPublicChannelId,
-  markerLetter,
-  markerOf,
-  mutationCount,
-  needsMoveConfirmation,
-  planAssignment,
-  retryAfterCopy,
-  selectionSources,
-  stateBadge,
-  suggestMarker
-} from "./chunk-KNMZQZXR.js";
-import {
-  ManageApi,
-  ManageApiError
-} from "./chunk-H4OJF6LE.js";
 import {
   __privateAdd,
   __privateGet,
@@ -1448,6 +1413,12 @@ var EmbeddedDesigner = class {
      */
     this.autoRecoverUsed = false;
     this.phase = "loading";
+    /**
+     * Set only after an identity-checked `ready`. Unlike `phase`, this remains true
+     * if a later fatal error renders the error card, so no subsequent callback can
+     * shed the chart/workspace identity the live session already established.
+     */
+    this.identityEstablished = false;
     this.restoreContainerPosition = null;
     // Host-side fullscreen pin: saved state we restore on `off`/Escape/destroy.
     this.pinned = false;
@@ -1514,14 +1485,21 @@ var EmbeddedDesigner = class {
         expiresAt: typeof data.expiresAt === "number" ? data.expiresAt : void 0,
         code: typeof data.code === "string" ? data.code : void 0,
         message: typeof data.message === "string" ? data.message : void 0,
-        meta: data.meta
+        meta: data.meta,
+        fatal: typeof data.fatal === "boolean" ? data.fatal : void 0,
+        action: typeof data.action === "string" ? data.action : void 0
       };
-      if (this.options.expectedChartId && message.chartId && message.chartId !== this.options.expectedChartId || this.options.expectedWorkspaceId && message.workspaceId && message.workspaceId !== this.options.expectedWorkspaceId) {
+      const identityRequired = this.identityEstablished || message.type === "seatlayer.designer.ready" || message.type === "seatlayer.designer.saved" || message.type === "seatlayer.designer.published" || message.type === "seatlayer.designer.close";
+      const chartMismatch = this.options.expectedChartId !== void 0 && message.chartId !== this.options.expectedChartId && (identityRequired || message.chartId !== void 0);
+      const workspaceMismatch = this.options.expectedWorkspaceId !== void 0 && message.workspaceId !== this.options.expectedWorkspaceId && (identityRequired || message.workspaceId !== void 0);
+      if (chartMismatch || workspaceMismatch) {
         this.showError("mismatch");
         return;
       }
       switch (message.type) {
         case "seatlayer.designer.ready":
+          this.identityEstablished = true;
+          this.sessionExpiresAt = message.expiresAt;
           this.phase = "ready";
           this.clearTimeoutTimer();
           this.removeOverlay();
@@ -1603,6 +1581,25 @@ var EmbeddedDesigner = class {
   getIframe() {
     return this.frame;
   }
+  /** Update iframe sizing without replacing the live Designer session. */
+  setSizing(height, minHeight) {
+    this.options = { ...this.options, height, minHeight };
+    if (!this.frame) return;
+    this.stopFill();
+    this.lastAutoHeight = "";
+    if (this.fillEnabled()) {
+      if (!this.pinned) this.setFrameHeight("100%");
+      this.startFill();
+    } else if (!this.pinned) {
+      this.setFrameHeight(`${height}px`);
+    }
+  }
+  /** Update renewal/expiry-recovery policy without replacing the iframe. */
+  setRelaunchPolicy(onRequestRelaunch, autoRenewSession) {
+    this.options = { ...this.options, onRequestRelaunch, autoRenewSession };
+    this.clearRenewTimer();
+    if (this.phase === "ready") this.scheduleRenewal(this.sessionExpiresAt);
+  }
   destroy() {
     window.removeEventListener("message", this.handleMessage);
     this.stopFill();
@@ -1617,6 +1614,8 @@ var EmbeddedDesigner = class {
     this.fillMode = null;
     this.designerOrigin = "";
     this.phase = "loading";
+    this.identityEstablished = false;
+    this.sessionExpiresAt = void 0;
     this.lastAutoHeight = "";
   }
   loadingStateEnabled() {
@@ -1767,6 +1766,7 @@ var EmbeddedDesigner = class {
       else this.frame.setAttribute("style", this.frameStyleBeforeFs);
       if (this.fillEnabled()) this.applyFill();
       else if (this.autoResizeEnabled() && this.lastAutoHeight) this.setFrameHeight(this.lastAutoHeight);
+      else if (typeof this.options.height === "number") this.setFrameHeight(`${this.options.height}px`);
     }
     this.frameStyleBeforeFs = null;
     if (this.docOverflowBeforeFs !== null) {
@@ -2031,6 +2031,7 @@ import {
   tCount
 } from "@seatlayer/core";
 import { isAuthoredSeatView, seatViewDisclosure } from "@seatlayer/core/view3d/crossfade/panorama";
+import { seatConfidenceDisclosure } from "@seatlayer/core/core/seatConfidence";
 import {
   browserPanoramaConstraints,
   loadPanoramaImage,
@@ -2328,7 +2329,7 @@ async function loadHostedCheckout() {
       cdnChunkUrl("seatlayer-checkout.mjs")
     );
   }
-  return import("./hostedCheckout-F6C6VCCG.js");
+  return import("./hostedCheckout-GVS6UKYA.js");
 }
 function paymentsOffReason(reason) {
   return reason === "unavailable_for_event" || reason === "payments_off_for_event" ? reason : "not_configured";
@@ -2699,10 +2700,9 @@ var CSS = (
 .sl-booked.on .sl-booked-title{animation-delay:.22s}
 .sl-booked.on .sl-booked-sub{animation-delay:.3s}
 
-/* sold-out overlay \u2014 every SEATED category's live availability is 0. Centered
-   over the map; a stub (disabled) "Join waitlist" button, exactly like the page.
-   Suppressed when GA areas exist (GA capacity isn't seat-counted). Clears live
-   the moment WS frees a seat up. */
+/* sold-out overlay \u2014 every SEATED category's live availability is 0. This is
+   informational only: no waitlist workflow exists. Suppressed when GA areas
+   exist (GA capacity isn't seat-counted). Clears live when WS frees a seat. */
 .sl-soldout{position:absolute;inset:0;z-index:10;display:none;flex-direction:column;align-items:center;
   justify-content:center;text-align:center;gap:8px;padding:24px;
   background:color-mix(in srgb,var(--sl-bg) 82%,transparent);backdrop-filter:blur(4px)}
@@ -2710,9 +2710,6 @@ var CSS = (
 .sl-soldout-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sl-accent);font-weight:800}
 .sl-soldout-title{font-size:32px;font-weight:800;color:var(--sl-text);line-height:1.05}
 .sl-soldout-copy{max-width:360px;font-size:13px;color:var(--sl-muted);line-height:1.5}
-.sl-picker .sl-soldout-btn{margin-top:10px;min-height:40px;padding:10px 18px;border-radius:var(--sl-r-sm);
-  background:var(--sl-surface);color:var(--sl-muted);border:1px solid var(--sl-line);font-weight:800;font-size:13px;
-  cursor:not-allowed;opacity:.85}
 
 /* sales-closed pill (header) \u2014 persistent read-only state when the event's sales
    window is closed at load or closes live mid-session. Neutral (not accent) so it
@@ -2914,6 +2911,12 @@ var CSS = (
    Map|3D toggle and the seat confirm both stay usable over it. */
 .sl-view3d{position:absolute;inset:0;z-index:4;opacity:0;touch-action:none;
   transition:opacity .3s ease;background:radial-gradient(120% 120% at 50% 0%,#191f28 0%,#0d1014 70%)}
+.sl-view3d.has-comparison,.sl-view3d.has-passport{z-index:20}
+/* Confirm mode normally disables the entire GL sibling. Modal surfaces live
+   inside that sibling, so explicitly restore pointer input only while one is
+   open; their own inert contract keeps the venue underneath unavailable. */
+.sl-picker[data-confirming="true"] .sl-view3d.has-comparison,
+.sl-picker[data-confirming="true"] .sl-view3d.has-passport{pointer-events:auto}
 .sl-view3d canvas{display:block;width:100%;height:100%}
 .sl-view3d canvas:focus-visible{outline:2px solid var(--sl-accent);outline-offset:-3px}
 .sl-view3d-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;
@@ -2922,10 +2925,13 @@ var CSS = (
   border:2px solid rgba(217,226,242,.28);border-top-color:#d9e2f2;animation:slSpin .8s linear infinite}
 [data-view3d=on] .sl-chips,[data-view3d=on] .sl-rungs{display:none}
 .sl-view3d-back{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;
-  padding:7px 13px 7px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;
+  min-height:44px;padding:7px 13px 7px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;
   color:#e6edf3;background:rgba(10,14,20,.62);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
 .sl-view3d-back:hover,.sl-view3d-back:focus-visible{background:rgba(16,22,30,.82);border-color:rgba(255,255,255,.4)}
 .sl-view3d-back svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
+/* Map|3D already exits an overview to the 2D map. Reserve Back for the one
+   state where it adds meaning: returning from an exact seat to the venue. */
+.sl-view3d:not(.is-seat-focused) .sl-view3d-back{display:none}
 .sl-view3d-fs{position:absolute;top:12px;right:12px;z-index:2;min-width:44px;min-height:44px;padding:8px 12px;
   border-radius:999px;font-size:16px;color:#e6edf3;background:rgba(10,14,20,.62);
   border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
@@ -2959,6 +2965,7 @@ var CSS = (
 .sl-view3d-nav button:hover,.sl-view3d-nav button:focus-visible{color:#eef1f8;border-color:rgba(190,205,240,.6)}
 .sl-view3d-nav button[aria-pressed="true"]{background:var(--sl-accent);color:var(--sl-accent-ink);border-color:transparent}
 .sl-view3d-nav button:disabled{opacity:.45;cursor:not-allowed}
+.sl-view3d-nav-toggle{display:none!important}
 .sl-view3d-nav select{min-height:38px;max-width:100%;padding:7px 34px 7px 12px;
   border-radius:999px;font:700 11.5px/1 inherit;color:#eef1f8;background:rgba(12,18,32,.86);
   border:1px solid rgba(150,165,205,.45);backdrop-filter:blur(6px);cursor:pointer}
@@ -2972,7 +2979,22 @@ var CSS = (
 /* On phones the library owns the bottom edge for seat/panorama/overview actions.
    Keep venue navigation in a separate top rail so those control families never
    stack over one another. */
-.sl-picker[data-layout="narrow"] .sl-view3d-nav{top:68px;bottom:auto;max-width:calc(100% - 24px)}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav{left:120px;top:12px;bottom:auto;max-width:calc(100% - 132px)}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav-toggle{display:inline-flex!important;align-items:center;pointer-events:auto;min-height:44px}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav:not(.is-open)>div{display:none!important}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav.is-open{left:12px;top:68px;max-width:calc(100% - 24px);padding:8px;
+  border:1px solid rgba(150,165,205,.35);border-radius:14px;background:rgba(8,12,22,.9);backdrop-filter:blur(10px)}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav.is-open>div{display:flex}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav.is-open .sl-view3d-locator{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow:visible}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav.is-open .sl-view3d-locator select{width:100%;min-width:0;flex:auto}
+.sl-picker[data-layout="narrow"] .sl-view3d-nav.is-open .sl-view3d-locator button{width:100%}
+/* Seat-eye is a decision state, not another venue-navigation state. Once the
+   buyer arrives, clear the floor/area/locator rails and the module's duplicate
+   Overview action. The picker-owned Back button becomes the one predictable
+   escape: seat -> venue -> 2D map. */
+.sl-view3d.is-seat-focused .sl-view3d-nav,
+.sl-view3d.is-seat-focused .sl-3d-overview-control,
+.sl-view3d.is-seat-focused .sl-view3d-compare-saved{display:none!important}
 /* While immersed, the 2D-only chrome is meaningless \u2014 hide it, keep Map|3D. */
 .sl-picker[data-view3d="on"] .sl-rungs,
 .sl-picker[data-view3d="on"] .sl-floors,
@@ -2983,6 +3005,130 @@ var CSS = (
 .sl-picker[data-view3d="on"] .sl-confirm{left:50%!important;top:auto!important;bottom:16px;
   transform:translateX(-50%);width:min(342px,calc(100% - 24px))}
 .sl-picker[data-view3d="on"] .sl-confirm[data-placement]{transform:translateX(-50%)}
+.sl-confirm-inspect-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
+.sl-confirm-inspect-row .sl-confirm-3d{margin-top:0;min-height:44px}
+.sl-confirm-compare{min-height:44px;padding:8px;border-radius:8px;border:1px solid var(--sl-line);
+  display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;
+  color:var(--sl-text);background:transparent}
+.sl-confirm-compare:hover,.sl-confirm-compare:focus-visible{border-color:var(--sl-accent);
+  background:color-mix(in srgb,var(--sl-accent) 10%,transparent)}
+.sl-confirm-compare:disabled{opacity:.62;cursor:default}
+.sl-confirm-confidence{width:100%;min-height:44px;margin-top:8px;padding:8px 10px;border-radius:9px;
+  border:1px solid color-mix(in srgb,var(--sl-accent) 35%,var(--sl-line));display:flex;align-items:center;
+  justify-content:space-between;gap:10px;text-align:left;color:var(--sl-text);
+  background:color-mix(in srgb,var(--sl-accent) 7%,var(--sl-surface))}
+.sl-confirm-confidence>span{min-width:0}
+.sl-confirm-confidence strong,.sl-confirm-confidence small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sl-confirm-confidence strong{font-size:11px}.sl-confirm-confidence small{margin-top:2px;color:var(--sl-muted);font-size:9.5px}
+.sl-confirm-confidence em{display:none;font-style:normal}
+.sl-confirm-confidence>b{flex:none;font-size:11px;color:var(--sl-accent)}
+.sl-confirm-confidence:hover,.sl-confirm-confidence:focus-visible{border-color:var(--sl-accent)}
+/* The production 3D decision dock is deliberately denser than the 2D popup:
+   the venue remains the main content and the two inspection actions share one
+   row. Truth-bearing accessibility/restriction copy is never hidden. */
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm{bottom:10px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-field{padding:8px 9px 7px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-value{font-size:14px;margin-top:2px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-field:first-child .sl-confirm-value{font-size:12px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-cat{padding:7px 10px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-price{font-size:15px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-body{padding:8px 10px 9px}
+.sl-picker[data-view3d="on"][data-layout="narrow"] .sl-confirm-row{margin-top:7px}
+/* A short embedded/mobile picker cannot afford a full decision sheet over a
+   285px map. Keep three 44px action rows and move all disclosure into the
+   passport instead of hiding it without a route back. */
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm{bottom:6px}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-grid,
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-cat,
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-body>.sl-cx{display:none}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-body{padding:6px 8px 7px}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-confidence{margin-top:0}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-confidence em{display:block;margin-bottom:2px;
+  color:var(--sl-text);font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-confidence strong{font-size:9.5px}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-confidence small{display:none}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-inspect-row{margin-top:5px}
+.sl-picker[data-view3d="on"][data-layout="narrow"][data-density="compact"] .sl-confirm-row{margin-top:5px}
+
+/* Saved comparison lives in the top journey row, away from checkout, arrival
+   controls and the bottom-right privacy position. */
+.sl-view3d-compare-saved{position:absolute;top:12px;left:136px;z-index:5;display:flex;align-items:stretch;
+  max-width:180px;min-height:38px;border-radius:999px;overflow:hidden;color:#e6edf3;
+  background:rgba(10,14,20,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
+.sl-view3d-compare-saved button{min-width:0;padding:7px 10px;color:inherit;font-size:11px;font-weight:800;white-space:nowrap}
+.sl-view3d-compare-saved .main{overflow:hidden;text-overflow:ellipsis}
+.sl-view3d-compare-saved .clear{width:34px;padding:7px;border-left:1px solid rgba(255,255,255,.18)}
+.sl-view3d-compare-saved button:hover,.sl-view3d-compare-saved button:focus-visible{background:rgba(255,255,255,.1)}
+.sl-picker[data-layout="narrow"] .sl-view3d-compare-saved{left:126px;max-width:calc(100% - 194px);min-height:44px}
+
+/* An unavailable seat is still inspectable. This compact, non-modal status
+   card explains the exact chair the buyer touched without selecting it or
+   obscuring the venue with the full purchase confirmation sheet. */
+.sl-view3d-unavailable{position:absolute;left:50%;bottom:18px;z-index:9;display:grid;
+  grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;width:min(330px,calc(100% - 24px));
+  padding:13px 14px;border:1px solid rgba(255,255,255,.22);border-radius:14px;
+  color:#eef3fb;background:rgba(10,14,22,.94);box-shadow:0 18px 48px rgba(0,0,0,.48);
+  backdrop-filter:blur(10px);transform:translateX(-50%)}
+.sl-view3d-unavailable[data-state="held"]{border-color:rgba(242,168,56,.7)}
+.sl-view3d-unavailable[data-state="sold"],.sl-view3d-unavailable[data-state="dimmed"]{border-color:rgba(160,170,188,.48)}
+.sl-view3d-unavailable-copy{min-width:0}
+.sl-view3d-unavailable-eyebrow{display:block;font-size:9px;line-height:1.2;letter-spacing:.13em;
+  text-transform:uppercase;color:#aab7cc;font-weight:850}
+.sl-view3d-unavailable strong{display:block;margin-top:3px;font-size:17px;line-height:1.2}
+.sl-view3d-unavailable p{grid-column:1/-1;margin:4px 0 0;color:#b9c4d7;font-size:11px;line-height:1.4}
+.sl-view3d-unavailable button{align-self:start;min-width:44px;min-height:44px;margin:-5px -6px 0 0;
+  border-radius:999px;color:#eef3fb;font-size:18px;border:1px solid rgba(255,255,255,.18)}
+.sl-view3d-unavailable button:hover,.sl-view3d-unavailable button:focus-visible{background:rgba(255,255,255,.1)}
+.sl-picker[data-layout="narrow"] .sl-view3d-unavailable{bottom:10px;padding-bottom:max(13px,env(safe-area-inset-bottom))}
+
+.sl-view3d-compare-shell{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:16px}
+.sl-view3d-compare-scrim{position:absolute;inset:0;background:rgba(3,6,12,.74);backdrop-filter:blur(5px)}
+.sl-view3d-compare{position:relative;width:min(720px,100%);max-height:min(680px,calc(100% - 20px));overflow:auto;
+  border:1px solid rgba(160,177,214,.34);border-radius:18px;background:var(--sl-bg);color:var(--sl-text);
+  box-shadow:0 28px 90px rgba(0,0,0,.55);padding:18px}
+.sl-view3d-compare>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
+.sl-view3d-compare>header span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-muted);font-weight:850}
+.sl-view3d-compare>header strong{display:block;margin-top:4px;font-size:20px}
+.sl-view3d-compare>header button{min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--sl-line);color:var(--sl-text)}
+.sl-view3d-compare-note{margin:12px 0;color:var(--sl-muted);font-size:12px;line-height:1.45}
+.sl-view3d-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.sl-view3d-compare article{min-width:0;padding:14px;border:1px solid var(--sl-line);border-radius:13px;background:var(--sl-surface)}
+.sl-view3d-compare article>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-muted);font-weight:850}
+.sl-view3d-compare article>strong{display:block;margin-top:3px;font-size:20px}
+.sl-view3d-compare article>small{display:block;margin-top:3px;color:var(--sl-muted)}
+.sl-view3d-compare dl{margin:12px 0 0}
+.sl-view3d-compare dl div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px;padding:8px 0;border-top:1px solid var(--sl-line)}
+.sl-view3d-compare dt{font-size:10.5px;color:var(--sl-muted)}
+.sl-view3d-compare dd{margin:0;text-align:right;font-size:11px;font-weight:750;overflow-wrap:anywhere}
+.sl-view3d-compare-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
+.sl-view3d-compare-actions button{min-height:44px;border-radius:9px;border:1px solid var(--sl-line);font-size:12px;font-weight:800}
+.sl-view3d-compare-actions .select{background:var(--sl-accent);color:var(--sl-accent-ink);border-color:transparent}
+.sl-view3d-compare-actions button:disabled{opacity:.5;cursor:not-allowed}
+.sl-view3d-passport-shell{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:16px}
+.sl-view3d-passport-scrim{position:absolute;inset:0;background:rgba(3,6,12,.8);backdrop-filter:blur(6px)}
+.sl-view3d-passport{position:relative;width:min(540px,100%);max-height:min(700px,calc(100% - 20px));overflow:auto;
+  padding:18px;border:1px solid rgba(160,177,214,.38);border-radius:18px;background:var(--sl-bg);color:var(--sl-text);
+  box-shadow:0 28px 90px rgba(0,0,0,.6)}
+.sl-view3d-passport>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
+.sl-view3d-passport>header span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-muted);font-weight:850}
+.sl-view3d-passport>header strong{display:block;margin-top:4px;font-size:20px}
+.sl-view3d-passport>header button{min-width:44px;min-height:44px;border:1px solid var(--sl-line);border-radius:999px;color:var(--sl-text)}
+.sl-view3d-passport-summary{margin:14px 0;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--sl-accent) 9%,var(--sl-surface));
+  border:1px solid color-mix(in srgb,var(--sl-accent) 30%,var(--sl-line))}
+.sl-view3d-passport-summary strong{display:block;font-size:15px}.sl-view3d-passport-summary span{display:block;margin-top:4px;font-size:11px;color:var(--sl-muted)}
+.sl-view3d-passport dl{margin:0}.sl-view3d-passport dl div{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr);
+  gap:12px;padding:9px 0;border-top:1px solid var(--sl-line)}
+.sl-view3d-passport dt{font-size:10.5px;color:var(--sl-muted)}.sl-view3d-passport dd{margin:0;text-align:right;font-size:11px;font-weight:750;overflow-wrap:anywhere}
+.sl-view3d-passport h4{margin:14px 0 6px;font-size:11px}.sl-view3d-passport ul{margin:0;padding-left:18px;color:var(--sl-muted);font-size:10.5px;line-height:1.5}
+.sl-view3d-passport-note{margin:14px 0 0;color:var(--sl-muted);font-size:10.5px;line-height:1.45}
+@media(max-width:640px){
+  .sl-view3d-compare-shell{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}
+  .sl-view3d-compare{width:100%;max-height:100%;padding:14px 14px max(86px,calc(14px + env(safe-area-inset-bottom)));border-radius:15px}
+  .sl-view3d-compare-grid{grid-template-columns:1fr}
+  .sl-view3d-compare article{padding:12px}
+  .sl-view3d-passport-shell{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}
+  .sl-view3d-passport{width:100%;max-height:100%;padding:14px 14px max(24px,calc(14px + env(safe-area-inset-bottom)));border-radius:15px}
+}
 
 /* Plain "View from here" action shown when no real photo exists (the synthetic
    thumb is suppressed at card size \u2014 full-screen is where it earns its keep). */
@@ -3282,6 +3428,16 @@ var SeatPicker = class _SeatPicker {
     this.view3dGen = 0;
     /** Seat whose 2D confirm card launched "See it in 3D"; re-shown on return. */
     this.view3dReturnSeat = null;
+    /** Current premium 3D journey depth. `null` is the venue; a seat id is the
+     * fixed seat-eye state. It lets Back unwind one step before leaving 3D. */
+    this.view3dTargetSeatId = null;
+    /** Inspection-only comparison. These ids never represent cart selection. */
+    this.view3dCompareSeatIds = [];
+    this.view3dCompareChip = null;
+    this.view3dCompareEl = null;
+    this.view3dCompareCleanup = null;
+    this.view3dPassportEl = null;
+    this.view3dPassportCleanup = null;
     this.floorsEl = null;
     this.secCardEl = null;
     this.viewEl = null;
@@ -3692,24 +3848,73 @@ var SeatPicker = class _SeatPicker {
   /** Mount the full picker as a document-level modal. Resolves after render. */
   static async open(options) {
     ensureStyle();
+    const priorFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
     const scrim = document.createElement("div");
     scrim.className = "sl-modal-scrim";
     const frame = document.createElement("div");
     frame.className = "sl-modal-frame";
+    frame.setAttribute("role", "dialog");
+    frame.setAttribute("aria-modal", "true");
+    frame.setAttribute("aria-label", "Seat selection");
+    frame.tabIndex = -1;
     scrim.appendChild(frame);
     document.body.appendChild(scrim);
     const prevOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     const picker = new _SeatPicker({ ...options, container: frame });
     picker.modalScrim = scrim;
-    picker.prevFocus = document.activeElement;
+    picker.prevFocus = priorFocus;
+    const focusableSelector = [
+      "a[href]",
+      "area[href]",
+      "button",
+      "input",
+      "select",
+      "textarea",
+      "iframe",
+      "object",
+      "embed",
+      "summary",
+      "audio[controls]",
+      "video[controls]",
+      '[contenteditable]:not([contenteditable="false"])',
+      "[tabindex]"
+    ].join(",");
+    const activeDialog = () => {
+      const nested = [...frame.querySelectorAll('[role="dialog"][aria-modal="true"]')].filter((dialog) => dialog.isConnected && !dialog.closest('[hidden], [aria-hidden="true"], [inert]'));
+      return nested[nested.length - 1] ?? frame;
+    };
+    const hiddenWithin = (element, scope) => {
+      let current = element;
+      while (current) {
+        const style = window.getComputedStyle(current);
+        if (current.hidden || current.getAttribute("aria-hidden") === "true" || current.hasAttribute("inert") || style.display === "none" || style.visibility === "hidden" || style.visibility === "collapse") return true;
+        if (current === scope) return false;
+        current = current.parentElement;
+      }
+      return true;
+    };
+    const tabbableWithin = (scope) => [...scope.querySelectorAll(focusableSelector)].filter((element) => element.tabIndex >= 0 && !element.matches(":disabled") && !hiddenWithin(element, scope));
+    const focusEdge = (scope, backwards) => {
+      const tabbable = tabbableWithin(scope);
+      const target = backwards ? tabbable[tabbable.length - 1] : tabbable[0];
+      if (target) target.focus({ preventScroll: true });
+      else {
+        if (!scope.hasAttribute("tabindex")) scope.tabIndex = -1;
+        scope.focus({ preventScroll: true });
+      }
+    };
     let closing = false;
     const close = () => {
       if (closing) return;
       closing = true;
       document.body.style.overflow = prevOverflow;
-      scrim.style.opacity = "0";
-      scrim.style.pointerEvents = "none";
+      if (picker.escHandler) document.removeEventListener("keydown", picker.escHandler);
+      scrim.remove();
+      picker.modalScrim = null;
+      const restoreTarget = picker.prevFocus;
+      picker.prevFocus = null;
+      if (restoreTarget?.isConnected) restoreTarget.focus({ preventScroll: true });
       const finish = () => {
         picker.destroy();
         options.onClose?.();
@@ -3722,6 +3927,28 @@ var SeatPicker = class _SeatPicker {
       if (e.target === scrim) close();
     });
     picker.escHandler = (e) => {
+      if (e.key === "Tab") {
+        if (e.defaultPrevented) return;
+        const scope = activeDialog();
+        const tabbable = tabbableWithin(scope);
+        const first = tabbable[0];
+        const last = tabbable[tabbable.length - 1];
+        const active = document.activeElement;
+        if (!first || !last) {
+          e.preventDefault();
+          focusEdge(scope, e.shiftKey);
+        } else if (active === scope || !active || !scope.contains(active)) {
+          e.preventDefault();
+          (e.shiftKey ? last : first).focus({ preventScroll: true });
+        } else if (e.shiftKey && active === first) {
+          e.preventDefault();
+          last.focus({ preventScroll: true });
+        } else if (!e.shiftKey && active === last) {
+          e.preventDefault();
+          first.focus({ preventScroll: true });
+        }
+        return;
+      }
       if (e.key !== "Escape") return;
       if (picker.tableDialog) {
         e.preventDefault();
@@ -3734,6 +3961,7 @@ var SeatPicker = class _SeatPicker {
         picker.bestAvailableConfirm = false;
         picker.syncTray();
       } else {
+        e.preventDefault();
         close();
       }
     };
@@ -3741,6 +3969,7 @@ var SeatPicker = class _SeatPicker {
     await picker.render();
     picker.els.close?.classList.add("on");
     picker.els.close?.addEventListener("click", close);
+    focusEdge(activeDialog(), false);
     return picker;
   }
   async render() {
@@ -3852,8 +4081,10 @@ var SeatPicker = class _SeatPicker {
       if (w <= 0) return;
       this.reportFramedHeight();
       const next = w < 640 ? "narrow" : "wide";
-      if (root.dataset.layout === next) return;
+      const density = root.clientHeight < 560 ? "compact" : "comfortable";
+      if (root.dataset.layout === next && root.dataset.density === density) return;
       root.dataset.layout = next;
+      root.dataset.density = density;
       if (next === "narrow" && !root.dataset.sheet) root.dataset.sheet = "peek";
       this.dockLayoutChrome();
     };
@@ -4158,14 +4389,14 @@ var SeatPicker = class _SeatPicker {
     const v = t2(key);
     return v === key ? fallback : v;
   }
-  /** Sold-out overlay — centered over the map, disabled waitlist stub (Gap 2). */
+  /** Sold-out overlay — an informational state with no unavailable action. */
   buildSoldoutOverlay() {
     if (!this.els.map) return;
     const el = document.createElement("div");
     el.className = "sl-soldout";
     el.setAttribute("role", "status");
     const name = (this.controller.doc?.theme?.brandName ?? this.opts.theme?.brandName ?? this.els.name?.textContent ?? this.tf("picker.soldOutEyebrow", "This event")).toUpperCase();
-    el.innerHTML = `<div class="sl-soldout-eyebrow">${name}</div><div class="sl-soldout-title">${this.tf("picker.soldOutTitle", "Sold out")}</div><p class="sl-soldout-copy">${this.tf("picker.soldOutCopy", "Every seat is gone. Join the waitlist and we\u2019ll email you if seats are released.")}</p><button type="button" class="sl-soldout-btn" disabled>${this.tf("picker.waitlist", "Join waitlist")}</button>`;
+    el.innerHTML = `<div class="sl-soldout-eyebrow">${name}</div><div class="sl-soldout-title">${this.tf("picker.soldOutTitle", "Sold out")}</div><p class="sl-soldout-copy">${this.tf("picker.soldOutCopy", "No reserved seats are currently available for this event.")}</p>`;
     this.els.map.appendChild(el);
     this.soldoutEl = el;
   }
@@ -5082,7 +5313,7 @@ var SeatPicker = class _SeatPicker {
     el.setAttribute("aria-modal", "true");
     el.setAttribute("aria-label", `Confirm seat ${seat.label}`);
     el.style.setProperty("--sl-cat", cat?.color ?? "#6e7bff");
-    el.innerHTML = `<div class="sl-confirm-grid">` + identityFields + `</div><div class="sl-confirm-cat"><span class="sl-dot" style="background:${cat?.color ?? "#6e7bff"}"></span><span class="sl-confirm-cat-name">${safe(details?.categoryLabel ?? cat?.label ?? seat.categoryKey)}</span>` + (price != null ? `<span class="sl-confirm-price">${this.money(price)}</span>` : "") + `</div><div class="sl-confirm-body">` + this.wheelchairConfirmHtml(details?.wheelchairSpaceType) + this.commercialConfirmHtml(seat.commercial) + (this.seatViewEnabled() ? this.confirmThumbHtml(seat) : "") + this.see3dConfirmHtml() + `<div class="sl-confirm-row"><button type="button" class="sl-confirm-cancel">Cancel</button><button type="button" class="sl-confirm-add"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4 4L19 7"/></svg>Select</button></div></div>`;
+    el.innerHTML = `<div class="sl-confirm-grid">` + identityFields + `</div><div class="sl-confirm-cat"><span class="sl-dot" style="background:${cat?.color ?? "#6e7bff"}"></span><span class="sl-confirm-cat-name">${safe(details?.categoryLabel ?? cat?.label ?? seat.categoryKey)}</span>` + (price != null ? `<span class="sl-confirm-price">${this.money(price)}</span>` : "") + `</div><div class="sl-confirm-body">` + this.wheelchairConfirmHtml(details?.wheelchairSpaceType) + this.commercialConfirmHtml(seat.commercial) + (this.seatViewEnabled() && this.buyerView !== "venue3d" ? this.confirmThumbHtml(seat) : "") + (this.buyerView === "venue3d" ? `${this.seatConfidenceConfirmHtml(seat, `${details?.displayLabel ?? seat.displayLabel ?? seat.label} \xB7 ${price == null ? this.tf("picker.priceNotSupplied", "Price not supplied") : this.money(price)}`)}<div class="sl-confirm-inspect-row">${this.view3dCompareConfirmHtml(seat)}${this.see3dConfirmHtml()}</div>` : this.see3dConfirmHtml()) + `<div class="sl-confirm-row"><button type="button" class="sl-confirm-cancel">Cancel</button><button type="button" class="sl-confirm-add"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4 4L19 7"/></svg>Select</button></div></div>`;
     this.els.map.appendChild(el);
     this.confirmEl = el;
     const thumb = el.querySelector(".sl-confirm-thumb");
@@ -5094,6 +5325,10 @@ var SeatPicker = class _SeatPicker {
     }
     this.reanchorConfirm();
     el.querySelector(".sl-confirm-view")?.addEventListener("click", () => void this.openSeatView(seat));
+    el.querySelector(".sl-confirm-confidence")?.addEventListener("click", (event) => {
+      this.openSeatConfidencePassport(seat, event.currentTarget instanceof HTMLElement ? event.currentTarget : null);
+    });
+    el.querySelector(".sl-confirm-compare")?.addEventListener("click", () => this.saveView3dComparisonSeat(seat));
     el.querySelector(".sl-confirm-3d")?.addEventListener("click", () => {
       if (this.buyerView === "venue3d") {
         this.dismissConfirm();
@@ -5137,12 +5372,14 @@ var SeatPicker = class _SeatPicker {
     this.dismissConfirm();
     this.collapseSectionCard();
     this.syncTray();
+    this.syncSelectionTo3d();
   }
   cancelConfirm() {
     const seat = this.confirmSeat;
     if (!seat) return;
     this.controller.deselect([seat.id]);
     if (this.confirmSeat) this.dismissConfirm();
+    this.syncSelectionTo3d();
     this.root?.focus({ preventScroll: true });
   }
   closeConfirm() {
@@ -6439,16 +6676,13 @@ var SeatPicker = class _SeatPicker {
         return null;
       }
     }
-    const doc = this.controller.doc;
-    if (!doc) return null;
-    const activeId = this.controller.getActiveFloorId();
-    const focal = seat.focalPoint ?? doc.floors?.find((f) => f.id === activeId)?.focalPoint ?? doc.focalPoint ?? { x: 0, y: 0 };
-    try {
-      const { generateSeatPanorama } = await loadPanorama();
-      return { url: generateSeatPanorama(seat, focal, this.allSeats()).url, generated: true };
-    } catch {
-      return null;
-    }
+    return {
+      url: "",
+      generated: true,
+      mediaKind: "model",
+      coverage: "exact-seat",
+      sourceLabel: this.tf("picker.chartDerivedModel", "Chart-derived model")
+    };
   }
   /** Route the module's decoupled analytics into the host callback, tagged buyer. */
   emit3dAnalytics(event, props) {
@@ -6472,8 +6706,16 @@ var SeatPicker = class _SeatPicker {
     if (already) {
       this.controller.deselect([seatId]);
       this.dismissConfirm();
+      this.syncSelectionTo3d();
       return;
     }
+    const visualState = this.seatState3dFor(seat);
+    if (visualState !== "available") {
+      this.showUnavailable3dSeat(seat, visualState);
+      this.syncSelectionTo3d();
+      return;
+    }
+    this.dismissUnavailable3dSeat();
     const added = this.controller.select([seatId]);
     if (!added.length) {
       this.syncSelectionTo3d();
@@ -6489,6 +6731,391 @@ var SeatPicker = class _SeatPicker {
     }
     if (this.opts.confirmSelection !== false) this.showConfirm(seat);
     else this.syncTray();
+    this.syncSelectionTo3d();
+  }
+  /** Explain a visible-but-unselectable 3D seat without entering the booking
+   * flow. Category colour remains visible in the venue; this card names the
+   * availability state explicitly so yellow never has to carry both meanings. */
+  showUnavailable3dSeat(seat, visualState) {
+    const overlay = this.view3dEl;
+    if (!overlay) return;
+    this.dismissUnavailable3dSeat();
+    const status = this.controller.getStatus(seat.id);
+    const details = this.controller.seatDetails(seat.id);
+    const identity = details?.displayLabel ?? seat.displayLabel ?? seat.label;
+    const section = details?.sectionLabel;
+    const row = this.rowShort(details);
+    const location2 = [section, row ? `Row ${row}` : null, identity].filter(Boolean).join(" \xB7 ");
+    const copy = status === "held" ? {
+      title: this.tf("picker.temporarilyHeld", "Temporarily held"),
+      message: this.tf("picker.heldSeatExplanation", "Another buyer is holding this seat. It may become available again.")
+    } : status === "booked" ? {
+      title: this.tf("picker.sold", "Sold"),
+      message: this.tf("picker.soldSeatExplanation", "This seat has already been booked.")
+    } : status === "not_for_sale" ? {
+      title: this.tf("picker.notForSale", "Not for sale"),
+      message: this.tf("picker.notForSaleExplanation", "This seat is not included in the current sale.")
+    } : {
+      title: this.tf("picker.filteredSeat", "Unavailable with current filters"),
+      message: this.tf("picker.filteredSeatExplanation", "Change the active price or view filters to make this seat selectable.")
+    };
+    const card = document.createElement("div");
+    card.className = "sl-view3d-unavailable";
+    card.dataset.state = visualState;
+    card.setAttribute("role", "status");
+    card.setAttribute("aria-live", "polite");
+    const eyebrow = document.createElement("span");
+    eyebrow.className = "sl-view3d-unavailable-eyebrow";
+    eyebrow.textContent = location2 || identity;
+    const title = document.createElement("strong");
+    title.textContent = copy.title;
+    const content = document.createElement("div");
+    content.className = "sl-view3d-unavailable-copy";
+    content.append(eyebrow, title);
+    const close = document.createElement("button");
+    close.type = "button";
+    close.setAttribute("aria-label", this.tf("picker.closeSeatStatus", "Close seat status"));
+    close.textContent = "\xD7";
+    const message = document.createElement("p");
+    message.textContent = copy.message;
+    card.append(content, close, message);
+    close.addEventListener("click", () => card.remove());
+    overlay.appendChild(card);
+    this.announceSeat(seat);
+  }
+  dismissUnavailable3dSeat() {
+    this.view3dEl?.querySelector(".sl-view3d-unavailable")?.remove();
+  }
+  /** Comparison belongs to inspection, never selection. The confirm candidate
+   * remains excluded from checkout until Select; saving it releases that
+   * candidate before any comparison state is created. */
+  view3dCompareConfirmHtml(seat) {
+    if (this.buyerView !== "venue3d") return "";
+    const saved = this.view3dCompareSeatIds;
+    const included = saved.includes(seat.id);
+    const label = included ? saved.length > 1 ? this.tf("picker.openComparison", "Open comparison") : this.tf("picker.savedForComparison", "Saved for comparison") : saved.length ? this.tf("picker.compareWithSaved", "Compare with saved") : this.tf("picker.saveToCompare", "Save to compare");
+    return `<button type="button" class="sl-confirm-compare"${included && saved.length === 1 ? " disabled" : ""}><span aria-hidden="true">\u21C4</span><span>${this.escCx(label)}</span></button>`;
+  }
+  seatConfidenceConfirmHtml(seat, compactSummary) {
+    if (this.buyerView !== "venue3d") return "";
+    const disclosure = seatConfidenceDisclosure(seat.confidenceEvidence);
+    const detail = disclosure.modeledTarget ?? disclosure.reality;
+    return `<button type="button" class="sl-confirm-confidence" aria-label="Open seat confidence passport for ${this.escCx(seat.displayLabel ?? seat.label)}"><span><em>${this.escCx(compactSummary)}</em><strong>${this.escCx(disclosure.headline)}</strong><small>${this.escCx(detail)}</small></span><b>Passport</b></button>`;
+  }
+  saveView3dComparisonSeat(seat) {
+    if (this.buyerView !== "venue3d") return;
+    const previous = this.view3dCompareSeatIds;
+    if (!previous.includes(seat.id)) {
+      this.view3dCompareSeatIds = previous.length === 0 ? [seat.id] : [previous[0], seat.id];
+    }
+    if (this.confirmSeat?.id === seat.id) {
+      this.controller.deselect([seat.id]);
+      this.dismissConfirm();
+      this.syncSelectionTo3d();
+      this.syncTray();
+    }
+    this.syncView3dCompareChip();
+    this.emit3dAnalytics("3d_comparison_saved", {
+      seatId: seat.id,
+      count: this.view3dCompareSeatIds.length
+    });
+    if (this.view3dCompareSeatIds.length > 1) this.openView3dComparison();
+    else this.toast(this.tf("picker.chooseAnotherToCompare", "Seat saved. Choose another seat to compare."), "success");
+  }
+  clearView3dComparison() {
+    this.closeView3dComparison(false);
+    this.view3dCompareSeatIds = [];
+    this.view3dCompareChip?.remove();
+    this.view3dCompareChip = null;
+    this.emit3dAnalytics("3d_comparison_cleared");
+  }
+  syncView3dCompareChip() {
+    const overlay = this.view3dEl;
+    if (!overlay || this.view3dCompareSeatIds.length === 0) {
+      this.view3dCompareChip?.remove();
+      this.view3dCompareChip = null;
+      return;
+    }
+    let chip = this.view3dCompareChip;
+    if (!chip) {
+      chip = document.createElement("div");
+      chip.className = "sl-view3d-compare-saved";
+      chip.setAttribute("role", "group");
+      chip.setAttribute("aria-label", "Saved seat comparison");
+      const main2 = document.createElement("button");
+      main2.type = "button";
+      main2.className = "main";
+      main2.addEventListener("click", () => {
+        if (this.view3dCompareSeatIds.length > 1) this.openView3dComparison();
+        else this.toast(this.tf("picker.chooseAnotherToCompare", "Choose another seat to compare."), "neutral");
+      });
+      const clear = document.createElement("button");
+      clear.type = "button";
+      clear.className = "clear";
+      clear.textContent = "\xD7";
+      clear.setAttribute("aria-label", "Clear saved seat comparison");
+      clear.addEventListener("click", () => this.clearView3dComparison());
+      chip.append(main2, clear);
+      overlay.appendChild(chip);
+      this.view3dCompareChip = chip;
+    }
+    const count = this.view3dCompareSeatIds.length;
+    const main = chip.querySelector(".main");
+    if (main) {
+      main.textContent = count > 1 ? `Compare ${count}` : "1 seat saved";
+      main.setAttribute("aria-label", count > 1 ? `Open comparison of ${count} seats` : "One seat saved; choose another to compare");
+    }
+  }
+  view3dComparisonSnapshot(seatId) {
+    const seat = this.allSeats().find((candidate) => candidate.id === seatId);
+    if (!seat) return null;
+    const details = this.controller.seatDetails(seat.id);
+    const cat = this.controller.doc?.categories.find((candidate) => candidate.key === seat.categoryKey);
+    const chartPrice = details?.price ?? (cat?.tiers?.length ? cat.tiers[0].price : cat?.price);
+    const price = chartPrice != null ? this.paidPrice(seat.categoryKey, details?.tierId ?? cat?.tiers?.[0]?.id ?? null, chartPrice) : void 0;
+    const status = this.controller.getStatus(seat.id);
+    const availability = status === "held" ? this.tf("picker.temporarilyHeld", "Temporarily held") : status === "booked" ? this.tf("picker.sold", "Sold") : status === "not_for_sale" ? this.tf("picker.notForSale", "Not for sale") : this.tf("picker.available", "Available");
+    const viewSource = seat.viewUrl ? seatViewDisclosure({
+      url: seat.viewUrl,
+      ...seat.viewMeta?.coverage ? { coverage: seat.viewMeta.coverage } : {},
+      ...seat.viewMeta?.capturedAt ? { capturedAt: seat.viewMeta.capturedAt } : {},
+      ...seat.viewMeta?.sourceLabel ? { sourceLabel: seat.viewMeta.sourceLabel } : {}
+    }) : this.tf("picker.chartDerivedSeatEye", "Live 3D \xB7 chart-derived seat-eye \xB7 not surveyed");
+    const limited = this.limitedViewLabel(seat.commercial) || this.tf("picker.noAuthoredRestriction", "No organizer-authored restriction");
+    const accessibility = details?.wheelchairSpaceType ? `${this.wheelchairProvisionLabel(details.wheelchairSpaceType)} \xB7 metadata, not access certification` : this.tf("picker.noAccessibilityMetadata", "No accessibility metadata supplied");
+    const confidence = seatConfidenceDisclosure(seat.confidenceEvidence);
+    return {
+      seat,
+      label: details?.displayLabel ?? seat.displayLabel ?? seat.label,
+      section: details?.sectionLabel ?? seat.sectionId ?? "\u2014",
+      row: this.rowShort(details) ?? details?.rowLabel ?? "\u2014",
+      category: details?.categoryLabel ?? cat?.label ?? seat.categoryKey,
+      price: price == null ? this.tf("picker.priceNotSupplied", "Not supplied") : this.money(price),
+      availability,
+      selectable: status == null || status === "free",
+      viewSource,
+      limited,
+      accessibility,
+      confidence
+    };
+  }
+  openSeatConfidencePassport(seat, returnFocus = null) {
+    const overlay = this.view3dEl;
+    if (!overlay) return;
+    this.closeSeatConfidencePassport(false);
+    const disclosure = seatConfidenceDisclosure(seat.confidenceEvidence);
+    const evidence = seat.confidenceEvidence;
+    const details = this.controller.seatDetails(seat.id);
+    const safe = (value) => this.escCx(value);
+    const limitations = disclosure.limitations.length ? `<h4>Known limits</h4><ul>${disclosure.limitations.map((item) => `<li>${safe(item)}</li>`).join("")}</ul>` : "";
+    const modeledTarget = disclosure.modeledTarget ? `<div><dt>Modeled target</dt><dd>${safe(disclosure.modeledTarget)}</dd></div>` : "";
+    const evidenceRows = evidence ? `<div><dt>Evidence ID</dt><dd>${safe(evidence.evidenceId)}</dd></div><div><dt>Model version</dt><dd>${safe(evidence.modelVersion)}</dd></div><div><dt>Event configuration</dt><dd>${safe(evidence.eventConfigurationId ?? "Not configuration-specific")}</dd></div><div><dt>Approval</dt><dd>${safe(evidence.approvedByRole ?? "No external approval supplied")}</dd></div>` + (evidence.validUntil ? `<div><dt>Valid until</dt><dd>${safe(evidence.validUntil.slice(0, 10))}</dd></div>` : "") : `<div><dt>Evidence ID</dt><dd>None supplied</dd></div>`;
+    const restriction = this.limitedViewLabel(seat.commercial) || this.tf("picker.noAuthoredRestriction", "No organizer-authored restriction");
+    const commercialRows = `<div><dt>View restriction</dt><dd>${safe(restriction)}</dd></div>` + (seat.commercial?.note ? `<div><dt>Organizer note</dt><dd>${safe(seat.commercial.note)}</dd></div>` : "");
+    const shell = document.createElement("div");
+    shell.className = "sl-view3d-passport-shell";
+    shell.innerHTML = `<div class="sl-view3d-passport-scrim" aria-hidden="true"></div><section class="sl-view3d-passport" role="dialog" aria-modal="true" aria-labelledby="sl-view3d-passport-title"><header><div><span>Seat confidence passport</span><strong id="sl-view3d-passport-title">${safe(details?.displayLabel ?? seat.displayLabel ?? seat.label)}</strong></div><button type="button" data-close aria-label="Close seat confidence passport">\xD7</button></header><div class="sl-view3d-passport-summary"><strong>${safe(disclosure.headline)}</strong><span>${safe(disclosure.coverage)} \xB7 ${safe(disclosure.freshness)}</span></div><dl><div><dt>Model status</dt><dd>${safe(disclosure.model)}</dd></div><div><dt>Reality evidence</dt><dd>${safe(disclosure.reality)}</dd></div><div><dt>Source</dt><dd>${safe(disclosure.provenance)}</dd></div>` + commercialRows + modeledTarget + evidenceRows + `</dl>${limitations}<p class="sl-view3d-passport-note">This passport describes supplied evidence and known limits. It does not guarantee that every temporary obstruction or real-world condition is knowable before the event build.</p></section>`;
+    const background = [.../* @__PURE__ */ new Set([
+      ...overlay.children,
+      ...[...this.els.map.children].filter((element) => element !== overlay)
+    ])].filter((element) => element instanceof HTMLElement);
+    const prior = background.map((element) => ({
+      element,
+      inert: element.inert,
+      ariaHidden: element.getAttribute("aria-hidden")
+    }));
+    for (const element of background) {
+      element.inert = true;
+      element.setAttribute("aria-hidden", "true");
+    }
+    overlay.appendChild(shell);
+    overlay.classList.add("has-passport");
+    this.view3dPassportEl = shell;
+    const dialog = shell.querySelector(".sl-view3d-passport");
+    const controls = () => [...dialog.querySelectorAll('button:not(:disabled),[href],[tabindex]:not([tabindex="-1"])')];
+    const onKey = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        this.closeSeatConfidencePassport();
+        return;
+      }
+      if (event.key !== "Tab") return;
+      const focusable = controls();
+      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();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    this.view3dPassportCleanup = () => {
+      window.removeEventListener("keydown", onKey, true);
+      for (const state of prior) {
+        state.element.inert = state.inert;
+        if (state.ariaHidden === null) state.element.removeAttribute("aria-hidden");
+        else state.element.setAttribute("aria-hidden", state.ariaHidden);
+      }
+      const returnCandidate = returnFocus?.isConnected ? returnFocus : this.confirmEl?.querySelector(".sl-confirm-confidence") ?? this.view3dCompareEl?.querySelector("[data-passport-seat]") ?? null;
+      const returnSurface = returnCandidate?.closest(".sl-confirm,.sl-view3d-compare");
+      if (returnSurface?.isConnected) {
+        returnSurface.inert = false;
+        returnSurface.removeAttribute("aria-hidden");
+      }
+      shell.remove();
+      overlay.classList.remove("has-passport");
+      if (this.view3dPassportEl === shell) this.view3dPassportEl = null;
+      const fallback = returnCandidate ?? this.view3dCompareEl?.querySelector("[data-passport-seat]") ?? this.confirmEl?.querySelector(".sl-confirm-confidence") ?? this.view3dCompareChip?.querySelector(".main");
+      (returnFocus?.isConnected ? returnFocus : fallback)?.focus();
+    };
+    shell.addEventListener("click", (event) => {
+      const target = event.target instanceof HTMLElement ? event.target : null;
+      if (target?.closest("[data-close]") || target?.classList.contains("sl-view3d-passport-scrim")) {
+        this.closeSeatConfidencePassport();
+      }
+    });
+    requestAnimationFrame(() => controls()[0]?.focus());
+    this.emit3dAnalytics("3d_confidence_passport_opened", {
+      seatId: seat.id,
+      evidenceId: evidence?.evidenceId ?? null,
+      eventConfigurationId: evidence?.eventConfigurationId ?? null,
+      modelLevel: evidence?.modelLevel ?? "unverified",
+      realityLevel: evidence?.realityLevel ?? "none"
+    });
+  }
+  closeSeatConfidencePassport(restoreFocus = true) {
+    const cleanup = this.view3dPassportCleanup;
+    this.view3dPassportCleanup = null;
+    if (!cleanup) {
+      this.view3dPassportEl?.remove();
+      this.view3dPassportEl = null;
+      this.view3dEl?.classList.remove("has-passport");
+      return;
+    }
+    if (!restoreFocus) (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.blur();
+    cleanup();
+    if (!restoreFocus) this.root?.focus({ preventScroll: true });
+  }
+  openView3dComparison() {
+    const overlay = this.view3dEl;
+    if (!overlay || this.view3dCompareSeatIds.length < 2) return;
+    this.closeView3dComparison(false);
+    const snapshots = this.view3dCompareSeatIds.map((seatId) => this.view3dComparisonSnapshot(seatId)).filter((value) => !!value);
+    if (snapshots.length < 2) {
+      this.clearView3dComparison();
+      return;
+    }
+    const safe = (value) => this.escCx(value);
+    const shell = document.createElement("div");
+    shell.className = "sl-view3d-compare-shell";
+    const cards = snapshots.map((snapshot, index) => `<article><span>Seat ${index === 0 ? "A" : "B"}</span><strong>${safe(snapshot.label)}</strong><small>Section ${safe(snapshot.section)} \xB7 Row ${safe(snapshot.row)}</small><dl><div><dt>Current price</dt><dd>${safe(snapshot.price)}</dd></div><div><dt>Ticket type</dt><dd>${safe(snapshot.category)}</dd></div><div><dt>Availability</dt><dd>${safe(snapshot.availability)}</dd></div><div><dt>View source</dt><dd>${safe(snapshot.viewSource)}</dd></div><div><dt>View restriction</dt><dd>${safe(snapshot.limited)}</dd></div><div><dt>Seat confidence</dt><dd>${safe(snapshot.confidence.headline)}</dd></div><div><dt>Reality check</dt><dd>${safe(snapshot.confidence.reality)}</dd></div><div><dt>Accessibility</dt><dd>${safe(snapshot.accessibility)}</dd></div></dl><div class="sl-view3d-compare-actions"><button type="button" data-passport-seat="${safe(snapshot.seat.id)}">Passport</button><button type="button" data-view-seat="${safe(snapshot.seat.id)}">View seat</button><button type="button" class="select" data-select-seat="${safe(snapshot.seat.id)}"${snapshot.selectable ? "" : " disabled"}>Select seat</button></div></article>`).join("");
+    shell.innerHTML = `<div class="sl-view3d-compare-scrim" aria-hidden="true"></div><section class="sl-view3d-compare" role="dialog" aria-modal="true" aria-labelledby="sl-view3d-compare-title"><header><div><span>Seat inspection</span><strong id="sl-view3d-compare-title">Compare disclosed attributes</strong></div><button type="button" data-close aria-label="Close seat comparison">\xD7</button></header><p class="sl-view3d-compare-note">Current price and availability come from this picker. Modeled views are chart-derived unless organizer media is labeled; SeatLayer does not invent why a seat has its price.</p><div class="sl-view3d-compare-grid">${cards}</div></section>`;
+    const previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const background = [...overlay.children].filter((element) => element instanceof HTMLElement);
+    const prior = background.map((element) => ({
+      element,
+      inert: element.inert,
+      ariaHidden: element.getAttribute("aria-hidden")
+    }));
+    for (const element of background) {
+      element.inert = true;
+      element.setAttribute("aria-hidden", "true");
+    }
+    overlay.appendChild(shell);
+    overlay.classList.add("has-comparison");
+    this.view3dCompareEl = shell;
+    const dialog = shell.querySelector(".sl-view3d-compare");
+    const controls = () => [...dialog.querySelectorAll('button:not(:disabled),[href],[tabindex]:not([tabindex="-1"])')];
+    const onKey = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        this.closeView3dComparison();
+        return;
+      }
+      if (event.key !== "Tab") return;
+      const focusable = controls();
+      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();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    this.view3dCompareCleanup = () => {
+      window.removeEventListener("keydown", onKey);
+      for (const state of prior) {
+        state.element.inert = state.inert;
+        if (state.ariaHidden === null) state.element.removeAttribute("aria-hidden");
+        else state.element.setAttribute("aria-hidden", state.ariaHidden);
+      }
+      shell.remove();
+      overlay.classList.remove("has-comparison");
+      if (this.view3dCompareEl === shell) this.view3dCompareEl = null;
+      if (previousFocus?.isConnected) previousFocus.focus();
+      else this.view3dCompareChip?.querySelector(".main")?.focus();
+    };
+    shell.querySelector("[data-close]")?.addEventListener("click", () => this.closeView3dComparison());
+    shell.querySelectorAll("[data-passport-seat]").forEach((button) => button.addEventListener("click", () => {
+      const seatId = button.dataset.passportSeat;
+      const seat = seatId ? this.allSeats().find((candidate) => candidate.id === seatId) : void 0;
+      if (seat) this.openSeatConfidencePassport(seat, button);
+    }));
+    shell.querySelectorAll("[data-view-seat]").forEach((button) => button.addEventListener("click", () => {
+      const seatId = button.dataset.viewSeat;
+      this.closeView3dComparison(false);
+      if (seatId) void this.view3dHandle?.flyToSeat(seatId);
+    }));
+    shell.querySelectorAll("[data-select-seat]").forEach((button) => button.addEventListener("click", () => {
+      const seatId = button.dataset.selectSeat;
+      if (seatId) this.selectComparedSeat(seatId);
+    }));
+    requestAnimationFrame(() => controls()[0]?.focus());
+    this.emit3dAnalytics("3d_comparison_opened", { seatIds: this.view3dCompareSeatIds.slice() });
+  }
+  closeView3dComparison(restoreFocus = true) {
+    const cleanup = this.view3dCompareCleanup;
+    this.view3dCompareCleanup = null;
+    if (!cleanup) {
+      this.view3dCompareEl?.remove();
+      this.view3dCompareEl = null;
+      this.view3dEl?.classList.remove("has-comparison");
+      return;
+    }
+    if (!restoreFocus) {
+      const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      active?.blur();
+    }
+    cleanup();
+    if (!restoreFocus) this.root?.focus({ preventScroll: true });
+  }
+  selectComparedSeat(seatId) {
+    if (this.salesClosed) {
+      this.toast(this.tf("picker.salesClosedToast", "Sales are closed for this event."), "warning");
+      return;
+    }
+    const seat = this.allSeats().find((candidate) => candidate.id === seatId);
+    if (!seat) return;
+    this.closeView3dComparison(false);
+    const added = this.controller.select([seatId]);
+    if (!added.length) {
+      this.syncSelectionTo3d();
+      this.toast(this.tf("picker.seatNoLongerAvailable", "That seat is no longer available."), "warning");
+      return;
+    }
+    this.syncSelectionTo3d();
+    this.showConfirm(seat);
+    this.emit3dAnalytics("3d_comparison_selected", { seatId });
   }
   /**
    * The venue-navigation rail inside 3D: levels and areas.
@@ -6517,6 +7144,25 @@ var SeatPicker = class _SeatPicker {
     if (!wantFloors && !wantZones && !wantSections && !wantLocator) return;
     const nav = document.createElement("div");
     nav.className = "sl-view3d-nav";
+    const finderToggle = document.createElement("button");
+    finderToggle.type = "button";
+    finderToggle.className = "sl-view3d-nav-toggle";
+    finderToggle.setAttribute("aria-expanded", "false");
+    const setFinderOpen = (open) => {
+      nav.classList.toggle("is-open", open);
+      finderToggle.setAttribute("aria-expanded", String(open));
+      finderToggle.textContent = open ? "Close seat finder" : "Find a seat";
+    };
+    finderToggle.addEventListener("click", () => setFinderOpen(!nav.classList.contains("is-open")));
+    nav.addEventListener("keydown", (event) => {
+      if (event.key !== "Escape" || !nav.classList.contains("is-open")) return;
+      event.preventDefault();
+      event.stopPropagation();
+      setFinderOpen(false);
+      finderToggle.focus();
+    });
+    setFinderOpen(false);
+    nav.appendChild(finderToggle);
     if (wantFloors) {
       const row = document.createElement("div");
       row.setAttribute("role", "group");
@@ -6534,7 +7180,10 @@ var SeatPicker = class _SeatPicker {
         b.textContent = label;
         b.dataset.floor = index === null ? "" : String(index);
         b.setAttribute("aria-pressed", String(index === null));
-        b.addEventListener("click", () => select(index));
+        b.addEventListener("click", () => {
+          select(index);
+          setFinderOpen(false);
+        });
         pills.push(b);
         row.appendChild(b);
       };
@@ -6573,7 +7222,10 @@ var SeatPicker = class _SeatPicker {
           const b = document.createElement("button");
           b.type = "button";
           b.textContent = e.label;
-          b.addEventListener("click", e.go);
+          b.addEventListener("click", () => {
+            e.go();
+            setFinderOpen(false);
+          });
           row.appendChild(b);
         }
       }
@@ -6592,7 +7244,7 @@ var SeatPicker = class _SeatPicker {
       seatSelect.setAttribute("aria-label", "Choose seat in 3D");
       const view = document.createElement("button");
       view.type = "button";
-      view.textContent = "View seat";
+      view.textContent = "Inspect seat";
       view.disabled = true;
       const fill = (select, placeholder, entries) => {
         select.replaceChildren();
@@ -6648,11 +7300,13 @@ var SeatPicker = class _SeatPicker {
       seatSelect.addEventListener("change", () => {
         const seatId = seatSelect.value;
         view.disabled = !seatId;
-        handle.setSelection(seatId ? [seatId] : []);
       });
       view.addEventListener("click", () => {
         const seatId = seatSelect.value;
-        if (seatId) void handle.flyToSeat(seatId);
+        if (seatId) {
+          setFinderOpen(false);
+          this.onView3dSeatPick(seatId);
+        }
       });
       locator.append(sectionSelect, rowSelect, seatSelect, view);
       nav.appendChild(locator);
@@ -6664,6 +7318,7 @@ var SeatPicker = class _SeatPicker {
     const doc = this.controller.doc;
     if (!doc) return;
     this.buyerView = "venue3d";
+    this.view3dTargetSeatId = null;
     this.opts.onBuyerViewChange?.({ view: "venue3d", ...flySeatId ? { seatId: flySeatId } : {} });
     this.root?.setAttribute("data-view3d", "on");
     this.dismissConfirm();
@@ -6676,7 +7331,22 @@ var SeatPicker = class _SeatPicker {
     back.type = "button";
     back.className = "sl-view3d-back";
     back.innerHTML = `<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 18l-6-6 6-6"/></svg><span>${this.tf("picker.backToMap", "Back to map")}</span>`;
-    back.addEventListener("click", () => this.exit3d());
+    const backLabel = back.querySelector("span");
+    const setJourneyTarget = (seatId) => {
+      this.view3dTargetSeatId = seatId;
+      const atSeat = !!seatId;
+      overlay.classList.toggle("is-seat-focused", atSeat);
+      const label = atSeat ? this.tf("picker.backToVenue", "Back to venue") : this.tf("picker.backToMap", "Back to map");
+      if (backLabel) backLabel.textContent = label;
+      back.setAttribute("aria-label", label);
+    };
+    back.addEventListener("click", () => {
+      if (this.view3dTargetSeatId && this.view3dHandle) {
+        this.view3dHandle.focusOverview();
+        return;
+      }
+      this.exit3d();
+    });
     overlay.appendChild(back);
     const fullscreen = document.createElement("button");
     fullscreen.type = "button";
@@ -6694,6 +7364,7 @@ var SeatPicker = class _SeatPicker {
     overlay.appendChild(loading);
     this.els.map.appendChild(overlay);
     this.view3dEl = overlay;
+    this.syncView3dCompareChip();
     requestAnimationFrame(() => {
       overlay.style.opacity = "1";
     });
@@ -6709,7 +7380,13 @@ var SeatPicker = class _SeatPicker {
         // phone. The bounded portrait fit was validated against every UX-lab
         // fixture; keep editor previews strict while making buyer seats legible.
         portraitOverviewCrop: true,
+        // Premium buyer mode lands at the modeled seated-eye and locks the
+        // venue orbit there. Explicit look-around rotates at that same origin;
+        // zooming cannot escape through the shell or reveal backstage geometry.
+        arriveAtSeatEye: true,
+        seatViewActionLabel: (seatId) => this.allSeats().find((seat) => seat.id === seatId)?.viewUrl ? this.tf("picker.openAuthored360", "Open venue 360\xB0") : this.tf("picker.lookAroundLive3d", "Look around in live 3D"),
         onSeatPick: (id) => this.onView3dSeatPick(id),
+        onSeatInspect: (id) => this.onView3dSeatPick(id),
         onSectionFocusChange: (sectionId) => {
           const select = overlay.querySelector(
             'select[aria-label="Choose section in 3D"]'
@@ -6721,6 +7398,7 @@ var SeatPicker = class _SeatPicker {
         },
         onViewTargetChange: (seatId) => {
           overlay.querySelector(".sl-view3d-nav")?.classList.toggle("is-seat-focused", !!seatId);
+          setJourneyTarget(seatId);
           this.opts.onBuyerViewChange?.({
             view: "venue3d",
             ...seatId ? { seatId } : {}
@@ -6761,8 +7439,13 @@ var SeatPicker = class _SeatPicker {
     if (this.buyerView !== "venue3d" && !this.view3dEl) return;
     this.view3dGen++;
     this.buyerView = "map";
+    this.view3dTargetSeatId = null;
     this.opts.onBuyerViewChange?.({ view: "map" });
     this.root?.removeAttribute("data-view3d");
+    this.closeSeatConfidencePassport(false);
+    this.closeView3dComparison(false);
+    this.view3dCompareChip?.remove();
+    this.view3dCompareChip = null;
     try {
       this.view3dHandle?.dispose();
     } catch {
@@ -7048,7 +7731,8 @@ var SeatPicker = class _SeatPicker {
     if (this.modalScrim) {
       this.modalScrim.remove();
       this.modalScrim = null;
-      this.prevFocus?.focus?.();
+      if (this.prevFocus?.isConnected) this.prevFocus.focus({ preventScroll: true });
+      this.prevFocus = null;
     }
   }
 };
@@ -7139,46 +7823,17 @@ function attachPickerFrame(iframe, opts = {}) {
   };
 }
 export {
-  ACCESS_LINK_DEFAULTS,
   ApiError,
   BuyerAccessContext,
   BuyerAccessUnavailableError,
   BuyerRealtimeClient,
-  ChannelsMode,
   EmbeddedDesigner,
-  ManageApi,
-  ManageApiError,
-  PUBLIC_CHANNEL_ID,
-  PUBLIC_CHANNEL_NAME,
-  SeatManager,
   SeatPicker,
   SeatingChart,
-  accessIntentDescription,
-  accessIntentLabel,
-  accessLine,
-  accessLinkBadge,
-  accessLinkErrorCopy,
-  accessLinkIsLive,
-  accessLinkPolicyLines,
   attachPickerFrame,
-  bucketRows,
-  bucketRowsHtml,
   createBuyerAccessContext,
   createControllerSink,
-  dropReviewRows,
-  intentForbidsCopy,
-  intentSwitchBlockedCopy,
-  isPublicChannelId,
-  markerLetter,
-  markerOf,
-  mutationCount,
-  needsMoveConfirmation,
   parseTicketOfferAvailability,
-  planAssignment,
-  retryAfterCopy,
-  selectionSources,
-  stateBadge,
-  suggestMarker,
   ticketOfferPrices
 };
 //# sourceMappingURL=index.js.map