@virtualdisplay.io/client 4.0.0-alpha.28 → 4.0.0-alpha.29

package/dist/virtualdisplay.client.es.js

@@ -33,58 +33,58 @@ function Mt(n) {
   return typeof t.target == "string" ? !1 : typeof t.type == "string" && Lt.has(t.type);
 }
 function Nt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.HANDSHAKE;
 }
 function zt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.SESSION && typeof t.sessionId == "string";
 }
 function Pt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.APP_RESOLVED && typeof t.appType == "string" && t.appType !== "" && typeof t.name == "string";
 }
 function Ft(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.MUTATION && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.results);
 }
 function Dt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.SNAPSHOT && ("data" in t || "error" in t);
 }
 function $t(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.CAMERA && Array.isArray(t.transforms);
 }
 function Bt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.MAPPING && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.attributes);
 }
 function Ut(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.LOADING_INDICATOR && typeof t.progress == "number";
 }
 function Vt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.SYNC && typeof t.connected == "boolean";
 }
 function jt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.SELECTABLE && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.attributes);
 }
 function Ht(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.CONFIG && typeof t.viewerSettings == "object";
 }
 function qt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.FOCUS && typeof t.instance == "string" && t.instance !== "" && typeof t.state == "string";
 }
 function Gt(n) {
-  const t = S(n);
+  const t = w(n);
   return t !== null && t.type === c.PRICING && typeof t.instance == "string" && t.instance !== "" && typeof t.pricing == "object" && t.pricing !== null;
 }
-function S(n) {
+function w(n) {
   return typeof n != "object" || n === null ? null : n;
 }
 class nt {
@@ -166,14 +166,12 @@ class Zt {
   send(t) {
     this.publisher.enqueue(t);
   }
+  // For a transport that delivers messages some way other than the iframe
+  // channel this messenger listens on, such as the viewer's live sync channel,
+  // and needs them to land exactly where a postMessage would.
   /**
-   * Feed a message through the same routing path as one that just arrived via
-   * postMessage, without an actual postMessage round-trip: still validated
-   * against `isValid`, and still respects the consumer queue's buffering. For
-   * a transport that delivers messages some
-   * other way than the iframe channel this messenger already listens on (the
-   * viewer engine's SSE-sourced live sync channel, ar-session-handoff) and
-   * needs them to land exactly where a postMessage would.
+   * Route a message as if it had arrived by postMessage, without the round trip.
+   * Still validated against `isValid` and still subject to the consumer queue.
    */
   receive(t) {
     this.isValid(t) && this.consumer.enqueue(t);
@@ -247,7 +245,7 @@ class Wt {
     });
   }
 }
-class Yt {
+class Qt {
   constructor(t, e) {
     this.value = t, this.attribute = e;
   }
@@ -290,7 +288,7 @@ class y extends Error {
     return new y(t, A.INVALID_PARAMETER);
   }
 }
-class Qt {
+class Yt {
   name;
   defaultValue;
   values;
@@ -342,7 +340,7 @@ class Qt {
   createValues(t) {
     const e = /* @__PURE__ */ new Map();
     for (const i of t) {
-      const o = new Yt(i, this.name);
+      const o = new Qt(i, this.name);
       i === this.defaultValue && o.setSelected(!0), e.set(i, o);
     }
     return e;
@@ -353,7 +351,7 @@ class Kt {
   constructor(t, e, i) {
     for (const o of t) {
       const s = this.buildOptions(o, e);
-      this.attributes.set(o.name, new Qt(s));
+      this.attributes.set(o.name, new Yt(s));
     }
     this.onMutationFailed = i;
   }
@@ -390,9 +388,9 @@ class Kt {
     return t.defaultValue !== void 0 ? { ...i, defaultValue: t.defaultValue } : i;
   }
 }
-const N = 4096, D = 16384, Xt = [1024, 256, 64], Jt = 20, Y = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
+const N = 4096, D = 16384, Xt = [1024, 256, 64], Jt = 20, Q = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
 function te(n) {
-  const t = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), e = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", o = n.msg, s = Object.entries(n).filter(([r]) => !Y.includes(r)).map(([r, a]) => `${r}=${O(a, N).line}`).join(" ");
+  const t = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), e = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", o = n.msg, s = Object.entries(n).filter(([r]) => !Q.includes(r)).map(([r, a]) => `${r}=${O(a, N).line}`).join(" ");
   return `${t} ${e} [${i}] ${o}${s ? " " + s : ""}`;
 }
 function ee(n) {
@@ -407,7 +405,7 @@ function ee(n) {
     if (a.length <= D)
       return a;
   }
-  const t = Object.keys(n).filter((o) => !Y.includes(o)), e = { ...ie(n, Y), log_truncated: !0, log_dropped_count: t.length }, i = O({ ...e, log_dropped_attrs: t.slice(0, Jt) }, N);
+  const t = Object.keys(n).filter((o) => !Q.includes(o)), e = { ...ie(n, Q), log_truncated: !0, log_dropped_count: t.length }, i = O({ ...e, log_dropped_attrs: t.slice(0, Jt) }, N);
   return i.line.length <= D ? i.line : O(e, N).line;
 }
 function O(n, t) {
@@ -473,11 +471,11 @@ function le() {
 function ce() {
   return /iPhone|iPad|iPod/i.test(gt()) || le();
 }
-function ue() {
+function de() {
   return /Android/i.test(gt());
 }
-function de() {
-  return ce() || ue();
+function ue() {
+  return ce() || de();
 }
 class he {
   constructor(t) {
@@ -539,11 +537,11 @@ function vt(n) {
     error: (t, e) => n.error(t, M(e))
   };
 }
-let yt = !1, C = vt(bt("client", { isDev: !1 }));
+let yt = !1, k = vt(bt("client", { isDev: !1 }));
 function pe() {
-  yt = !0, C = vt(bt("client", { isDev: !0 }));
+  yt = !0, k = vt(bt("client", { isDev: !0 }));
 }
-function _o() {
+function Co() {
   return yt;
 }
 class me {
@@ -559,7 +557,7 @@ class me {
    * Handle incoming MAPPING message from server
    */
   handleMappingReceived(t) {
-    C.debug("Initializing from server mapping", {
+    k.debug("Initializing from server mapping", {
       attributeCount: t.attributes.length
     }), this.registry = new Kt(
       t.attributes,
@@ -606,7 +604,7 @@ class me {
     }
     const i = this.registry.get(t);
     if (i === void 0) {
-      C.warn(`onChange: attribute "${t}" not found — callback will not fire`);
+      k.warn(`onChange: attribute "${t}" not found — callback will not fire`);
       return;
     }
     i.onChange(e);
@@ -631,7 +629,7 @@ class me {
   replayPendingCallbacks() {
     for (const { name: t, callback: e } of this.pendingCallbacks) {
       const i = this.registry?.get(t);
-      i === void 0 && C.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
+      i === void 0 && k.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
     }
     this.pendingCallbacks.length = 0;
   }
@@ -820,7 +818,7 @@ function ye(n, t) {
 function it(n) {
   return Object.keys(n.attributes).length;
 }
-class Se {
+class we {
   constructor(t, e) {
     this.dispatchChange = t, this.dispatchSubmit = e;
   }
@@ -941,7 +939,7 @@ class Se {
       };
   }
 }
-class we {
+class Se {
   constructor(t, e, i) {
     this.send = t, this.dispatch = e, this.instance = i;
   }
@@ -991,7 +989,7 @@ class we {
     this.dispatch(e);
   }
 }
-class Ce {
+class ke {
   constructor(t) {
     this.filename = t;
   }
@@ -1045,7 +1043,7 @@ class Ce {
   }
 }
 const ot = 3e4;
-class _e {
+class Ce {
   constructor(t) {
     this.send = t;
   }
@@ -1060,9 +1058,9 @@ class _e {
    * @throws VirtualdisplayError if filename is invalid
    */
   take(t) {
-    this.validateFilename(t), C.debug("Taking snapshot", { filename: t });
-    const e = new Ce(t), i = setTimeout(() => {
-      this.pendingPhotos.delete(t), C.warn("Snapshot timed out", { filename: t }), e.fail(new y(
+    this.validateFilename(t), k.debug("Taking snapshot", { filename: t });
+    const e = new ke(t), i = setTimeout(() => {
+      this.pendingPhotos.delete(t), k.warn("Snapshot timed out", { filename: t }), e.fail(new y(
         `Snapshot timed out: the viewer did not respond within ${ot}ms`,
         A.SNAPSHOT_FAILED
       ));
@@ -1079,7 +1077,7 @@ class _e {
   handleSnapshotResult(t) {
     const e = this.pendingPhotos.get(t.filename);
     if (e === void 0) {
-      C.warn("No pending photo found for filename", {
+      k.warn("No pending photo found for filename", {
         filename: t.filename,
         pendingFilenames: Array.from(this.pendingPhotos.keys())
       });
@@ -1132,7 +1130,7 @@ class _e {
       );
   }
 }
-class ke {
+class _e {
   container = null;
   attach(t) {
     this.container = t;
@@ -1153,22 +1151,22 @@ class ke {
     };
   }
 }
-const Ae = {}, Ee = "en", St = (
+const Ae = {}, Ee = "en", wt = (
   /** @type {const} */
   ["en", "nl", "de"]
 ), X = [
   "baseLocale"
-], st = [], Q = typeof window > "u";
+], st = [], Y = typeof window > "u";
 globalThis.__paraglide = /** @type {any} */
 globalThis.__paraglide ?? {};
 globalThis.__paraglide.ssr = /** @type {any} */
 globalThis.__paraglide.ssr ?? {};
 let rt = !1, p = () => {
   let n = X;
-  !Q && typeof window < "u" && window.location?.href && (n = Ct(window.location.href));
+  !Y && typeof window < "u" && window.location?.href && (n = kt(window.location.href));
   const t = xe(n);
   if (t)
-    return rt || (rt = !0, wt(t, { reload: !1 })), t;
+    return rt || (rt = !0, St(t, { reload: !1 })), t;
   throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
 function xe(n, t) {
@@ -1176,7 +1174,7 @@ function xe(n, t) {
   for (const i of n) {
     if (i === "baseLocale")
       e = Ee;
-    else if (_t(i) && z.has(i)) {
+    else if (Ct(i) && z.has(i)) {
       const s = z.get(i);
       if (s) {
         const r = s.getLocale();
@@ -1194,7 +1192,7 @@ function xe(n, t) {
 const Te = (n) => {
   window.location.reload();
 };
-let wt = (n, t) => {
+let St = (n, t) => {
   const e = {
     reload: !0,
     ...t
@@ -1206,21 +1204,21 @@ let wt = (n, t) => {
   }
   const o = [];
   let s = X;
-  !Q && typeof window < "u" && window.location?.href && (s = Ct(window.location.href));
+  !Y && typeof window < "u" && window.location?.href && (s = kt(window.location.href));
   for (const a of s)
-    if (a !== "baseLocale" && _t(a) && z.has(a)) {
-      const u = z.get(a);
-      if (u) {
-        let d = u.setLocale(n);
-        d instanceof Promise && (d = d.catch((f) => {
+    if (a !== "baseLocale" && Ct(a) && z.has(a)) {
+      const d = z.get(a);
+      if (d) {
+        let u = d.setLocale(n);
+        u instanceof Promise && (u = u.catch((f) => {
           throw new Error(`Custom strategy "${a}" setLocale failed.`, {
             cause: f
           });
-        }), o.push(d));
+        }), o.push(u));
       }
     }
   const r = () => {
-    !Q && e.reload && window.location && n !== i && Te();
+    !Y && e.reload && window.location && n !== i && Te();
   };
   if (o.length)
     return Promise.all(o).then(() => {
@@ -1232,7 +1230,7 @@ function J(n) {
   if (typeof n != "string")
     return;
   const t = n.toLowerCase();
-  for (const e of St)
+  for (const e of wt)
     if (e.toLowerCase() === t)
       return e;
 }
@@ -1240,7 +1238,7 @@ function Ie(n) {
   const t = J(n);
   if (t)
     return t;
-  throw new Error(`Invalid locale: ${n}. Expected one of: ${St.join(", ")}`);
+  throw new Error(`Invalid locale: ${n}. Expected one of: ${wt.join(", ")}`);
 }
 function Oe(n) {
   return Le(n);
@@ -1269,12 +1267,12 @@ function Me(n) {
   }
   return at = t, lt = s, s;
 }
-function Ct(n) {
+function kt(n) {
   const t = Me(n);
   return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : X;
 }
 const z = /* @__PURE__ */ new Map();
-function _t(n) {
+function Ct(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
 const Ne = (
@@ -1367,13 +1365,13 @@ const Ne = (
     /** @type {LocalizedString} */
     "Dein Telefon öffnet das 3D-Modell im AR-Modus."
   )
-), Ye = (
+), Qe = (
   /** @type {((inputs?: Controls_Qr_Modalinstructions1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modalinstructions1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
     return e === "nl" ? Ze() : e === "de" ? We() : Ge();
   })
-), Qe = (
+), Ye = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1395,7 +1393,7 @@ const Ne = (
   /** @type {((inputs?: Controls_Qr_Closebutton1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Closebutton1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
-    return e === "nl" ? Ke() : e === "de" ? Xe() : Qe();
+    return e === "nl" ? Ke() : e === "de" ? Xe() : Ye();
   })
 ), tn = (
   /** @type {(inputs: Controls_Annotations_Buttonlabel1Inputs) => LocalizedString} */
@@ -1451,13 +1449,13 @@ const Ne = (
     /** @type {LocalizedString} */
     "Downloading"
   )
-), un = (
+), dn = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Downloaden"
   )
-), dn = (
+), un = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1467,7 +1465,7 @@ const Ne = (
   /** @type {((inputs?: Loading_Downloadingshort1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_Downloadingshort1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
-    return e === "nl" ? un() : e === "de" ? dn() : cn();
+    return e === "nl" ? dn() : e === "de" ? un() : cn();
   })
 ), pn = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
@@ -1511,35 +1509,35 @@ const Ne = (
     /** @type {LocalizedString} */
     "Konfigurieren"
   )
-), Sn = (
+), wn = (
   /** @type {((inputs?: Controls_Configurator_OpenInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_OpenInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
     return e === "nl" ? vn() : e === "de" ? yn() : bn();
   })
-), wn = (
+), Sn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), Cn = (
+), kn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), _n = (
+), Cn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), kn = (
+), _n = (
   /** @type {((inputs?: Controls_Configurator_CloseInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_CloseInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
-    return e === "nl" ? Cn() : e === "de" ? _n() : wn();
+    return e === "nl" ? kn() : e === "de" ? Cn() : Sn();
   })
 ), An = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
@@ -1685,13 +1683,13 @@ const Ne = (
     const e = t.locale ?? p();
     return e === "nl" ? Gn() : e === "de" ? Zn() : qn();
   })
-), Yn = (
+), Qn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt down"
   )
-), Qn = (
+), Yn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1707,7 +1705,7 @@ const Ne = (
   /** @type {((inputs?: Controls_Camera_Tiltdown1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltdown1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
-    return e === "nl" ? Qn() : e === "de" ? Kn() : Yn();
+    return e === "nl" ? Yn() : e === "de" ? Kn() : Qn();
   })
 ), Jn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
@@ -1775,14 +1773,14 @@ const Ne = (
     /** @type {LocalizedString} */
     "Fehlgeschlagen"
   )
-), ui = (
+), di = (
   /** @type {((inputs?: Commerce_Submit_FailedInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_FailedInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
     return e === "nl" ? li() : e === "de" ? ci() : ai();
   })
 );
-const di = {
+const ui = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -1793,20 +1791,20 @@ const di = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const kt = ([n, t, e]) => {
+const _t = ([n, t, e]) => {
   const i = document.createElementNS("http://www.w3.org/2000/svg", n);
   return Object.keys(t).forEach((o) => {
     i.setAttribute(o, String(t[o]));
   }), e?.length && e.forEach((o) => {
-    const s = kt(o);
+    const s = _t(o);
     i.appendChild(s);
   }), i;
 }, At = (n, t = {}) => {
   const i = {
-    ...di,
+    ...ui,
     ...t
   };
-  return kt(["svg", i, n]);
+  return _t(["svg", i, n]);
 };
 const hi = [
   [
@@ -1858,17 +1856,17 @@ const yi = [
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M9 21H3v-6" }]
 ];
-const Si = [
+const wi = [
   ["path", { d: "m14 10 7-7" }],
   ["path", { d: "M20 10h-6V4" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M4 14h6v6" }]
 ];
-const wi = [
+const Si = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }],
   ["path", { d: "M3 3v5h5" }]
 ];
-const Ci = [
+const ki = [
   ["path", { d: "M10 5H3" }],
   ["path", { d: "M12 19H3" }],
   ["path", { d: "M14 3v4" }],
@@ -1879,11 +1877,11 @@ const Ci = [
   ["path", { d: "M8 10v4" }],
   ["path", { d: "M8 12H3" }]
 ];
-const _i = [
+const Ci = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
-const ki = [
+const _i = [
   ["circle", { cx: "11", cy: "11", r: "8" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }],
   ["line", { x1: "11", x2: "11", y1: "8", y2: "14" }],
@@ -1902,17 +1900,17 @@ const g = {
   annotations: (n) => b(vi, n),
   annotationsOff: (n) => b(bi, n),
   fullscreen: (n) => b(yi, n),
-  exitFullscreen: (n) => b(Si, n),
+  exitFullscreen: (n) => b(wi, n),
   screenshot: (n) => b(pi, n),
   tiltUp: (n) => b(gi, n),
   tiltDown: (n) => b(Et, n),
   rotateLeft: (n) => b(mi, n),
   rotateRight: (n) => b(fi, n),
-  zoomIn: (n) => b(ki, n),
+  zoomIn: (n) => b(_i, n),
   zoomOut: (n) => b(Ai, n),
-  reset: (n) => b(wi, n),
-  configurator: (n) => b(Ci, n),
-  close: (n) => b(_i, n)
+  reset: (n) => b(Si, n),
+  configurator: (n) => b(ki, n),
+  close: (n) => b(Ci, n)
 };
 class v {
   element;
@@ -2043,13 +2041,13 @@ class Ri {
     const r = document.createElement("option");
     r.value = "", r.disabled = !0, r.textContent = i, this.select.appendChild(r);
     let a = !1;
-    for (let d = 0; d < e.length; d++) {
-      const f = e[d], h = document.createElement("option");
-      h.value = f, h.textContent = s?.[d] ?? f, f === o && (h.selected = !0, a = !0), this.select.appendChild(h);
+    for (let u = 0; u < e.length; u++) {
+      const f = e[u], h = document.createElement("option");
+      h.value = f, h.textContent = s?.[u] ?? f, f === o && (h.selected = !0, a = !0), this.select.appendChild(h);
     }
     a || (r.selected = !0);
-    const u = At(Et, { width: 16, height: 16, "stroke-width": 2 });
-    u.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(u);
+    const d = At(Et, { width: 16, height: 16, "stroke-width": 2 });
+    d.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(d);
   }
   setSelected(t) {
     this.select.value = t;
@@ -2130,7 +2128,7 @@ class Ii {
     return this.options.unit === void 0 ? e : `${e} ${this.options.unit}`;
   }
 }
-const w = {
+const S = {
   fontFamily: {
     sans: ["Mona Sans", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]
   },
@@ -2147,7 +2145,7 @@ const w = {
     medium: "500",
     semibold: "600"
   }
-}, x = w.fontFamily.sans.join(", "), Oi = `
+}, x = S.fontFamily.sans.join(", "), Oi = `
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(92% 0 0);
@@ -2433,6 +2431,11 @@ const w = {
   border: 1px solid var(--border);
   border-radius: var(--radius);
   padding: 0.75rem 1rem;
+  /* The popup is absolutely positioned inside the ~28px marker anchor, so
+     without an explicit width it shrink-to-fits against that anchor and
+     collapses to one word per line. max-content sizes it by its own text,
+     capped below. */
+  inline-size: max-content;
   max-inline-size: 15rem;
   box-shadow: 0 4px 6px oklch(5% 0 0 / 8%), 0 2px 4px oklch(5% 0 0 / 6%);
   pointer-events: auto;
@@ -2440,6 +2443,13 @@ const w = {
 }
 .vd-annotation-popup:focus { outline: none; }
 
+/* Flipped below the marker when the popup would clip the container's top
+   edge; the layer positions it at open time and on the render cadence. */
+.vd-annotation-popup--below {
+  inset-block-end: auto;
+  inset-block-start: calc(100% + 0.5rem);
+}
+
 .vd-annotation-popup-close {
   position: absolute;
   inset-block-start: 0.375rem;
@@ -2476,9 +2486,12 @@ const w = {
   }
 }
 
+/* Opacity only: the layer sets the popup's transform inline to clamp it
+   inside the container, and a keyframe animating transform would override
+   that for its duration and make the popup jump at the end. */
 @keyframes vd-popup-in {
-  from { opacity: 0; transform: translateX(-50%) translateY(4px); }
-  to { opacity: 1; transform: translateX(-50%) translateY(0); }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 
 .vd-annotation-popup-title {
@@ -2539,7 +2552,7 @@ function xt() {
   const n = document.createElement("style");
   n.id = "vd-ui-vanilla", n.textContent = Li, document.head.appendChild(n);
 }
-const Mi = w.fontFamily.sans.join(", ");
+const Mi = S.fontFamily.sans.join(", ");
 class Ni {
   qrLib = null;
   dialog = null;
@@ -2555,14 +2568,14 @@ class Ni {
       gap: l[3],
       fontFamily: Mi
     }), this.dialog.card.element.appendChild(this.createText(Ue(), {
-      fontSize: w.fontSize.base,
-      fontWeight: w.fontWeight.semibold,
+      fontSize: S.fontSize.base,
+      fontWeight: S.fontWeight.semibold,
       color: m.neutral[900]
     })), this.dialog.card.element.appendChild(this.createText(qe(), {
-      fontSize: w.fontSize.sm,
+      fontSize: S.fontSize.sm,
       color: m.neutral[600]
-    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(Ye(), {
-      fontSize: w.fontSize.xs,
+    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(Qe(), {
+      fontSize: S.fontSize.xs,
       color: m.neutral[500]
     }));
     const t = new v({
@@ -2605,12 +2618,12 @@ class Ni {
     return e.src = t, e.alt = "QR code", e;
   }
 }
-function ut(n) {
+function dt(n) {
   const t = Math.max(0, Math.min(1, n));
   return t * t * (3 - 2 * t);
 }
 function zi(n, t, e, i, o, s) {
-  const [r, a, u] = n, d = Math.cos(t), f = Math.sin(t), h = d * r + f * u, E = -f * r + d * u, k = Math.cos(e), _ = Math.sin(e), I = k * a - _ * E, F = _ * a + k * E, tt = 0.55;
+  const [r, a, d] = n, u = Math.cos(t), f = Math.sin(t), h = u * r + f * d, E = -f * r + u * d, _ = Math.cos(e), C = Math.sin(e), I = _ * a - C * E, F = C * a + _ * E, tt = 0.55;
   return [i + h * s * tt, o - I * s * tt, F];
 }
 function Pi(n, t, e) {
@@ -2624,7 +2637,7 @@ function Fi(n, t, e, i, o) {
   ];
   Pi(n, s, a);
 }
-const $ = [-1, -1, 1], B = [1, -1, 1], U = [1, -1, -1], V = [-1, -1, -1], j = [-1, 1, 1], H = [1, 1, 1], q = [1, 1, -1], G = [-1, 1, -1], dt = [
+const $ = [-1, -1, 1], B = [1, -1, 1], U = [1, -1, -1], V = [-1, -1, -1], j = [-1, 1, 1], H = [1, 1, 1], q = [1, 1, -1], G = [-1, 1, -1], ut = [
   [$, B],
   [B, U],
   [U, V],
@@ -2753,15 +2766,15 @@ class Bi {
       return;
     const t = this.canvas.width / Math.min(devicePixelRatio, 2), e = this.canvas.height / Math.min(devicePixelRatio, 2), i = (performance.now() - this.startTime) / 1e3;
     this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, t, e);
-    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, a = 0.785, u = 0.615, d = (_) => zi(_, a, u, o, s, r), f = 6, h = i % f / f, E = dt.length;
-    let k;
-    h < 0.35 ? k = ut(h / 0.35) * E : h < 0.55 ? k = E : h < 0.9 ? k = (1 - ut((h - 0.55) / 0.35)) * E : k = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
-    for (let _ = 0; _ < E && !(_ >= k); _++) {
-      const I = dt[_];
+    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, a = 0.785, d = 0.615, u = (C) => zi(C, a, d, o, s, r), f = 6, h = i % f / f, E = ut.length;
+    let _;
+    h < 0.35 ? _ = dt(h / 0.35) * E : h < 0.55 ? _ = E : h < 0.9 ? _ = (1 - dt((h - 0.55) / 0.35)) * E : _ = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
+    for (let C = 0; C < E && !(C >= _); C++) {
+      const I = ut[C];
       if (I === void 0)
         continue;
-      const F = Math.min(1, k - _);
-      Fi(this.ctx, d, I[0], I[1], F);
+      const F = Math.min(1, _ - C);
+      Fi(this.ctx, u, I[0], I[1], F);
     }
     this.ctx.shadowBlur = 0;
   }
@@ -2856,29 +2869,29 @@ class P {
   static buildDpad(t, e, i, o, s) {
     const r = document.createElement("div");
     r.className = "vd-dpad";
-    for (const [a, u] of [
+    for (const [a, d] of [
       [t, "up"],
       [e, "left"],
       [i, "center"],
       [o, "right"],
       [s, "down"]
     ])
-      a.element.classList.add(`vd-dpad-${u}`), r.appendChild(a.element);
+      a.element.classList.add(`vd-dpad-${d}`), r.appendChild(a.element);
     return r;
   }
 }
 function Vi(n, t, e) {
   const i = (r) => Math.max(t.limits?.minZoom ?? 1, Math.min(t.limits?.maxZoom ?? 1 / 0, r)), o = (r) => {
-    const a = t.limits?.minRotate, u = t.limits?.maxRotate;
-    return a !== void 0 || u !== void 0 ? Math.max(a ?? -1 / 0, Math.min(u ?? 1 / 0, r)) : r;
+    const a = t.limits?.minRotate, d = t.limits?.maxRotate;
+    return a !== void 0 || d !== void 0 ? Math.max(a ?? -1 / 0, Math.min(d ?? 1 / 0, r)) : r;
   }, s = (r) => {
-    const a = t.limits?.minTilt, u = t.limits?.maxTilt;
-    if (a !== void 0 || u !== void 0) {
-      e.targetTilt = Math.max(a ?? 0, Math.min(u ?? 180, e.targetTilt + r)), n.tilt(e.targetTilt).set();
+    const a = t.limits?.minTilt, d = t.limits?.maxTilt;
+    if (a !== void 0 || d !== void 0) {
+      e.targetTilt = Math.max(a ?? 0, Math.min(d ?? 180, e.targetTilt + r)), n.tilt(e.targetTilt).set();
       return;
     }
-    const d = e.targetTilt + r;
-    d > 180 || d < 0 ? (e.targetTilt = d > 180 ? 360 - d : -d, e.thetaOffset = (e.thetaOffset + 180) % 360, n.tilt(e.targetTilt).rotate(e.targetRotation + e.thetaOffset).set()) : (e.targetTilt = d, n.tilt(e.targetTilt).set());
+    const u = e.targetTilt + r;
+    u > 180 || u < 0 ? (e.targetTilt = u > 180 ? 360 - u : -u, e.thetaOffset = (e.thetaOffset + 180) % 360, n.tilt(e.targetTilt).rotate(e.targetRotation + e.thetaOffset).set()) : (e.targetTilt = u, n.tilt(e.targetTilt).set());
   };
   return {
     zoomOut: new v({ variant: "outline", size: "icon", label: Pn(), icon: g.zoomOut(), onClick: () => {
@@ -2909,10 +2922,10 @@ function ji(n, t, e) {
   i !== void 0 && (n.zoomOut.element.disabled = i.minZoom !== void 0 && e.zoom <= i.minZoom + R, n.zoomIn.element.disabled = i.maxZoom !== void 0 && e.zoom >= i.maxZoom - R, n.tiltUp.element.disabled = i.minTilt !== void 0 && e.tilt <= i.minTilt + R, n.tiltDown.element.disabled = i.maxTilt !== void 0 && e.tilt >= i.maxTilt - R, n.rotateLeft.element.disabled = i.minRotate !== void 0 && e.rotation <= i.minRotate + R, n.rotateRight.element.disabled = i.maxRotate !== void 0 && e.rotation >= i.maxRotate - R);
 }
 const T = {
-  /** Attribute selection requested (cancelable). `detail`: `{ attribute, value }`. */
-  SELECT: "ui:select",
-  /** Attribute selection applied. `detail`: `{ attribute, value }`. */
-  SELECTED: "ui:selected",
+  /** Attribute selection requested (cancelable, does not bubble). `detail`: `{ attribute, value }`. */
+  SELECT: "vd:select",
+  /** Attribute selection applied (does not bubble). `detail`: `{ attribute, value }`. */
+  SELECTED: "vd:selected",
   /** Focus changed (bubbles). `detail`: `{ component, attributes }`, or `null` for the overview. */
   FOCUS_CHANGE: "vd:focus-change",
   /** Resolved configuration changed (bubbles). `detail`: the resolved configuration, or `null` when nothing matches. */
@@ -2942,11 +2955,11 @@ function qi(n, t, e) {
   }).format(o);
 }
 function Gi(n, t, e, i, o, s, r) {
-  const a = p(), u = n.values.map((h) => qi(Number(h), t, a)), d = n.values.find((h) => e.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new Ii(n.values, {
+  const a = p(), d = n.values.map((h) => qi(Number(h), t, a)), u = n.values.find((h) => e.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new Ii(n.values, {
     label: n.name,
-    labels: u,
+    labels: d,
     unit: t.displayUnit,
-    ...d !== void 0 && { initialSelected: d }
+    ...u !== void 0 && { initialSelected: u }
   });
   return f.onSelect((h) => {
     o(n.name, h);
@@ -2971,14 +2984,14 @@ function K(n) {
   const t = n.replace(/([A-Z])/g, " $1").trim();
   return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-function Yi(n, t, e, i, o, s) {
+function Qi(n, t, e, i, o, s) {
   const r = document.createElement("div");
   r.className = "vd-attribute", r.dataset.name = n.name;
   const a = document.createElement("span");
   a.className = "vd-attribute-label", a.textContent = K(n.name), a.id = `vd-attribute-label-${Wi++}`, r.appendChild(a), r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", a.id);
-  const u = (f) => {
+  const d = (f) => {
     r.style.display = f ? "none" : "";
-  }, d = n.dimension !== void 0 ? Gi(
+  }, u = n.dimension !== void 0 ? Gi(
     n,
     n.dimension,
     t,
@@ -2986,21 +2999,21 @@ function Yi(n, t, e, i, o, s) {
     o,
     i,
     s
-  ) : Qi(n, t, e, i, s);
-  return r.appendChild(d.element), { element: r, setSelectable: d.setSelectable, setHidden: u };
+  ) : Yi(n, t, e, i, s);
+  return r.appendChild(u.element), { element: r, setSelectable: u.setSelectable, setHidden: d };
 }
-function Qi(n, t, e, i, o) {
+function Yi(n, t, e, i, o) {
   const s = n.values.find(
-    (u) => t.getValue(n.name, u)?.isSelected === !0
+    (d) => t.getValue(n.name, d)?.isSelected === !0
   ), r = n.values.map(K), a = n.values.length <= Zi ? new Ti(n.values, s, r) : new Ri(n.name, n.values, K(n.name), s, r);
-  return a.onSelect((u) => {
-    e.dispatch(T.SELECT, { attribute: n.name, value: u }, !0).defaultPrevented || i(n.name, u);
-  }), o(n.name, (u) => {
-    a.setSelected(u.value), e.dispatch(T.SELECTED, { attribute: n.name, value: u.value });
+  return a.onSelect((d) => {
+    e.dispatch(T.SELECT, { attribute: n.name, value: d }, !0).defaultPrevented || i(n.name, d);
+  }), o(n.name, (d) => {
+    a.setSelected(d.value), e.dispatch(T.SELECTED, { attribute: n.name, value: d.value });
   }), {
     element: a.element,
-    setSelectable: (u) => {
-      a.setEnabled(u);
+    setSelectable: (d) => {
+      a.setEnabled(d);
     }
   };
 }
@@ -3050,7 +3063,7 @@ class Ji {
       try {
         await this.configuration.submit(), this.setState("success", ri());
       } catch {
-        this.setState("failed", ui());
+        this.setState("failed", di());
       }
       this.scheduleReset();
     }
@@ -3112,7 +3125,7 @@ class no {
     this.container = t, e.classList.add("vd-attributes-sidebar"), this.closeButton = new v({
       variant: "ghost",
       size: "icon-sm",
-      label: kn(),
+      label: _n(),
       icon: g.close({ size: 18 }),
       onClick: () => {
         this.expanded = !1, this.render();
@@ -3122,7 +3135,7 @@ class no {
     i.className = "vd-sidebar-header", i.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(e), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(i, this.body), t.appendChild(this.element), this.openButton = new v({
       variant: "outline",
       size: "icon",
-      label: Sn(),
+      label: wn(),
       icon: g.configurator({ size: 18 }),
       onClick: () => {
         this.expanded = !0, this.render();
@@ -3167,7 +3180,7 @@ const oo = {
 function so(n, t) {
   return (oo[n ?? ""] ?? (() => new Rt()))(t);
 }
-const Z = w.fontFamily.sans.join(", "), W = `
+const Z = S.fontFamily.sans.join(", "), W = `
   position: absolute;
   display: flex;
   z-index: 10;
@@ -3255,8 +3268,8 @@ const Z = w.fontFamily.sans.join(", "), W = `
 
 /* Micro-label: recedes so the controls lead. */
 .vd-attribute-label {
-  font-size: ${w.fontSize.xs};
-  font-weight: ${w.fontWeight.medium};
+  font-size: ${S.fontSize.xs};
+  font-weight: ${S.fontWeight.medium};
   color: ${m.neutral[500]};
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -3352,13 +3365,13 @@ const Z = w.fontFamily.sans.join(", "), W = `
 }
 
 .vd-price {
-  font-size: ${w.fontSize.lg};
-  font-weight: ${w.fontWeight.semibold};
+  font-size: ${S.fontSize.lg};
+  font-weight: ${S.fontWeight.semibold};
   color: ${m.neutral[900]};
 }
 
 .vd-vat {
-  font-size: ${w.fontSize.xs};
+  font-size: ${S.fontSize.xs};
   color: ${m.neutral[500]};
 }
 
@@ -3432,7 +3445,7 @@ class co {
     this.loading?.showError(t);
   }
   applyViewerSettings(t) {
-    this.settings = t, t.language !== void 0 && wt(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+    this.settings = t, t.language !== void 0 && St(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
   }
   renderAttributeControls(t, e) {
     if (!(this.container === null || this.slots.topRight === null || this.slots.bottomRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.settings.cameraControls === !0 && (this.cameraControls = new P(
@@ -3441,7 +3454,7 @@ class co {
     ), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), e.length !== 0)) {
       this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes", this.groupHandles = /* @__PURE__ */ new Map();
       for (const i of e) {
-        const o = Yi(
+        const o = Qi(
           i,
           t,
           this.options.eventBus,
@@ -3555,7 +3568,7 @@ class ho {
       t.searchParams.set("license", this.options.license), t.searchParams.set("model", this.options.model);
       return;
     }
-    t.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && C.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored");
+    t.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && k.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored");
   }
   getServerUrl() {
     if (this.serverHost !== void 0)
@@ -3575,7 +3588,7 @@ class ho {
 function po(n) {
   const { messenger: t } = n;
   t.on(c.HANDSHAKE, (e) => {
-    Nt(e) && (C.info("Server handshake received, flushing publisher queue"), t.markReady());
+    Nt(e) && (k.info("Server handshake received, flushing publisher queue"), t.markReady());
   }), t.on(c.SESSION, (e) => {
     zt(e) && n.onSession(e.sessionId);
   }), t.on(c.MUTATION, (e) => {
@@ -3613,7 +3626,7 @@ class fo {
     this.onReady = t;
   }
   handleMappingReceived() {
-    this.ready || (this.ready = !0, C.info("Mapping received from server, client is now ready"), this.onReady?.());
+    this.ready || (this.ready = !0, k.info("Mapping received from server, client is now ready"), this.onReady?.());
   }
   get isReady() {
     return this.ready;
@@ -3644,9 +3657,9 @@ class bo {
   options;
   serverHost;
   iframeParams;
-  /** The composed AR flow, or undefined in builds without one (the studio). */
+  /** The composed AR flow, or undefined in a build that composes none. */
   arActivation;
-  /** The composed sync tracker, or undefined in builds without one (the studio). */
+  /** The composed sync tracker, or undefined in a build that composes none. */
   syncTracker;
   iframe;
   container;
@@ -3669,16 +3682,16 @@ class bo {
     };
     this.attributes = new me(o, L, (s, r) => {
       this.notifyMutationFailed(s, r);
-    }), this.selectableState = new fe(), this.snapshotApi = new _e(o), this.annotationsApi = new Wt(o, L), this.cameraApi = new ge(o), this.cameraPositionApi = new be(), this.focusApi = new we(o, (s) => {
+    }), this.selectableState = new fe(), this.snapshotApi = new Ce(o), this.annotationsApi = new Wt(o, L), this.cameraApi = new ge(o), this.cameraPositionApi = new be(), this.focusApi = new Se(o, (s) => {
       this.dispatchFocusChange(s);
-    }, L), this.configurationApi = new Se(
+    }, L), this.configurationApi = new we(
       (s) => {
         this.dispatchConfigurationChange(s);
       },
       (s) => {
         this.dispatchConfigurationSubmit(s);
       }
-    ), this.eventBus = new ke(), this.arActivation = i.createArActivation?.(o), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new fo(() => {
+    ), this.eventBus = new _e(), this.arActivation = i.createArActivation?.(o), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new fo(() => {
       this.notifyReady();
     }), this.ui = this.createStandardInterface(), this.wireIncomingMessages(), i.registerHandlers?.(this.messenger, o), this.messenger.start(), this.createAndConnectIframe();
   }
@@ -3707,13 +3720,11 @@ class bo {
       }
     });
   }
-  /**
-   * The visible toggle composes its message here, on the internal transport,
-   * because it is the one sender allowed to stamp `origin: 'control'`: the
-   * viewer only counts control-originated flips as Shopper use. The public
-   * `client.annotations` facade stays origin-less on purpose. One send per
-   * member instance once composition lands; today the host is the only one.
-   */
+  // The visible toggle composes its message here because it is the one sender
+  // allowed to stamp `origin: 'control'`: the viewer only counts
+  // control-originated flips as Shopper use. The public `client.annotations`
+  // facade stays origin-less on purpose. One send per member instance once
+  // composition lands; today the host is the only one.
   sendControlAnnotationToggle(t) {
     this.messenger.send({
       type: c.ANNOTATION_TOGGLE,
@@ -3808,18 +3819,18 @@ class bo {
         const s = Object.entries(i).filter(([r, a]) => e[r] !== a).map(
           ([r, a]) => `${r} (metadata: ${e[r] ?? "undefined"}, override: ${a})`
         );
-        s.length > 0 && C.warn(`Viewer settings override active: ${s.join(", ")}`);
+        s.length > 0 && k.warn(`Viewer settings override active: ${s.join(", ")}`);
       }
       this.ui.applyViewerSettings(o), this.echoAnnotationsDifference(e?.annotations, o.annotations);
     }
     this.cameraPositionApi.applyLimits(t.cameraLimits);
   }
+  // The viewer already applied the announced mode itself, so speaking up when
+  // the merged mode matches would toggle it back and forth for nothing. A boot
+  // without overrides therefore sends no toggle at all.
   /**
-   * The difference echo: the viewer already applied the app-config mode
-   * itself, so the client only speaks up when the merged mode (config plus
-   * integrator override) differs from what CONFIG announced, in either
-   * direction. Equal modes echo nothing, so a boot without overrides sends
-   * no toggle at all.
+   * Tell the viewer about the annotation mode only when the merged mode differs
+   * from the one it announced.
    */
   echoAnnotationsDifference(t, e) {
     e === void 0 || e === t || this.annotationsApi.setEnabled(e === "show" || e === "toggle-shown");
@@ -3829,7 +3840,7 @@ class bo {
     this.messenger.send({ type: c.FULLSCREEN });
   }
   initializeLogging() {
-    this.options.debug === !0 && pe(), C.info("Initializing Virtualdisplay client", {
+    this.options.debug === !0 && pe(), k.info("Initializing Virtualdisplay client", {
       ...this.options.app === void 0 ? { model: this.options.model } : { app: this.options.app }
     });
   }
@@ -3871,11 +3882,9 @@ class bo {
     this.mutationFailedCallbacks.push(t);
   }
   /**
-   * Subscribe to the viewer's selectability snapshots (kiesbaarheid live):
-   * per attribute, which values the buyer can pick right now. Fires with the
-   * current snapshot immediately when one already arrived. A model without
-   * exclusions never sends one: everything stays selectable and this never
-   * fires.
+   * Subscribe to which values can be picked right now, per attribute. Fires
+   * immediately when a snapshot already arrived. A model with no exclusions
+   * never sends one, so this never fires and everything stays selectable.
    */
   onSelectableChange(t) {
     this.selectableState.onChange(t);
@@ -3892,12 +3901,11 @@ class bo {
   getSelectable(t) {
     return this.selectableState.selectableFor(t);
   }
+  // Exists for a host page that hides the built-in button and owns its own AR
+  // affordance: without this it would have no way into the same flow.
   /**
-   * Trigger the composed AR flow directly (ar-session-handoff task 035): a host
-   * page that hides the built-in corner button (`viewerSettings.ar = false`,
-   * e.g. the AR landing, which owns a single custom AR affordance) still needs
-   * an entry point to the same flow that button would have called. A no-op
-   * where no AR flow is composed (the studio client has none).
+   * Start the AR flow directly, as the built-in AR button would. Does nothing
+   * when `viewerSettings.ar` is off or the build composes no AR flow.
    */
   activateAr() {
     this.arActivation?.activate();
@@ -3939,8 +3947,8 @@ function yo(n) {
   const t = new URL(`https://${vo}/go`);
   return n.sessionId !== void 0 ? t.searchParams.set("session", n.sessionId) : n.app !== void 0 ? t.searchParams.set("app", n.app) : n.license !== void 0 && n.model !== void 0 && (t.searchParams.set("license", n.license), t.searchParams.set("model", n.model)), t.toString();
 }
-const So = 1500;
-class wo {
+const wo = 1500;
+class So {
   options;
   qrModal = new Ni();
   /** The viewer's tracking session id, once the engine announces it (SESSION). */
@@ -3964,7 +3972,7 @@ class wo {
   }
   /** The AR button handler: mobile activates AR in the engine, desktop shows the hand-off QR. */
   activate() {
-    if (de()) {
+    if (ue()) {
       this.options.send({ type: c.AR_ACTIVATE });
       return;
     }
@@ -4010,14 +4018,14 @@ class wo {
     return this.sessionId !== void 0 ? Promise.resolve(this.sessionId) : new Promise((t) => {
       const e = setTimeout(() => {
         this.pendingTimers.delete(e), t(void 0);
-      }, So);
+      }, wo);
       this.pendingTimers.add(e), this.waiters.push((i) => {
         this.pendingTimers.delete(e), clearTimeout(e), t(i);
       });
     });
   }
 }
-class Co {
+class ko {
   callbacks = [];
   lastKnown;
   handleSync(t) {
@@ -4032,9 +4040,9 @@ class Co {
 class Ao extends bo {
   syncStatusTracker;
   constructor(t) {
-    const e = new Co();
+    const e = new ko();
     super(t, {
-      createArActivation: (i) => new wo({
+      createArActivation: (i) => new So({
         app: t.app,
         license: t.license,
         model: t.model,
@@ -4050,18 +4058,18 @@ class Ao extends bo {
 }
 export {
   Wt as Annotations,
-  Qt as Attribute,
-  Yt as AttributeValue,
+  Yt as Attribute,
+  Qt as AttributeValue,
   ge as Camera,
-  Se as Configuration,
+  we as Configuration,
   A as ERROR_CODES,
-  we as Focus,
-  Ce as Photo,
-  _e as Snapshot,
+  Se as Focus,
+  ke as Photo,
+  Ce as Snapshot,
   T as VD_EVENTS,
   Ao as VirtualdisplayClient,
   y as VirtualdisplayError,
   pe as enableDebugMode,
-  _o as isDebugMode,
-  C as logger
+  Co as isDebugMode,
+  k as logger
 };