@limrun/ui 0.17.0-rc.3 → 0.17.0-rc.4

package/dist/{remote-control-BAmNHDdv.mjs → remote-control-DBTJWzfs.mjs}

@@ -1,6 +1,6 @@
-import { jsx as k, jsxs as oe, Fragment as Lr } from "react/jsx-runtime";
-import { memo as er, useState as V, useEffect as de, useMemo as Re, useCallback as bn, lazy as Rn, forwardRef as Nn, useRef as O, useImperativeHandle as In, Suspense as Yn } from "react";
-import { createPortal as Kn } from "react-dom";
+import { jsx as k, jsxs as ce, Fragment as Lr } from "react/jsx-runtime";
+import { memo as er, useState as X, useEffect as de, useMemo as Re, useCallback as Nn, lazy as In, forwardRef as Yn, useRef as _, useImperativeHandle as Kn, Suspense as kn } from "react";
+import { createPortal as Pn } from "react-dom";
 import './index.css';function Fr(r) {
   var t, c, a = "";
   if (typeof r == "string" || typeof r == "number") a += r;
@@ -14,26 +14,26 @@ function Ne() {
   for (var r, t, c = 0, a = "", E = arguments.length; c < E; c++) (r = arguments[c]) && (t = Fr(r)) && (a && (a += " "), a += t);
   return a;
 }
-const Ni = { width: 164.6, height: 117.8, depth: 5.2 };
-function Ii(r, t, c) {
+const Yi = { width: 164.6, height: 117.8, depth: 5.2 };
+function Ki(r, t, c) {
   return r = Math.max(0, Math.min(1, r)), t = Math.max(0, Math.min(1, t)), c === 1 ? { x: t, y: 1 - r } : c === 2 ? { x: 1 - r, y: 1 - t } : c === 3 ? { x: 1 - t, y: r } : { x: r, y: t };
 }
-function kn(r) {
+function Un(r) {
   return Number.isFinite(r) && r >= 0 && r <= 180;
 }
-function Yi(r, t) {
+function ki(r, t) {
   return { x: Math.max(0, Math.min(1, r)), y: Math.max(0, Math.min(1, 1 - t)) };
 }
-function Ki(r, t, c) {
+function Pi(r, t, c) {
   return t && (r || !c) ? "touch" : r ? "ignore" : "orbit";
 }
-function Pn(r, t, c, a) {
+function Ln(r, t, c, a) {
   if (!Number.isInteger(r) || r < 0 || r > 3 || !Number.isInteger(t) || t < 1 || t > 255 || !Number.isFinite(c) || !Number.isFinite(a) || c < 0 || c > 1 || a < 0 || a > 1)
     throw new RangeError("Invalid display touch coordinates");
-  const E = new ArrayBuffer(12), p = new DataView(E);
-  return p.setUint8(0, 19), p.setUint8(1, r), p.setUint8(2, t), p.setFloat32(4, c, !0), p.setFloat32(8, a, !0), E;
+  const E = new ArrayBuffer(12), m = new DataView(E);
+  return m.setUint8(0, 19), m.setUint8(1, r), m.setUint8(2, t), m.setFloat32(4, c, !0), m.setFloat32(8, a, !0), E;
 }
-class ki {
+class Ui {
   constructor(t, c) {
     this.send = t, this.failed = c;
   }
@@ -43,7 +43,7 @@ class ki {
   running = !1;
   stopped = !1;
   set(t) {
-    this.stopped || !kn(t) || (this.latest = t, this.flush());
+    this.stopped || !Un(t) || (this.latest = t, this.flush());
   }
   stop() {
     this.stopped = !0, this.latest = void 0;
@@ -64,12 +64,12 @@ class ki {
     }
   }
 }
-const Pi = {
+const Li = {
   side: "Sleep/Wake",
   volumeUp: "Volume Up",
   volumeDown: "Volume Down"
 };
-class Ui {
+class Fi {
   constructor(t, c) {
     this.send = t, this.failed = c;
   }
@@ -340,66 +340,66 @@ const Pt = {
   NumpadEnter: s.KEYCODE_NUMPAD_ENTER,
   NumpadEqual: s.KEYCODE_NUMPAD_EQUALS
 };
-function Yt(r, t, c, a, E, p, C = 1, v = 0, b = 0) {
+function Yt(r, t, c, a, E, m, C = 1, v = 0, b = 0) {
   const D = new ArrayBuffer(32), R = new DataView(D);
-  let S = 0;
-  return R.setUint8(S, Pt.INJECT_TOUCH_EVENT), S += 1, R.setUint8(S, r), S += 1, R.setBigInt64(S, BigInt(t), !0), S += 8, R.setInt32(S, Math.round(E), !0), S += 4, R.setInt32(S, Math.round(p), !0), S += 4, R.setUint16(S, c, !0), S += 2, R.setUint16(S, a, !0), S += 2, R.setInt16(S, Math.round(C * 65535), !0), S += 2, R.setInt32(S, v, !0), S += 4, R.setInt32(S, b, !0), D;
+  let M = 0;
+  return R.setUint8(M, Pt.INJECT_TOUCH_EVENT), M += 1, R.setUint8(M, r), M += 1, R.setBigInt64(M, BigInt(t), !0), M += 8, R.setInt32(M, Math.round(E), !0), M += 4, R.setInt32(M, Math.round(m), !0), M += 4, R.setUint16(M, c, !0), M += 2, R.setUint16(M, a, !0), M += 2, R.setInt16(M, Math.round(C * 65535), !0), M += 2, R.setInt32(M, v, !0), M += 4, R.setInt32(M, b, !0), D;
 }
-function Un(r, t, c, a, E, p, C) {
+function Fn(r, t, c, a, E, m, C) {
   const v = new ArrayBuffer(24), b = new DataView(v);
   let D = 0;
-  return b.setUint8(D, Pt.INJECT_TWO_FINGER_TOUCH_EVENT), D += 1, b.setUint8(D, r), D += 1, b.setInt32(D, Math.round(a), !0), D += 4, b.setInt32(D, Math.round(E), !0), D += 4, b.setInt32(D, Math.round(p), !0), D += 4, b.setInt32(D, Math.round(C), !0), D += 4, b.setUint16(D, t, !0), D += 2, b.setUint16(D, c, !0), D += 2, b.setUint16(D, 0, !0), v;
+  return b.setUint8(D, Pt.INJECT_TWO_FINGER_TOUCH_EVENT), D += 1, b.setUint8(D, r), D += 1, b.setInt32(D, Math.round(a), !0), D += 4, b.setInt32(D, Math.round(E), !0), D += 4, b.setInt32(D, Math.round(m), !0), D += 4, b.setInt32(D, Math.round(C), !0), D += 4, b.setUint16(D, t, !0), D += 2, b.setUint16(D, c, !0), D += 2, b.setUint16(D, 0, !0), v;
 }
-function Ln(r, t = !0) {
-  const a = new TextEncoder().encode(r), E = new ArrayBuffer(14 + a.length), p = new DataView(E);
+function xn(r, t = !0) {
+  const a = new TextEncoder().encode(r), E = new ArrayBuffer(14 + a.length), m = new DataView(E);
   let C = 0;
-  return p.setUint8(C, Pt.SET_CLIPBOARD), C += 1, p.setBigInt64(C, BigInt(0), !1), C += 8, p.setUint8(C, t ? 1 : 0), C += 1, p.setUint32(C, a.length, !1), C += 4, new Uint8Array(E, C).set(a), E;
+  return m.setUint8(C, Pt.SET_CLIPBOARD), C += 1, m.setBigInt64(C, BigInt(0), !1), C += 8, m.setUint8(C, t ? 1 : 0), C += 1, m.setUint32(C, a.length, !1), C += 4, new Uint8Array(E, C).set(a), E;
 }
 function pt(r, t, c = 0, a = 0) {
-  const E = new ArrayBuffer(14), p = new DataView(E);
+  const E = new ArrayBuffer(14), m = new DataView(E);
   let C = 0;
-  return p.setUint8(C, Pt.INJECT_KEYCODE), C += 1, p.setUint8(C, r), C += 1, p.setInt32(C, t, !0), C += 4, p.setInt32(C, c, !0), C += 4, p.setInt32(C, a, !0), E;
+  return m.setUint8(C, Pt.INJECT_KEYCODE), C += 1, m.setUint8(C, r), C += 1, m.setInt32(C, t, !0), C += 4, m.setInt32(C, c, !0), C += 4, m.setInt32(C, a, !0), E;
 }
-const Qt = "Accessibility unavailable on this device.", kt = 500, Wr = (r, t) => Math.abs(r.x - t.x) < 0.5 && Math.abs(r.y - t.y) < 0.5 && Math.abs(r.width - t.width) < 0.5 && Math.abs(r.height - t.height) < 0.5, Fn = (r) => Math.max(0, r.width) * Math.max(0, r.height), xn = (r) => {
+const Qt = "Accessibility unavailable on this device.", kt = 500, Wr = (r, t) => Math.abs(r.x - t.x) < 0.5 && Math.abs(r.y - t.y) < 0.5 && Math.abs(r.width - t.width) < 0.5 && Math.abs(r.height - t.height) < 0.5, Wn = (r) => Math.max(0, r.width) * Math.max(0, r.height), Hn = (r) => {
   const t = r.find((c) => c.frame && c.frame.width > 0 && c.frame.height > 0);
   return t?.frame ? ((Math.abs(t.frame.x) > 0.5 || Math.abs(t.frame.y) > 0.5) && console.warn(
     `[ax-tree] iOS root frame is not anchored at (0,0): (${t.frame.x},${t.frame.y}). Element positions may be slightly off from the rendered video.`
   ), { x: 0, y: 0, width: t.frame.width, height: t.frame.height }) : { x: 0, y: 0, width: 1, height: 1 };
-}, Wn = (r) => {
+}, $n = (r) => {
   const t = {};
   return typeof r.AXUniqueId == "string" && r.AXUniqueId.length > 0 && (t.AXUniqueId = r.AXUniqueId), typeof r.AXLabel == "string" && r.AXLabel.length > 0 && (t.AXLabel = r.AXLabel), typeof r.type == "string" && r.type.length > 0 && (t.className = r.type), t;
-}, Hn = (r) => {
+}, Xn = (r) => {
   const t = {};
   for (const [c, a] of Object.entries(r))
     c !== "children" && (t[c] = a);
   return t;
 };
-function $n(r) {
-  const t = Array.isArray(r) ? r : [r], c = xn(t), a = [], E = (p, C) => {
+function Bn(r) {
+  const t = Array.isArray(r) ? r : [r], c = Hn(t), a = [], E = (m, C) => {
     if (a.length >= kt) return;
-    const v = p.frame;
+    const v = m.frame;
     if (v && v.width > 0 && v.height > 0 && !Wr(v, c)) {
-      const D = p.role_description || p.role || "", R = (typeof p.AXLabel == "string" ? p.AXLabel : "") || (typeof p.title == "string" ? p.title : "") || "";
+      const D = m.role_description || m.role || "", R = (typeof m.AXLabel == "string" ? m.AXLabel : "") || (typeof m.title == "string" ? m.title : "") || "";
       a.push({
-        id: typeof p.AXUniqueId == "string" && p.AXUniqueId.length > 0 ? p.AXUniqueId : C,
+        id: typeof m.AXUniqueId == "string" && m.AXUniqueId.length > 0 ? m.AXUniqueId : C,
         path: C,
         label: R,
-        value: typeof p.AXValue == "string" ? p.AXValue : "",
+        value: typeof m.AXValue == "string" ? m.AXValue : "",
         role: D,
-        type: typeof p.type == "string" ? p.type : "",
-        enabled: p.enabled !== !1,
-        focused: p.focused === !0,
+        type: typeof m.type == "string" ? m.type : "",
+        enabled: m.enabled !== !1,
+        focused: m.focused === !0,
         frame: { x: v.x, y: v.y, width: v.width, height: v.height },
-        selectors: Wn(p),
-        raw: Hn(p)
+        selectors: $n(m),
+        raw: Xn(m)
       });
     }
-    const b = Array.isArray(p.children) ? p.children : [];
+    const b = Array.isArray(m.children) ? m.children : [];
     for (let D = 0; D < b.length && a.length < kt; D++)
       E(b[D], `${C}.${D}`);
   };
-  for (let p = 0; p < t.length && a.length < kt; p++)
-    E(t[p], String(p));
+  for (let m = 0; m < t.length && a.length < kt; m++)
+    E(t[m], String(m));
   return {
     platform: "ios",
     screen: { width: c.width, height: c.height },
@@ -407,27 +407,27 @@ function $n(r) {
     capturedAt: Date.now()
   };
 }
-const Xn = (r) => {
+const qn = (r) => {
   let t = { x: 0, y: 0, width: 1, height: 1 }, c = 0;
   for (const a of r) {
     const E = a.parsedBounds;
     if (!E) continue;
-    const p = E.right - E.left, C = E.bottom - E.top, v = Math.max(0, p) * Math.max(0, C);
-    v > c && (c = v, t = { x: 0, y: 0, width: p, height: C });
+    const m = E.right - E.left, C = E.bottom - E.top, v = Math.max(0, m) * Math.max(0, C);
+    v > c && (c = v, t = { x: 0, y: 0, width: m, height: C });
   }
   return t;
-}, Bn = (r) => {
+}, Vn = (r) => {
   const t = {};
   return typeof r.resourceId == "string" && r.resourceId.length > 0 && (t.resourceId = r.resourceId), typeof r.contentDesc == "string" && r.contentDesc.length > 0 && (t.contentDesc = r.contentDesc), typeof r.text == "string" && r.text.length > 0 && (t.text = r.text), typeof r.className == "string" && r.className.length > 0 && (t.className = r.className), t;
 };
-function qn(r) {
-  const t = Xn(r), c = [];
+function Gn(r) {
+  const t = qn(r), c = [];
   for (let a = 0; a < r.length && c.length < kt; a++) {
-    const E = r[a], p = E.parsedBounds;
-    if (!p) continue;
-    const C = Math.max(0, p.right - p.left), v = Math.max(0, p.bottom - p.top);
+    const E = r[a], m = E.parsedBounds;
+    if (!m) continue;
+    const C = Math.max(0, m.right - m.left), v = Math.max(0, m.bottom - m.top);
     if (C <= 0 || v <= 0) continue;
-    const b = { x: p.left, y: p.top, width: C, height: v };
+    const b = { x: m.left, y: m.top, width: C, height: v };
     if (Wr(b, { x: 0, y: 0, width: t.width, height: t.height })) continue;
     const D = E.contentDesc || E.text || "", R = E.className || "";
     c.push({
@@ -440,7 +440,7 @@ function qn(r) {
       enabled: E.enabled !== !1,
       focused: E.focused === !0,
       frame: b,
-      selectors: Bn(E),
+      selectors: Vn(E),
       raw: { ...E }
     });
   }
@@ -451,8 +451,8 @@ function qn(r) {
     capturedAt: Date.now()
   };
 }
-function Vn(r, t) {
-  const c = Math.max(0, r.x), a = Math.max(0, r.y), E = Math.min(t.width, r.x + r.width), p = Math.min(t.height, r.y + r.height), C = Math.max(0, E - c), v = Math.max(0, p - a);
+function Jn(r, t) {
+  const c = Math.max(0, r.x), a = Math.max(0, r.y), E = Math.min(t.width, r.x + r.width), m = Math.min(t.height, r.y + r.height), C = Math.max(0, E - c), v = Math.max(0, m - a);
   return C > 0 && v > 0 ? { x: c, y: a, width: C, height: v } : null;
 }
 function Hr(r, t) {
@@ -468,17 +468,17 @@ function $r(r, t) {
     if (!Hr(r.elements[c], t.elements[c])) return !1;
   return !0;
 }
-function Gn(r, t, c) {
+function zn(r, t, c) {
   let a = null, E = 1 / 0;
-  for (const p of r.elements) {
-    const C = p.frame;
+  for (const m of r.elements) {
+    const C = m.frame;
     if (t < C.x || c < C.y || t > C.x + C.width || c > C.y + C.height) continue;
-    const v = Fn(C);
-    v < E && (E = v, a = p);
+    const v = Wn(C);
+    v < E && (E = v, a = m);
   }
   return a;
 }
-function Jn(r, t) {
+function jn(r, t) {
   if (t === "ios") {
     if (r.selectors.AXUniqueId)
       return `client.tapElement({ AXUniqueId: ${JSON.stringify(r.selectors.AXUniqueId)} })`;
@@ -503,8 +503,8 @@ function Br(r) {
   const a = c.length > Yr ? c.slice(0, Yr).trimEnd() + "…" : c;
   return `${t} · ${a}`;
 }
-const zn = 500, jn = 2e3, Kr = 5e3, Qn = 8e3, Zn = 1200, ei = 250, ti = () => `ax-rc-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-class ri {
+const Qn = 500, Zn = 2e3, Kr = 5e3, ei = 8e3, ti = 1200, ri = 250, ni = () => `ax-rc-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+class ii {
   platform;
   send;
   onSnapshot;
@@ -531,7 +531,7 @@ class ri {
   // identical-to-current transitions are no-ops.
   status = "idle";
   constructor(t) {
-    this.platform = t.platform, this.send = t.send, this.onSnapshot = t.onSnapshot, this.onStatusChange = t.onStatusChange, this.baseIntervalMs = t.baseIntervalMs ?? zn, this.maxBackoffMs = t.maxBackoffMs ?? jn, this.androidElementTreeOptions = t.androidElementTreeOptions, this.currentInterval = this.baseIntervalMs;
+    this.platform = t.platform, this.send = t.send, this.onSnapshot = t.onSnapshot, this.onStatusChange = t.onStatusChange, this.baseIntervalMs = t.baseIntervalMs ?? Qn, this.maxBackoffMs = t.maxBackoffMs ?? Zn, this.androidElementTreeOptions = t.androidElementTreeOptions, this.currentInterval = this.baseIntervalMs;
   }
   start() {
     this.running || (this.running = !0, this.currentInterval = this.baseIntervalMs, this.boostUntilMs = 0, this.setStatus("starting"), this.runOnce());
@@ -563,7 +563,7 @@ class ri {
   bumpActivity() {
     if (!this.running) return;
     const t = Date.now();
-    this.boostUntilMs = t + Zn;
+    this.boostUntilMs = t + ti;
     const c = Math.max(150, Math.floor(this.baseIntervalMs / 2));
     if (t - this.lastBumpAtMs < c) {
       this.currentInterval = this.baseIntervalMs;
@@ -600,7 +600,7 @@ class ri {
         return this.settleReject(c, new Error(v)), !0;
       const b = typeof t.json == "string" ? t.json : "";
       try {
-        const D = JSON.parse(b), R = $n(D);
+        const D = JSON.parse(b), R = Bn(D);
         this.settleResolve(c, R);
       } catch (D) {
         this.settleReject(c, D instanceof Error ? D : new Error(String(D)));
@@ -613,9 +613,9 @@ class ri {
       const v = typeof E.message == "string" ? E.message : "getElementTree failed";
       return this.settleReject(c, new Error(v)), !0;
     }
-    const p = t.payload, C = Array.isArray(p?.nodes) ? p.nodes : [];
+    const m = t.payload, C = Array.isArray(m?.nodes) ? m.nodes : [];
     try {
-      const v = qn(C);
+      const v = Gn(C);
       this.settleResolve(c, v);
     } catch (v) {
       this.settleReject(c, v instanceof Error ? v : new Error(String(v)));
@@ -626,13 +626,13 @@ class ri {
     return this.platform === "ios" ? { type: "elementTree", id: t } : { type: "getElementTree", id: t, ...this.androidElementTreeOptions };
   }
   async requestOnce() {
-    const t = ti();
+    const t = ni();
     return new Promise((c, a) => {
       const E = window.setTimeout(
         () => {
           this.pending.delete(t), a(new Error("elementTree request timed out"));
         },
-        Qn + (this.androidElementTreeOptions?.waitForIdleTimeoutMs ?? 0)
+        ei + (this.androidElementTreeOptions?.waitForIdleTimeoutMs ?? 0)
       );
       this.pending.set(t, { resolve: c, reject: a, timer: E }), this.send(this.buildRequest(t)) || (window.clearTimeout(E), this.pending.delete(t), a(new Error("elementTree send failed (WebSocket not open)")));
     });
@@ -664,7 +664,7 @@ class ri {
   scheduleNext() {
     if (!this.running) return;
     this.timer !== void 0 && window.clearTimeout(this.timer);
-    const t = Date.now() < this.boostUntilMs ? Math.min(ei, this.currentInterval) : this.currentInterval;
+    const t = Date.now() < this.boostUntilMs ? Math.min(ri, this.currentInterval) : this.currentInterval;
     this.timer = window.setTimeout(() => {
       this.timer = void 0, this.runOnce();
     }, t);
@@ -682,7 +682,7 @@ class ri {
       window.clearTimeout(a.timer), a.reject(new Error(t)), this.pending.delete(c);
   }
 }
-class ni {
+class oi {
   generation = 0;
   tail = Promise.resolve();
   get currentGeneration() {
@@ -713,23 +713,23 @@ class ni {
     ++this.generation;
   }
 }
-function ii(r) {
+function ci(r) {
   if (!r || typeof r != "object") return null;
   const t = r;
   if (t.type !== "cameraRequest" || typeof t.active != "boolean") return null;
   const c = { active: t.active };
   return (t.facingMode === "user" || t.facingMode === "environment") && (c.facingMode = t.facingMode), c;
 }
-function oi(r) {
+function si(r) {
   const t = {
     frameRate: { ideal: 30, max: 30 }
   };
   return r?.facingMode && (t.facingMode = { ideal: r.facingMode }), t;
 }
-function ci(r, t) {
+function ai(r, t) {
   return !r || r.facingMode !== t.facingMode;
 }
-function si(r) {
+function ui(r) {
   const t = r.getSettings();
   return {
     width: t.width,
@@ -740,14 +740,14 @@ function si(r) {
     facingMode: t.facingMode
   };
 }
-function ai(r) {
+function li(r) {
   return {
     type: "cameraResult",
     granted: !0,
-    camera: si(r)
+    camera: ui(r)
   };
 }
-const ui = async (r) => {
+const di = async (r) => {
   if (!r) return !1;
   try {
     if (typeof navigator < "u" && navigator.clipboard?.writeText)
@@ -762,9 +762,9 @@ const ui = async (r) => {
   } catch {
     return !1;
   }
-}, li = er(
-  function({ element: t, screen: c, highlighted: a, selected: E, selectable: p, onClick: C }) {
-    const v = Vn(t.frame, c);
+}, fi = er(
+  function({ element: t, screen: c, highlighted: a, selected: E, selectable: m, onClick: C }) {
+    const v = Jn(t.frame, c);
     if (!v) return null;
     const b = Br(t);
     return /* @__PURE__ */ k(
@@ -780,7 +780,7 @@ const ui = async (r) => {
         "data-selected": E ? "true" : "false",
         "aria-label": b,
         onClick: (D) => {
-          p && (D.preventDefault(), D.stopPropagation(), C(t, { x: D.clientX, y: D.clientY }));
+          m && (D.preventDefault(), D.stopPropagation(), C(t, { x: D.clientX, y: D.clientY }));
         },
         style: {
           left: `${v.x / c.width * 100}%`,
@@ -792,60 +792,60 @@ const ui = async (r) => {
     );
   },
   (r, t) => r.highlighted === t.highlighted && r.selected === t.selected && r.selectable === t.selectable && r.screen.width === t.screen.width && r.screen.height === t.screen.height && r.onClick === t.onClick && Hr(r.element, t.element)
-), di = 260, fi = 220, hi = 6, pi = 8, mi = er(function({
+), hi = 260, pi = 220, mi = 6, Ei = 8, gi = er(function({
   element: t,
   platform: c,
   anchor: a,
   cursorAnchored: E,
-  showActions: p,
+  showActions: m,
   onTap: C
 }) {
-  const [v, b] = V(null);
+  const [v, b] = X(null);
   de(() => {
     if (!v) return;
-    const X = window.setTimeout(() => b(null), 1100);
-    return () => window.clearTimeout(X);
+    const B = window.setTimeout(() => b(null), 1100);
+    return () => window.clearTimeout(B);
   }, [v]);
   const D = Re(() => {
-    const X = di, fe = fi, ne = hi, H = pi, he = typeof window < "u" ? window.innerWidth : 1024, mt = typeof window < "u" ? window.innerHeight : 768, Ye = a.x + ne + X <= he - H, pe = a.y - ne - fe >= H;
+    const B = hi, fe = pi, ne = mi, H = Ei, he = typeof window < "u" ? window.innerWidth : 1024, mt = typeof window < "u" ? window.innerHeight : 768, Ye = a.x + ne + B <= he - H, pe = a.y - ne - fe >= H;
     let x = Ye ? a.x + ne : a.x - ne, Ke = pe ? a.y - ne : a.y + ne;
-    const ce = `translate(${Ye ? "0" : "-100%"}, ${pe ? "-100%" : "0"})`;
-    return x = Math.max(H + (Ye ? 0 : X), Math.min(he - H - (Ye ? X : 0), x)), Ke = Math.max(H + (pe ? fe : 0), Math.min(mt - H - (pe ? 0 : fe), Ke)), { left: `${x}px`, top: `${Ke}px`, transform: ce };
-  }, [a.x, a.y]), R = Re(() => Jn(t, c), [t, c]), S = c === "ios" ? t.selectors.AXUniqueId : t.selectors.resourceId, Z = c === "ios" ? "AXUniqueId" : "resourceId", ge = bn(async (X, fe) => {
-    if (!X) return;
-    await ui(X) && b(fe);
+    const se = `translate(${Ye ? "0" : "-100%"}, ${pe ? "-100%" : "0"})`;
+    return x = Math.max(H + (Ye ? 0 : B), Math.min(he - H - (Ye ? B : 0), x)), Ke = Math.max(H + (pe ? fe : 0), Math.min(mt - H - (pe ? 0 : fe), Ke)), { left: `${x}px`, top: `${Ke}px`, transform: se };
+  }, [a.x, a.y]), R = Re(() => jn(t, c), [t, c]), M = c === "ios" ? t.selectors.AXUniqueId : t.selectors.resourceId, Z = c === "ios" ? "AXUniqueId" : "resourceId", ge = Nn(async (B, fe) => {
+    if (!B) return;
+    await di(B) && b(fe);
   }, []), Ce = Xr(t), Ze = t.label || t.value || Ce, Ie = Br(t);
-  return Kn(
-    /* @__PURE__ */ oe(
+  return Pn(
+    /* @__PURE__ */ ce(
       "div",
       {
         className: "rc-inspect-card",
         "data-cursor-anchored": E ? "true" : "false",
         style: D,
-        onClick: (X) => X.stopPropagation(),
-        onMouseDown: (X) => X.stopPropagation(),
-        onMouseMove: (X) => X.stopPropagation(),
+        onClick: (B) => B.stopPropagation(),
+        onMouseDown: (B) => B.stopPropagation(),
+        onMouseMove: (B) => B.stopPropagation(),
         children: [
-          /* @__PURE__ */ oe("div", { className: "rc-inspect-card-header", children: [
+          /* @__PURE__ */ ce("div", { className: "rc-inspect-card-header", children: [
             /* @__PURE__ */ k("span", { className: "rc-inspect-card-role", children: Ce }),
             !t.enabled && /* @__PURE__ */ k("span", { className: "rc-inspect-card-tag", children: "disabled" }),
             t.focused && /* @__PURE__ */ k("span", { className: "rc-inspect-card-tag rc-inspect-card-tag-blue", children: "focused" })
           ] }),
           /* @__PURE__ */ k("p", { className: "rc-inspect-card-title", title: Ie, children: Ze }),
-          S && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-row", children: [
-            /* @__PURE__ */ oe("span", { className: "rc-inspect-card-row-label", children: [
+          M && /* @__PURE__ */ ce("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ ce("span", { className: "rc-inspect-card-row-label", children: [
               Z,
               ":"
             ] }),
-            /* @__PURE__ */ k("span", { className: "rc-inspect-card-row-value", children: S })
+            /* @__PURE__ */ k("span", { className: "rc-inspect-card-row-value", children: M })
           ] }),
-          t.value && t.value !== t.label && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-row", children: [
+          t.value && t.value !== t.label && /* @__PURE__ */ ce("div", { className: "rc-inspect-card-row", children: [
             /* @__PURE__ */ k("span", { className: "rc-inspect-card-row-label", children: "value:" }),
             /* @__PURE__ */ k("span", { className: "rc-inspect-card-row-value", children: t.value })
           ] }),
-          /* @__PURE__ */ oe("div", { className: "rc-inspect-card-row", children: [
+          /* @__PURE__ */ ce("div", { className: "rc-inspect-card-row", children: [
             /* @__PURE__ */ k("span", { className: "rc-inspect-card-row-label", children: "frame:" }),
-            /* @__PURE__ */ oe("span", { className: "rc-inspect-card-row-value", children: [
+            /* @__PURE__ */ ce("span", { className: "rc-inspect-card-row-value", children: [
               Math.round(t.frame.width),
               "×",
               Math.round(t.frame.height),
@@ -855,7 +855,7 @@ const ui = async (r) => {
               Math.round(t.frame.y)
             ] })
           ] }),
-          p && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-actions", children: [
+          m && /* @__PURE__ */ ce("div", { className: "rc-inspect-card-actions", children: [
             /* @__PURE__ */ k(
               "button",
               {
@@ -881,9 +881,9 @@ const ui = async (r) => {
               {
                 type: "button",
                 className: Ne("rc-inspect-card-btn", v === "id" && "rc-inspect-card-btn-copied"),
-                disabled: !S,
-                title: S ?? `No ${Z}`,
-                onClick: () => ge(S, "id"),
+                disabled: !M,
+                title: M ?? `No ${Z}`,
+                onClick: () => ge(M, "id"),
                 children: v === "id" ? "Copied!" : `Copy ${Z}`
               }
             )
@@ -893,28 +893,28 @@ const ui = async (r) => {
     ),
     document.body
   );
-}), Ei = er(function({
+}), Ci = er(function({
   snapshot: t,
   geometry: c,
   highlightedId: a,
   selectedId: E,
-  mode: p,
+  mode: m,
   cursorPosition: C,
   frozenCursorPosition: v,
   onSelectChange: b,
   onTapElement: D
 }) {
-  const R = p === "select", S = R ? a !== null && a !== E : a !== null, Z = R ? a ?? E : a, ge = Re(() => {
+  const R = m === "select", M = R ? a !== null && a !== E : a !== null, Z = R ? a ?? E : a, ge = Re(() => {
     const H = /* @__PURE__ */ new Map();
     if (!t) return H;
     for (const he of t.elements) H.set(he.id, he);
     return H;
   }, [t]), Ce = Re(() => Z ? ge.get(Z) ?? null : null, [Z, ge]);
   if (!(!!t && !!c && t.screen.width > 0 && t.screen.height > 0 && t.elements.length > 0)) return null;
-  const Ie = S ? C : v ?? C, X = S, fe = R && !S && E !== null, ne = (H) => {
+  const Ie = M ? C : v ?? C, B = M, fe = R && !M && E !== null, ne = (H) => {
     R && H.target === H.currentTarget && b(null, null);
   };
-  return /* @__PURE__ */ oe(Lr, { children: [
+  return /* @__PURE__ */ ce(Lr, { children: [
     /* @__PURE__ */ k(
       "div",
       {
@@ -927,7 +927,7 @@ const ui = async (r) => {
         },
         onClick: ne,
         children: t.elements.map((H) => /* @__PURE__ */ k(
-          li,
+          fi,
           {
             element: H,
             screen: t.screen,
@@ -941,18 +941,18 @@ const ui = async (r) => {
       }
     ),
     Ce && Ie && /* @__PURE__ */ k(
-      mi,
+      gi,
       {
         element: Ce,
         platform: t.platform,
         anchor: Ie,
-        cursorAnchored: X,
+        cursorAnchored: B,
         showActions: fe,
         onTap: D
       }
     )
   ] });
-}), gi = Rn(() => import("./duo-view-BsdKpp8d.mjs").then((r) => r.d)), F = (...r) => {
+}), yi = In(() => import("./duo-view-BEkVGxom.mjs").then((r) => r.d)), F = (...r) => {
   window.debugRemoteControl && console.log(...r);
 }, w = (...r) => {
   window.debugRemoteControl && console.warn(...r);
@@ -965,10 +965,10 @@ const ui = async (r) => {
     }
 }, Kt = (r) => Object.entries(U).find(
   ([c, a]) => c.startsWith("ACTION_") && a === r
-)?.[0] ?? String(r), Ci = (r) => r.includes("/android_") ? "android" : "ios", kr = (r, t) => {
+)?.[0] ?? String(r), vi = (r) => r.includes("/android_") ? "android" : "ios", kr = (r, t) => {
   const c = new URL(r);
   return c.searchParams.set("token", t), c.toString();
-}, Pr = 1920, Ur = 1200, Zt = 3, yi = 1e3, vi = 15e3, Oi = 3e3, _i = 4e3, Di = (r, t) => r === Pr && t === Ur || r === Ur && t === Pr, Ti = {
+}, Pr = 1920, Ur = 1200, Zt = 3, Oi = 1e3, _i = 15e3, Di = 3e3, Ti = 4e3, wi = (r, t) => r === Pr && t === Ur || r === Ur && t === Pr, Ai = {
   ios: {
     videoBorderRadiusMultiplier: 0.15,
     loadingLogoSize: "20%",
@@ -988,42 +988,42 @@ const ui = async (r) => {
     }
   }
 };
-function wi(r) {
+function Si(r) {
   const t = r.code, c = xr[t];
   if (!c)
     return w(`Unknown event.code: ${t}, key: ${r.key}`), null;
   let a = s.META_NONE;
-  const E = t >= "KeyA" && t <= "KeyZ", p = r.getModifierState("CapsLock"), C = r.shiftKey;
+  const E = t >= "KeyA" && t <= "KeyZ", m = r.getModifierState("CapsLock"), C = r.shiftKey;
   let v = C;
-  return E && (v = C !== p), v && (a |= s.META_SHIFT_ON), r.ctrlKey && (a |= s.META_CTRL_ON), r.altKey && (a |= s.META_ALT_ON), r.metaKey && (a |= s.META_META_ON), { keycode: c, metaState: a };
+  return E && (v = C !== m), v && (a |= s.META_SHIFT_ON), r.ctrlKey && (a |= s.META_CTRL_ON), r.altKey && (a |= s.META_ALT_ON), r.metaKey && (a |= s.META_META_ON), { keycode: c, metaState: a };
 }
-const Li = Nn(
+const xi = Yn(
   ({
     className: r,
     url: t,
     token: c,
     sessionId: a,
     openUrl: E,
-    showFrame: p = !0,
+    showFrame: m = !0,
     deviceModel: C,
     duoModelUrl: v,
     autoReconnect: b = !1,
     onTerminated: D,
     assets: R,
-    onConnectionStateChange: S,
+    onConnectionStateChange: M,
     inspectMode: Z,
     onAxSnapshotChange: ge,
     onInspectSelectionChange: Ce,
     onAxStatusChange: Ze,
     axPollIntervalMs: Ie,
-    axMaxBackoffMs: X,
+    axMaxBackoffMs: B,
     androidElementTreeOptions: fe,
     onCameraDemandChange: ne,
     onCameraStats: H,
     microphoneEnabled: he = !1,
     onMicrophoneStateChange: mt
   }, Ye) => {
-    const pe = O(null), x = O(null), Ke = O(null), [tr, rr] = V(!1), ce = C === "iphone-duo" || tr, et = O(null), [nr, ir] = V(null), [or, cr] = V(), ke = O(
+    const pe = _(null), x = _(null), Ke = _(null), [tr, rr] = X(!1), se = C === "iphone-duo" || tr, et = _(null), [nr, ir] = X(null), [or, cr] = X(), ke = _(
       /* @__PURE__ */ new Map()
     ), Ut = (e, o) => new Promise((i, n) => {
       const l = T.current;
@@ -1035,83 +1035,83 @@ const Li = Nn(
         ke.current.delete(u), n(new Error("Device control timed out"));
       }, 5e3);
       ke.current.set(u, { resolve: i, reject: n, timer: f }), l.send(JSON.stringify({ type: e, id: u, ...o }));
-    }), [qr, Lt] = V(!1), [Vr, Et] = V(!1), [Gr, sr] = V(!1), Pe = O(!1), Ft = O(!1), [ar, Jr] = V(!1), [zr, jr] = V(!1), [Qr, ur] = V({}), T = O(null), W = O(null), P = O(null), Ue = O(void 0), tt = O(void 0), rt = O(void 0), gt = O(void 0), Le = O(void 0), Oe = O(0), Ct = O(0), Fe = O(!1), xt = O(b);
+    }), [qr, Lt] = X(!1), [Vr, Et] = X(!1), [Gr, sr] = X(!1), Pe = _(!1), Ft = _(!1), [ar, Jr] = X(!1), [zr, jr] = X(!1), [Qr, Zr] = X(!0), [en, ur] = X({}), T = _(null), W = _(null), P = _(null), Ue = _(void 0), tt = _(void 0), rt = _(void 0), gt = _(void 0), Le = _(void 0), Oe = _(0), Ct = _(0), Fe = _(!1), xt = _(b);
     xt.current = b;
-    const _e = O(null), ee = O(null), De = O(void 0), Wt = Re(() => new ni(), []), me = O(ne);
+    const _e = _(null), ee = _(null), De = _(void 0), Wt = Re(() => new oi(), []), me = _(ne);
     me.current = ne;
-    const yt = O(H);
+    const yt = _(H);
     yt.current = H;
-    const nt = O(null), vt = O(null), Ht = O(he);
+    const nt = _(null), vt = _(null), Ht = _(he);
     Ht.current = he;
-    const $t = O(!1), it = O(mt);
+    const $t = _(!1), it = _(mt);
     it.current = mt;
-    const ot = O(null), ue = O(null), Ot = O(0), lr = O(Promise.resolve()), xe = O(null), ct = O(!1), ye = O(/* @__PURE__ */ new Map()), Ee = O(/* @__PURE__ */ new Map()), Te = O(/* @__PURE__ */ new Map()), we = O(/* @__PURE__ */ new Map()), J = O(/* @__PURE__ */ new Map()), Ae = O(!1), [Zr, en] = V(!1), B = O(null), We = O(null), st = O({
+    const ot = _(null), le = _(null), Ot = _(0), lr = _(Promise.resolve()), xe = _(null), ct = _(!1), ye = _(/* @__PURE__ */ new Map()), Ee = _(/* @__PURE__ */ new Map()), Te = _(/* @__PURE__ */ new Map()), we = _(/* @__PURE__ */ new Map()), J = _(/* @__PURE__ */ new Map()), Ae = _(!1), [tn, rn] = X(!1), q = _(null), We = _(null), st = _({
       handle: () => {
       },
       end: () => {
       }
-    }), [Se, _t] = V(null), z = O(null), [dr, fr] = V(null), [Xt, at] = V(null), [Bt, Dt] = V(null), [tn, hr] = V(null), [rn, pr] = V(null), Tt = O(null), ie = O(void 0), mr = (e) => {
+    }), [Se, _t] = X(null), z = _(null), [dr, fr] = X(null), [Xt, at] = X(null), [Bt, Dt] = X(null), [nn, hr] = X(null), [on, pr] = X(null), Tt = _(null), ie = _(void 0), mr = (e) => {
       Tt.current = e, ie.current === void 0 && (ie.current = window.requestAnimationFrame(() => {
         ie.current = void 0, pr(Tt.current);
       }));
-    }, [nn, He] = V(null), $e = O(Z);
+    }, [cn, He] = X(null), $e = _(Z);
     $e.current = Z;
-    const Xe = O(null);
+    const Xe = _(null);
     Xe.current = dr;
-    const qt = O(ge);
+    const qt = _(ge);
     qt.current = ge;
-    const Be = O(Ce);
+    const Be = _(Ce);
     Be.current = Ce;
-    const Er = O(Ze);
+    const Er = _(Ze);
     Er.current = Ze;
-    const gr = O(D);
+    const gr = _(D);
     gr.current = D;
-    const Cr = O(S);
-    Cr.current = S;
-    const Vt = O(null), qe = (e) => {
+    const Cr = _(M);
+    Cr.current = M;
+    const Vt = _(null), qe = (e) => {
       Vt.current !== e && (Vt.current = e, L("onConnectionStateChange", Cr.current, e));
-    }, ut = Z === !0 || Z === "hover-only", on = Z === "hover-only" ? "hover-only" : "select", se = Re(
+    }, ut = Z === !0 || Z === "hover-only", sn = Z === "hover-only" ? "hover-only" : "select", ae = Re(
       () => a || Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15),
       [a]
-    ), le = Re(() => Ci(t), [t]), Ve = Ti[le], lt = R?.[le], yr = le === "android" && zr ? ar ? lt?.tabletFrameLandscape : lt?.tabletFrame : ar ? lt?.frameLandscape : lt?.frame, vr = lt?.loadingLogo, wt = !ce && p && !!yr, Y = (e) => {
+    ), oe = Re(() => vi(t), [t]), Ve = Ai[oe], lt = R?.[oe], yr = oe === "android" && zr ? ar ? lt?.tabletFrameLandscape : lt?.tabletFrame : ar ? lt?.frameLandscape : lt?.frame, vr = lt?.loadingLogo, wt = !se && m && !!yr && (oe !== "ios" || Qr), Y = (e) => {
       F(e);
-    }, ae = (e) => {
+    }, ue = (e) => {
       !P.current || P.current.readyState !== "open" || (P.current.send(e), z.current?.bumpActivity());
     }, Or = -10, _r = (e, o) => {
       const i = dt();
       if (!i) return;
       const n = Je(i, e, o);
       if (!n) return;
-      const { videoX: l, videoY: u, videoWidth: f, videoHeight: m } = n, g = Yt(
+      const { videoX: l, videoY: u, videoWidth: f, videoHeight: p } = n, g = Yt(
         U.ACTION_DOWN,
         Or,
         f,
-        m,
+        p,
         l,
         u,
         1,
         U.BUTTON_PRIMARY,
         U.BUTTON_PRIMARY
       );
-      g && ae(g), window.setTimeout(() => {
+      g && ue(g), window.setTimeout(() => {
         const h = Yt(
           U.ACTION_UP,
           Or,
           f,
-          m,
+          p,
           l,
           u,
           0,
           U.BUTTON_PRIMARY,
           U.BUTTON_PRIMARY
         );
-        h && ae(h);
+        h && ue(h);
       }, 60);
-    }, cn = (e, o) => {
+    }, an = (e, o) => {
       const i = dt();
       if (!i || o.screen.width <= 0 || o.screen.height <= 0) return;
-      const n = e.frame.x + e.frame.width / 2, l = e.frame.y + e.frame.height / 2, u = n / o.screen.width * i.actualWidth, f = l / o.screen.height * i.actualHeight, m = i.videoRect.left + i.offsetX + u, g = i.videoRect.top + i.offsetY + f;
-      _r(m, g);
+      const n = e.frame.x + e.frame.width / 2, l = e.frame.y + e.frame.height / 2, u = n / o.screen.width * i.actualWidth, f = l / o.screen.height * i.actualHeight, p = i.videoRect.left + i.offsetX + u, g = i.videoRect.top + i.offsetY + f;
+      _r(p, g);
     }, At = -1, St = -2, Me = -3, Ge = (e, o, i, n, l, u) => {
       const f = Yt(
         e,
@@ -1132,61 +1132,61 @@ const Li = Nn(
         x: l,
         y: u,
         video: { width: i, height: n }
-      }), ae(f));
+      }), ue(f));
     }, be = (e, o, i) => {
       if (!i) return;
       const { videoX: n, videoY: l, videoWidth: u, videoHeight: f } = i;
-      let m = null, g = null, h = 1;
-      const M = U.BUTTON_PRIMARY;
+      let p = null, g = null, h = 1;
+      const I = U.BUTTON_PRIMARY;
       switch (o) {
         case "down":
-          e !== Me && st.current.end(), m = J.current.size === 0 ? U.ACTION_DOWN : U.ACTION_POINTER_DOWN, g = { x: n, y: l }, J.current.set(e, g), e === -1 && x.current?.focus();
+          e !== Me && st.current.end(), p = J.current.size === 0 ? U.ACTION_DOWN : U.ACTION_POINTER_DOWN, g = { x: n, y: l }, J.current.set(e, g), e === -1 && x.current?.focus();
           break;
         case "move":
-          J.current.has(e) && (m = U.ACTION_MOVE, g = { x: n, y: l }, J.current.set(e, g));
+          J.current.has(e) && (p = U.ACTION_MOVE, g = { x: n, y: l }, J.current.set(e, g));
           break;
         case "up":
         case "cancel":
-          J.current.has(e) && (g = J.current.get(e), J.current.delete(e), o === "cancel" ? m = U.ACTION_CANCEL : m = J.current.size === 0 ? U.ACTION_UP : U.ACTION_POINTER_UP);
+          J.current.has(e) && (g = J.current.get(e), J.current.delete(e), o === "cancel" ? p = U.ACTION_CANCEL : p = J.current.size === 0 ? U.ACTION_UP : U.ACTION_POINTER_UP);
           break;
       }
-      if (m !== null && g !== null) {
+      if (p !== null && g !== null) {
         F("[rc-touch][mouse->touch] sending", {
           pointerId: e,
           eventType: o,
-          action: m,
-          actionName: Kt(m),
+          action: p,
+          actionName: Kt(p),
           positionToSend: g,
           video: { width: u, height: f },
           altHeld: Ae.current,
-          activePointersAfter: Array.from(J.current.entries()).map(([N, $]) => ({
-            id: N,
+          activePointersAfter: Array.from(J.current.entries()).map(([S, $]) => ({
+            id: S,
             x: $.x,
             y: $.y
           }))
         });
-        const _ = Yt(
-          m,
+        const O = Yt(
+          p,
           e,
           u,
           f,
           g.x,
           g.y,
           h,
-          M,
-          M
+          I,
+          I
         );
-        _ && (F("[rc-touch][mouse->touch] buffer", {
+        O && (F("[rc-touch][mouse->touch] buffer", {
           pointerId: e,
-          actionName: Kt(m),
-          byteLength: _.byteLength
-        }), ae(_));
+          actionName: Kt(p),
+          byteLength: O.byteLength
+        }), ue(O));
       } else (o === "up" || o === "cancel") && J.current.delete(e);
     }, Gt = (e) => {
-      if (Ae.current !== e && (Ae.current = e, en(e), e || _t(null), F("[rc-touch][alt] updateAltHeld", {
+      if (Ae.current !== e && (Ae.current = e, rn(e), e || _t(null), F("[rc-touch][alt] updateAltHeld", {
         nextHeld: e,
         activePointerIds: Array.from(J.current.keys())
-      }), le === "ios" && P.current && P.current.readyState === "open")) {
+      }), oe === "ios" && P.current && P.current.readyState === "open")) {
         const o = e ? s.ACTION_DOWN : s.ACTION_UP, i = pt(
           o,
           s.KEYCODE_ALT_LEFT,
@@ -1196,29 +1196,29 @@ const Li = Nn(
         F("[rc-touch][alt] sending Indigo modifier keycode", {
           action: o,
           keycode: s.KEYCODE_ALT_LEFT
-        }), i && ae(i);
+        }), i && ue(i);
       }
     }, dt = () => {
       const e = x.current, o = pe.current;
       if (!e || !o) return null;
       const i = e.videoWidth, n = e.videoHeight;
       if (!i || !n) return null;
-      const l = e.getBoundingClientRect(), u = o.getBoundingClientRect(), f = l.width, m = l.height, g = i / n, h = f / m;
-      let M = f, _ = m;
-      g > h ? _ = f / g : M = m * g;
-      const N = (f - M) / 2, $ = (m - _) / 2;
+      const l = e.getBoundingClientRect(), u = o.getBoundingClientRect(), f = l.width, p = l.height, g = i / n, h = f / p;
+      let I = f, O = p;
+      g > h ? O = f / g : I = p * g;
+      const S = (f - I) / 2, $ = (p - O) / 2;
       return {
         videoWidth: i,
         videoHeight: n,
         videoRect: l,
         containerRect: u,
-        actualWidth: M,
-        actualHeight: _,
-        offsetX: N,
+        actualWidth: I,
+        actualHeight: O,
+        offsetX: S,
         offsetY: $
       };
     }, Je = (e, o, i) => {
-      const n = o - e.videoRect.left - e.offsetX, l = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), f = Math.max(0, Math.min(e.actualHeight, l)), m = Math.max(
+      const n = o - e.videoRect.left - e.offsetX, l = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), f = Math.max(0, Math.min(e.actualHeight, l)), p = Math.max(
         0,
         Math.min(e.videoWidth, u / e.actualWidth * e.videoWidth)
       ), g = Math.max(
@@ -1226,78 +1226,78 @@ const Li = Nn(
         Math.min(e.videoHeight, f / e.actualHeight * e.videoHeight)
       );
       return {
-        videoX: m,
+        videoX: p,
         videoY: g,
         videoWidth: e.videoWidth,
         videoHeight: e.videoHeight
       };
-    }, sn = (e, o, i) => {
-      const n = o - e.videoRect.left - e.offsetX, l = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), f = Math.max(0, Math.min(e.actualHeight, l)), m = Math.max(
+    }, un = (e, o, i) => {
+      const n = o - e.videoRect.left - e.offsetX, l = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), f = Math.max(0, Math.min(e.actualHeight, l)), p = Math.max(
         0,
         Math.min(e.videoWidth, u / e.actualWidth * e.videoWidth)
       ), g = Math.max(
         0,
         Math.min(e.videoHeight, f / e.actualHeight * e.videoHeight)
-      ), h = e.videoWidth - m, M = e.videoHeight - g, _ = e.videoRect.left + e.offsetX, N = e.videoRect.top + e.offsetY, $ = _ - e.containerRect.left + u, te = N - e.containerRect.top + f, G = _ - e.containerRect.left + (e.actualWidth - u), y = N - e.containerRect.top + (e.actualHeight - f);
+      ), h = e.videoWidth - p, I = e.videoHeight - g, O = e.videoRect.left + e.offsetX, S = e.videoRect.top + e.offsetY, $ = O - e.containerRect.left + u, te = S - e.containerRect.top + f, G = O - e.containerRect.left + (e.actualWidth - u), y = S - e.containerRect.top + (e.actualHeight - f);
       return {
         containerX: $,
         containerY: te,
         mirrorContainerX: G,
         mirrorContainerY: y,
-        videoX: m,
+        videoX: p,
         videoY: g,
         mirrorVideoX: h,
-        mirrorVideoY: M,
+        mirrorVideoY: I,
         videoWidth: e.videoWidth,
         videoHeight: e.videoHeight
       };
-    }, an = (e, o, i, n, l, u, f) => {
-      const m = Un(e, o, i, n, l, u, f);
+    }, ln = (e, o, i, n, l, u, f) => {
+      const p = Fn(e, o, i, n, l, u, f);
       F("[rc-touch2] sendTwoFingerMessage (iOS)", {
         actionName: Kt(e),
         video: { width: o, height: i },
         p0: { x: n, y: l },
         p1: { x: u, y: f },
-        byteLength: m.byteLength
-      }), ae(m);
-    }, ze = (e, o, i, n, l, u, f, m, g) => {
+        byteLength: p.byteLength
+      }), ue(p);
+    }, ze = (e, o, i, n, l, u, f, p, g) => {
       if (F("[rc-touch2] applyTwoFingerEvent", {
-        platform: le,
+        platform: oe,
         eventType: e,
         video: { width: o, height: i },
-        p0: { x: n, y: l, id: m },
+        p0: { x: n, y: l, id: p },
         p1: { x: u, y: f, id: g }
-      }), e === "down" && st.current.end(), le === "ios") {
+      }), e === "down" && st.current.end(), oe === "ios") {
         const h = e === "down" ? U.ACTION_DOWN : e === "move" ? U.ACTION_MOVE : U.ACTION_UP;
-        an(h, o, i, n, l, u, f);
+        ln(h, o, i, n, l, u, f);
       } else
-        e === "down" ? (Ge(U.ACTION_DOWN, m, o, i, n, l), Ge(U.ACTION_POINTER_DOWN, g, o, i, u, f)) : e === "move" ? (Ge(U.ACTION_MOVE, m, o, i, n, l), Ge(U.ACTION_MOVE, g, o, i, u, f)) : (Ge(U.ACTION_POINTER_UP, g, o, i, u, f), Ge(U.ACTION_UP, m, o, i, n, l));
-    }, un = (e, o, i) => {
+        e === "down" ? (Ge(U.ACTION_DOWN, p, o, i, n, l), Ge(U.ACTION_POINTER_DOWN, g, o, i, u, f)) : e === "move" ? (Ge(U.ACTION_MOVE, p, o, i, n, l), Ge(U.ACTION_MOVE, g, o, i, u, f)) : (Ge(U.ACTION_POINTER_UP, g, o, i, u, f), Ge(U.ACTION_UP, p, o, i, n, l));
+    }, dn = (e, o, i) => {
       if (!Ae.current) {
         Se !== null && _t(null);
         return;
       }
-      const n = sn(e, o, i);
+      const n = un(e, o, i);
       _t(n);
-    }, ln = (e, o, i) => {
+    }, fn = (e, o, i) => {
       const n = Xe.current;
       if (!n || n.screen.width <= 0 || n.screen.height <= 0) return null;
       const l = o - e.videoRect.left - e.offsetX, u = i - e.videoRect.top - e.offsetY;
       if (l < 0 || u < 0 || l > e.actualWidth || u > e.actualHeight) return null;
-      const f = l / e.actualWidth * n.screen.width, m = u / e.actualHeight * n.screen.height;
-      return Gn(n, f, m);
+      const f = l / e.actualWidth * n.screen.width, p = u / e.actualHeight * n.screen.height;
+      return zn(n, f, p);
     }, ve = (e) => {
-      if (ce) return;
+      if (se) return;
       e.preventDefault(), e.stopPropagation();
       const o = dt();
       if (($e.current === !0 || $e.current === "hover-only") && !("touches" in e))
         if (e.type === "mousemove") {
           if (mr({ x: e.clientX, y: e.clientY }), o) {
-            const n = ln(o, e.clientX, e.clientY);
+            const n = fn(o, e.clientX, e.clientY);
             at(n?.id ?? null);
           }
         } else e.type === "mouseleave" && (mr(null), at(null));
-      if ($e.current !== !0 && (!("touches" in e) && o && (e.type === "mousemove" ? un(o, e.clientX, e.clientY) : e.type === "mouseleave" && _t(null)), !(!P.current || P.current.readyState !== "open" || !x.current || !o)))
+      if ($e.current !== !0 && (!("touches" in e) && o && (e.type === "mousemove" ? dn(o, e.clientX, e.clientY) : e.type === "mouseleave" && _t(null)), !(!P.current || P.current.readyState !== "open" || !x.current || !o)))
         if ("touches" in e) {
           const n = e.touches, l = e.changedTouches;
           let u;
@@ -1318,9 +1318,9 @@ const Li = Nn(
               return;
           }
           if (n.length === 2) {
-            const f = n[0], m = n[1], g = Je(o, f.clientX, f.clientY), h = Je(o, m.clientX, m.clientY);
+            const f = n[0], p = n[1], g = Je(o, f.clientX, f.clientY), h = Je(o, p.clientX, p.clientY);
             if (!g || !h) return;
-            B.current ? B.current.source === "real-touch" && (B.current.finger0 = { x: g.videoX, y: g.videoY }, B.current.finger1 = { x: h.videoX, y: h.videoY }, ze(
+            q.current ? q.current.source === "real-touch" && (q.current.finger0 = { x: g.videoX, y: g.videoY }, q.current.finger1 = { x: h.videoX, y: h.videoY }, ze(
               "move",
               g.videoWidth,
               g.videoHeight,
@@ -1328,15 +1328,15 @@ const Li = Nn(
               g.videoY,
               h.videoX,
               h.videoY,
-              B.current.pointerId0,
-              B.current.pointerId1
-            )) : (B.current = {
+              q.current.pointerId0,
+              q.current.pointerId1
+            )) : (q.current = {
               finger0: { x: g.videoX, y: g.videoY },
               finger1: { x: h.videoX, y: h.videoY },
               videoSize: { width: g.videoWidth, height: g.videoHeight },
               source: "real-touch",
               pointerId0: f.identifier,
-              pointerId1: m.identifier
+              pointerId1: p.identifier
             }, ze(
               "down",
               g.videoWidth,
@@ -1346,10 +1346,10 @@ const Li = Nn(
               h.videoX,
               h.videoY,
               f.identifier,
-              m.identifier
+              p.identifier
             ));
-          } else if (n.length < 2 && B.current?.source === "real-touch") {
-            const f = B.current;
+          } else if (n.length < 2 && q.current?.source === "real-touch") {
+            const f = q.current;
             ze(
               "up",
               f.videoSize.width,
@@ -1360,7 +1360,7 @@ const Li = Nn(
               f.finger1.y,
               f.pointerId0,
               f.pointerId1
-            ), B.current = null;
+            ), q.current = null;
             return;
           } else {
             if (n.length > 2)
@@ -1368,14 +1368,14 @@ const Li = Nn(
             {
               const f = l[0];
               if (f) {
-                const m = Je(o, f.clientX, f.clientY);
-                be(f.identifier, u, m);
+                const p = Je(o, f.clientX, f.clientY);
+                be(f.identifier, u, p);
               }
             }
           }
         } else {
           let l = null;
-          const u = B.current?.source === "alt-mouse";
+          const u = q.current?.source === "alt-mouse";
           switch (e.type) {
             case "mousedown":
               e.button === 0 && (l = "down");
@@ -1409,15 +1409,15 @@ const Li = Nn(
                 videoHeight: f.videoHeight
               },
               activePointerIds: Array.from(J.current.keys())
-            }), Ae.current || u ? dn(l, f) : be(-1, l, f);
+            }), Ae.current || u ? hn(l, f) : be(-1, l, f);
           }
         }
-    }, dn = (e, o) => {
-      const { videoX: i, videoY: n, videoWidth: l, videoHeight: u } = o, f = l - i, m = u - n;
+    }, hn = (e, o) => {
+      const { videoX: i, videoY: n, videoWidth: l, videoHeight: u } = o, f = l - i, p = u - n;
       if (e === "down") {
-        B.current = {
+        q.current = {
           finger0: { x: i, y: n },
-          finger1: { x: f, y: m },
+          finger1: { x: f, y: p },
           videoSize: { width: l, height: u },
           source: "alt-mouse",
           pointerId0: At,
@@ -1429,49 +1429,49 @@ const Li = Nn(
           i,
           n,
           f,
-          m,
+          p,
           At,
           St
         );
         return;
       }
       if (e === "move") {
-        B.current?.source === "alt-mouse" && (B.current.finger0 = { x: i, y: n }, B.current.finger1 = { x: f, y: m }, ze(
+        q.current?.source === "alt-mouse" && (q.current.finger0 = { x: i, y: n }, q.current.finger1 = { x: f, y: p }, ze(
           "move",
           l,
           u,
           i,
           n,
           f,
-          m,
+          p,
           At,
           St
         ));
         return;
       }
       if (e === "up" || e === "cancel") {
-        const g = B.current;
+        const g = q.current;
         if (g?.source === "alt-mouse") {
-          const { finger0: h, finger1: M, videoSize: _ } = g;
+          const { finger0: h, finger1: I, videoSize: O } = g;
           ze(
             "up",
-            _.width,
-            _.height,
+            O.width,
+            O.height,
             h.x,
             h.y,
-            M.x,
-            M.y,
+            I.x,
+            I.y,
             At,
             St
-          ), B.current = null;
+          ), q.current = null;
         }
         return;
       }
-    }, fn = 150, Dr = () => {
+    }, pn = 150, Dr = () => {
       const e = We.current;
       e && (window.clearTimeout(e.endTimer), be(Me, "up", e.pos), We.current = null);
-    }, hn = (e) => {
-      if (e.ctrlKey || Ae.current || B.current) return;
+    }, mn = (e) => {
+      if (e.ctrlKey || Ae.current || q.current) return;
       const o = J.current.size;
       if (o > 1 || o === 1 && !J.current.has(Me)) return;
       const i = dt();
@@ -1482,19 +1482,19 @@ const Li = Nn(
       const u = Je(i, e.clientX, e.clientY);
       if (!u) return;
       e.preventDefault();
-      const f = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualWidth : 1) * (i.videoWidth / i.actualWidth), m = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualHeight : 1) * (i.videoHeight / i.actualHeight), g = -e.deltaX * f, h = -e.deltaY * m, M = (y) => {
-        window.clearTimeout(y.endTimer), y.endTimer = window.setTimeout(Dr, fn);
+      const f = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualWidth : 1) * (i.videoWidth / i.actualWidth), p = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualHeight : 1) * (i.videoHeight / i.actualHeight), g = -e.deltaX * f, h = -e.deltaY * p, I = (y) => {
+        window.clearTimeout(y.endTimer), y.endTimer = window.setTimeout(Dr, pn);
       };
       if (g === 0 && h === 0) {
-        We.current && M(We.current);
+        We.current && I(We.current);
         return;
       }
-      const _ = () => ({
+      const O = () => ({
         videoWidth: u.videoWidth,
         videoHeight: u.videoHeight,
         videoX: Math.abs(g) > Math.abs(h) ? Math.min(Math.max(u.videoX, u.videoWidth * 0.2), u.videoWidth * 0.8) : u.videoX,
         videoY: Math.abs(h) >= Math.abs(g) ? Math.min(Math.max(u.videoY, u.videoHeight * 0.2), u.videoHeight * 0.8) : u.videoY
-      }), N = (y) => ({
+      }), S = (y) => ({
         ...y,
         videoX: Math.min(Math.max(y.videoX + g, 0), y.videoWidth),
         videoY: Math.min(Math.max(y.videoY + h, 0), y.videoHeight)
@@ -1503,14 +1503,14 @@ const Li = Nn(
       if ($)
         window.clearTimeout($.endTimer);
       else {
-        const y = _();
+        const y = O();
         be(Me, "down", y), $ = { pos: y, endTimer: 0 }, We.current = $;
       }
-      let te = $.pos, G = N(te);
-      G.videoX === te.videoX && G.videoY === te.videoY && (be(Me, "up", te), te = _(), be(Me, "down", te), G = N(te)), be(Me, "move", G), $.pos = G, M($);
+      let te = $.pos, G = S(te);
+      G.videoX === te.videoX && G.videoY === te.videoY && (be(Me, "up", te), te = O(), be(Me, "down", te), G = S(te)), be(Me, "move", G), $.pos = G, I($);
     };
     de(() => {
-      st.current = { handle: hn, end: Dr };
+      st.current = { handle: mn, end: Dr };
     }), de(() => {
       const e = pe.current;
       if (!e) return;
@@ -1532,7 +1532,7 @@ const Li = Nn(
     }, []);
     const Mt = (e) => {
       e.preventDefault(), e.stopPropagation();
-      const o = document.activeElement === x.current || ce && document.activeElement === e.currentTarget;
+      const o = document.activeElement === x.current || se && document.activeElement === e.currentTarget;
       if (F("Keyboard event:", {
         type: e.type,
         key: e.key,
@@ -1556,8 +1556,8 @@ const Li = Nn(
                 "Pasting text via SET_CLIPBOARD:",
                 n.substring(0, 20) + (n.length > 20 ? "..." : "")
               );
-              const l = Ln(n, !0);
-              ae(l);
+              const l = xn(n, !0);
+              ue(l);
             }
           }).catch((n) => {
             console.error("Failed to read clipboard contents: ", n);
@@ -1573,18 +1573,18 @@ const Li = Nn(
             s.META_NONE
             // Modifiers are handled by the shortcut check, not passed down
           );
-          ae(n);
+          ue(n);
           const l = pt(
             s.ACTION_UP,
             s.MENU,
             0,
             s.META_NONE
           );
-          ae(l);
+          ue(l);
           return;
         }
       }
-      const i = wi(e);
+      const i = Si(e);
       if (i) {
         const { keycode: n, metaState: l } = i, u = e.type === "keydown" ? s.ACTION_DOWN : s.ACTION_UP;
         F(`Sending Keycode: key=${e.key}, code=${n}, action=${u}, meta=${l}`);
@@ -1595,18 +1595,18 @@ const Li = Nn(
           // repeat count, typically 0 for single presses
           l
         );
-        ae(f);
+        ue(f);
       } else
         F(`Ignoring unhandled key event: type=${e.type}, key=${e.key}`);
-    }, pn = () => {
+    }, En = () => {
       T.current && T.current.readyState === WebSocket.OPEN && T.current.send(
         JSON.stringify({
           type: "keepAlive",
-          sessionId: se
+          sessionId: ae
         })
       );
     }, Tr = () => {
-      Ue.current && window.clearInterval(Ue.current), Ue.current = window.setInterval(pn, 1e4);
+      Ue.current && window.clearInterval(Ue.current), Ue.current = window.setInterval(En, 1e4);
     }, wr = () => {
       Ue.current && (window.clearInterval(Ue.current), Ue.current = void 0);
     }, bt = () => {
@@ -1617,7 +1617,7 @@ const Li = Nn(
       gt.current && (window.clearInterval(gt.current), gt.current = void 0);
     }, ht = () => {
       Le.current !== void 0 && (window.clearTimeout(Le.current), Le.current = void 0);
-    }, mn = () => {
+    }, gn = () => {
       ct.current || (ct.current = !0, ft(), Lt(!0), qe("connected"));
     }, j = (e) => {
       for (const o of e.getTracks())
@@ -1626,7 +1626,7 @@ const Li = Nn(
         } catch (i) {
           w("track.stop() failed:", i);
         }
-    }, En = () => {
+    }, Cn = () => {
       const e = ee.current;
       e && (ee.current = null, j(e));
     }, Ar = (e) => {
@@ -1637,16 +1637,16 @@ const Li = Nn(
     }, Jt = () => Ht.current || $t.current, Sr = (e) => {
       const o = `ui-mic-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
       xe.current = o, e.send(JSON.stringify({ type: "microphoneStart", id: o }));
-    }, zt = () => Ar(() => gn()), gn = async () => {
-      const e = Ot.current, o = () => e === Ot.current && Jt(), i = (m) => {
+    }, zt = () => Ar(() => yn()), yn = async () => {
+      const e = Ot.current, o = () => e === Ot.current && Jt(), i = (p) => {
         L("onMicrophoneStateChange", it.current, {
           active: !1,
-          error: m
+          error: p
         });
       };
       if (!o()) return;
       const n = T.current, l = ot.current;
-      if (!n || n.readyState !== WebSocket.OPEN || !l || ue.current) return;
+      if (!n || n.readyState !== WebSocket.OPEN || !l || le.current) return;
       if (!navigator.mediaDevices || typeof navigator.mediaDevices.getUserMedia != "function") {
         console.warn(
           "[RemoteControl] navigator.mediaDevices.getUserMedia unavailable. getUserMedia requires a secure context (https or http://localhost)."
@@ -1656,8 +1656,8 @@ const Li = Nn(
       let u = null;
       try {
         u = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
-      } catch (m) {
-        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", m);
+      } catch (p) {
+        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", p);
       }
       if (!o()) {
         u && j(u);
@@ -1674,28 +1674,28 @@ const Li = Nn(
       }
       try {
         await l.replaceTrack(f);
-      } catch (m) {
-        w("replaceTrack(audioTrack) failed:", m), j(u), i("Failed to attach the microphone track to the connection");
+      } catch (p) {
+        w("replaceTrack(audioTrack) failed:", p), j(u), i("Failed to attach the microphone track to the connection");
         return;
       }
       if (!o()) {
         try {
           await l.replaceTrack(null);
-        } catch (m) {
-          w("replaceTrack(null) on stale mic attach failed:", m);
+        } catch (p) {
+          w("replaceTrack(null) on stale mic attach failed:", p);
         }
         j(u);
         return;
       }
-      ue.current = u, f.onended = () => {
-        ue.current === u && Nt("microphone capture ended by the browser");
+      le.current = u, f.onended = () => {
+        le.current === u && Nt("microphone capture ended by the browser");
       }, Sr(n), L("onMicrophoneStateChange", it.current, {
         active: !0,
         label: f.label || void 0
       });
     }, Nt = (e) => (++Ot.current, xe.current = null, Ar(async () => {
-      const o = ot.current, i = ue.current;
-      if (ue.current = null, o && i)
+      const o = ot.current, i = le.current;
+      if (le.current = null, o && i)
         try {
           await o.replaceTrack(null);
         } catch (l) {
@@ -1714,7 +1714,7 @@ const Li = Nn(
     })), Mr = (e, o) => {
       let i;
       try {
-        i = ai(o), console.info(
+        i = li(o), console.info(
           `[RemoteControl] camera capture: ${i.camera?.width}x${i.camera?.height} @ ${i.camera?.frameRate ?? "?"}fps` + (i.camera?.label ? ` — ${i.camera.label}` : "")
         );
       } catch (n) {
@@ -1727,11 +1727,11 @@ const Li = Nn(
         };
       }
       e.send(JSON.stringify(i)), L("onCameraDemandChange", me.current, !0, !0, i.camera);
-    }, Cn = (e) => {
+    }, vn = (e) => {
       if (!e) return;
       const o = e.indexOf("/"), n = (o >= 0 ? e.slice(o + 1) : e).toUpperCase();
       return n === "HEVC" ? "H265" : n;
-    }, yn = async () => {
+    }, On = async () => {
       const e = _e.current, o = yt.current;
       if (!e || !o) return;
       let i;
@@ -1741,20 +1741,20 @@ const Li = Nn(
         return;
       }
       let n, l, u;
-      if (i.forEach((N) => {
-        N.type === "outbound-rtp" && N.kind === "video" ? n = N : N.type === "remote-inbound-rtp" && N.kind === "video" && (u = N);
+      if (i.forEach((S) => {
+        S.type === "outbound-rtp" && S.kind === "video" ? n = S : S.type === "remote-inbound-rtp" && S.kind === "video" && (u = S);
       }), n?.codecId) {
-        const N = i.get(n.codecId);
-        N && (l = N.mimeType);
+        const S = i.get(n.codecId);
+        S && (l = S.mimeType);
       }
       if (!n) return;
-      const f = n.timestamp ?? Date.now(), m = vt.current;
-      let g, h, M;
-      if (m && f > m.timestamp) {
-        const N = (f - m.timestamp) / 1e3;
-        if (typeof n.framesEncoded == "number" && typeof m.framesEncoded == "number" && (g = Math.max(0, (n.framesEncoded - m.framesEncoded) / N)), typeof n.bytesSent == "number" && typeof m.bytesSent == "number" && (h = Math.max(0, (n.bytesSent - m.bytesSent) * 8 / N)), typeof n.packetsSent == "number" && typeof m.packetsSent == "number" && u && typeof u.packetsLost == "number" && typeof m.packetsLost == "number") {
-          const $ = n.packetsSent - m.packetsSent, te = u.packetsLost - m.packetsLost;
-          $ > 0 && (M = Math.max(0, Math.min(100, te / $ * 100)));
+      const f = n.timestamp ?? Date.now(), p = vt.current;
+      let g, h, I;
+      if (p && f > p.timestamp) {
+        const S = (f - p.timestamp) / 1e3;
+        if (typeof n.framesEncoded == "number" && typeof p.framesEncoded == "number" && (g = Math.max(0, (n.framesEncoded - p.framesEncoded) / S)), typeof n.bytesSent == "number" && typeof p.bytesSent == "number" && (h = Math.max(0, (n.bytesSent - p.bytesSent) * 8 / S)), typeof n.packetsSent == "number" && typeof p.packetsSent == "number" && u && typeof u.packetsLost == "number" && typeof p.packetsLost == "number") {
+          const $ = n.packetsSent - p.packetsSent, te = u.packetsLost - p.packetsLost;
+          $ > 0 && (I = Math.max(0, Math.min(100, te / $ * 100)));
         }
       }
       vt.current = {
@@ -1764,8 +1764,8 @@ const Li = Nn(
         packetsSent: n.packetsSent,
         packetsLost: u?.packetsLost
       };
-      const _ = {
-        codec: Cn(l),
+      const O = {
+        codec: vn(l),
         encoderImplementation: n.encoderImplementation,
         hardwareAccelerated: typeof n.powerEfficientEncoder == "boolean" ? n.powerEfficientEncoder : void 0,
         framesPerSecond: g,
@@ -1775,40 +1775,40 @@ const Li = Nn(
         height: n.frameHeight,
         qualityLimitationReason: n.qualityLimitationReason,
         rttMs: typeof u?.roundTripTime == "number" ? u.roundTripTime * 1e3 : void 0,
-        packetsLostPct: M
+        packetsLostPct: I
       };
-      L("onCameraStats", yt.current, _);
+      L("onCameraStats", yt.current, O);
     }, br = () => {
       nt.current === null && (vt.current = null, nt.current = setInterval(() => {
-        yn();
+        On();
       }, 1e3));
     }, It = () => {
       nt.current !== null && (clearInterval(nt.current), nt.current = null), vt.current = null, L("onCameraStats", yt.current, null);
-    }, vn = (e, o, i, n) => Wt.enqueue(async ({ isCurrent: l }) => {
+    }, _n = (e, o, i, n) => Wt.enqueue(async ({ isCurrent: l }) => {
       const u = () => l() && n() && T.current === o && _e.current === i;
       if (!u()) return;
       if (!e.active) {
-        const _ = ee.current;
+        const O = ee.current;
         try {
           await i.replaceTrack(null);
-        } catch (N) {
-          w("replaceTrack(null) on camera detach failed:", N);
+        } catch (S) {
+          w("replaceTrack(null) on camera detach failed:", S);
         }
-        if (ee.current === _ && (ee.current = null, De.current = void 0, _ && j(_)), It(), !u()) return;
+        if (ee.current === O && (ee.current = null, De.current = void 0, O && j(O)), It(), !u()) return;
         L("onCameraDemandChange", me.current, !1);
         return;
       }
       L("onCameraDemandChange", me.current, !0);
-      const f = ee.current, m = f?.getVideoTracks()[0], g = De.current;
-      if (m?.readyState === "live" && g && !ci(g, e)) {
-        De.current = e, Mr(o, m), br();
+      const f = ee.current, p = f?.getVideoTracks()[0], g = De.current;
+      if (p?.readyState === "live" && g && !ai(g, e)) {
+        De.current = e, Mr(o, p), br();
         return;
       }
       if (f) {
         try {
           await i.replaceTrack(null);
-        } catch (_) {
-          w("replaceTrack(null) before camera switch failed:", _);
+        } catch (O) {
+          w("replaceTrack(null) before camera switch failed:", O);
         }
         if (ee.current === f && (ee.current = null, De.current = void 0, j(f)), It(), !u()) return;
       }
@@ -1822,11 +1822,11 @@ const Li = Nn(
       let h = null;
       try {
         h = await navigator.mediaDevices.getUserMedia({
-          video: oi(e),
+          video: si(e),
           audio: !1
         });
-      } catch (_) {
-        console.warn("[RemoteControl] getUserMedia denied/failed:", _);
+      } catch (O) {
+        console.warn("[RemoteControl] getUserMedia denied/failed:", O);
       }
       if (!u()) {
         h && j(h);
@@ -1836,68 +1836,68 @@ const Li = Nn(
         o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
         return;
       }
-      const M = h.getVideoTracks()[0] ?? null;
-      if (!M) {
+      const I = h.getVideoTracks()[0] ?? null;
+      if (!I) {
         if (j(h), !u()) return;
         o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
         return;
       }
       try {
-        M.contentHint = "motion";
+        I.contentHint = "motion";
       } catch {
       }
       try {
-        await i.replaceTrack(M);
-      } catch (_) {
-        if (w("replaceTrack(videoTrack) failed:", _), j(h), !u()) return;
+        await i.replaceTrack(I);
+      } catch (O) {
+        if (w("replaceTrack(videoTrack) failed:", O), j(h), !u()) return;
         o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
         return;
       }
       if (!u()) {
         try {
           await i.replaceTrack(null);
-        } catch (_) {
-          w("replaceTrack(null) for stale camera attach failed:", _);
+        } catch (O) {
+          w("replaceTrack(null) for stale camera attach failed:", O);
         }
         j(h);
         return;
       }
       try {
-        const _ = i.getParameters();
-        (!_.encodings || _.encodings.length === 0) && (_.encodings = [{}]), _.encodings[0].maxBitrate = 8e6, _.encodings[0].maxFramerate = 30, _.degradationPreference = "maintain-framerate", await i.setParameters(_);
-      } catch (_) {
-        w("setParameters on outbound camera failed:", _);
+        const O = i.getParameters();
+        (!O.encodings || O.encodings.length === 0) && (O.encodings = [{}]), O.encodings[0].maxBitrate = 8e6, O.encodings[0].maxFramerate = 30, O.degradationPreference = "maintain-framerate", await i.setParameters(O);
+      } catch (O) {
+        w("setParameters on outbound camera failed:", O);
       }
       if (!u()) {
         try {
           await i.replaceTrack(null);
-        } catch (_) {
-          w("replaceTrack(null) for stale camera finalize failed:", _);
+        } catch (O) {
+          w("replaceTrack(null) for stale camera finalize failed:", O);
         }
         j(h);
         return;
       }
-      ee.current = h, De.current = e, M.onended = () => {
-        ee.current === h && Wt.enqueueCurrent(async ({ isCurrent: _ }) => {
-          if (!(!_() || ee.current !== h || !n() || T.current !== o || _e.current !== i)) {
+      ee.current = h, De.current = e, I.onended = () => {
+        ee.current === h && Wt.enqueueCurrent(async ({ isCurrent: O }) => {
+          if (!(!O() || ee.current !== h || !n() || T.current !== o || _e.current !== i)) {
             try {
               await i.replaceTrack(null);
-            } catch (N) {
-              w("replaceTrack(null) after camera ended failed:", N);
+            } catch (S) {
+              w("replaceTrack(null) after camera ended failed:", S);
             }
-            !_() || ee.current !== h || !n() || T.current !== o || _e.current !== i || (ee.current = null, De.current = void 0, j(h), It(), o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1));
+            !O() || ee.current !== h || !n() || T.current !== o || _e.current !== i || (ee.current = null, De.current = void 0, j(h), It(), o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1));
           }
-        }).catch((_) => w("camera ended cleanup failed:", _));
-      }, u() && (Mr(o, M), br());
+        }).catch((O) => w("camera ended cleanup failed:", O));
+      }, u() && (Mr(o, I), br());
     }), je = () => {
       for (const e of ke.current.values())
         clearTimeout(e.timer), e.reject(new Error("Simulator disconnected"));
-      ke.current.clear(), ir(null), et.current && (et.current.srcObject = null), Rt(), ht(), ft(), z.current && (z.current.stop(), z.current = null), Wt.invalidate(), It(), En(), De.current = void 0, _e.current = null, ++Ot.current, $t.current = !1, xe.current = null, ue.current && (j(ue.current), ue.current = null, L("onMicrophoneStateChange", it.current, {
+      ke.current.clear(), ir(null), et.current && (et.current.srcObject = null), Rt(), ht(), ft(), z.current && (z.current.stop(), z.current = null), Wt.invalidate(), It(), Cn(), De.current = void 0, _e.current = null, ++Ot.current, $t.current = !1, xe.current = null, le.current && (j(le.current), le.current = null, L("onMicrophoneStateChange", it.current, {
         active: !1
       })), ot.current = null, ie.current !== void 0 && (window.cancelAnimationFrame(ie.current), ie.current = void 0), T.current && (T.current.onopen = null, T.current.onmessage = null, T.current.onerror = null, T.current.onclose = null, T.current.close(), T.current = null), W.current && (W.current.onconnectionstatechange = null, W.current.oniceconnectionstatechange = null, W.current.ontrack = null, W.current.onicecandidate = null, W.current.close(), W.current = null), x.current && (x.current.srcObject = null), P.current && (P.current.onopen = null, P.current.onclose = null, P.current.onerror = null, P.current.close(), P.current = null);
     }, Rr = () => {
       document.hidden ? wr() : Tr();
-    }, On = async () => {
+    }, Dn = async () => {
       if (typeof navigator < "u" && navigator.onLine === !1)
         return !1;
       let e;
@@ -1907,7 +1907,7 @@ const Li = Nn(
       } catch {
         return !1;
       }
-      const o = new AbortController(), i = window.setTimeout(() => o.abort(), _i);
+      const o = new AbortController(), i = window.setTimeout(() => o.abort(), Ti);
       try {
         return (await fetch(e, { method: "GET", cache: "no-store", signal: o.signal })).status === 404;
       } catch {
@@ -1915,16 +1915,16 @@ const Li = Nn(
       } finally {
         window.clearTimeout(i);
       }
-    }, _n = () => {
+    }, Tn = () => {
       Pe.current || (Pe.current = !0, sr(!0), Et(!1), Oe.current += 1, bt(), Rt(), ht(), je(), Y("Instance terminated"), qe("terminated"), L("onTerminated", gr.current));
-    }, Dn = () => {
-      Pe.current || Ft.current || (Ft.current = !0, On().then((e) => {
-        Ft.current = !1, e && _n();
+    }, wn = () => {
+      Pe.current || Ft.current || (Ft.current = !0, Dn().then((e) => {
+        Ft.current = !1, e && Tn();
       }));
     }, Qe = (e, o) => {
       if (Pe.current || o !== Oe.current)
         return;
-      if (Dn(), Fe.current) {
+      if (wn(), Fe.current) {
         if (!xt.current) {
           Y(`Connection failed after it was established: ${e}`), Et(!0), qe("failed"), je();
           return;
@@ -1939,7 +1939,7 @@ const Li = Nn(
       }
       Y(`Retrying connection (${i + 1}/${Zt})`), qe("reconnecting"), je(), tt.current = window.setTimeout(() => {
         tt.current = void 0, o === Oe.current && Nr(i);
-      }, yi);
+      }, Oi);
     }, Nr = async (e = 0) => {
       if (Pe.current) return;
       const o = Oe.current + 1;
@@ -1947,18 +1947,18 @@ const Li = Nn(
       const i = () => o === Oe.current;
       rt.current = window.setTimeout(() => {
         rt.current = void 0, !(!i() || Fe.current) && Qe("Connection did not succeed within 15 seconds", o);
-      }, vi);
+      }, _i);
       try {
         const n = new WebSocket(kr(t, c));
         if (T.current = n, await new Promise((y, d) => {
           let K = !1;
-          const Q = window.setTimeout(() => d(new Error("WebSocket connection timeout")), 3e4), A = (I) => {
-            K || (K = !0, window.clearTimeout(Q), I());
+          const Q = window.setTimeout(() => d(new Error("WebSocket connection timeout")), 3e4), A = (N) => {
+            K || (K = !0, window.clearTimeout(Q), N());
           };
           n.onopen = () => {
             !i() || T.current !== n || A(y);
-          }, n.onerror = (I) => {
-            !i() || T.current !== n || (Y("WebSocket error: " + I), A(() => d(new Error("WebSocket connection failed"))));
+          }, n.onerror = (N) => {
+            !i() || T.current !== n || (Y("WebSocket error: " + N), A(() => d(new Error("WebSocket connection failed"))));
           }, n.onclose = () => {
             !i() || T.current !== n || (Y("WebSocket closed"), A(() => d(new Error("WebSocket closed before connection was established"))));
           };
@@ -1970,73 +1970,73 @@ const Li = Nn(
           !i() || T.current !== n || Y("WebSocket closed");
         };
         const l = new Promise((y, d) => {
-          const K = (I) => {
-            window.clearTimeout(Q), n.removeEventListener("message", A), I();
+          const K = (N) => {
+            window.clearTimeout(Q), n.removeEventListener("message", A), N();
           }, Q = window.setTimeout(
             () => K(() => d(new Error("RTCConfiguration timeout"))),
             3e4
-          ), A = (I) => {
+          ), A = (N) => {
             if (!(!i() || T.current !== n))
               try {
-                const q = JSON.parse(I.data);
-                if (q.type === "signalingError" && q.requestType === "requestRtcConfiguration" && q.sessionId === se) {
-                  const re = typeof q.error == "string" ? q.error : "Unable to load streaming configuration";
+                const V = JSON.parse(N.data);
+                if (V.type === "signalingError" && V.requestType === "requestRtcConfiguration" && V.sessionId === ae) {
+                  const re = typeof V.error == "string" ? V.error : "Unable to load streaming configuration";
                   K(() => d(new Error(re)));
-                } else q.type === "rtcConfiguration" && K(
+                } else V.type === "rtcConfiguration" && K(
                   () => y({
-                    rtcConfiguration: q.rtcConfiguration,
-                    cameraSupported: q.cameraSupported === !0,
-                    foldSupported: q.foldSupported === !0
+                    rtcConfiguration: V.rtcConfiguration,
+                    cameraSupported: V.cameraSupported === !0,
+                    foldSupported: V.foldSupported === !0
                   })
                 );
-              } catch (q) {
-                console.error("Error handling RTC configuration:", q), K(() => d(q));
+              } catch (V) {
+                console.error("Error handling RTC configuration:", V), K(() => d(V));
               }
           };
           n.addEventListener("message", A), n.send(
             JSON.stringify({
               type: "requestRtcConfiguration",
-              sessionId: se
+              sessionId: ae
             })
           );
         }), {
           rtcConfiguration: u,
           cameraSupported: f,
-          foldSupported: m
+          foldSupported: p
         } = await l;
         if (!i() || T.current !== n)
           return;
-        const g = C === "iphone-duo" || m;
+        const g = C === "iphone-duo" || p;
         rr(g);
         const h = new RTCPeerConnection(u);
         W.current = h, h.addTransceiver("audio", { direction: "recvonly" });
-        const M = h.addTransceiver("video", { direction: "recvonly" }), _ = g ? h.addTransceiver("video", { direction: "recvonly" }) : null, N = le === "ios" || f, $ = N ? h.addTransceiver("video", {
+        const I = h.addTransceiver("video", { direction: "recvonly" }), O = g ? h.addTransceiver("video", { direction: "recvonly" }) : null, S = oe === "ios" || f, $ = S ? h.addTransceiver("video", {
           direction: "sendonly"
         }) : null;
         _e.current = $?.sender ?? null;
-        const te = N ? h.addTransceiver("audio", {
+        const te = S ? h.addTransceiver("audio", {
           direction: "sendonly"
         }) : null;
         if (ot.current = te?.sender ?? null, RTCRtpReceiver.getCapabilities) {
           const y = RTCRtpReceiver.getCapabilities("video");
           if (y && y.codecs) {
             const K = y.codecs.sort((Q, A) => {
-              const I = (q) => {
-                const re = q.mimeType.toLowerCase();
+              const N = (V) => {
+                const re = V.mimeType.toLowerCase();
                 return re.includes("vp9") ? 1 : re.includes("h265") || re.includes("hevc") ? 2 : re.includes("h264") || re.includes("avc") ? 3 : 4;
               };
-              return I(Q) - I(A);
+              return N(Q) - N(A);
             });
-            M.setCodecPreferences(K), _?.setCodecPreferences(K), F("Set codec preferences:", K.map((Q) => Q.mimeType).join(", "));
+            I.setCodecPreferences(K), O?.setCodecPreferences(K), F("Set codec preferences:", K.map((Q) => Q.mimeType).join(", "));
           }
         }
         if ($ && RTCRtpSender.getCapabilities) {
           const y = RTCRtpSender.getCapabilities("video");
           if (y && y.codecs) {
             const d = /* @__PURE__ */ new Set(["42e01f", "42e028", "640c1f"]), K = (A) => {
-              const I = A.mimeType.toLowerCase(), re = (A.sdpFmtpLine || "").toLowerCase().match(/profile-level-id=([0-9a-f]{6})/), Mn = re ? re[1] : "";
-              return I === "video/h265" || I === "video/hevc" ? 1 : I === "video/h264" && d.has(Mn) ? 2 : I === "video/h264" ? 3 : I === "video/vp9" ? 4 : I === "video/vp8" ? 5 : I === "video/rtx" || I === "video/red" || I === "video/ulpfec" ? 0 : 6;
-            }, Q = [...y.codecs].sort((A, I) => K(A) - K(I));
+              const N = A.mimeType.toLowerCase(), re = (A.sdpFmtpLine || "").toLowerCase().match(/profile-level-id=([0-9a-f]{6})/), Rn = re ? re[1] : "";
+              return N === "video/h265" || N === "video/hevc" ? 1 : N === "video/h264" && d.has(Rn) ? 2 : N === "video/h264" ? 3 : N === "video/vp9" ? 4 : N === "video/vp8" ? 5 : N === "video/rtx" || N === "video/red" || N === "video/ulpfec" ? 0 : 6;
+            }, Q = [...y.codecs].sort((A, N) => K(A) - K(N));
             try {
               $.setCodecPreferences(Q), F(
                 "Outbound camera codec preferences:",
@@ -2055,10 +2055,10 @@ const Li = Nn(
         if (P.current = G, G.onopen = () => {
           if (!i() || P.current !== G || T.current !== n)
             return;
-          Fe.current = !0, Rt(), Y("Control channel opened"), g && n.send(JSON.stringify({ type: "getFoldState", id: "duo-capabilities" })), z.current || (z.current = new ri({
-            platform: le,
+          Fe.current = !0, Rt(), Y("Control channel opened"), g && n.send(JSON.stringify({ type: "getFoldState", id: "duo-capabilities" })), z.current || (z.current = new ii({
+            platform: oe,
             baseIntervalMs: Ie,
-            maxBackoffMs: X,
+            maxBackoffMs: B,
             androidElementTreeOptions: fe,
             send: (d) => {
               if (!T.current || T.current.readyState !== WebSocket.OPEN) return !1;
@@ -2078,7 +2078,7 @@ const Li = Nn(
             }
           }), ($e.current === !0 || $e.current === "hover-only") && z.current.start());
           const y = () => {
-            !i() || ct.current || P.current !== G || T.current !== n || n.readyState !== WebSocket.OPEN || n.send(JSON.stringify({ type: "requestFrame", sessionId: se }));
+            !i() || ct.current || P.current !== G || T.current !== n || n.readyState !== WebSocket.OPEN || n.send(JSON.stringify({ type: "requestFrame", sessionId: ae }));
           };
           if (y(), ft(), gt.current = window.setInterval(() => {
             if (!i() || ct.current || P.current !== G || T.current !== n || n.readyState !== WebSocket.OPEN) {
@@ -2093,7 +2093,7 @@ const Li = Nn(
                 JSON.stringify({
                   type: "openUrl",
                   url: d,
-                  sessionId: se
+                  sessionId: ae
                 })
               );
             } catch (d) {
@@ -2101,7 +2101,7 @@ const Li = Nn(
                 JSON.stringify({
                   type: "openUrl",
                   url: E,
-                  sessionId: se
+                  sessionId: ae
                 })
               );
             }
@@ -2118,7 +2118,7 @@ const Li = Nn(
             return;
           const y = h.iceConnectionState;
           if (Y("ICE state: " + y), y === "connected" || y === "completed") {
-            ht(), Jt() && !ue.current && zt();
+            ht(), Jt() && !le.current && zt();
             return;
           }
           if (y === "failed") {
@@ -2127,7 +2127,7 @@ const Li = Nn(
           }
           y === "disconnected" && xt.current && Le.current === void 0 && (Le.current = window.setTimeout(() => {
             Le.current = void 0, !(!i() || W.current !== h) && h.iceConnectionState === "disconnected" && Qe("ICE stayed disconnected past grace period", o);
-          }, Oi));
+          }, Di));
         }, h.ontrack = (y) => {
           if (!(!i() || W.current !== h) && (Y("Received remote track: " + y.track.kind), y.track.kind === "video" && x.current)) {
             F(`[${(/* @__PURE__ */ new Date()).toISOString()}] Video track received:`, y.track);
@@ -2143,7 +2143,7 @@ const Li = Nn(
                 candidate: y.candidate.candidate,
                 sdpMid: y.candidate.sdpMid,
                 sdpMLineIndex: y.candidate.sdpMLineIndex,
-                sessionId: se
+                sessionId: ae
               };
               n.send(JSON.stringify(d)), Y("Sent ICE candidate");
             } else
@@ -2170,7 +2170,7 @@ const Li = Nn(
                 break;
               }
               case "signalingError": {
-                if (d.requestType !== "offer" || d.sessionId !== se)
+                if (d.requestType !== "offer" || d.sessionId !== ae)
                   break;
                 const A = typeof d.error == "string" ? d.error : "Unable to establish the streaming connection";
                 Y("Error: " + A), Qe(A, o);
@@ -2211,7 +2211,7 @@ const Li = Nn(
                   w("Received invalid screenshot success message:", d);
                   break;
                 }
-                const A = Ai(d);
+                const A = Mi(d);
                 if (A) {
                   const re = Ee.current.get(d.id);
                   if (!re) {
@@ -2221,17 +2221,17 @@ const Li = Nn(
                   w(`Received screenshot error for id ${d.id}: ${A}`), re(new Error(A)), ye.current.delete(d.id), Ee.current.delete(d.id);
                   break;
                 }
-                const I = Si(d);
-                if (!I) {
+                const N = bi(d);
+                if (!N) {
                   w("Received screenshot message without image data:", d);
                   break;
                 }
-                const q = ye.current.get(d.id);
-                if (!q) {
+                const V = ye.current.get(d.id);
+                if (!V) {
                   w(`Received screenshot data for unknown or handled id: ${d.id}`);
                   break;
                 }
-                F(`Received screenshot data for id ${d.id}`), q(I), ye.current.delete(d.id), Ee.current.delete(d.id);
+                F(`Received screenshot data for id ${d.id}`), V(N), ye.current.delete(d.id), Ee.current.delete(d.id);
                 break;
               }
               case "screenshotError":
@@ -2250,12 +2250,12 @@ const Li = Nn(
                 const A = _e.current;
                 if (!A)
                   break;
-                const I = ii(d);
-                if (!I) {
+                const N = ci(d);
+                if (!N) {
                   w("Received invalid cameraRequest:", d);
                   break;
                 }
-                console.info("[RemoteControl] cameraRequest received:", I.active, I.facingMode), await vn(I, n, A, i);
+                console.info("[RemoteControl] cameraRequest received:", N.active, N.facingMode), await _n(N, n, A, i);
                 break;
               }
               case "microphoneRequest": {
@@ -2266,7 +2266,7 @@ const Li = Nn(
                   Ht.current || await Nt();
                   break;
                 }
-                if (ue.current) {
+                if (le.current) {
                   Sr(n);
                   break;
                 }
@@ -2316,7 +2316,7 @@ const Li = Nn(
               type: "offer",
               ...g ? { displayStreams: !0 } : {},
               sdp: y.sdp,
-              sessionId: se
+              sessionId: ae
             })
           ), Y("Sent offer");
         }
@@ -2328,15 +2328,15 @@ const Li = Nn(
       }
     }, jt = () => {
       Pe.current = !1, sr(!1), Nr(0);
-    }, Tn = () => {
+    }, An = () => {
       Oe.current += 1, Ct.current = 0, Fe.current = !1, bt(), ht(), je(), Y("Stopped");
-    }, wn = (e) => {
+    }, Sn = (e) => {
       e.stopPropagation(), jt();
     };
     de(() => {
       Jt() ? zt() : Nt();
     }, [he]), de(() => (Lt(!1), jt(), document.hidden || Tr(), document.addEventListener("visibilitychange", Rr), () => {
-      wr(), Tn(), document.removeEventListener("visibilitychange", Rr);
+      wr(), An(), document.removeEventListener("visibilitychange", Rr);
     }), [t, c, a, C]);
     const Ir = () => {
       const e = dt();
@@ -2358,19 +2358,16 @@ const Li = Nn(
       const e = x.current, o = Ke.current, i = pe.current;
       if (!e) return;
       const n = () => {
-        if (!wt || !o) {
+        const { videoWidth: f, videoHeight: p } = e, g = f > p;
+        if (f > 0 && p > 0 && (Jr(g), jr(oe === "android" && wi(f, p)), Zr(Math.min(f, p) / Math.max(f, p) < 0.6)), !wt || !o) {
           ur({}), Ir();
           return;
         }
-        const f = o.clientWidth, m = o.clientHeight;
-        if (f === 0 || m === 0) return;
-        const g = e.videoWidth > e.videoHeight;
-        Jr(g), jr(
-          le === "android" && Di(e.videoWidth, e.videoHeight)
-        );
-        const h = g ? Ve.videoPosition.landscape : Ve.videoPosition.portrait;
-        let M = {};
-        h.heightMultiplier ? (M.height = `${m * h.heightMultiplier}px`, M.width = "auto") : h.widthMultiplier && (M.width = `${f * h.widthMultiplier}px`, M.height = "auto"), M.borderRadius = `${g ? m * Ve.videoBorderRadiusMultiplier : f * Ve.videoBorderRadiusMultiplier}px`, ur(M), Ir();
+        const h = o.clientWidth, I = o.clientHeight;
+        if (h === 0 || I === 0) return;
+        const O = g ? Ve.videoPosition.landscape : Ve.videoPosition.portrait;
+        let S = {};
+        O.heightMultiplier ? (S.height = `${I * O.heightMultiplier}px`, S.width = "auto") : O.widthMultiplier && (S.width = `${h * O.widthMultiplier}px`, S.height = "auto"), S.borderRadius = `${g ? I * Ve.videoBorderRadiusMultiplier : h * Ve.videoBorderRadiusMultiplier}px`, ur(S), Ir();
       }, l = new ResizeObserver(() => {
         n();
       });
@@ -2379,7 +2376,7 @@ const Li = Nn(
       return e.addEventListener("resize", u), n(), () => {
         l.disconnect(), e.removeEventListener("loadedmetadata", n), e.removeEventListener("resize", n), e.removeEventListener("resize", u), o && o.removeEventListener("load", n);
       };
-    }, [Ve, wt]), de(() => {
+    }, [Ve, wt, oe]), de(() => {
       const e = z.current;
       ut ? e?.start() : (e?.stop(), fr(null), at(null), Dt(null), pr(null), He(null), Tt.current = null, ie.current !== void 0 && (window.cancelAnimationFrame(ie.current), ie.current = void 0), L("onAxSnapshotChange", qt.current, null));
     }, [ut]), de(() => () => {
@@ -2391,10 +2388,10 @@ const Li = Nn(
       };
       return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
     }, [ut, Bt, Xt]);
-    const An = () => {
+    const Mn = () => {
       x.current && x.current.focus();
     };
-    In(Ye, () => ({
+    Kn(Ye, () => ({
       openUrl: (e) => {
         if (!T.current || T.current.readyState !== WebSocket.OPEN) {
           w("WebSocket not open, cannot send open_url command via ref.");
@@ -2406,7 +2403,7 @@ const Li = Nn(
             JSON.stringify({
               type: "openUrl",
               url: o,
-              sessionId: se
+              sessionId: ae
             })
           );
         } catch (o) {
@@ -2414,7 +2411,7 @@ const Li = Nn(
             JSON.stringify({
               type: "openUrl",
               url: e,
-              sessionId: se
+              sessionId: ae
             })
           );
         }
@@ -2443,7 +2440,7 @@ const Li = Nn(
           // repeat count, typically 0 for single presses
           i
         );
-        l && ae(l);
+        l && ue(l);
       },
       screenshot: (e) => new Promise((o, i) => {
         if (!T.current || T.current.readyState !== WebSocket.OPEN)
@@ -2501,8 +2498,8 @@ const Li = Nn(
       },
       getAxStatus: () => z.current?.getStatus() ?? "idle"
     }));
-    const Sn = Zr && Se !== null;
-    return /* @__PURE__ */ oe(
+    const bn = tn && Se !== null;
+    return /* @__PURE__ */ ce(
       "div",
       {
         ref: pe,
@@ -2517,7 +2514,7 @@ const Li = Nn(
         onTouchEnd: ve,
         onTouchCancel: ve,
         children: [
-          Sn && Se && /* @__PURE__ */ oe(Lr, { children: [
+          bn && Se && /* @__PURE__ */ ce(Lr, { children: [
             /* @__PURE__ */ k(
               "div",
               {
@@ -2545,7 +2542,7 @@ const Li = Nn(
               ref: Ke,
               src: yr,
               alt: "",
-              className: le === "ios" ? Ne("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
+              className: oe === "ios" ? Ne("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
               draggable: !1
             }
           ),
@@ -2559,8 +2556,8 @@ const Li = Nn(
                 !qr && "rc-video-loading"
               ),
               style: {
-                ...Qr,
-                ...ce ? { opacity: 0, width: 1, height: 1, pointerEvents: "none" } : {},
+                ...en,
+                ...se ? { opacity: 0, width: 1, height: 1, pointerEvents: "none" } : {},
                 ...vr ? {
                   backgroundImage: `url("${vr}")`,
                   backgroundRepeat: "no-repeat",
@@ -2571,11 +2568,11 @@ const Li = Nn(
               autoPlay: !0,
               playsInline: !0,
               muted: !0,
-              tabIndex: ce ? -1 : 0,
+              tabIndex: se ? -1 : 0,
               onKeyDown: Mt,
               onKeyUp: Mt,
-              onClick: An,
-              onLoadedData: mn,
+              onClick: Mn,
+              onLoadedData: gn,
               onFocus: () => {
                 x.current && (x.current.style.outline = "none");
               },
@@ -2584,7 +2581,7 @@ const Li = Nn(
               }
             }
           ),
-          ce && /* @__PURE__ */ k(
+          se && /* @__PURE__ */ k(
             "video",
             {
               ref: et,
@@ -2594,10 +2591,10 @@ const Li = Nn(
               style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" }
             }
           ),
-          ce && nr && /* @__PURE__ */ k(Yn, { fallback: /* @__PURE__ */ k("div", { children: "Loading iPhone Duo…" }), children: /* @__PURE__ */ k(
-            gi,
+          se && nr && /* @__PURE__ */ k(kn, { fallback: /* @__PURE__ */ k("div", { children: "Loading iPhone Duo…" }), children: /* @__PURE__ */ k(
+            yi,
             {
-              showFrame: p,
+              showFrame: m,
               modelUrl: v,
               outer: x.current,
               inner: et.current,
@@ -2609,23 +2606,23 @@ const Li = Nn(
               }),
               touch: (e, o, i, n) => {
                 const l = P.current;
-                l?.readyState === "open" && l.send(Pn(e, o, i, n));
+                l?.readyState === "open" && l.send(Ln(e, o, i, n));
               },
               onKeyDown: Mt,
               onKeyUp: Mt
             }
           ) }),
-          ce && or && /* @__PURE__ */ k("div", { role: "alert", className: "rc-duo-error", children: or }),
-          !ce && ut && /* @__PURE__ */ k(
-            Ei,
+          se && or && /* @__PURE__ */ k("div", { role: "alert", className: "rc-duo-error", children: or }),
+          !se && ut && /* @__PURE__ */ k(
+            Ci,
             {
               snapshot: dr,
-              geometry: tn,
+              geometry: nn,
               highlightedId: Xt,
               selectedId: Bt,
-              mode: on,
-              cursorPosition: rn,
-              frozenCursorPosition: nn,
+              mode: sn,
+              cursorPosition: on,
+              frozenCursorPosition: cn,
               onSelectChange: (e, o) => {
                 Dt(e?.id ?? null), e && o ? He(o) : e || He(null);
                 const i = Xe.current;
@@ -2640,35 +2637,35 @@ const Li = Nn(
                   return;
                 }
                 const i = Xe.current;
-                i && cn(e, i);
+                i && an(e, i);
               }
             }
           ),
-          Gr ? /* @__PURE__ */ oe("div", { className: "rc-terminated", role: "status", children: [
+          Gr ? /* @__PURE__ */ ce("div", { className: "rc-terminated", role: "status", children: [
             /* @__PURE__ */ k("div", { className: "rc-terminated-title", children: "Instance terminated" }),
             /* @__PURE__ */ k("div", { className: "rc-terminated-message", children: "This instance no longer exists and can't be reconnected." })
-          ] }) : Vr && /* @__PURE__ */ k("button", { type: "button", className: "rc-retry-button", onClick: wn, children: "Retry" })
+          ] }) : Vr && /* @__PURE__ */ k("button", { type: "button", className: "rc-retry-button", onClick: Sn, children: "Retry" })
         ]
       }
     );
   }
-), Ai = (r) => typeof r.message == "string" ? r.message : typeof r.error == "string" ? r.error : null, Si = (r) => typeof r.dataUri == "string" ? { dataUri: r.dataUri } : typeof r.base64 == "string" ? r.base64.startsWith("data:") ? { dataUri: r.base64 } : { dataUri: `data:${r.base64.startsWith("/9j/") ? "image/jpeg" : "image/png"};base64,${r.base64}` } : null;
+), Mi = (r) => typeof r.message == "string" ? r.message : typeof r.error == "string" ? r.error : null, bi = (r) => typeof r.dataUri == "string" ? { dataUri: r.dataUri } : typeof r.base64 == "string" ? r.base64.startsWith("data:") ? { dataUri: r.base64 } : { dataUri: `data:${r.base64.startsWith("/9j/") ? "image/jpeg" : "image/png"};base64,${r.base64}` } : null;
 export {
   Qt as A,
-  Ni as D,
-  ki as H,
-  Li as R,
-  Gn as a,
-  Jn as b,
+  Yi as D,
+  Ui as H,
+  xi as R,
+  zn as a,
+  jn as b,
   Br as c,
   Hr as d,
   $r as e,
-  Vn as f,
-  $n as g,
-  Ui as h,
-  Pi as i,
-  Ii as j,
-  Ki as k,
-  qn as n,
-  Yi as p
+  Jn as f,
+  Bn as g,
+  Fi as h,
+  Li as i,
+  Ki as j,
+  Pi as k,
+  Gn as n,
+  ki as p
 };