@limrun/ui 0.17.0 → 0.17.1

package/dist/{remote-control-BGXbOBCk.mjs → remote-control-MECm114K.mjs}

@@ -1,5 +1,5 @@
 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 { memo as er, useState as V, useEffect as de, useMemo as Ne, 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 './index.css';function Fr(r) {
   var t, c, a = "";
@@ -10,7 +10,7 @@ import './index.css';function Fr(r) {
   } else for (c in r) r[c] && (a && (a += " "), a += c);
   return a;
 }
-function Ne() {
+function Ie() {
   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;
 }
@@ -771,7 +771,7 @@ const ui = async (r) => {
       "button",
       {
         type: "button",
-        className: Ne("rc-inspect-box", !t.enabled && "rc-inspect-box-disabled"),
+        className: Ie("rc-inspect-box", !t.enabled && "rc-inspect-box-disabled"),
         "data-ax-id": t.id,
         "data-ax-path": t.path,
         "data-ax-label": t.label || void 0,
@@ -806,15 +806,15 @@ const ui = async (r) => {
     const X = window.setTimeout(() => b(null), 1100);
     return () => window.clearTimeout(X);
   }, [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;
-    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) => {
+  const D = Ne(() => {
+    const X = di, fe = fi, ne = hi, H = pi, he = typeof window < "u" ? window.innerWidth : 1024, mt = typeof window < "u" ? window.innerHeight : 768, Ke = a.x + ne + X <= he - H, pe = a.y - ne - fe >= H;
+    let x = Ke ? a.x + ne : a.x - ne, ke = pe ? a.y - ne : a.y + ne;
+    const ce = `translate(${Ke ? "0" : "-100%"}, ${pe ? "-100%" : "0"})`;
+    return x = Math.max(H + (Ke ? 0 : X), Math.min(he - H - (Ke ? 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 = Ne(() => Jn(t, c), [t, c]), S = c === "ios" ? t.selectors.AXUniqueId : t.selectors.resourceId, Z = c === "ios" ? "AXUniqueId" : "resourceId", Ce = bn(async (X, fe) => {
     if (!X) return;
     await ui(X) && b(fe);
-  }, []), Ce = Xr(t), Ze = t.label || t.value || Ce, Ie = Br(t);
+  }, []), ye = Xr(t), Ze = t.label || t.value || ye, Ye = Br(t);
   return Kn(
     /* @__PURE__ */ oe(
       "div",
@@ -827,11 +827,11 @@ const ui = async (r) => {
         onMouseMove: (X) => X.stopPropagation(),
         children: [
           /* @__PURE__ */ oe("div", { className: "rc-inspect-card-header", children: [
-            /* @__PURE__ */ k("span", { className: "rc-inspect-card-role", children: Ce }),
+            /* @__PURE__ */ k("span", { className: "rc-inspect-card-role", children: ye }),
             !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 }),
+          /* @__PURE__ */ k("p", { className: "rc-inspect-card-title", title: Ye, children: Ze }),
           S && /* @__PURE__ */ oe("div", { className: "rc-inspect-card-row", children: [
             /* @__PURE__ */ oe("span", { className: "rc-inspect-card-row-label", children: [
               Z,
@@ -869,10 +869,10 @@ const ui = async (r) => {
               "button",
               {
                 type: "button",
-                className: Ne("rc-inspect-card-btn", v === "selector" && "rc-inspect-card-btn-copied"),
+                className: Ie("rc-inspect-card-btn", v === "selector" && "rc-inspect-card-btn-copied"),
                 disabled: !R,
                 title: R ?? "No usable selector for this element",
-                onClick: () => ge(R ?? void 0, "selector"),
+                onClick: () => Ce(R ?? void 0, "selector"),
                 children: v === "selector" ? "Copied!" : "Copy selector"
               }
             ),
@@ -880,10 +880,10 @@ const ui = async (r) => {
               "button",
               {
                 type: "button",
-                className: Ne("rc-inspect-card-btn", v === "id" && "rc-inspect-card-btn-copied"),
+                className: Ie("rc-inspect-card-btn", v === "id" && "rc-inspect-card-btn-copied"),
                 disabled: !S,
                 title: S ?? `No ${Z}`,
-                onClick: () => ge(S, "id"),
+                onClick: () => Ce(S, "id"),
                 children: v === "id" ? "Copied!" : `Copy ${Z}`
               }
             )
@@ -904,21 +904,21 @@ const ui = async (r) => {
   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 = p === "select", S = R ? a !== null && a !== E : a !== null, Z = R ? a ?? E : a, Ce = Ne(() => {
     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]);
+  }, [t]), ye = Ne(() => Z ? Ce.get(Z) ?? null : null, [Z, Ce]);
   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 Ye = S ? C : v ?? C, X = S, fe = R && !S && E !== null, ne = (H) => {
     R && H.target === H.currentTarget && b(null, null);
   };
   return /* @__PURE__ */ oe(Lr, { children: [
     /* @__PURE__ */ k(
       "div",
       {
-        className: Ne("rc-inspect-overlay", R && "rc-inspect-overlay-select"),
+        className: Ie("rc-inspect-overlay", R && "rc-inspect-overlay-select"),
         style: {
           left: `${c.left}px`,
           top: `${c.top}px`,
@@ -940,19 +940,19 @@ const ui = async (r) => {
         ))
       }
     ),
-    Ce && Ie && /* @__PURE__ */ k(
+    ye && Ye && /* @__PURE__ */ k(
       mi,
       {
-        element: Ce,
+        element: ye,
         platform: t.platform,
-        anchor: Ie,
+        anchor: Ye,
         cursorAnchored: X,
         showActions: fe,
         onTap: D
       }
     )
   ] });
-}), gi = Rn(() => import("./duo-view-D1WxkDni.mjs").then((r) => r.d)), F = (...r) => {
+}), gi = Rn(() => import("./duo-view-BNktEtvj.mjs").then((r) => r.d)), F = (...r) => {
   window.debugRemoteControl && console.log(...r);
 }, w = (...r) => {
   window.debugRemoteControl && console.warn(...r);
@@ -1012,18 +1012,18 @@ const Li = Nn(
     assets: R,
     onConnectionStateChange: S,
     inspectMode: Z,
-    onAxSnapshotChange: ge,
-    onInspectSelectionChange: Ce,
+    onAxSnapshotChange: Ce,
+    onInspectSelectionChange: ye,
     onAxStatusChange: Ze,
-    axPollIntervalMs: Ie,
+    axPollIntervalMs: Ye,
     axMaxBackoffMs: X,
     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(
+  }, Ke) => {
+    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(), Pe = O(
       /* @__PURE__ */ new Map()
     ), Ut = (e, o) => new Promise((i, n) => {
       const l = T.current;
@@ -1032,25 +1032,25 @@ const Li = Nn(
         return;
       }
       const u = crypto.randomUUID(), f = setTimeout(() => {
-        ke.current.delete(u), n(new Error("Device control timed out"));
+        Pe.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);
+      Pe.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), Ue = 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), Le = O(void 0), tt = O(void 0), rt = O(void 0), gt = O(void 0), Fe = O(void 0), _e = O(0), Ct = O(0), me = O(!1), xt = O(b);
     xt.current = b;
-    const _e = O(null), ee = O(null), De = O(void 0), Wt = Re(() => new ni(), []), me = O(ne);
-    me.current = ne;
+    const De = O(null), ee = O(null), Te = O(void 0), Wt = Ne(() => new ni(), []), Ee = O(ne);
+    Ee.current = ne;
     const yt = O(H);
     yt.current = H;
     const nt = O(null), vt = O(null), Ht = O(he);
     Ht.current = he;
     const $t = O(!1), it = O(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 = O(null), ue = O(null), Ot = O(0), lr = O(Promise.resolve()), xe = O(null), ct = O(!1), ve = O(/* @__PURE__ */ new Map()), ge = O(/* @__PURE__ */ new Map()), we = O(/* @__PURE__ */ new Map()), Ae = O(/* @__PURE__ */ new Map()), J = O(/* @__PURE__ */ new Map()), Se = O(!1), [Zr, en] = V(!1), B = O(null), We = O(null), st = O({
       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) => {
+    }), [Me, _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) => {
       Tt.current = e, ie.current === void 0 && (ie.current = window.requestAnimationFrame(() => {
         ie.current = void 0, pr(Tt.current);
       }));
@@ -1058,10 +1058,10 @@ const Li = Nn(
     $e.current = Z;
     const Xe = O(null);
     Xe.current = dr;
-    const qt = O(ge);
-    qt.current = ge;
-    const Be = O(Ce);
-    Be.current = Ce;
+    const qt = O(Ce);
+    qt.current = Ce;
+    const Be = O(ye);
+    Be.current = ye;
     const Er = O(Ze);
     Er.current = Ze;
     const gr = O(D);
@@ -1070,10 +1070,10 @@ const Li = Nn(
     Cr.current = S;
     const Vt = O(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", on = Z === "hover-only" ? "hover-only" : "select", se = Ne(
       () => 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) => {
+    ), le = Ne(() => 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());
@@ -1112,7 +1112,7 @@ const Li = Nn(
       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);
-    }, At = -1, St = -2, Me = -3, Ge = (e, o, i, n, l, u) => {
+    }, At = -1, St = -2, be = -3, Ge = (e, o, i, n, l, u) => {
       const f = Yt(
         e,
         o,
@@ -1133,14 +1133,14 @@ const Li = Nn(
         y: u,
         video: { width: i, height: n }
       }), ae(f));
-    }, be = (e, o, i) => {
+    }, Re = (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;
       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 !== be && 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) && (m = U.ACTION_MOVE, g = { x: n, y: l }, J.current.set(e, g));
@@ -1158,7 +1158,7 @@ const Li = Nn(
           actionName: Kt(m),
           positionToSend: g,
           video: { width: u, height: f },
-          altHeld: Ae.current,
+          altHeld: Se.current,
           activePointersAfter: Array.from(J.current.entries()).map(([N, $]) => ({
             id: N,
             x: $.x,
@@ -1183,7 +1183,7 @@ const Li = Nn(
         }), ae(_));
       } 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 (Se.current !== e && (Se.current = e, en(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")) {
@@ -1273,8 +1273,8 @@ const Li = Nn(
       } 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) => {
-      if (!Ae.current) {
-        Se !== null && _t(null);
+      if (!Se.current) {
+        Me !== null && _t(null);
         return;
       }
       const n = sn(e, o, i);
@@ -1286,7 +1286,7 @@ const Li = Nn(
       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);
-    }, ve = (e) => {
+    }, Oe = (e) => {
       if (ce) return;
       e.preventDefault(), e.stopPropagation();
       const o = dt();
@@ -1369,7 +1369,7 @@ const Li = Nn(
               const f = l[0];
               if (f) {
                 const m = Je(o, f.clientX, f.clientY);
-                be(f.identifier, u, m);
+                Re(f.identifier, u, m);
               }
             }
           }
@@ -1400,7 +1400,7 @@ const Li = Nn(
               button: e.button,
               buttons: e.buttons,
               client: { x: e.clientX, y: e.clientY },
-              altHeldRef: Ae.current,
+              altHeldRef: Se.current,
               inTwoFingerMode: u,
               geometry: {
                 videoX: f.videoX,
@@ -1409,7 +1409,7 @@ const Li = Nn(
                 videoHeight: f.videoHeight
               },
               activePointerIds: Array.from(J.current.keys())
-            }), Ae.current || u ? dn(l, f) : be(-1, l, f);
+            }), Se.current || u ? dn(l, f) : Re(-1, l, f);
           }
         }
     }, dn = (e, o) => {
@@ -1469,11 +1469,11 @@ const Li = Nn(
       }
     }, fn = 150, Dr = () => {
       const e = We.current;
-      e && (window.clearTimeout(e.endTimer), be(Me, "up", e.pos), We.current = null);
+      e && (window.clearTimeout(e.endTimer), Re(be, "up", e.pos), We.current = null);
     }, hn = (e) => {
-      if (e.ctrlKey || Ae.current || B.current) return;
+      if (e.ctrlKey || Se.current || B.current) return;
       const o = J.current.size;
-      if (o > 1 || o === 1 && !J.current.has(Me)) return;
+      if (o > 1 || o === 1 && !J.current.has(be)) return;
       const i = dt();
       if (!i) return;
       const n = e.clientX - i.videoRect.left - i.offsetX, l = e.clientY - i.videoRect.top - i.offsetY;
@@ -1504,10 +1504,10 @@ const Li = Nn(
         window.clearTimeout($.endTimer);
       else {
         const y = _();
-        be(Me, "down", y), $ = { pos: y, endTimer: 0 }, We.current = $;
+        Re(be, "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($);
+      G.videoX === te.videoX && G.videoY === te.videoY && (Re(be, "up", te), te = _(), Re(be, "down", te), G = N(te)), Re(be, "move", G), $.pos = G, M($);
     };
     de(() => {
       st.current = { handle: hn, end: Dr };
@@ -1606,9 +1606,9 @@ const Li = Nn(
         })
       );
     }, Tr = () => {
-      Ue.current && window.clearInterval(Ue.current), Ue.current = window.setInterval(pn, 1e4);
+      Le.current && window.clearInterval(Le.current), Le.current = window.setInterval(pn, 1e4);
     }, wr = () => {
-      Ue.current && (window.clearInterval(Ue.current), Ue.current = void 0);
+      Le.current && (window.clearInterval(Le.current), Le.current = void 0);
     }, bt = () => {
       tt.current && (window.clearTimeout(tt.current), tt.current = void 0);
     }, Rt = () => {
@@ -1616,7 +1616,7 @@ const Li = Nn(
     }, ft = () => {
       gt.current && (window.clearInterval(gt.current), gt.current = void 0);
     }, ht = () => {
-      Le.current !== void 0 && (window.clearTimeout(Le.current), Le.current = void 0);
+      Fe.current !== void 0 && (window.clearTimeout(Fe.current), Fe.current = void 0);
     }, mn = () => {
       ct.current || (ct.current = !0, ft(), Lt(!0), qe("connected"));
     }, j = (e) => {
@@ -1726,13 +1726,13 @@ const Li = Nn(
           }
         };
       }
-      e.send(JSON.stringify(i)), L("onCameraDemandChange", me.current, !0, !0, i.camera);
+      e.send(JSON.stringify(i)), L("onCameraDemandChange", Ee.current, !0, !0, i.camera);
     }, Cn = (e) => {
       if (!e) return;
       const o = e.indexOf("/"), n = (o >= 0 ? e.slice(o + 1) : e).toUpperCase();
       return n === "HEVC" ? "H265" : n;
     }, yn = async () => {
-      const e = _e.current, o = yt.current;
+      const e = De.current, o = yt.current;
       if (!e || !o) return;
       let i;
       try {
@@ -1785,7 +1785,7 @@ const Li = Nn(
     }, 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 }) => {
-      const u = () => l() && n() && T.current === o && _e.current === i;
+      const u = () => l() && n() && T.current === o && De.current === i;
       if (!u()) return;
       if (!e.active) {
         const _ = ee.current;
@@ -1794,14 +1794,14 @@ const Li = Nn(
         } catch (N) {
           w("replaceTrack(null) on camera detach failed:", N);
         }
-        if (ee.current === _ && (ee.current = null, De.current = void 0, _ && j(_)), It(), !u()) return;
-        L("onCameraDemandChange", me.current, !1);
+        if (ee.current === _ && (ee.current = null, Te.current = void 0, _ && j(_)), It(), !u()) return;
+        L("onCameraDemandChange", Ee.current, !1);
         return;
       }
-      L("onCameraDemandChange", me.current, !0);
-      const f = ee.current, m = f?.getVideoTracks()[0], g = De.current;
+      L("onCameraDemandChange", Ee.current, !0);
+      const f = ee.current, m = f?.getVideoTracks()[0], g = Te.current;
       if (m?.readyState === "live" && g && !ci(g, e)) {
-        De.current = e, Mr(o, m), br();
+        Te.current = e, Mr(o, m), br();
         return;
       }
       if (f) {
@@ -1810,13 +1810,13 @@ const Li = Nn(
         } catch (_) {
           w("replaceTrack(null) before camera switch failed:", _);
         }
-        if (ee.current === f && (ee.current = null, De.current = void 0, j(f)), It(), !u()) return;
+        if (ee.current === f && (ee.current = null, Te.current = void 0, j(f)), It(), !u()) return;
       }
       if (!navigator.mediaDevices || typeof navigator.mediaDevices.getUserMedia != "function") {
         if (console.warn(
           "[RemoteControl] navigator.mediaDevices.getUserMedia unavailable. getUserMedia requires a secure context (https or http://localhost). Replying cameraResult granted=false so limulator falls back to black frames."
         ), !u()) return;
-        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
+        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", Ee.current, !0, !1);
         return;
       }
       let h = null;
@@ -1833,13 +1833,13 @@ const Li = Nn(
         return;
       }
       if (!h) {
-        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
+        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", Ee.current, !0, !1);
         return;
       }
       const M = h.getVideoTracks()[0] ?? null;
       if (!M) {
         if (j(h), !u()) return;
-        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
+        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", Ee.current, !0, !1);
         return;
       }
       try {
@@ -1850,7 +1850,7 @@ const Li = Nn(
         await i.replaceTrack(M);
       } catch (_) {
         if (w("replaceTrack(videoTrack) failed:", _), j(h), !u()) return;
-        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", me.current, !0, !1);
+        o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", Ee.current, !0, !1);
         return;
       }
       if (!u()) {
@@ -1877,22 +1877,22 @@ const Li = Nn(
         j(h);
         return;
       }
-      ee.current = h, De.current = e, M.onended = () => {
+      ee.current = h, Te.current = e, M.onended = () => {
         ee.current === h && Wt.enqueueCurrent(async ({ isCurrent: _ }) => {
-          if (!(!_() || ee.current !== h || !n() || T.current !== o || _e.current !== i)) {
+          if (!(!_() || ee.current !== h || !n() || T.current !== o || De.current !== i)) {
             try {
               await i.replaceTrack(null);
             } catch (N) {
               w("replaceTrack(null) after camera ended failed:", N);
             }
-            !_() || 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));
+            !_() || ee.current !== h || !n() || T.current !== o || De.current !== i || (ee.current = null, Te.current = void 0, j(h), It(), o.send(JSON.stringify({ type: "cameraResult", granted: !1 })), L("onCameraDemandChange", Ee.current, !0, !1));
           }
         }).catch((_) => w("camera ended cleanup failed:", _));
       }, u() && (Mr(o, M), br());
     }), je = () => {
-      for (const e of ke.current.values())
+      for (const e of Pe.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, {
+      Pe.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(), Te.current = void 0, De.current = null, ++Ot.current, $t.current = !1, xe.current = null, ue.current && (j(ue.current), ue.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 = () => {
@@ -1916,20 +1916,20 @@ const Li = Nn(
         window.clearTimeout(i);
       }
     }, _n = () => {
-      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));
+      Ue.current || (Ue.current = !0, sr(!0), Et(!1), _e.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) => {
+      Ue.current || Ft.current || (Ft.current = !0, On().then((e) => {
         Ft.current = !1, e && _n();
       }));
     }, Qe = (e, o) => {
-      if (Pe.current || o !== Oe.current)
+      if (Ue.current || o !== _e.current)
         return;
-      if (Dn(), Fe.current) {
+      if (Dn(), me.current) {
         if (!xt.current) {
           Y(`Connection failed after it was established: ${e}`), Et(!0), qe("failed"), je();
           return;
         }
-        Y(`Reconnecting after established session dropped: ${e}`), Fe.current = !1, Ct.current = -1;
+        Y(`Reconnecting after established session dropped: ${e}`), me.current = !1, Ct.current = -1;
       }
       bt();
       const i = Ct.current + 1;
@@ -1938,15 +1938,15 @@ const Li = Nn(
         return;
       }
       Y(`Retrying connection (${i + 1}/${Zt})`), qe("reconnecting"), je(), tt.current = window.setTimeout(() => {
-        tt.current = void 0, o === Oe.current && Nr(i);
+        tt.current = void 0, o === _e.current && Nr(i);
       }, yi);
     }, Nr = async (e = 0) => {
-      if (Pe.current) return;
-      const o = Oe.current + 1;
-      Oe.current = o, Ct.current = e, Fe.current = !1, Et(!1), e === 0 && Vt.current !== "reconnecting" && qe("connecting"), bt(), Rt(), ft(), ct.current = !1, Lt(!1), je();
-      const i = () => o === Oe.current;
+      if (Ue.current) return;
+      const o = _e.current + 1;
+      _e.current = o, Ct.current = e, me.current = !1, Et(!1), e === 0 && Vt.current !== "reconnecting" && qe("connecting"), bt(), Rt(), ft(), ct.current = !1, Lt(!1), je();
+      const i = () => o === _e.current;
       rt.current = window.setTimeout(() => {
-        rt.current = void 0, !(!i() || Fe.current) && Qe("Connection did not succeed within 15 seconds", o);
+        rt.current = void 0, !(!i() || me.current) && Qe("Connection did not succeed within 15 seconds", o);
       }, vi);
       try {
         const n = new WebSocket(kr(t, c));
@@ -2013,7 +2013,7 @@ const Li = Nn(
         const M = h.addTransceiver("video", { direction: "recvonly" }), _ = g ? h.addTransceiver("video", { direction: "recvonly" }) : null, N = le === "ios" || f, $ = N ? h.addTransceiver("video", {
           direction: "sendonly"
         }) : null;
-        _e.current = $?.sender ?? null;
+        De.current = $?.sender ?? null;
         const te = N ? h.addTransceiver("audio", {
           direction: "sendonly"
         }) : null;
@@ -2055,9 +2055,9 @@ 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({
+          me.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,
-            baseIntervalMs: Ie,
+            baseIntervalMs: Ye,
             maxBackoffMs: X,
             androidElementTreeOptions: fe,
             send: (d) => {
@@ -2112,7 +2112,7 @@ const Li = Nn(
         }, G.onerror = (y) => {
           !i() || P.current !== G || (console.error("Control channel error:", y), Y("Control channel error: " + y));
         }, h.onconnectionstatechange = () => {
-          !i() || W.current !== h || (Y("Connection state: " + h.connectionState), h.connectionState === "failed" && Qe("WebRTC connection entered failed state", o));
+          !i() || W.current !== h || (Y("Connection state: " + h.connectionState), h.connectionState === "failed" && me.current && Qe("WebRTC connection entered failed state", o));
         }, h.oniceconnectionstatechange = () => {
           if (!i() || W.current !== h)
             return;
@@ -2122,11 +2122,11 @@ const Li = Nn(
             return;
           }
           if (y === "failed") {
-            ht(), Qe("ICE connection entered failed state", o);
+            ht(), me.current && Qe("ICE connection entered failed state", o);
             return;
           }
-          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);
+          y === "disconnected" && me.current && xt.current && Fe.current === void 0 && (Fe.current = window.setTimeout(() => {
+            Fe.current = void 0, !(!i() || W.current !== h) && h.iceConnectionState === "disconnected" && Qe("ICE stayed disconnected past grace period", o);
           }, Oi));
         }, h.ontrack = (y) => {
           if (!(!i() || W.current !== h) && (Y("Received remote track: " + y.track.kind), y.track.kind === "video" && x.current)) {
@@ -2165,8 +2165,8 @@ const Li = Nn(
               case "foldStateChanged": {
                 if (!g) break;
                 d.state ? (ir(d.state), cr(void 0)) : d.id === "duo-capabilities" && cr(d.error || "This instance does not support native iPhone Duo displays.");
-                const A = ke.current.get(d.id);
-                A && (clearTimeout(A.timer), ke.current.delete(d.id), d.error ? A.reject(new Error(d.error)) : A.resolve());
+                const A = Pe.current.get(d.id);
+                A && (clearTimeout(A.timer), Pe.current.delete(d.id), d.error ? A.reject(new Error(d.error)) : A.resolve());
                 break;
               }
               case "signalingError": {
@@ -2213,12 +2213,12 @@ const Li = Nn(
                 }
                 const A = Ai(d);
                 if (A) {
-                  const re = Ee.current.get(d.id);
+                  const re = ge.current.get(d.id);
                   if (!re) {
                     w(`Received screenshot error for unknown or handled id: ${d.id}`);
                     break;
                   }
-                  w(`Received screenshot error for id ${d.id}: ${A}`), re(new Error(A)), ye.current.delete(d.id), Ee.current.delete(d.id);
+                  w(`Received screenshot error for id ${d.id}: ${A}`), re(new Error(A)), ve.current.delete(d.id), ge.current.delete(d.id);
                   break;
                 }
                 const I = Si(d);
@@ -2226,12 +2226,12 @@ const Li = Nn(
                   w("Received screenshot message without image data:", d);
                   break;
                 }
-                const q = ye.current.get(d.id);
+                const q = ve.current.get(d.id);
                 if (!q) {
                   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}`), q(I), ve.current.delete(d.id), ge.current.delete(d.id);
                 break;
               }
               case "screenshotError":
@@ -2239,15 +2239,15 @@ const Li = Nn(
                   w("Received invalid screenshot error message:", d);
                   break;
                 }
-                const K = Ee.current.get(d.id);
+                const K = ge.current.get(d.id);
                 if (!K) {
                   w(`Received screenshot error for unknown or handled id: ${d.id}`);
                   break;
                 }
-                w(`Received screenshot error for id ${d.id}: ${d.message}`), K(new Error(d.message)), ye.current.delete(d.id), Ee.current.delete(d.id);
+                w(`Received screenshot error for id ${d.id}: ${d.message}`), K(new Error(d.message)), ve.current.delete(d.id), ge.current.delete(d.id);
                 break;
               case "cameraRequest": {
-                const A = _e.current;
+                const A = De.current;
                 if (!A)
                   break;
                 const I = ii(d);
@@ -2285,20 +2285,20 @@ const Li = Nn(
                   break;
                 }
                 if (typeof d.error == "string") {
-                  const A = we.current.get(d.id);
+                  const A = Ae.current.get(d.id);
                   if (!A) {
                     w(`Received terminateApp error for unknown or handled id: ${d.id}`);
                     break;
                   }
-                  w(`Received terminateApp error for id ${d.id}: ${d.error}`), A(new Error(d.error)), Te.current.delete(d.id), we.current.delete(d.id);
+                  w(`Received terminateApp error for id ${d.id}: ${d.error}`), A(new Error(d.error)), we.current.delete(d.id), Ae.current.delete(d.id);
                   break;
                 }
-                const Q = Te.current.get(d.id);
+                const Q = we.current.get(d.id);
                 if (!Q) {
                   w(`Received terminateApp result for unknown or handled id: ${d.id}`);
                   break;
                 }
-                F(`Received terminateApp success for id ${d.id}`), Q(), Te.current.delete(d.id), we.current.delete(d.id);
+                F(`Received terminateApp success for id ${d.id}`), Q(), we.current.delete(d.id), Ae.current.delete(d.id);
                 break;
               default:
                 w(`Received unhandled message type: ${d.type}`, d);
@@ -2327,9 +2327,9 @@ const Li = Nn(
         Y("Error: " + l), Qe(l, o);
       }
     }, jt = () => {
-      Pe.current = !1, sr(!1), Nr(0);
+      Ue.current = !1, sr(!1), Nr(0);
     }, Tn = () => {
-      Oe.current += 1, Ct.current = 0, Fe.current = !1, bt(), ht(), je(), Y("Stopped");
+      _e.current += 1, Ct.current = 0, me.current = !1, bt(), ht(), je(), Y("Stopped");
     }, wn = (e) => {
       e.stopPropagation(), jt();
     };
@@ -2355,7 +2355,7 @@ const Li = Nn(
       );
     };
     de(() => {
-      const e = x.current, o = Ke.current, i = pe.current;
+      const e = x.current, o = ke.current, i = pe.current;
       if (!e) return;
       const n = () => {
         if (!wt || !o) {
@@ -2394,7 +2394,7 @@ const Li = Nn(
     const An = () => {
       x.current && x.current.focus();
     };
-    In(Ye, () => ({
+    In(Ke, () => ({
       openUrl: (e) => {
         if (!T.current || T.current.readyState !== WebSocket.OPEN) {
           w("WebSocket not open, cannot send open_url command via ref.");
@@ -2453,15 +2453,15 @@ const Li = Nn(
           ...e ? { display: e } : {},
           id: n
         };
-        ye.current.set(n, o), Ee.current.set(n, i), F("Sending screenshot request:", l);
+        ve.current.set(n, o), ge.current.set(n, i), F("Sending screenshot request:", l);
         try {
           T.current.send(JSON.stringify(l));
         } catch (u) {
-          w("Failed to send screenshot request immediately:", u), ye.current.delete(n), Ee.current.delete(n), i(u);
+          w("Failed to send screenshot request immediately:", u), ve.current.delete(n), ge.current.delete(n), i(u);
           return;
         }
         setTimeout(() => {
-          ye.current.has(n) && (w(`Screenshot request timed out for id ${n}`), Ee.current.get(n)?.(new Error("Screenshot request timed out")), ye.current.delete(n), Ee.current.delete(n));
+          ve.current.has(n) && (w(`Screenshot request timed out for id ${n}`), ge.current.get(n)?.(new Error("Screenshot request timed out")), ve.current.delete(n), ge.current.delete(n));
         }, 3e4);
       }),
       terminateApp: (e) => new Promise((o, i) => {
@@ -2472,15 +2472,15 @@ const Li = Nn(
           id: n,
           bundleId: e
         };
-        Te.current.set(n, o), we.current.set(n, i), F("Sending terminateApp request:", l);
+        we.current.set(n, o), Ae.current.set(n, i), F("Sending terminateApp request:", l);
         try {
           T.current.send(JSON.stringify(l));
         } catch (u) {
-          w("Failed to send terminateApp request immediately:", u), Te.current.delete(n), we.current.delete(n), i(u);
+          w("Failed to send terminateApp request immediately:", u), we.current.delete(n), Ae.current.delete(n), i(u);
           return;
         }
         z.current?.bumpActivity(), setTimeout(() => {
-          Te.current.has(n) && (w(`terminateApp request timed out for id ${n}`), we.current.get(n)?.(new Error("terminateApp request timed out")), Te.current.delete(n), we.current.delete(n));
+          we.current.has(n) && (w(`terminateApp request timed out for id ${n}`), Ae.current.get(n)?.(new Error("terminateApp request timed out")), we.current.delete(n), Ae.current.delete(n));
         }, 3e4);
       }),
       reconnect: () => jt(),
@@ -2501,30 +2501,30 @@ const Li = Nn(
       },
       getAxStatus: () => z.current?.getStatus() ?? "idle"
     }));
-    const Sn = Zr && Se !== null;
+    const Sn = Zr && Me !== null;
     return /* @__PURE__ */ oe(
       "div",
       {
         ref: pe,
-        className: Ne("rc-container", r),
+        className: Ie("rc-container", r),
         style: { touchAction: "none" },
-        onMouseDown: ve,
-        onMouseMove: ve,
-        onMouseUp: ve,
-        onMouseLeave: ve,
-        onTouchStart: ve,
-        onTouchMove: ve,
-        onTouchEnd: ve,
-        onTouchCancel: ve,
+        onMouseDown: Oe,
+        onMouseMove: Oe,
+        onMouseUp: Oe,
+        onMouseLeave: Oe,
+        onTouchStart: Oe,
+        onTouchMove: Oe,
+        onTouchEnd: Oe,
+        onTouchCancel: Oe,
         children: [
-          Sn && Se && /* @__PURE__ */ oe(Lr, { children: [
+          Sn && Me && /* @__PURE__ */ oe(Lr, { children: [
             /* @__PURE__ */ k(
               "div",
               {
                 className: "rc-touch-indicator",
                 style: {
-                  left: `${Se.containerX}px`,
-                  top: `${Se.containerY}px`
+                  left: `${Me.containerX}px`,
+                  top: `${Me.containerY}px`
                 }
               }
             ),
@@ -2533,8 +2533,8 @@ const Li = Nn(
               {
                 className: "rc-touch-indicator",
                 style: {
-                  left: `${Se.mirrorContainerX}px`,
-                  top: `${Se.mirrorContainerY}px`
+                  left: `${Me.mirrorContainerX}px`,
+                  top: `${Me.mirrorContainerY}px`
                 }
               }
             )
@@ -2542,10 +2542,10 @@ const Li = Nn(
           wt && /* @__PURE__ */ k(
             "img",
             {
-              ref: Ke,
+              ref: ke,
               src: yr,
               alt: "",
-              className: le === "ios" ? Ne("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
+              className: le === "ios" ? Ie("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
               draggable: !1
             }
           ),
@@ -2553,7 +2553,7 @@ const Li = Nn(
             "video",
             {
               ref: x,
-              className: Ne(
+              className: Ie(
                 "rc-video",
                 !wt && "rc-video-frameless",
                 !qr && "rc-video-loading"