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

package/dist/lite.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./remote-control-DVRXfCR2.js");exports.AX_UNAVAILABLE_ERROR=e.AX_UNAVAILABLE_ERROR;exports.RemoteControl=e.RemoteControl;exports.axElementAtPoint=e.axElementAtPoint;exports.axElementSelectorExpression=e.axElementSelectorExpression;exports.axElementSummary=e.axElementSummary;exports.axElementsEqual=e.axElementsEqual;exports.axSnapshotsEqual=e.axSnapshotsEqual;exports.clampAxFrameForScreen=e.clampAxFrameForScreen;exports.normalizeAndroidTree=e.normalizeAndroidTree;exports.normalizeIosTree=e.normalizeIosTree;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./remote-control-F3h8U5pg.js");exports.AX_UNAVAILABLE_ERROR=e.AX_UNAVAILABLE_ERROR;exports.RemoteControl=e.RemoteControl;exports.axElementAtPoint=e.axElementAtPoint;exports.axElementSelectorExpression=e.axElementSelectorExpression;exports.axElementSummary=e.axElementSummary;exports.axElementsEqual=e.axElementsEqual;exports.axSnapshotsEqual=e.axSnapshotsEqual;exports.clampAxFrameForScreen=e.clampAxFrameForScreen;exports.normalizeAndroidTree=e.normalizeAndroidTree;exports.normalizeIosTree=e.normalizeIosTree;

package/dist/lite.js

@@ -1,4 +1,4 @@
-import { A as s, R as o, a as r, b as n, c as m, d as l, e as t, f as E, n as x, g as A } from "./remote-control-CQjSEVDF.mjs";
+import { A as s, R as o, a as r, b as n, c as m, d as l, e as t, f as E, n as x, g as A } from "./remote-control-BAmNHDdv.mjs";
 export {
   s as AX_UNAVAILABLE_ERROR,
   o as RemoteControl,

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

@@ -30,8 +30,8 @@ function Ki(r, t, c) {
 function Pn(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), 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;
+  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;
 }
 class ki {
   constructor(t, c) {
@@ -340,25 +340,25 @@ const Pt = {
   NumpadEnter: s.KEYCODE_NUMPAD_ENTER,
   NumpadEqual: s.KEYCODE_NUMPAD_EQUALS
 };
-function Yt(r, t, c, a, E, m, C = 1, v = 0, b = 0) {
+function Yt(r, t, c, a, E, p, 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(m), !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;
+  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;
 }
-function Un(r, t, c, a, E, m, C) {
+function Un(r, t, c, a, E, p, 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(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;
+  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;
 }
 function Ln(r, t = !0) {
-  const a = new TextEncoder().encode(r), E = new ArrayBuffer(14 + a.length), m = new DataView(E);
+  const a = new TextEncoder().encode(r), E = new ArrayBuffer(14 + a.length), p = new DataView(E);
   let C = 0;
-  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;
+  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;
 }
 function pt(r, t, c = 0, a = 0) {
-  const E = new ArrayBuffer(14), m = new DataView(E);
+  const E = new ArrayBuffer(14), p = new DataView(E);
   let C = 0;
-  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;
+  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;
 }
 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 t = r.find((c) => c.frame && c.frame.width > 0 && c.frame.height > 0);
@@ -375,31 +375,31 @@ const Qt = "Accessibility unavailable on this device.", kt = 500, Wr = (r, t) =>
   return t;
 };
 function $n(r) {
-  const t = Array.isArray(r) ? r : [r], c = xn(t), a = [], E = (m, C) => {
+  const t = Array.isArray(r) ? r : [r], c = xn(t), a = [], E = (p, C) => {
     if (a.length >= kt) return;
-    const v = m.frame;
+    const v = p.frame;
     if (v && v.width > 0 && v.height > 0 && !Wr(v, c)) {
-      const D = m.role_description || m.role || "", R = (typeof m.AXLabel == "string" ? m.AXLabel : "") || (typeof m.title == "string" ? m.title : "") || "";
+      const D = p.role_description || p.role || "", R = (typeof p.AXLabel == "string" ? p.AXLabel : "") || (typeof p.title == "string" ? p.title : "") || "";
       a.push({
-        id: typeof m.AXUniqueId == "string" && m.AXUniqueId.length > 0 ? m.AXUniqueId : C,
+        id: typeof p.AXUniqueId == "string" && p.AXUniqueId.length > 0 ? p.AXUniqueId : C,
         path: C,
         label: R,
-        value: typeof m.AXValue == "string" ? m.AXValue : "",
+        value: typeof p.AXValue == "string" ? p.AXValue : "",
         role: D,
-        type: typeof m.type == "string" ? m.type : "",
-        enabled: m.enabled !== !1,
-        focused: m.focused === !0,
+        type: typeof p.type == "string" ? p.type : "",
+        enabled: p.enabled !== !1,
+        focused: p.focused === !0,
         frame: { x: v.x, y: v.y, width: v.width, height: v.height },
-        selectors: Wn(m),
-        raw: Hn(m)
+        selectors: Wn(p),
+        raw: Hn(p)
       });
     }
-    const b = Array.isArray(m.children) ? m.children : [];
+    const b = Array.isArray(p.children) ? p.children : [];
     for (let D = 0; D < b.length && a.length < kt; D++)
       E(b[D], `${C}.${D}`);
   };
-  for (let m = 0; m < t.length && a.length < kt; m++)
-    E(t[m], String(m));
+  for (let p = 0; p < t.length && a.length < kt; p++)
+    E(t[p], String(p));
   return {
     platform: "ios",
     screen: { width: c.width, height: c.height },
@@ -412,8 +412,8 @@ const Xn = (r) => {
   for (const a of r) {
     const E = a.parsedBounds;
     if (!E) continue;
-    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 });
+    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 });
   }
   return t;
 }, Bn = (r) => {
@@ -423,11 +423,11 @@ const Xn = (r) => {
 function qn(r) {
   const t = Xn(r), c = [];
   for (let a = 0; a < r.length && c.length < kt; a++) {
-    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);
+    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);
     if (C <= 0 || v <= 0) continue;
-    const b = { x: m.left, y: m.top, width: C, height: v };
+    const b = { x: p.left, y: p.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({
@@ -452,7 +452,7 @@ function qn(r) {
   };
 }
 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), m = Math.min(t.height, r.y + r.height), C = Math.max(0, E - c), v = Math.max(0, m - a);
+  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);
   return C > 0 && v > 0 ? { x: c, y: a, width: C, height: v } : null;
 }
 function Hr(r, t) {
@@ -470,11 +470,11 @@ function $r(r, t) {
 }
 function Gn(r, t, c) {
   let a = null, E = 1 / 0;
-  for (const m of r.elements) {
-    const C = m.frame;
+  for (const p of r.elements) {
+    const C = p.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 = m);
+    v < E && (E = v, a = p);
   }
   return a;
 }
@@ -613,7 +613,7 @@ class ri {
       const v = typeof E.message == "string" ? E.message : "getElementTree failed";
       return this.settleReject(c, new Error(v)), !0;
     }
-    const m = t.payload, C = Array.isArray(m?.nodes) ? m.nodes : [];
+    const p = t.payload, C = Array.isArray(p?.nodes) ? p.nodes : [];
     try {
       const v = qn(C);
       this.settleResolve(c, v);
@@ -763,7 +763,7 @@ const ui = async (r) => {
     return !1;
   }
 }, li = er(
-  function({ element: t, screen: c, highlighted: a, selected: E, selectable: m, onClick: C }) {
+  function({ element: t, screen: c, highlighted: a, selected: E, selectable: p, onClick: C }) {
     const v = Vn(t.frame, c);
     if (!v) return null;
     const b = Br(t);
@@ -780,7 +780,7 @@ const ui = async (r) => {
         "data-selected": E ? "true" : "false",
         "aria-label": b,
         onClick: (D) => {
-          m && (D.preventDefault(), D.stopPropagation(), C(t, { x: D.clientX, y: D.clientY }));
+          p && (D.preventDefault(), D.stopPropagation(), C(t, { x: D.clientX, y: D.clientY }));
         },
         style: {
           left: `${v.x / c.width * 100}%`,
@@ -797,7 +797,7 @@ const ui = async (r) => {
   platform: c,
   anchor: a,
   cursorAnchored: E,
-  showActions: m,
+  showActions: p,
   onTap: C
 }) {
   const [v, b] = V(null);
@@ -855,7 +855,7 @@ const ui = async (r) => {
               Math.round(t.frame.y)
             ] })
           ] }),
-          m && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-actions", children: [
+          p && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-actions", children: [
             /* @__PURE__ */ k(
               "button",
               {
@@ -898,13 +898,13 @@ const ui = async (r) => {
   geometry: c,
   highlightedId: a,
   selectedId: E,
-  mode: m,
+  mode: p,
   cursorPosition: C,
   frozenCursorPosition: v,
   onSelectChange: b,
   onTapElement: D
 }) {
-  const R = m === "select", S = R ? a !== null && a !== E : a !== null, Z = R ? a ?? E : a, ge = Re(() => {
+  const R = p === "select", S = 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);
@@ -952,7 +952,7 @@ const ui = async (r) => {
       }
     )
   ] });
-}), gi = Rn(() => import("./duo-view-o1yxIzxu.mjs").then((r) => r.d)), F = (...r) => {
+}), gi = Rn(() => import("./duo-view-BsdKpp8d.mjs").then((r) => r.d)), F = (...r) => {
   window.debugRemoteControl && console.log(...r);
 }, w = (...r) => {
   window.debugRemoteControl && console.warn(...r);
@@ -993,9 +993,9 @@ function wi(r) {
   if (!c)
     return w(`Unknown event.code: ${t}, key: ${r.key}`), null;
   let a = s.META_NONE;
-  const E = t >= "KeyA" && t <= "KeyZ", m = r.getModifierState("CapsLock"), C = r.shiftKey;
+  const E = t >= "KeyA" && t <= "KeyZ", p = r.getModifierState("CapsLock"), C = r.shiftKey;
   let v = C;
-  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 };
+  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 };
 }
 const Li = Nn(
   ({
@@ -1004,7 +1004,7 @@ const Li = Nn(
     token: c,
     sessionId: a,
     openUrl: E,
-    showFrame: m = !0,
+    showFrame: p = !0,
     deviceModel: C,
     duoModelUrl: v,
     autoReconnect: b = !1,
@@ -1073,7 +1073,7 @@ const Li = Nn(
     }, ut = Z === !0 || Z === "hover-only", on = Z === "hover-only" ? "hover-only" : "select", se = 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 && m && !!yr, Y = (e) => {
+    ), 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) => {
       F(e);
     }, ae = (e) => {
       !P.current || P.current.readyState !== "open" || (P.current.send(e), z.current?.bumpActivity());
@@ -1082,11 +1082,11 @@ const Li = Nn(
       if (!i) return;
       const n = Je(i, e, o);
       if (!n) return;
-      const { videoX: l, videoY: u, videoWidth: f, videoHeight: p } = n, g = Yt(
+      const { videoX: l, videoY: u, videoWidth: f, videoHeight: m } = n, g = Yt(
         U.ACTION_DOWN,
         Or,
         f,
-        p,
+        m,
         l,
         u,
         1,
@@ -1098,7 +1098,7 @@ const Li = Nn(
           U.ACTION_UP,
           Or,
           f,
-          p,
+          m,
           l,
           u,
           0,
@@ -1110,8 +1110,8 @@ const Li = Nn(
     }, cn = (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, p = i.videoRect.left + i.offsetX + u, g = i.videoRect.top + i.offsetY + f;
-      _r(p, 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, m = i.videoRect.left + i.offsetX + u, g = i.videoRect.top + i.offsetY + f;
+      _r(m, g);
     }, At = -1, St = -2, Me = -3, Ge = (e, o, i, n, l, u) => {
       const f = Yt(
         e,
@@ -1136,26 +1136,26 @@ const Li = Nn(
     }, be = (e, o, i) => {
       if (!i) return;
       const { videoX: n, videoY: l, videoWidth: u, videoHeight: f } = i;
-      let p = null, g = null, h = 1;
+      let m = null, g = null, h = 1;
       const M = U.BUTTON_PRIMARY;
       switch (o) {
         case "down":
-          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();
+          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();
           break;
         case "move":
-          J.current.has(e) && (p = U.ACTION_MOVE, g = { x: n, y: l }, J.current.set(e, g));
+          J.current.has(e) && (m = 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" ? p = U.ACTION_CANCEL : p = 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" ? m = U.ACTION_CANCEL : m = J.current.size === 0 ? U.ACTION_UP : U.ACTION_POINTER_UP);
           break;
       }
-      if (p !== null && g !== null) {
+      if (m !== null && g !== null) {
         F("[rc-touch][mouse->touch] sending", {
           pointerId: e,
           eventType: o,
-          action: p,
-          actionName: Kt(p),
+          action: m,
+          actionName: Kt(m),
           positionToSend: g,
           video: { width: u, height: f },
           altHeld: Ae.current,
@@ -1166,7 +1166,7 @@ const Li = Nn(
           }))
         });
         const _ = Yt(
-          p,
+          m,
           e,
           u,
           f,
@@ -1178,7 +1178,7 @@ const Li = Nn(
         );
         _ && (F("[rc-touch][mouse->touch] buffer", {
           pointerId: e,
-          actionName: Kt(p),
+          actionName: Kt(m),
           byteLength: _.byteLength
         }), ae(_));
       } else (o === "up" || o === "cancel") && J.current.delete(e);
@@ -1203,10 +1203,10 @@ const Li = Nn(
       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, p = l.height, g = i / n, h = f / p;
-      let M = f, _ = p;
-      g > h ? _ = f / g : M = p * g;
-      const N = (f - M) / 2, $ = (p - _) / 2;
+      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;
       return {
         videoWidth: i,
         videoHeight: n,
@@ -1218,7 +1218,7 @@ const Li = Nn(
         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)), p = 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)), m = Math.max(
         0,
         Math.min(e.videoWidth, u / e.actualWidth * e.videoWidth)
       ), g = Math.max(
@@ -1226,25 +1226,25 @@ const Li = Nn(
         Math.min(e.videoHeight, f / e.actualHeight * e.videoHeight)
       );
       return {
-        videoX: p,
+        videoX: m,
         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)), p = 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)), m = 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 - p, 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 - 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);
       return {
         containerX: $,
         containerY: te,
         mirrorContainerX: G,
         mirrorContainerY: y,
-        videoX: p,
+        videoX: m,
         videoY: g,
         mirrorVideoX: h,
         mirrorVideoY: M,
@@ -1252,26 +1252,26 @@ const Li = Nn(
         videoHeight: e.videoHeight
       };
     }, an = (e, o, i, n, l, u, f) => {
-      const p = Un(e, o, i, n, l, u, f);
+      const m = Un(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: p.byteLength
-      }), ae(p);
-    }, ze = (e, o, i, n, l, u, f, p, g) => {
+        byteLength: m.byteLength
+      }), ae(m);
+    }, ze = (e, o, i, n, l, u, f, m, g) => {
       if (F("[rc-touch2] applyTwoFingerEvent", {
         platform: le,
         eventType: e,
         video: { width: o, height: i },
-        p0: { x: n, y: l, id: p },
+        p0: { x: n, y: l, id: m },
         p1: { x: u, y: f, id: g }
       }), e === "down" && st.current.end(), le === "ios") {
         const h = e === "down" ? U.ACTION_DOWN : e === "move" ? U.ACTION_MOVE : U.ACTION_UP;
         an(h, o, i, n, l, u, f);
       } else
-        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));
+        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) => {
       if (!Ae.current) {
         Se !== null && _t(null);
@@ -1284,8 +1284,8 @@ const Li = Nn(
       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, p = u / e.actualHeight * n.screen.height;
-      return Gn(n, f, p);
+      const f = l / e.actualWidth * n.screen.width, m = u / e.actualHeight * n.screen.height;
+      return Gn(n, f, m);
     }, ve = (e) => {
       if (ce) return;
       e.preventDefault(), e.stopPropagation();
@@ -1318,7 +1318,7 @@ const Li = Nn(
               return;
           }
           if (n.length === 2) {
-            const f = n[0], p = n[1], g = Je(o, f.clientX, f.clientY), h = Je(o, p.clientX, p.clientY);
+            const f = n[0], m = n[1], g = Je(o, f.clientX, f.clientY), h = Je(o, m.clientX, m.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(
               "move",
@@ -1336,7 +1336,7 @@ const Li = Nn(
               videoSize: { width: g.videoWidth, height: g.videoHeight },
               source: "real-touch",
               pointerId0: f.identifier,
-              pointerId1: p.identifier
+              pointerId1: m.identifier
             }, ze(
               "down",
               g.videoWidth,
@@ -1346,7 +1346,7 @@ const Li = Nn(
               h.videoX,
               h.videoY,
               f.identifier,
-              p.identifier
+              m.identifier
             ));
           } else if (n.length < 2 && B.current?.source === "real-touch") {
             const f = B.current;
@@ -1368,8 +1368,8 @@ const Li = Nn(
             {
               const f = l[0];
               if (f) {
-                const p = Je(o, f.clientX, f.clientY);
-                be(f.identifier, u, p);
+                const m = Je(o, f.clientX, f.clientY);
+                be(f.identifier, u, m);
               }
             }
           }
@@ -1413,11 +1413,11 @@ const Li = Nn(
           }
         }
     }, dn = (e, o) => {
-      const { videoX: i, videoY: n, videoWidth: l, videoHeight: u } = o, f = l - i, p = u - n;
+      const { videoX: i, videoY: n, videoWidth: l, videoHeight: u } = o, f = l - i, m = u - n;
       if (e === "down") {
         B.current = {
           finger0: { x: i, y: n },
-          finger1: { x: f, y: p },
+          finger1: { x: f, y: m },
           videoSize: { width: l, height: u },
           source: "alt-mouse",
           pointerId0: At,
@@ -1429,21 +1429,21 @@ const Li = Nn(
           i,
           n,
           f,
-          p,
+          m,
           At,
           St
         );
         return;
       }
       if (e === "move") {
-        B.current?.source === "alt-mouse" && (B.current.finger0 = { x: i, y: n }, B.current.finger1 = { x: f, y: p }, ze(
+        B.current?.source === "alt-mouse" && (B.current.finger0 = { x: i, y: n }, B.current.finger1 = { x: f, y: m }, ze(
           "move",
           l,
           u,
           i,
           n,
           f,
-          p,
+          m,
           At,
           St
         ));
@@ -1482,7 +1482,7 @@ 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), p = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualHeight : 1) * (i.videoHeight / i.actualHeight), g = -e.deltaX * f, h = -e.deltaY * p, M = (y) => {
+      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);
       };
       if (g === 0 && h === 0) {
@@ -1638,10 +1638,10 @@ const Li = Nn(
       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 = (p) => {
+      const e = Ot.current, o = () => e === Ot.current && Jt(), i = (m) => {
         L("onMicrophoneStateChange", it.current, {
           active: !1,
-          error: p
+          error: m
         });
       };
       if (!o()) return;
@@ -1656,8 +1656,8 @@ const Li = Nn(
       let u = null;
       try {
         u = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
-      } catch (p) {
-        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", p);
+      } catch (m) {
+        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", m);
       }
       if (!o()) {
         u && j(u);
@@ -1674,15 +1674,15 @@ const Li = Nn(
       }
       try {
         await l.replaceTrack(f);
-      } catch (p) {
-        w("replaceTrack(audioTrack) failed:", p), j(u), i("Failed to attach the microphone track to the connection");
+      } catch (m) {
+        w("replaceTrack(audioTrack) failed:", m), j(u), i("Failed to attach the microphone track to the connection");
         return;
       }
       if (!o()) {
         try {
           await l.replaceTrack(null);
-        } catch (p) {
-          w("replaceTrack(null) on stale mic attach failed:", p);
+        } catch (m) {
+          w("replaceTrack(null) on stale mic attach failed:", m);
         }
         j(u);
         return;
@@ -1748,12 +1748,12 @@ const Li = Nn(
         N && (l = N.mimeType);
       }
       if (!n) return;
-      const f = n.timestamp ?? Date.now(), p = vt.current;
+      const f = n.timestamp ?? Date.now(), m = vt.current;
       let g, h, M;
-      if (p && f > p.timestamp) {
-        const N = (f - p.timestamp) / 1e3;
-        if (typeof n.framesEncoded == "number" && typeof p.framesEncoded == "number" && (g = Math.max(0, (n.framesEncoded - p.framesEncoded) / N)), typeof n.bytesSent == "number" && typeof p.bytesSent == "number" && (h = Math.max(0, (n.bytesSent - p.bytesSent) * 8 / N)), 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;
+      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)));
         }
       }
@@ -1799,9 +1799,9 @@ const Li = Nn(
         return;
       }
       L("onCameraDemandChange", me.current, !0);
-      const f = ee.current, p = f?.getVideoTracks()[0], g = De.current;
-      if (p?.readyState === "live" && g && !ci(g, e)) {
-        De.current = e, Mr(o, p), br();
+      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();
         return;
       }
       if (f) {
@@ -2002,11 +2002,11 @@ const Li = Nn(
         }), {
           rtcConfiguration: u,
           cameraSupported: f,
-          foldSupported: p
+          foldSupported: m
         } = await l;
         if (!i() || T.current !== n)
           return;
-        const g = C === "iphone-duo" || p;
+        const g = C === "iphone-duo" || m;
         rr(g);
         const h = new RTCPeerConnection(u);
         W.current = h, h.addTransceiver("audio", { direction: "recvonly" });
@@ -2362,15 +2362,15 @@ const Li = Nn(
           ur({}), Ir();
           return;
         }
-        const f = o.clientWidth, p = o.clientHeight;
-        if (f === 0 || p === 0) 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 = `${p * h.heightMultiplier}px`, M.width = "auto") : h.widthMultiplier && (M.width = `${f * h.widthMultiplier}px`, M.height = "auto"), M.borderRadius = `${g ? p * Ve.videoBorderRadiusMultiplier : f * Ve.videoBorderRadiusMultiplier}px`, ur(M), Ir();
+        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();
       }, l = new ResizeObserver(() => {
         n();
       });
@@ -2597,6 +2597,7 @@ const Li = Nn(
           ce && nr && /* @__PURE__ */ k(Yn, { fallback: /* @__PURE__ */ k("div", { children: "Loading iPhone Duo…" }), children: /* @__PURE__ */ k(
             gi,
             {
+              showFrame: p,
               modelUrl: v,
               outer: x.current,
               inner: et.current,