@limrun/ui 0.18.1 → 0.19.0

package/dist/remote-control-CdnZRsWd.mjs

@@ -0,0 +1,2920 @@
+import { jsx as F, jsxs as me, Fragment as jr } from "react/jsx-runtime";
+import { useRef as O, useEffect as pe, memo as ur, useState as z, useMemo as Ue, useCallback as qn, lazy as Vn, forwardRef as Gn, useImperativeHandle as Jn, Suspense as jn } from "react";
+import { createPortal as zn } from "react-dom";
+import './index.css';function zr(r) {
+  var t, o, s = "";
+  if (typeof r == "string" || typeof r == "number") s += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var f = r.length;
+    for (t = 0; t < f; t++) r[t] && (o = zr(r[t])) && (s && (s += " "), s += o);
+  } else for (o in r) r[o] && (s && (s += " "), s += o);
+  return s;
+}
+function Le() {
+  for (var r, t, o = 0, s = "", f = arguments.length; o < f; o++) (r = arguments[o]) && (t = zr(r)) && (s && (s += " "), s += t);
+  return s;
+}
+const Zi = { width: 164.6, height: 117.8, depth: 5.2 };
+function eo(r, t, o) {
+  return r = Math.max(0, Math.min(1, r)), t = Math.max(0, Math.min(1, t)), o === 1 ? { x: t, y: 1 - r } : o === 2 ? { x: 1 - r, y: 1 - t } : o === 3 ? { x: 1 - t, y: r } : { x: r, y: t };
+}
+function Qn(r) {
+  return Number.isFinite(r) && r >= 0 && r <= 180;
+}
+function to(r, t) {
+  return { x: Math.max(0, Math.min(1, r)), y: Math.max(0, Math.min(1, 1 - t)) };
+}
+function ro(r, t, o) {
+  return t && (r || !o) ? "touch" : r ? "ignore" : "orbit";
+}
+function Zn(r, t, o, s) {
+  if (!Number.isInteger(r) || r < 0 || r > 3 || !Number.isInteger(t) || t < 1 || t > 255 || !Number.isFinite(o) || !Number.isFinite(s) || o < 0 || o > 1 || s < 0 || s > 1)
+    throw new RangeError("Invalid display touch coordinates");
+  const f = new ArrayBuffer(12), p = new DataView(f);
+  return p.setUint8(0, 19), p.setUint8(1, r), p.setUint8(2, t), p.setFloat32(4, o, !0), p.setFloat32(8, s, !0), f;
+}
+class no {
+  constructor(t, o) {
+    this.send = t, this.failed = o;
+  }
+  send;
+  failed;
+  latest;
+  running = !1;
+  stopped = !1;
+  set(t) {
+    this.stopped || !Qn(t) || (this.latest = t, this.flush());
+  }
+  stop() {
+    this.stopped = !0, this.latest = void 0;
+  }
+  async flush() {
+    if (!(this.running || this.stopped)) {
+      this.running = !0;
+      try {
+        for (; this.latest !== void 0 && !this.stopped; ) {
+          const t = this.latest;
+          this.latest = void 0, await this.send(t);
+        }
+      } catch (t) {
+        this.latest = void 0, this.stopped || this.failed(t);
+      } finally {
+        this.running = !1;
+      }
+    }
+  }
+}
+const io = {
+  side: "Sleep/Wake",
+  volumeUp: "Volume Up",
+  volumeDown: "Volume Down"
+};
+class oo {
+  constructor(t, o) {
+    this.send = t, this.failed = o;
+  }
+  send;
+  failed;
+  held;
+  tail = Promise.resolve();
+  timeout;
+  press(t) {
+    this.held || (this.held = t, this.enqueue(t, !0), this.timeout = setTimeout(() => this.release(), 1e4));
+  }
+  release() {
+    if (!this.held) return;
+    clearTimeout(this.timeout);
+    const t = this.held;
+    this.held = void 0, this.enqueue(t, !1);
+  }
+  enqueue(t, o) {
+    this.tail = this.tail.then(() => this.send(t, o)).catch(this.failed);
+  }
+}
+const $t = {
+  INJECT_KEYCODE: 0,
+  INJECT_TOUCH_EVENT: 2,
+  // iOS-specific: send two touch points in one message (Option/Alt+drag pinch)
+  INJECT_TWO_FINGER_TOUCH_EVENT: 18,
+  SET_CLIPBOARD: 9
+}, U = {
+  ACTION_DOWN: 0,
+  ACTION_UP: 1,
+  ACTION_MOVE: 2,
+  ACTION_CANCEL: 3,
+  ACTION_POINTER_DOWN: 5,
+  ACTION_POINTER_UP: 6,
+  BUTTON_PRIMARY: 1,
+  BUTTON_SECONDARY: 2,
+  BUTTON_TERTIARY: 4
+}, a = {
+  // Actions
+  ACTION_DOWN: 0,
+  ACTION_UP: 1,
+  // Meta state flags (from android.view.KeyEvent)
+  META_NONE: 0,
+  META_SHIFT_ON: 1,
+  META_ALT_ON: 2,
+  META_CTRL_ON: 4096,
+  // META_CTRL_LEFT_ON | META_CTRL_RIGHT_ON
+  META_META_ON: 65536,
+  KEYCODE_0: 7,
+  KEYCODE_1: 8,
+  KEYCODE_2: 9,
+  KEYCODE_3: 10,
+  KEYCODE_4: 11,
+  KEYCODE_5: 12,
+  KEYCODE_6: 13,
+  KEYCODE_7: 14,
+  KEYCODE_8: 15,
+  KEYCODE_9: 16,
+  DPAD_UP: 19,
+  // KEYCODE_DPAD_UP
+  DPAD_DOWN: 20,
+  // KEYCODE_DPAD_DOWN
+  DPAD_LEFT: 21,
+  // KEYCODE_DPAD_LEFT
+  DPAD_RIGHT: 22,
+  KEYCODE_A: 29,
+  KEYCODE_B: 30,
+  KEYCODE_C: 31,
+  KEYCODE_D: 32,
+  KEYCODE_E: 33,
+  KEYCODE_F: 34,
+  KEYCODE_G: 35,
+  KEYCODE_H: 36,
+  KEYCODE_I: 37,
+  KEYCODE_J: 38,
+  KEYCODE_K: 39,
+  KEYCODE_L: 40,
+  KEYCODE_M: 41,
+  KEYCODE_N: 42,
+  KEYCODE_O: 43,
+  KEYCODE_P: 44,
+  KEYCODE_Q: 45,
+  KEYCODE_R: 46,
+  KEYCODE_S: 47,
+  KEYCODE_T: 48,
+  KEYCODE_U: 49,
+  KEYCODE_V: 50,
+  KEYCODE_W: 51,
+  KEYCODE_X: 52,
+  KEYCODE_Y: 53,
+  KEYCODE_Z: 54,
+  KEYCODE_COMMA: 55,
+  KEYCODE_PERIOD: 56,
+  KEYCODE_ALT_LEFT: 57,
+  KEYCODE_ALT_RIGHT: 58,
+  KEYCODE_SHIFT_LEFT: 59,
+  KEYCODE_SHIFT_RIGHT: 60,
+  KEYCODE_TAB: 61,
+  KEYCODE_SPACE: 62,
+  ENTER: 66,
+  // KEYCODE_ENTER
+  DEL: 67,
+  // KEYCODE_DEL (Backspace)
+  KEYCODE_GRAVE: 68,
+  // `
+  KEYCODE_MINUS: 69,
+  // -
+  KEYCODE_EQUALS: 70,
+  // =
+  KEYCODE_LEFT_BRACKET: 71,
+  // [
+  KEYCODE_RIGHT_BRACKET: 72,
+  // ]
+  KEYCODE_BACKSLASH: 73,
+  // \
+  KEYCODE_SEMICOLON: 74,
+  // ;
+  KEYCODE_APOSTROPHE: 75,
+  // '
+  KEYCODE_SLASH: 76,
+  MENU: 82,
+  KEYCODE_PAGE_UP: 92,
+  KEYCODE_PAGE_DOWN: 93,
+  KEYCODE_ESCAPE: 111,
+  FORWARD_DEL: 112,
+  // KEYCODE_FORWARD_DEL (Delete key)
+  KEYCODE_CTRL_LEFT: 113,
+  KEYCODE_CTRL_RIGHT: 114,
+  KEYCODE_META_LEFT: 117,
+  KEYCODE_META_RIGHT: 118,
+  KEYCODE_MOVE_HOME: 122,
+  KEYCODE_MOVE_END: 123,
+  KEYCODE_INSERT: 124,
+  KEYCODE_F1: 131,
+  KEYCODE_F2: 132,
+  KEYCODE_F3: 133,
+  KEYCODE_F4: 134,
+  KEYCODE_F5: 135,
+  KEYCODE_F6: 136,
+  KEYCODE_F7: 137,
+  KEYCODE_F8: 138,
+  KEYCODE_F9: 139,
+  KEYCODE_F10: 140,
+  KEYCODE_F11: 141,
+  KEYCODE_F12: 142,
+  KEYCODE_NUMPAD_0: 144,
+  KEYCODE_NUMPAD_1: 145,
+  KEYCODE_NUMPAD_2: 146,
+  KEYCODE_NUMPAD_3: 147,
+  KEYCODE_NUMPAD_4: 148,
+  KEYCODE_NUMPAD_5: 149,
+  KEYCODE_NUMPAD_6: 150,
+  KEYCODE_NUMPAD_7: 151,
+  KEYCODE_NUMPAD_8: 152,
+  KEYCODE_NUMPAD_9: 153,
+  KEYCODE_NUMPAD_DIVIDE: 154,
+  KEYCODE_NUMPAD_MULTIPLY: 155,
+  KEYCODE_NUMPAD_SUBTRACT: 156,
+  KEYCODE_NUMPAD_ADD: 157,
+  KEYCODE_NUMPAD_DOT: 158,
+  KEYCODE_NUMPAD_COMMA: 159,
+  KEYCODE_NUMPAD_ENTER: 160,
+  KEYCODE_NUMPAD_EQUALS: 161
+}, Qr = {
+  KeyA: a.KEYCODE_A,
+  KeyB: a.KEYCODE_B,
+  KeyC: a.KEYCODE_C,
+  KeyD: a.KEYCODE_D,
+  KeyE: a.KEYCODE_E,
+  KeyF: a.KEYCODE_F,
+  KeyG: a.KEYCODE_G,
+  KeyH: a.KEYCODE_H,
+  KeyI: a.KEYCODE_I,
+  KeyJ: a.KEYCODE_J,
+  KeyK: a.KEYCODE_K,
+  KeyL: a.KEYCODE_L,
+  KeyM: a.KEYCODE_M,
+  KeyN: a.KEYCODE_N,
+  KeyO: a.KEYCODE_O,
+  KeyP: a.KEYCODE_P,
+  KeyQ: a.KEYCODE_Q,
+  KeyR: a.KEYCODE_R,
+  KeyS: a.KEYCODE_S,
+  KeyT: a.KEYCODE_T,
+  KeyU: a.KEYCODE_U,
+  KeyV: a.KEYCODE_V,
+  KeyW: a.KEYCODE_W,
+  KeyX: a.KEYCODE_X,
+  KeyY: a.KEYCODE_Y,
+  KeyZ: a.KEYCODE_Z,
+  Digit0: a.KEYCODE_0,
+  Digit1: a.KEYCODE_1,
+  Digit2: a.KEYCODE_2,
+  Digit3: a.KEYCODE_3,
+  Digit4: a.KEYCODE_4,
+  Digit5: a.KEYCODE_5,
+  Digit6: a.KEYCODE_6,
+  Digit7: a.KEYCODE_7,
+  Digit8: a.KEYCODE_8,
+  Digit9: a.KEYCODE_9,
+  Backquote: a.KEYCODE_GRAVE,
+  Minus: a.KEYCODE_MINUS,
+  Equal: a.KEYCODE_EQUALS,
+  BracketLeft: a.KEYCODE_LEFT_BRACKET,
+  BracketRight: a.KEYCODE_RIGHT_BRACKET,
+  Backslash: a.KEYCODE_BACKSLASH,
+  Semicolon: a.KEYCODE_SEMICOLON,
+  Quote: a.KEYCODE_APOSTROPHE,
+  Comma: a.KEYCODE_COMMA,
+  Period: a.KEYCODE_PERIOD,
+  Slash: a.KEYCODE_SLASH,
+  Space: a.KEYCODE_SPACE,
+  Tab: a.KEYCODE_TAB,
+  Escape: a.KEYCODE_ESCAPE,
+  ArrowUp: a.DPAD_UP,
+  ArrowDown: a.DPAD_DOWN,
+  ArrowLeft: a.DPAD_LEFT,
+  ArrowRight: a.DPAD_RIGHT,
+  Enter: a.ENTER,
+  Backspace: a.DEL,
+  Delete: a.FORWARD_DEL,
+  Home: a.KEYCODE_MOVE_HOME,
+  End: a.KEYCODE_MOVE_END,
+  PageUp: a.KEYCODE_PAGE_UP,
+  PageDown: a.KEYCODE_PAGE_DOWN,
+  Insert: a.KEYCODE_INSERT,
+  F1: a.KEYCODE_F1,
+  F2: a.KEYCODE_F2,
+  F3: a.KEYCODE_F3,
+  F4: a.KEYCODE_F4,
+  F5: a.KEYCODE_F5,
+  F6: a.KEYCODE_F6,
+  F7: a.KEYCODE_F7,
+  F8: a.KEYCODE_F8,
+  F9: a.KEYCODE_F9,
+  F10: a.KEYCODE_F10,
+  F11: a.KEYCODE_F11,
+  F12: a.KEYCODE_F12,
+  ShiftLeft: a.KEYCODE_SHIFT_LEFT,
+  ShiftRight: a.KEYCODE_SHIFT_RIGHT,
+  ControlLeft: a.KEYCODE_CTRL_LEFT,
+  ControlRight: a.KEYCODE_CTRL_RIGHT,
+  AltLeft: a.KEYCODE_ALT_LEFT,
+  AltRight: a.KEYCODE_ALT_RIGHT,
+  MetaLeft: a.KEYCODE_META_LEFT,
+  MetaRight: a.KEYCODE_META_RIGHT,
+  // Windows/Command key
+  ContextMenu: a.MENU,
+  // Often the Menu key
+  // Numpad mappings
+  Numpad0: a.KEYCODE_NUMPAD_0,
+  Numpad1: a.KEYCODE_NUMPAD_1,
+  Numpad2: a.KEYCODE_NUMPAD_2,
+  Numpad3: a.KEYCODE_NUMPAD_3,
+  Numpad4: a.KEYCODE_NUMPAD_4,
+  Numpad5: a.KEYCODE_NUMPAD_5,
+  Numpad6: a.KEYCODE_NUMPAD_6,
+  Numpad7: a.KEYCODE_NUMPAD_7,
+  Numpad8: a.KEYCODE_NUMPAD_8,
+  Numpad9: a.KEYCODE_NUMPAD_9,
+  NumpadDivide: a.KEYCODE_NUMPAD_DIVIDE,
+  NumpadMultiply: a.KEYCODE_NUMPAD_MULTIPLY,
+  NumpadSubtract: a.KEYCODE_NUMPAD_SUBTRACT,
+  NumpadAdd: a.KEYCODE_NUMPAD_ADD,
+  NumpadDecimal: a.KEYCODE_NUMPAD_DOT,
+  NumpadComma: a.KEYCODE_NUMPAD_COMMA,
+  // Some numpads have comma
+  NumpadEnter: a.KEYCODE_NUMPAD_ENTER,
+  NumpadEqual: a.KEYCODE_NUMPAD_EQUALS
+};
+function $r(r, t) {
+  if (t != null && (!Number.isFinite(t) || t < 0 || t > 4e3)) {
+    console.warn("RemoteControl: jitterBufferTargetMs must be a finite number between 0 and 4000.");
+    return;
+  }
+  if (!("jitterBufferTarget" in r)) return;
+  const o = t ?? null;
+  try {
+    r.jitterBufferTarget !== o && (r.jitterBufferTarget = o);
+  } catch (s) {
+    console.warn("RemoteControl: could not set the jitter buffer target.", s);
+  }
+}
+function Ot(r) {
+  return typeof r == "number" && Number.isFinite(r);
+}
+function nt(r, t) {
+  if (!(!Ot(r) || !Ot(t) || r < t || t < 0))
+    return r - t;
+}
+class ei {
+  previous = /* @__PURE__ */ new Map();
+  reset() {
+    this.previous.clear();
+  }
+  read(t, o, s) {
+    const f = { timestamp: 0, video: [], audio: [] };
+    s == null ? f.requestedTargetMs = null : Ot(s) && s >= 0 && s <= 4e3 && (f.requestedTargetMs = s);
+    const p = /* @__PURE__ */ new Map();
+    return t.forEach((l) => {
+      if (l.type !== "inbound-rtp" || !Ot(l.timestamp)) return;
+      const g = l.kind ?? l.mediaType;
+      if (g !== "video" && g !== "audio") return;
+      const T = o.filter((R) => R.kind === g), v = l.trackIdentifier ? T.find((R) => R.trackId === l.trackIdentifier) : l.mid != null ? T.find((R) => R.mid === l.mid) : T.length === 1 ? T[0] : void 0;
+      if (!v) return;
+      const A = this.previous.get(l.id), k = A?.trackId === v.trackId && A.stats.ssrc === l.ssrc ? A.stats : void 0, V = k ? l.timestamp - k.timestamp : void 0, N = {
+        id: l.id,
+        trackId: v.trackId,
+        timestamp: l.timestamp
+      };
+      if (V !== void 0 && V > 0) {
+        N.intervalMs = V;
+        const R = nt(l.jitterBufferEmittedCount, k?.jitterBufferEmittedCount), J = nt(l.jitterBufferDelay, k?.jitterBufferDelay);
+        R !== void 0 && R > 0 && J !== void 0 && (N.bufferDelayMs = J / R * 1e3);
+        const ee = nt(l.bytesReceived, k?.bytesReceived);
+        ee !== void 0 && (N.bitrateBps = ee * 8e3 / V);
+      }
+      if (g === "video") {
+        const R = { ...N, display: v.display ?? "primary" };
+        if (N.intervalMs !== void 0) {
+          const J = nt(l.framesDecoded, k?.framesDecoded);
+          J !== void 0 && (R.fps = J * 1e3 / N.intervalMs), R.droppedFrames = nt(l.framesDropped, k?.framesDropped), R.freezes = nt(l.freezeCount, k?.freezeCount);
+        }
+        f.video.push(R);
+      } else f.audio.push(N);
+      f.timestamp = Math.max(f.timestamp, l.timestamp), p.set(
+        l.id,
+        k && l.timestamp <= k.timestamp ? A : { stats: l, trackId: v.trackId }
+      );
+      const te = l.transportId ? t.get(l.transportId) : void 0, W = te?.selectedCandidatePairId ? t.get(te.selectedCandidatePairId) : void 0;
+      W?.state === "succeeded" && Ot(W.currentRoundTripTime) && W.currentRoundTripTime >= 0 && (f.rttMs = W.currentRoundTripTime * 1e3);
+    }), this.previous = p, f.video.length || f.audio.length ? f : null;
+  }
+}
+function ti(r, t, o) {
+  const s = O(t), f = O(o), p = O(/* @__PURE__ */ new Set());
+  s.current = t, f.current = o;
+  const l = !!t;
+  pe(() => {
+    if (!r || !l) return;
+    const { peer: g, displays: T } = r, v = new ei();
+    let A, M = !1, k = !1, V = !1, N = 0, te = !1, W = !1;
+    const R = () => !M && !document.hidden && g.connectionState === "connected", J = (fe) => {
+      if (!(!fe && !te)) {
+        te = fe !== null;
+        try {
+          s.current?.(fe);
+        } catch (ue) {
+          console.error('[RemoteControl] customer callback "onPlaybackStats" threw:', ue);
+        }
+      }
+    }, ee = () => {
+      k = !1, N++, clearTimeout(A), v.reset(), J(null);
+    }, $ = async () => {
+      if (V || !R()) return;
+      if (p.current.has(g)) {
+        A = setTimeout(() => {
+          $();
+        }, 2e3);
+        return;
+      }
+      V = !0, p.current.add(g);
+      const fe = N;
+      try {
+        const ue = await g.getStats();
+        if (fe !== N || !R()) return;
+        const ye = g.getTransceivers().filter(
+          (ne) => (ne.currentDirection === "recvonly" || ne.currentDirection === "sendrecv") && ne.receiver.track.readyState !== "ended"
+        ).map((ne) => ({
+          trackId: ne.receiver.track.id,
+          kind: ne.receiver.track.kind,
+          mid: ne.mid,
+          display: T.get(ne.receiver)
+        }));
+        J(v.read(ue, ye, f.current)), W = !1;
+      } catch (ue) {
+        if (fe !== N || !R()) return;
+        W || console.warn("[RemoteControl] could not read playback stats:", ue), W = !0, v.reset(), J(null);
+      } finally {
+        V = !1, p.current.delete(g), k && R() && (A = setTimeout(
+          () => {
+            $();
+          },
+          fe === N ? 2e3 : 0
+        ));
+      }
+    }, ae = () => {
+      if (!R()) {
+        ee();
+        return;
+      }
+      k || (k = !0, $());
+    };
+    return document.addEventListener("visibilitychange", ae), g.addEventListener("connectionstatechange", ae), ae(), () => {
+      M = !0, document.removeEventListener("visibilitychange", ae), g.removeEventListener("connectionstatechange", ae), ee();
+    };
+  }, [r, l]);
+}
+const Zr = `(function(){"use strict";let e,t;self.onmessage=async({data:s})=>{s.type==="start"?(e=new AbortController,t=s.readable.pipeTo(s.writable,{signal:e.signal}).catch(o=>{e?.signal.aborted||self.postMessage({type:"error",message:String(o)})})):s.type==="stop"&&(e?.abort(),await t,self.postMessage({type:"stopped"}),self.close())}})();
+`, Xr = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", Zr], { type: "text/javascript;charset=utf-8" });
+function ri(r) {
+  let t;
+  try {
+    if (t = Xr && (self.URL || self.webkitURL).createObjectURL(Xr), !t) throw "";
+    const o = new Worker(t, {
+      name: r?.name
+    });
+    return o.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(t);
+    }), o;
+  } catch {
+    return new Worker(
+      "data:text/javascript;charset=utf-8," + encodeURIComponent(Zr),
+      {
+        name: r?.name
+      }
+    );
+  }
+}
+function ni(r, t, o) {
+  const { MediaStreamTrackProcessor: s, MediaStreamTrackGenerator: f } = globalThis, p = t.getVideoTracks()[0];
+  let l, g, T, v, A = !1;
+  const M = () => {
+    A || (A = !0, l?.stop(), g?.stop(), T && (T.postMessage({ type: "stop" }), v = setTimeout(() => T?.terminate(), 1e3)));
+  }, k = (N) => {
+    r.srcObject = N, r.play().catch(() => {
+    });
+  }, V = (N) => {
+    A || (M(), o(N), k(t));
+  };
+  try {
+    if (p && s && f) {
+      l = p.clone();
+      const N = new s({ track: l, maxBufferSize: 1 }), te = new f({ kind: "video" });
+      g = te, T = new ri(), T.onmessage = ({ data: W }) => {
+        W.type === "error" ? V(new Error(W.message)) : W.type === "stopped" && (clearTimeout(v), T?.terminate());
+      }, T.onerror = (W) => V(new Error(W.message)), T.postMessage({ type: "start", readable: N.readable, writable: te.writable }, [
+        N.readable,
+        te.writable
+      ]), k(new MediaStream(t.getTracks().map((W) => W === p ? te : W)));
+    } else
+      k(t);
+  } catch (N) {
+    V(N);
+  }
+  return M;
+}
+function ii(r, t) {
+  const o = r.createDataChannel("latency-trace-v1", {
+    ordered: !0,
+    negotiated: !0,
+    id: 2
+  });
+  let s = !1, f = !1, p = 0;
+  return o.onmessage = (l) => {
+    if (f) return;
+    let g;
+    try {
+      g = JSON.parse(l.data);
+    } catch (T) {
+      console.warn("Invalid latency trace message", T);
+      return;
+    }
+    g && typeof g == "object" && !Array.isArray(g) && t(g);
+  }, o.onclose = () => {
+    f = !0, s = !1;
+  }, {
+    accept(l) {
+      s = !f && l === 1;
+    },
+    wrap(l) {
+      if (!s || l.byteLength !== 32) return l;
+      const g = new DataView(l);
+      if (g.getUint8(0) !== 2 || g.getUint8(1) > 2) return l;
+      const T = new ArrayBuffer(38), v = new DataView(T);
+      return v.setUint8(0, 240), v.setUint8(1, 1), v.setUint32(2, ++p, !0), new Uint8Array(T, 6).set(new Uint8Array(l)), T;
+    },
+    close() {
+      f = !0, s = !1, o.onmessage = null, o.onclose = null, o.close();
+    }
+  };
+}
+function xt(r, t, o, s, f, p, l = 1, g = 0, T = 0) {
+  const v = new ArrayBuffer(32), A = new DataView(v);
+  let M = 0;
+  A.setUint8(M, $t.INJECT_TOUCH_EVENT), M += 1;
+  const k = r === U.ACTION_POINTER_DOWN ? U.ACTION_DOWN : r === U.ACTION_POINTER_UP ? U.ACTION_UP : r;
+  return A.setUint8(M, k), M += 1, A.setBigInt64(M, BigInt(t), !0), M += 8, A.setInt32(M, Math.round(f), !0), M += 4, A.setInt32(M, Math.round(p), !0), M += 4, A.setUint16(M, o, !0), M += 2, A.setUint16(M, s, !0), M += 2, A.setInt16(M, Math.round(l * 65535), !0), M += 2, A.setInt32(M, g, !0), M += 4, A.setInt32(M, T, !0), v;
+}
+function oi(r, t, o, s, f, p, l) {
+  const g = new ArrayBuffer(24), T = new DataView(g);
+  let v = 0;
+  return T.setUint8(v, $t.INJECT_TWO_FINGER_TOUCH_EVENT), v += 1, T.setUint8(v, r), v += 1, T.setInt32(v, Math.round(s), !0), v += 4, T.setInt32(v, Math.round(f), !0), v += 4, T.setInt32(v, Math.round(p), !0), v += 4, T.setInt32(v, Math.round(l), !0), v += 4, T.setUint16(v, t, !0), v += 2, T.setUint16(v, o, !0), v += 2, T.setUint16(v, 0, !0), g;
+}
+function ci(r, t = !0) {
+  const s = new TextEncoder().encode(r), f = new ArrayBuffer(14 + s.length), p = new DataView(f);
+  let l = 0;
+  return p.setUint8(l, $t.SET_CLIPBOARD), l += 1, p.setBigInt64(l, BigInt(0), !1), l += 8, p.setUint8(l, t ? 1 : 0), l += 1, p.setUint32(l, s.length, !1), l += 4, new Uint8Array(f, l).set(s), f;
+}
+function vt(r, t, o = 0, s = 0) {
+  const f = new ArrayBuffer(14), p = new DataView(f);
+  let l = 0;
+  return p.setUint8(l, $t.INJECT_KEYCODE), l += 1, p.setUint8(l, r), l += 1, p.setInt32(l, t, !0), l += 4, p.setInt32(l, o, !0), l += 4, p.setInt32(l, s, !0), f;
+}
+const sr = "Accessibility unavailable on this device.", Ht = 500, en = (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, si = (r) => Math.max(0, r.width) * Math.max(0, r.height), ai = (r) => {
+  const t = r.find((o) => o.frame && o.frame.width > 0 && o.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 };
+}, ui = (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;
+}, li = (r) => {
+  const t = {};
+  for (const [o, s] of Object.entries(r))
+    o !== "children" && (t[o] = s);
+  return t;
+};
+function di(r) {
+  const t = Array.isArray(r) ? r : [r], o = ai(t), s = [], f = (p, l) => {
+    if (s.length >= Ht) return;
+    const g = p.frame;
+    if (g && g.width > 0 && g.height > 0 && !en(g, o)) {
+      const v = p.role_description || p.role || "", A = (typeof p.AXLabel == "string" ? p.AXLabel : "") || (typeof p.title == "string" ? p.title : "") || "";
+      s.push({
+        id: typeof p.AXUniqueId == "string" && p.AXUniqueId.length > 0 ? p.AXUniqueId : l,
+        path: l,
+        label: A,
+        value: typeof p.AXValue == "string" ? p.AXValue : "",
+        role: v,
+        type: typeof p.type == "string" ? p.type : "",
+        enabled: p.enabled !== !1,
+        focused: p.focused === !0,
+        frame: { x: g.x, y: g.y, width: g.width, height: g.height },
+        selectors: ui(p),
+        raw: li(p)
+      });
+    }
+    const T = Array.isArray(p.children) ? p.children : [];
+    for (let v = 0; v < T.length && s.length < Ht; v++)
+      f(T[v], `${l}.${v}`);
+  };
+  for (let p = 0; p < t.length && s.length < Ht; p++)
+    f(t[p], String(p));
+  return {
+    platform: "ios",
+    screen: { width: o.width, height: o.height },
+    elements: s,
+    capturedAt: Date.now()
+  };
+}
+const fi = (r) => {
+  let t = { x: 0, y: 0, width: 1, height: 1 }, o = 0;
+  for (const s of r) {
+    const f = s.parsedBounds;
+    if (!f) continue;
+    const p = f.right - f.left, l = f.bottom - f.top, g = Math.max(0, p) * Math.max(0, l);
+    g > o && (o = g, t = { x: 0, y: 0, width: p, height: l });
+  }
+  return t;
+}, hi = (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 pi(r) {
+  const t = fi(r), o = [];
+  for (let s = 0; s < r.length && o.length < Ht; s++) {
+    const f = r[s], p = f.parsedBounds;
+    if (!p) continue;
+    const l = Math.max(0, p.right - p.left), g = Math.max(0, p.bottom - p.top);
+    if (l <= 0 || g <= 0) continue;
+    const T = { x: p.left, y: p.top, width: l, height: g };
+    if (en(T, { x: 0, y: 0, width: t.width, height: t.height })) continue;
+    const v = f.contentDesc || f.text || "", A = f.className || "";
+    o.push({
+      id: f.resourceId && f.resourceId.length > 0 ? f.resourceId : f.contentDesc && f.contentDesc.length > 0 ? `cd:${f.contentDesc}` : String(s),
+      path: String(s),
+      label: v,
+      value: typeof f.text == "string" ? f.text : "",
+      role: A,
+      type: A,
+      enabled: f.enabled !== !1,
+      focused: f.focused === !0,
+      frame: T,
+      selectors: hi(f),
+      raw: { ...f }
+    });
+  }
+  return {
+    platform: "android",
+    screen: { width: t.width, height: t.height },
+    elements: o,
+    capturedAt: Date.now()
+  };
+}
+function mi(r, t) {
+  const o = Math.max(0, r.x), s = Math.max(0, r.y), f = Math.min(t.width, r.x + r.width), p = Math.min(t.height, r.y + r.height), l = Math.max(0, f - o), g = Math.max(0, p - s);
+  return l > 0 && g > 0 ? { x: o, y: s, width: l, height: g } : null;
+}
+function tn(r, t) {
+  if (r === t) return !0;
+  if (r.id !== t.id || r.path !== t.path || r.label !== t.label || r.value !== t.value || r.role !== t.role || r.type !== t.type || r.enabled !== t.enabled || r.focused !== t.focused) return !1;
+  const o = r.frame, s = t.frame;
+  return o.x === s.x && o.y === s.y && o.width === s.width && o.height === s.height;
+}
+function rn(r, t) {
+  if (r === t) return !0;
+  if (!r || !t || r.platform !== t.platform || r.screen.width !== t.screen.width || r.screen.height !== t.screen.height || r.elements.length !== t.elements.length) return !1;
+  for (let o = 0; o < r.elements.length; o++)
+    if (!tn(r.elements[o], t.elements[o])) return !1;
+  return !0;
+}
+function Ei(r, t, o) {
+  let s = null, f = 1 / 0;
+  for (const p of r.elements) {
+    const l = p.frame;
+    if (t < l.x || o < l.y || t > l.x + l.width || o > l.y + l.height) continue;
+    const g = si(l);
+    g < f && (f = g, s = p);
+  }
+  return s;
+}
+function gi(r, t) {
+  if (t === "ios") {
+    if (r.selectors.AXUniqueId)
+      return `client.tapElement({ AXUniqueId: ${JSON.stringify(r.selectors.AXUniqueId)} })`;
+    if (r.selectors.AXLabel) {
+      const o = r.selectors.className ? `, type: ${JSON.stringify(r.selectors.className)}` : "";
+      return `client.tapElement({ AXLabel: ${JSON.stringify(r.selectors.AXLabel)}${o} })`;
+    }
+    return null;
+  }
+  return r.selectors.resourceId ? `client.tap({ selector: { resourceId: ${JSON.stringify(r.selectors.resourceId)} } })` : r.selectors.contentDesc ? `client.tap({ selector: { contentDesc: ${JSON.stringify(r.selectors.contentDesc)} } })` : r.selectors.text ? `client.tap({ selector: { text: ${JSON.stringify(r.selectors.text)} } })` : null;
+}
+function nn(r) {
+  const t = r.role || r.type || "";
+  if (!t) return "element";
+  let o = t.replace(/^AX/, "");
+  return o.includes(".") && (o = o.split(".").pop()), o === "GenericElement" ? "Element" : (o = o.replace(/([a-z])([A-Z])/g, "$1 $2"), o);
+}
+const Br = 80;
+function on(r) {
+  const t = nn(r), o = r.label || r.value || "";
+  if (!o) return t;
+  const s = o.length > Br ? o.slice(0, Br).trimEnd() + "…" : o;
+  return `${t} · ${s}`;
+}
+const yi = 500, Ci = 2e3, qr = 5e3, vi = 8e3, Oi = 1200, Ti = 250, _i = () => `ax-rc-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+class wi {
+  platform;
+  send;
+  onSnapshot;
+  onStatusChange;
+  baseIntervalMs;
+  maxBackoffMs;
+  androidElementTreeOptions;
+  pending = /* @__PURE__ */ new Map();
+  running = !1;
+  timer;
+  currentInterval;
+  lastSnapshot = null;
+  // Single-flight: only one outstanding request at a time. Avoids piling
+  // identical requests on a slow server.
+  inflight = !1;
+  // Rate-limit floor for bumpActivity so high-frequency input (drags,
+  // typing) doesn't trigger a request storm.
+  lastBumpAtMs = 0;
+  // Wall-clock timestamp until which we're in "activity boost" mode and
+  // schedule fetches at ACTIVITY_BOOST_INTERVAL_MS instead of the normal
+  // backed-off interval. Set by bumpActivity().
+  boostUntilMs = 0;
+  // Coarse-grained current status; deduplicated before emission so
+  // 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 ?? yi, this.maxBackoffMs = t.maxBackoffMs ?? Ci, 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());
+  }
+  stop() {
+    this.running && (this.running = !1, this.timer !== void 0 && (window.clearTimeout(this.timer), this.timer = void 0), this.failAllPending("Inspector stopped"), this.lastSnapshot = null, this.setStatus("idle"), this.onSnapshot(null));
+  }
+  getStatus() {
+    return this.status;
+  }
+  setStatus(t, o) {
+    if (this.status !== t && (this.status = t, !!this.onStatusChange))
+      try {
+        this.onStatusChange(t, o);
+      } catch (s) {
+        console.error("[AxFetcher] onStatusChange threw:", s);
+      }
+  }
+  // Called after any user-driven action that's likely to change the UI
+  // (taps, scrolls, key events, openUrl, app termination, orientation
+  // change, etc.). Has two effects:
+  //
+  //   1. Resets the polling interval to base and triggers an immediate
+  //      fetch (rate-limited so drags / rapid typing don't request-storm).
+  //   2. Enters a brief "boost" window during which scheduleNext() uses a
+  //      shorter interval (ACTIVITY_BOOST_INTERVAL_MS), so we capture the
+  //      mid- and post-animation tree without waiting for the next
+  //      back-off cycle.
+  bumpActivity() {
+    if (!this.running) return;
+    const t = Date.now();
+    this.boostUntilMs = t + Oi;
+    const o = Math.max(150, Math.floor(this.baseIntervalMs / 2));
+    if (t - this.lastBumpAtMs < o) {
+      this.currentInterval = this.baseIntervalMs;
+      return;
+    }
+    this.lastBumpAtMs = t, this.currentInterval = this.baseIntervalMs, this.timer !== void 0 && (window.clearTimeout(this.timer), this.timer = void 0), this.inflight || this.runOnce();
+  }
+  // Fire a one-shot fetch independent of the poll loop. Useful for the
+  // imperative refresh() ref method customers may call.
+  //
+  // Goes through the same change-detect path as the regular poll loop —
+  // identical-to-last-snapshot responses do NOT re-emit via onSnapshot, so
+  // a customer calling refresh() in a tight loop doesn't see a stream of
+  // duplicate snapshots. The returned promise still resolves with the
+  // (possibly identical) snapshot for the caller's own use.
+  async refresh() {
+    const t = await this.requestOnce();
+    return this.running && this.deliver(t), t;
+  }
+  // Returns the latest snapshot delivered to onSnapshot. May be stale.
+  getLatest() {
+    return this.lastSnapshot;
+  }
+  // Called by RemoteControl's ws.onmessage when it sees a message type we own.
+  // Returns true when the message was a response we were waiting for.
+  handleMessage(t) {
+    if (!t || typeof t.id != "string") return !1;
+    const o = t.id;
+    if (!this.pending.get(o)) return !1;
+    if (this.platform === "ios") {
+      if (t.type !== "elementTreeResult") return !1;
+      const g = typeof t.error == "string" ? t.error : null;
+      if (g)
+        return this.settleReject(o, new Error(g)), !0;
+      const T = typeof t.json == "string" ? t.json : "";
+      try {
+        const v = JSON.parse(T), A = di(v);
+        this.settleResolve(o, A);
+      } catch (v) {
+        this.settleReject(o, v instanceof Error ? v : new Error(String(v)));
+      }
+      return !0;
+    }
+    if (t.type !== "getElementTreeResult") return !1;
+    const f = t.error;
+    if (f && typeof f == "object") {
+      const g = typeof f.message == "string" ? f.message : "getElementTree failed";
+      return this.settleReject(o, new Error(g)), !0;
+    }
+    const p = t.payload, l = Array.isArray(p?.nodes) ? p.nodes : [];
+    try {
+      const g = pi(l);
+      this.settleResolve(o, g);
+    } catch (g) {
+      this.settleReject(o, g instanceof Error ? g : new Error(String(g)));
+    }
+    return !0;
+  }
+  buildRequest(t) {
+    return this.platform === "ios" ? { type: "elementTree", id: t } : { type: "getElementTree", id: t, ...this.androidElementTreeOptions };
+  }
+  async requestOnce() {
+    const t = _i();
+    return new Promise((o, s) => {
+      const f = window.setTimeout(
+        () => {
+          this.pending.delete(t), s(new Error("elementTree request timed out"));
+        },
+        vi + (this.androidElementTreeOptions?.waitForIdleTimeoutMs ?? 0)
+      );
+      this.pending.set(t, { resolve: o, reject: s, timer: f }), this.send(this.buildRequest(t)) || (window.clearTimeout(f), this.pending.delete(t), s(new Error("elementTree send failed (WebSocket not open)")));
+    });
+  }
+  async runOnce() {
+    if (this.running && !this.inflight) {
+      this.inflight = !0;
+      try {
+        const t = await this.requestOnce();
+        if (!this.running) return;
+        this.deliver(t);
+      } catch (t) {
+        if (!this.running) return;
+        const o = t instanceof Error ? t.message : String(t), s = /unavailable|not (yet )?running|failed|timeout/i.test(o);
+        this.currentInterval = s ? qr : Math.min(this.currentInterval * 2, this.maxBackoffMs), this.setStatus(s ? "unavailable" : "error", o);
+      } finally {
+        this.inflight = !1, this.scheduleNext();
+      }
+    }
+  }
+  deliver(t) {
+    const o = this.lastSnapshot;
+    if (rn(o, t)) {
+      this.currentInterval = Math.min(this.currentInterval * 2, this.maxBackoffMs), this.lastSnapshot = t, t.errors?.includes(sr) || this.setStatus("ready");
+      return;
+    }
+    this.lastSnapshot = t, this.currentInterval = this.baseIntervalMs, t.errors?.includes(sr) ? (this.currentInterval = qr, this.setStatus("unavailable", sr)) : this.setStatus("ready"), this.onSnapshot(t);
+  }
+  scheduleNext() {
+    if (!this.running) return;
+    this.timer !== void 0 && window.clearTimeout(this.timer);
+    const t = Date.now() < this.boostUntilMs ? Math.min(Ti, this.currentInterval) : this.currentInterval;
+    this.timer = window.setTimeout(() => {
+      this.timer = void 0, this.runOnce();
+    }, t);
+  }
+  settleResolve(t, o) {
+    const s = this.pending.get(t);
+    s && (window.clearTimeout(s.timer), this.pending.delete(t), s.resolve(o));
+  }
+  settleReject(t, o) {
+    const s = this.pending.get(t);
+    s && (window.clearTimeout(s.timer), this.pending.delete(t), s.reject(o));
+  }
+  failAllPending(t) {
+    for (const [o, s] of this.pending.entries())
+      window.clearTimeout(s.timer), s.reject(new Error(t)), this.pending.delete(o);
+  }
+}
+class Di {
+  generation = 0;
+  tail = Promise.resolve();
+  get currentGeneration() {
+    return this.generation;
+  }
+  enqueue(t) {
+    const o = ++this.generation;
+    return this.append(o, t);
+  }
+  /**
+   * Queues related work without superseding an already queued request.
+   *
+   * The operation retains the generation current at enqueue time and becomes
+   * stale if a later camera request increments it before this work starts.
+   */
+  enqueueCurrent(t) {
+    return this.append(this.generation, t);
+  }
+  append(t, o) {
+    const s = {
+      generation: t,
+      isCurrent: () => t === this.generation
+    }, f = this.tail.then(() => o(s));
+    return this.tail = f.catch(() => {
+    }), f;
+  }
+  invalidate() {
+    ++this.generation;
+  }
+}
+function bi(r) {
+  if (!r || typeof r != "object") return null;
+  const t = r;
+  if (t.type !== "cameraRequest" || typeof t.active != "boolean") return null;
+  const o = { active: t.active };
+  return (t.facingMode === "user" || t.facingMode === "environment") && (o.facingMode = t.facingMode), o;
+}
+function Ai(r) {
+  const t = {
+    frameRate: { ideal: 30, max: 30 }
+  };
+  return r?.facingMode && (t.facingMode = { ideal: r.facingMode }), t;
+}
+function Si(r, t) {
+  return !r || r.facingMode !== t.facingMode;
+}
+function Ri(r) {
+  const t = r.getSettings();
+  return {
+    width: t.width,
+    height: t.height,
+    frameRate: t.frameRate,
+    deviceId: t.deviceId,
+    label: r.label || void 0,
+    facingMode: t.facingMode
+  };
+}
+function Mi(r) {
+  return {
+    type: "cameraResult",
+    granted: !0,
+    camera: Ri(r)
+  };
+}
+const Ni = async (r) => {
+  if (!r) return !1;
+  try {
+    if (typeof navigator < "u" && navigator.clipboard?.writeText)
+      return await navigator.clipboard.writeText(r), !0;
+  } catch {
+  }
+  try {
+    const t = document.createElement("textarea");
+    t.value = r, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select();
+    const o = document.execCommand("copy");
+    return document.body.removeChild(t), o;
+  } catch {
+    return !1;
+  }
+}, Ii = ur(
+  function({ element: t, screen: o, highlighted: s, selected: f, selectable: p, onClick: l }) {
+    const g = mi(t.frame, o);
+    if (!g) return null;
+    const T = on(t);
+    return /* @__PURE__ */ F(
+      "button",
+      {
+        type: "button",
+        className: Le("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,
+        "data-ax-role": t.role || void 0,
+        "data-highlighted": s ? "true" : "false",
+        "data-selected": f ? "true" : "false",
+        "aria-label": T,
+        onClick: (v) => {
+          p && (v.preventDefault(), v.stopPropagation(), l(t, { x: v.clientX, y: v.clientY }));
+        },
+        style: {
+          left: `${g.x / o.width * 100}%`,
+          top: `${g.y / o.height * 100}%`,
+          width: `${g.width / o.width * 100}%`,
+          height: `${g.height / o.height * 100}%`
+        }
+      }
+    );
+  },
+  (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 && tn(r.element, t.element)
+), ki = 260, Yi = 220, Ki = 6, Pi = 8, Ui = ur(function({
+  element: t,
+  platform: o,
+  anchor: s,
+  cursorAnchored: f,
+  showActions: p,
+  onTap: l
+}) {
+  const [g, T] = z(null);
+  pe(() => {
+    if (!g) return;
+    const R = window.setTimeout(() => T(null), 1100);
+    return () => window.clearTimeout(R);
+  }, [g]);
+  const v = Ue(() => {
+    const R = ki, J = Yi, ee = Ki, $ = Pi, ae = typeof window < "u" ? window.innerWidth : 1024, fe = typeof window < "u" ? window.innerHeight : 768, ue = s.x + ee + R <= ae - $, ye = s.y - ee - J >= $;
+    let ne = ue ? s.x + ee : s.x - ee, it = ye ? s.y - ee : s.y + ee;
+    const Fe = `translate(${ue ? "0" : "-100%"}, ${ye ? "-100%" : "0"})`;
+    return ne = Math.max($ + (ue ? 0 : R), Math.min(ae - $ - (ue ? R : 0), ne)), it = Math.max($ + (ye ? J : 0), Math.min(fe - $ - (ye ? 0 : J), it)), { left: `${ne}px`, top: `${it}px`, transform: Fe };
+  }, [s.x, s.y]), A = Ue(() => gi(t, o), [t, o]), M = o === "ios" ? t.selectors.AXUniqueId : t.selectors.resourceId, k = o === "ios" ? "AXUniqueId" : "resourceId", V = qn(async (R, J) => {
+    if (!R) return;
+    await Ni(R) && T(J);
+  }, []), N = nn(t), te = t.label || t.value || N, W = on(t);
+  return zn(
+    /* @__PURE__ */ me(
+      "div",
+      {
+        className: "rc-inspect-card",
+        "data-cursor-anchored": f ? "true" : "false",
+        style: v,
+        onClick: (R) => R.stopPropagation(),
+        onMouseDown: (R) => R.stopPropagation(),
+        onMouseMove: (R) => R.stopPropagation(),
+        children: [
+          /* @__PURE__ */ me("div", { className: "rc-inspect-card-header", children: [
+            /* @__PURE__ */ F("span", { className: "rc-inspect-card-role", children: N }),
+            !t.enabled && /* @__PURE__ */ F("span", { className: "rc-inspect-card-tag", children: "disabled" }),
+            t.focused && /* @__PURE__ */ F("span", { className: "rc-inspect-card-tag rc-inspect-card-tag-blue", children: "focused" })
+          ] }),
+          /* @__PURE__ */ F("p", { className: "rc-inspect-card-title", title: W, children: te }),
+          M && /* @__PURE__ */ me("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ me("span", { className: "rc-inspect-card-row-label", children: [
+              k,
+              ":"
+            ] }),
+            /* @__PURE__ */ F("span", { className: "rc-inspect-card-row-value", children: M })
+          ] }),
+          t.value && t.value !== t.label && /* @__PURE__ */ me("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ F("span", { className: "rc-inspect-card-row-label", children: "value:" }),
+            /* @__PURE__ */ F("span", { className: "rc-inspect-card-row-value", children: t.value })
+          ] }),
+          /* @__PURE__ */ me("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ F("span", { className: "rc-inspect-card-row-label", children: "frame:" }),
+            /* @__PURE__ */ me("span", { className: "rc-inspect-card-row-value", children: [
+              Math.round(t.frame.width),
+              "×",
+              Math.round(t.frame.height),
+              " @ ",
+              Math.round(t.frame.x),
+              ",",
+              Math.round(t.frame.y)
+            ] })
+          ] }),
+          p && /* @__PURE__ */ me("div", { className: "rc-inspect-card-actions", children: [
+            /* @__PURE__ */ F(
+              "button",
+              {
+                type: "button",
+                className: "rc-inspect-card-btn rc-inspect-card-btn-primary",
+                onClick: () => l(t, s),
+                children: "Tap"
+              }
+            ),
+            /* @__PURE__ */ F(
+              "button",
+              {
+                type: "button",
+                className: Le("rc-inspect-card-btn", g === "selector" && "rc-inspect-card-btn-copied"),
+                disabled: !A,
+                title: A ?? "No usable selector for this element",
+                onClick: () => V(A ?? void 0, "selector"),
+                children: g === "selector" ? "Copied!" : "Copy selector"
+              }
+            ),
+            /* @__PURE__ */ F(
+              "button",
+              {
+                type: "button",
+                className: Le("rc-inspect-card-btn", g === "id" && "rc-inspect-card-btn-copied"),
+                disabled: !M,
+                title: M ?? `No ${k}`,
+                onClick: () => V(M, "id"),
+                children: g === "id" ? "Copied!" : `Copy ${k}`
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}), Li = ur(function({
+  snapshot: t,
+  geometry: o,
+  highlightedId: s,
+  selectedId: f,
+  mode: p,
+  cursorPosition: l,
+  frozenCursorPosition: g,
+  onSelectChange: T,
+  onTapElement: v
+}) {
+  const A = p === "select", M = A ? s !== null && s !== f : s !== null, k = A ? s ?? f : s, V = Ue(() => {
+    const $ = /* @__PURE__ */ new Map();
+    if (!t) return $;
+    for (const ae of t.elements) $.set(ae.id, ae);
+    return $;
+  }, [t]), N = Ue(() => k ? V.get(k) ?? null : null, [k, V]);
+  if (!(!!t && !!o && t.screen.width > 0 && t.screen.height > 0 && t.elements.length > 0)) return null;
+  const W = M ? l : g ?? l, R = M, J = A && !M && f !== null, ee = ($) => {
+    A && $.target === $.currentTarget && T(null, null);
+  };
+  return /* @__PURE__ */ me(jr, { children: [
+    /* @__PURE__ */ F(
+      "div",
+      {
+        className: Le("rc-inspect-overlay", A && "rc-inspect-overlay-select"),
+        style: {
+          left: `${o.left}px`,
+          top: `${o.top}px`,
+          width: `${o.width}px`,
+          height: `${o.height}px`
+        },
+        onClick: ee,
+        children: t.elements.map(($) => /* @__PURE__ */ F(
+          Ii,
+          {
+            element: $,
+            screen: t.screen,
+            highlighted: $.id === s,
+            selected: $.id === f,
+            selectable: A,
+            onClick: T
+          },
+          $.id
+        ))
+      }
+    ),
+    N && W && /* @__PURE__ */ F(
+      Ui,
+      {
+        element: N,
+        platform: t.platform,
+        anchor: W,
+        cursorAnchored: R,
+        showActions: J,
+        onTap: v
+      }
+    )
+  ] });
+}), Fi = Vn(() => import("./duo-view-BEWqEQI2.mjs").then((r) => r.d)), q = (...r) => {
+  window.debugRemoteControl && console.log(...r);
+}, b = (...r) => {
+  window.debugRemoteControl && console.warn(...r);
+}, H = (r, t, ...o) => {
+  if (t)
+    try {
+      t(...o);
+    } catch (s) {
+      console.error(`[RemoteControl] customer callback "${r}" threw:`, s);
+    }
+}, Wt = (r) => Object.entries(U).find(
+  ([o, s]) => o.startsWith("ACTION_") && s === r
+)?.[0] ?? String(r), xi = (r) => r.includes("/android_") ? "android" : "ios", Vr = (r, t) => {
+  const o = new URL(r);
+  return o.searchParams.set("token", t), o.toString();
+}, Gr = 1920, Jr = 1200, ar = 3, Wi = 1e3, Hi = 15e3, $i = 3e3, Xi = 4e3, Bi = (r, t) => r === Gr && t === Jr || r === Jr && t === Gr, qi = {
+  ios: {
+    videoBorderRadiusMultiplier: 0.15,
+    loadingLogoSize: "20%",
+    // Video position as percentage of frame dimensions
+    videoPosition: {
+      portrait: { heightMultiplier: 0.9678 },
+      landscape: { widthMultiplier: 0.9678 }
+    }
+  },
+  android: {
+    videoBorderRadiusMultiplier: 0.13,
+    loadingLogoSize: "40%",
+    // Video position as percentage of frame dimensions
+    videoPosition: {
+      portrait: { heightMultiplier: 0.967 },
+      landscape: { widthMultiplier: 0.962 }
+    }
+  }
+};
+function Vi(r) {
+  const t = r.code, o = Qr[t];
+  if (!o)
+    return b(`Unknown event.code: ${t}, key: ${r.key}`), null;
+  let s = a.META_NONE;
+  const f = t >= "KeyA" && t <= "KeyZ", p = r.getModifierState("CapsLock"), l = r.shiftKey;
+  let g = l;
+  return f && (g = l !== p), g && (s |= a.META_SHIFT_ON), r.ctrlKey && (s |= a.META_CTRL_ON), r.altKey && (s |= a.META_ALT_ON), r.metaKey && (s |= a.META_META_ON), { keycode: o, metaState: s };
+}
+const co = Gn(
+  ({
+    className: r,
+    url: t,
+    token: o,
+    sessionId: s,
+    openUrl: f,
+    showFrame: p = !0,
+    deviceModel: l,
+    duoModelUrl: g,
+    autoReconnect: T = !1,
+    jitterBufferTargetMs: v,
+    onPlaybackStats: A,
+    onTerminated: M,
+    assets: k,
+    onConnectionStateChange: V,
+    inspectMode: N,
+    onAxSnapshotChange: te,
+    onInspectSelectionChange: W,
+    onAxStatusChange: R,
+    axPollIntervalMs: J,
+    axMaxBackoffMs: ee,
+    androidElementTreeOptions: $,
+    onCameraDemandChange: ae,
+    onCameraStats: fe,
+    onTrace: ue,
+    microphoneEnabled: ye = !1,
+    onMicrophoneStateChange: ne
+  }, it) => {
+    const ot = O(null), j = O(null), Fe = O(/* @__PURE__ */ new Map()), lr = O(null), [cn, sn] = z(!1), Oe = l === "iphone-duo" || cn, ct = O(null), [dr, fr] = z(null), [hr, pr] = z(), xe = O(
+      /* @__PURE__ */ new Map()
+    ), Xt = (e, c) => new Promise((i, n) => {
+      const h = D.current;
+      if (!h || h.readyState !== WebSocket.OPEN) {
+        n(new Error("Simulator disconnected"));
+        return;
+      }
+      const u = crypto.randomUUID(), m = setTimeout(() => {
+        xe.current.delete(u), n(new Error("Device control timed out"));
+      }, 5e3);
+      xe.current.set(u, { resolve: i, reject: n, timer: m }), h.send(JSON.stringify({ type: e, id: u, ...c }));
+    }), [an, Bt] = z(!1), [un, Tt] = z(!1), [ln, mr] = z(!1), We = O(!1), qt = O(!1), [Er, dn] = z(!1), [fn, hn] = z(!1), [pn, gr] = z({}), D = O(null), X = O(null), [mn, yr] = z(null);
+    ti(mn, A, v);
+    const x = O(null), _t = O(null), Vt = O(ue);
+    Vt.current = ue;
+    const En = !!ue, He = O(void 0), st = O(void 0), at = O(void 0), wt = O(void 0), $e = O(void 0), Se = O(0), Dt = O(0), Te = O(!1), Gt = O(T);
+    Gt.current = T;
+    const Cr = O(v);
+    pe(() => {
+      Cr.current = v;
+      for (const e of X.current?.getTransceivers() ?? [])
+        (e.currentDirection === "recvonly" || e.currentDirection === "sendrecv") && $r(e.receiver, v);
+    }, [v]);
+    const Re = O(null), le = O(null), Me = O(void 0), Jt = Ue(() => new Di(), []), _e = O(ae);
+    _e.current = ae;
+    const bt = O(fe);
+    bt.current = fe;
+    const ut = O(null), At = O(null), jt = O(ye);
+    jt.current = ye;
+    const zt = O(!1), lt = O(ne);
+    lt.current = ne;
+    const dt = O(null), Ce = O(null), St = O(0), vr = O(Promise.resolve()), Xe = O(null), ft = O(!1), be = O(/* @__PURE__ */ new Map()), we = O(/* @__PURE__ */ new Map()), Ne = O(/* @__PURE__ */ new Map()), Ie = O(/* @__PURE__ */ new Map()), re = O(/* @__PURE__ */ new Map()), ke = O(!1), [gn, yn] = z(!1), Q = O(null), Be = O(null), ht = O({
+      handle: () => {
+      },
+      end: () => {
+      }
+    }), [Ye, Rt] = z(null), ie = O(null), [Or, Tr] = z(null), [Qt, pt] = z(null), [Zt, Mt] = z(null), [Cn, _r] = z(null), [vn, wr] = z(null), Nt = O(null), he = O(void 0), Dr = (e) => {
+      Nt.current = e, he.current === void 0 && (he.current = window.requestAnimationFrame(() => {
+        he.current = void 0, wr(Nt.current);
+      }));
+    }, [On, qe] = z(null), Ve = O(N);
+    Ve.current = N;
+    const Ge = O(null);
+    Ge.current = Or;
+    const er = O(te);
+    er.current = te;
+    const Je = O(W);
+    Je.current = W;
+    const br = O(R);
+    br.current = R;
+    const Ar = O(M);
+    Ar.current = M;
+    const Sr = O(V);
+    Sr.current = V;
+    const tr = O(null), je = (e) => {
+      tr.current !== e && (tr.current = e, H("onConnectionStateChange", Sr.current, e));
+    }, mt = N === !0 || N === "hover-only", Tn = N === "hover-only" ? "hover-only" : "select", Ee = Ue(
+      () => s || Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15),
+      [s]
+    ), ve = Ue(() => xi(t), [t]), ze = qi[ve], Et = k?.[ve], Rr = ve === "android" && fn ? Er ? Et?.tabletFrameLandscape : Et?.tabletFrame : Er ? Et?.frameLandscape : Et?.frame, Mr = Et?.loadingLogo, It = !Oe && p && !!Rr, L = (e) => {
+      q(e);
+    }, ge = (e) => {
+      !x.current || x.current.readyState !== "open" || (x.current.send(_t.current?.wrap(e) ?? e), ie.current?.bumpActivity());
+    }, Nr = -10, Ir = (e, c) => {
+      const i = gt();
+      if (!i) return;
+      const n = Ze(i, e, c);
+      if (!n) return;
+      const { videoX: h, videoY: u, videoWidth: m, videoHeight: y } = n, C = xt(
+        U.ACTION_DOWN,
+        Nr,
+        m,
+        y,
+        h,
+        u,
+        1,
+        U.BUTTON_PRIMARY,
+        U.BUTTON_PRIMARY
+      );
+      C && ge(C), window.setTimeout(() => {
+        const E = xt(
+          U.ACTION_UP,
+          Nr,
+          m,
+          y,
+          h,
+          u,
+          0,
+          U.BUTTON_PRIMARY,
+          U.BUTTON_PRIMARY
+        );
+        E && ge(E);
+      }, 60);
+    }, _n = (e, c) => {
+      const i = gt();
+      if (!i || c.screen.width <= 0 || c.screen.height <= 0) return;
+      const n = e.frame.x + e.frame.width / 2, h = e.frame.y + e.frame.height / 2, u = n / c.screen.width * i.actualWidth, m = h / c.screen.height * i.actualHeight, y = i.videoRect.left + i.offsetX + u, C = i.videoRect.top + i.offsetY + m;
+      Ir(y, C);
+    }, kt = -1, Yt = -2, Ke = -3, Qe = (e, c, i, n, h, u) => {
+      const m = xt(
+        e,
+        c,
+        i,
+        n,
+        h,
+        u,
+        1,
+        // pressure
+        U.BUTTON_PRIMARY,
+        U.BUTTON_PRIMARY
+      );
+      m && (q("[rc-touch] sendSingleTouch", {
+        action: e,
+        actionName: Wt(e),
+        pointerId: c,
+        x: h,
+        y: u,
+        video: { width: i, height: n }
+      }), ge(m));
+    }, Pe = (e, c, i) => {
+      if (!i) return;
+      const { videoX: n, videoY: h, videoWidth: u, videoHeight: m } = i;
+      let y = null, C = null, E = 1;
+      const I = U.BUTTON_PRIMARY;
+      switch (c) {
+        case "down":
+          e !== Ke && ht.current.end(), y = re.current.size === 0 ? U.ACTION_DOWN : U.ACTION_POINTER_DOWN, C = { x: n, y: h }, re.current.set(e, C), e === -1 && j.current?.focus();
+          break;
+        case "move":
+          re.current.has(e) && (y = U.ACTION_MOVE, C = { x: n, y: h }, re.current.set(e, C));
+          break;
+        case "up":
+        case "cancel":
+          re.current.has(e) && (C = re.current.get(e), re.current.delete(e), c === "cancel" ? y = U.ACTION_CANCEL : y = re.current.size === 0 ? U.ACTION_UP : U.ACTION_POINTER_UP);
+          break;
+      }
+      if (y !== null && C !== null) {
+        q("[rc-touch][mouse->touch] sending", {
+          pointerId: e,
+          eventType: c,
+          action: y,
+          actionName: Wt(y),
+          positionToSend: C,
+          video: { width: u, height: m },
+          altHeld: ke.current,
+          activePointersAfter: Array.from(re.current.entries()).map(([P, G]) => ({
+            id: P,
+            x: G.x,
+            y: G.y
+          }))
+        });
+        const _ = xt(
+          y,
+          e,
+          u,
+          m,
+          C.x,
+          C.y,
+          E,
+          I,
+          I
+        );
+        _ && (q("[rc-touch][mouse->touch] buffer", {
+          pointerId: e,
+          actionName: Wt(y),
+          byteLength: _.byteLength
+        }), ge(_));
+      } else (c === "up" || c === "cancel") && re.current.delete(e);
+    }, rr = (e) => {
+      if (ke.current !== e && (ke.current = e, yn(e), e || Rt(null), q("[rc-touch][alt] updateAltHeld", {
+        nextHeld: e,
+        activePointerIds: Array.from(re.current.keys())
+      }), ve === "ios" && x.current && x.current.readyState === "open")) {
+        const c = e ? a.ACTION_DOWN : a.ACTION_UP, i = vt(
+          c,
+          a.KEYCODE_ALT_LEFT,
+          0,
+          a.META_NONE
+        );
+        q("[rc-touch][alt] sending Indigo modifier keycode", {
+          action: c,
+          keycode: a.KEYCODE_ALT_LEFT
+        }), i && ge(i);
+      }
+    }, gt = () => {
+      const e = j.current, c = ot.current;
+      if (!e || !c) return null;
+      const i = e.videoWidth, n = e.videoHeight;
+      if (!i || !n) return null;
+      const h = e.getBoundingClientRect(), u = c.getBoundingClientRect(), m = h.width, y = h.height, C = i / n, E = m / y;
+      let I = m, _ = y;
+      C > E ? _ = m / C : I = y * C;
+      const P = (m - I) / 2, G = (y - _) / 2;
+      return {
+        videoWidth: i,
+        videoHeight: n,
+        videoRect: h,
+        containerRect: u,
+        actualWidth: I,
+        actualHeight: _,
+        offsetX: P,
+        offsetY: G
+      };
+    }, Ze = (e, c, i) => {
+      const n = c - e.videoRect.left - e.offsetX, h = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), m = Math.max(0, Math.min(e.actualHeight, h)), y = Math.max(
+        0,
+        Math.min(e.videoWidth, u / e.actualWidth * e.videoWidth)
+      ), C = Math.max(
+        0,
+        Math.min(e.videoHeight, m / e.actualHeight * e.videoHeight)
+      );
+      return {
+        videoX: y,
+        videoY: C,
+        videoWidth: e.videoWidth,
+        videoHeight: e.videoHeight
+      };
+    }, wn = (e, c, i) => {
+      const n = c - e.videoRect.left - e.offsetX, h = i - e.videoRect.top - e.offsetY, u = Math.max(0, Math.min(e.actualWidth, n)), m = Math.max(0, Math.min(e.actualHeight, h)), y = Math.max(
+        0,
+        Math.min(e.videoWidth, u / e.actualWidth * e.videoWidth)
+      ), C = Math.max(
+        0,
+        Math.min(e.videoHeight, m / e.actualHeight * e.videoHeight)
+      ), E = e.videoWidth - y, I = e.videoHeight - C, _ = e.videoRect.left + e.offsetX, P = e.videoRect.top + e.offsetY, G = _ - e.containerRect.left + u, ce = P - e.containerRect.top + m, De = _ - e.containerRect.left + (e.actualWidth - u), B = P - e.containerRect.top + (e.actualHeight - m);
+      return {
+        containerX: G,
+        containerY: ce,
+        mirrorContainerX: De,
+        mirrorContainerY: B,
+        videoX: y,
+        videoY: C,
+        mirrorVideoX: E,
+        mirrorVideoY: I,
+        videoWidth: e.videoWidth,
+        videoHeight: e.videoHeight
+      };
+    }, Dn = (e, c, i, n, h, u, m) => {
+      const y = oi(e, c, i, n, h, u, m);
+      q("[rc-touch2] sendTwoFingerMessage (iOS)", {
+        actionName: Wt(e),
+        video: { width: c, height: i },
+        p0: { x: n, y: h },
+        p1: { x: u, y: m },
+        byteLength: y.byteLength
+      }), ge(y);
+    }, et = (e, c, i, n, h, u, m, y, C) => {
+      if (q("[rc-touch2] applyTwoFingerEvent", {
+        platform: ve,
+        eventType: e,
+        video: { width: c, height: i },
+        p0: { x: n, y: h, id: y },
+        p1: { x: u, y: m, id: C }
+      }), e === "down" && ht.current.end(), ve === "ios") {
+        const E = e === "down" ? U.ACTION_DOWN : e === "move" ? U.ACTION_MOVE : U.ACTION_UP;
+        Dn(E, c, i, n, h, u, m);
+      } else
+        e === "down" ? (Qe(U.ACTION_DOWN, y, c, i, n, h), Qe(U.ACTION_POINTER_DOWN, C, c, i, u, m)) : e === "move" ? (Qe(U.ACTION_MOVE, y, c, i, n, h), Qe(U.ACTION_MOVE, C, c, i, u, m)) : (Qe(U.ACTION_POINTER_UP, C, c, i, u, m), Qe(U.ACTION_UP, y, c, i, n, h));
+    }, bn = (e, c, i) => {
+      if (!ke.current) {
+        Ye !== null && Rt(null);
+        return;
+      }
+      const n = wn(e, c, i);
+      Rt(n);
+    }, An = (e, c, i) => {
+      const n = Ge.current;
+      if (!n || n.screen.width <= 0 || n.screen.height <= 0) return null;
+      const h = c - e.videoRect.left - e.offsetX, u = i - e.videoRect.top - e.offsetY;
+      if (h < 0 || u < 0 || h > e.actualWidth || u > e.actualHeight) return null;
+      const m = h / e.actualWidth * n.screen.width, y = u / e.actualHeight * n.screen.height;
+      return Ei(n, m, y);
+    }, Ae = (e) => {
+      if (Oe) return;
+      e.preventDefault(), e.stopPropagation();
+      const c = gt();
+      if ((Ve.current === !0 || Ve.current === "hover-only") && !("touches" in e))
+        if (e.type === "mousemove") {
+          if (Dr({ x: e.clientX, y: e.clientY }), c) {
+            const n = An(c, e.clientX, e.clientY);
+            pt(n?.id ?? null);
+          }
+        } else e.type === "mouseleave" && (Dr(null), pt(null));
+      if (Ve.current !== !0 && (!("touches" in e) && c && (e.type === "mousemove" ? bn(c, e.clientX, e.clientY) : e.type === "mouseleave" && Rt(null)), !(!x.current || x.current.readyState !== "open" || !j.current || !c)))
+        if ("touches" in e) {
+          const n = e.touches, h = e.changedTouches;
+          let u;
+          switch (e.type) {
+            case "touchstart":
+              u = "down";
+              break;
+            case "touchmove":
+              u = "move";
+              break;
+            case "touchend":
+              u = "up";
+              break;
+            case "touchcancel":
+              u = "cancel";
+              break;
+            default:
+              return;
+          }
+          if (n.length === 2) {
+            const m = n[0], y = n[1], C = Ze(c, m.clientX, m.clientY), E = Ze(c, y.clientX, y.clientY);
+            if (!C || !E) return;
+            Q.current ? Q.current.source === "real-touch" && (Q.current.finger0 = { x: C.videoX, y: C.videoY }, Q.current.finger1 = { x: E.videoX, y: E.videoY }, et(
+              "move",
+              C.videoWidth,
+              C.videoHeight,
+              C.videoX,
+              C.videoY,
+              E.videoX,
+              E.videoY,
+              Q.current.pointerId0,
+              Q.current.pointerId1
+            )) : (Q.current = {
+              finger0: { x: C.videoX, y: C.videoY },
+              finger1: { x: E.videoX, y: E.videoY },
+              videoSize: { width: C.videoWidth, height: C.videoHeight },
+              source: "real-touch",
+              pointerId0: m.identifier,
+              pointerId1: y.identifier
+            }, et(
+              "down",
+              C.videoWidth,
+              C.videoHeight,
+              C.videoX,
+              C.videoY,
+              E.videoX,
+              E.videoY,
+              m.identifier,
+              y.identifier
+            ));
+          } else if (n.length < 2 && Q.current?.source === "real-touch") {
+            const m = Q.current;
+            et(
+              "up",
+              m.videoSize.width,
+              m.videoSize.height,
+              m.finger0.x,
+              m.finger0.y,
+              m.finger1.x,
+              m.finger1.y,
+              m.pointerId0,
+              m.pointerId1
+            ), Q.current = null;
+            return;
+          } else {
+            if (n.length > 2)
+              return;
+            {
+              const m = h[0];
+              if (m) {
+                const y = Ze(c, m.clientX, m.clientY);
+                Pe(m.identifier, u, y);
+              }
+            }
+          }
+        } else {
+          let h = null;
+          const u = Q.current?.source === "alt-mouse";
+          switch (e.type) {
+            case "mousedown":
+              e.button === 0 && (h = "down");
+              break;
+            case "mousemove":
+              (u || re.current.has(-1)) && (h = "move");
+              break;
+            case "mouseup":
+              e.button === 0 && (h = "up");
+              break;
+            case "mouseleave":
+              (u || re.current.has(-1)) && (h = "up");
+              break;
+          }
+          if (h) {
+            const m = Ze(c, e.clientX, e.clientY);
+            if (!m)
+              return;
+            q("[rc-touch][mouse] event", {
+              domType: e.type,
+              eventType: h,
+              button: e.button,
+              buttons: e.buttons,
+              client: { x: e.clientX, y: e.clientY },
+              altHeldRef: ke.current,
+              inTwoFingerMode: u,
+              geometry: {
+                videoX: m.videoX,
+                videoY: m.videoY,
+                videoWidth: m.videoWidth,
+                videoHeight: m.videoHeight
+              },
+              activePointerIds: Array.from(re.current.keys())
+            }), ke.current || u ? Sn(h, m) : Pe(-1, h, m);
+          }
+        }
+    }, Sn = (e, c) => {
+      const { videoX: i, videoY: n, videoWidth: h, videoHeight: u } = c, m = h - i, y = u - n;
+      if (e === "down") {
+        Q.current = {
+          finger0: { x: i, y: n },
+          finger1: { x: m, y },
+          videoSize: { width: h, height: u },
+          source: "alt-mouse",
+          pointerId0: kt,
+          pointerId1: Yt
+        }, j.current?.focus(), et(
+          "down",
+          h,
+          u,
+          i,
+          n,
+          m,
+          y,
+          kt,
+          Yt
+        );
+        return;
+      }
+      if (e === "move") {
+        Q.current?.source === "alt-mouse" && (Q.current.finger0 = { x: i, y: n }, Q.current.finger1 = { x: m, y }, et(
+          "move",
+          h,
+          u,
+          i,
+          n,
+          m,
+          y,
+          kt,
+          Yt
+        ));
+        return;
+      }
+      if (e === "up" || e === "cancel") {
+        const C = Q.current;
+        if (C?.source === "alt-mouse") {
+          const { finger0: E, finger1: I, videoSize: _ } = C;
+          et(
+            "up",
+            _.width,
+            _.height,
+            E.x,
+            E.y,
+            I.x,
+            I.y,
+            kt,
+            Yt
+          ), Q.current = null;
+        }
+        return;
+      }
+    }, Rn = 150, kr = () => {
+      const e = Be.current;
+      e && (window.clearTimeout(e.endTimer), Pe(Ke, "up", e.pos), Be.current = null);
+    }, Mn = (e) => {
+      if (e.ctrlKey || ke.current || Q.current) return;
+      const c = re.current.size;
+      if (c > 1 || c === 1 && !re.current.has(Ke)) return;
+      const i = gt();
+      if (!i) return;
+      const n = e.clientX - i.videoRect.left - i.offsetX, h = e.clientY - i.videoRect.top - i.offsetY;
+      if (n < 0 || n > i.actualWidth || h < 0 || h > i.actualHeight)
+        return;
+      const u = Ze(i, e.clientX, e.clientY);
+      if (!u) return;
+      e.preventDefault();
+      const m = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualWidth : 1) * (i.videoWidth / i.actualWidth), y = (e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? i.actualHeight : 1) * (i.videoHeight / i.actualHeight), C = -e.deltaX * m, E = -e.deltaY * y, I = (B) => {
+        window.clearTimeout(B.endTimer), B.endTimer = window.setTimeout(kr, Rn);
+      };
+      if (C === 0 && E === 0) {
+        Be.current && I(Be.current);
+        return;
+      }
+      const _ = () => ({
+        videoWidth: u.videoWidth,
+        videoHeight: u.videoHeight,
+        videoX: Math.abs(C) > Math.abs(E) ? Math.min(Math.max(u.videoX, u.videoWidth * 0.2), u.videoWidth * 0.8) : u.videoX,
+        videoY: Math.abs(E) >= Math.abs(C) ? Math.min(Math.max(u.videoY, u.videoHeight * 0.2), u.videoHeight * 0.8) : u.videoY
+      }), P = (B) => ({
+        ...B,
+        videoX: Math.min(Math.max(B.videoX + C, 0), B.videoWidth),
+        videoY: Math.min(Math.max(B.videoY + E, 0), B.videoHeight)
+      });
+      let G = Be.current;
+      if (G)
+        window.clearTimeout(G.endTimer);
+      else {
+        const B = _();
+        Pe(Ke, "down", B), G = { pos: B, endTimer: 0 }, Be.current = G;
+      }
+      let ce = G.pos, De = P(ce);
+      De.videoX === ce.videoX && De.videoY === ce.videoY && (Pe(Ke, "up", ce), ce = _(), Pe(Ke, "down", ce), De = P(ce)), Pe(Ke, "move", De), G.pos = De, I(G);
+    };
+    pe(() => {
+      ht.current = { handle: Mn, end: kr };
+    }), pe(() => {
+      const e = ot.current;
+      if (!e) return;
+      const c = (i) => ht.current.handle(i);
+      return e.addEventListener("wheel", c, { passive: !1 }), () => {
+        ht.current.end(), e.removeEventListener("wheel", c);
+      };
+    }, []), pe(() => {
+      const e = (n) => {
+        n.key === "Alt" && rr(!0);
+      }, c = (n) => {
+        n.key === "Alt" && rr(!1);
+      }, i = () => {
+        rr(!1);
+      };
+      return window.addEventListener("keydown", e, !0), window.addEventListener("keyup", c, !0), window.addEventListener("blur", i), () => {
+        window.removeEventListener("keydown", e, !0), window.removeEventListener("keyup", c, !0), window.removeEventListener("blur", i);
+      };
+    }, []);
+    const Kt = (e) => {
+      e.preventDefault(), e.stopPropagation();
+      const c = document.activeElement === j.current || Oe && document.activeElement === e.currentTarget;
+      if (q("Keyboard event:", {
+        type: e.type,
+        key: e.key,
+        keyCode: e.keyCode,
+        code: e.code,
+        target: e.target.tagName,
+        focused: c
+      }), !c) {
+        b("Simulator input not focused, skipping keyboard event");
+        return;
+      }
+      if (!x.current || x.current.readyState !== "open") {
+        b("Data channel not ready for keyboard event:", x.current?.readyState);
+        return;
+      }
+      if (e.type === "keydown") {
+        if (e.key.toLowerCase() === "v" && (e.metaKey || e.ctrlKey)) {
+          q("Paste shortcut detected"), navigator.clipboard.readText().then((n) => {
+            if (n) {
+              q(
+                "Pasting text via SET_CLIPBOARD:",
+                n.substring(0, 20) + (n.length > 20 ? "..." : "")
+              );
+              const h = ci(n, !0);
+              ge(h);
+            }
+          }).catch((n) => {
+            console.error("Failed to read clipboard contents: ", n);
+          });
+          return;
+        }
+        if (e.key.toLowerCase() === "m" && (e.metaKey || e.ctrlKey)) {
+          q("Menu shortcut detected");
+          const n = vt(
+            a.ACTION_DOWN,
+            a.MENU,
+            0,
+            a.META_NONE
+            // Modifiers are handled by the shortcut check, not passed down
+          );
+          ge(n);
+          const h = vt(
+            a.ACTION_UP,
+            a.MENU,
+            0,
+            a.META_NONE
+          );
+          ge(h);
+          return;
+        }
+      }
+      const i = Vi(e);
+      if (i) {
+        const { keycode: n, metaState: h } = i, u = e.type === "keydown" ? a.ACTION_DOWN : a.ACTION_UP;
+        q(`Sending Keycode: key=${e.key}, code=${n}, action=${u}, meta=${h}`);
+        const m = vt(
+          u,
+          n,
+          0,
+          // repeat count, typically 0 for single presses
+          h
+        );
+        ge(m);
+      } else
+        q(`Ignoring unhandled key event: type=${e.type}, key=${e.key}`);
+    }, Nn = () => {
+      D.current && D.current.readyState === WebSocket.OPEN && D.current.send(
+        JSON.stringify({
+          type: "keepAlive",
+          sessionId: Ee
+        })
+      );
+    }, Yr = () => {
+      He.current && window.clearInterval(He.current), He.current = window.setInterval(Nn, 1e4);
+    }, Kr = () => {
+      He.current && (window.clearInterval(He.current), He.current = void 0);
+    }, Pt = () => {
+      st.current && (window.clearTimeout(st.current), st.current = void 0);
+    }, Ut = () => {
+      at.current && (window.clearTimeout(at.current), at.current = void 0);
+    }, yt = () => {
+      wt.current && (window.clearInterval(wt.current), wt.current = void 0);
+    }, Ct = () => {
+      $e.current !== void 0 && (window.clearTimeout($e.current), $e.current = void 0);
+    }, In = () => {
+      ft.current || (ft.current = !0, yt(), Bt(!0), je("connected"));
+    }, oe = (e) => {
+      for (const c of e.getTracks())
+        try {
+          c.stop();
+        } catch (i) {
+          b("track.stop() failed:", i);
+        }
+    }, kn = () => {
+      const e = le.current;
+      e && (le.current = null, oe(e));
+    }, Pr = (e) => {
+      const c = vr.current.then(e).catch((i) => {
+        b("microphone operation failed:", i);
+      });
+      return vr.current = c, c;
+    }, nr = () => jt.current || zt.current, Ur = (e) => {
+      const c = `ui-mic-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+      Xe.current = c, e.send(JSON.stringify({ type: "microphoneStart", id: c }));
+    }, ir = () => Pr(() => Yn()), Yn = async () => {
+      const e = St.current, c = () => e === St.current && nr(), i = (y) => {
+        H("onMicrophoneStateChange", lt.current, {
+          active: !1,
+          error: y
+        });
+      };
+      if (!c()) return;
+      const n = D.current, h = dt.current;
+      if (!n || n.readyState !== WebSocket.OPEN || !h || Ce.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)."
+        ), i("Microphone capture requires a secure context (https)");
+        return;
+      }
+      let u = null;
+      try {
+        u = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+      } catch (y) {
+        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", y);
+      }
+      if (!c()) {
+        u && oe(u);
+        return;
+      }
+      if (!u) {
+        i("Microphone permission denied or no device available");
+        return;
+      }
+      const m = u.getAudioTracks()[0] ?? null;
+      if (!m) {
+        oe(u), i("Captured stream has no audio track");
+        return;
+      }
+      try {
+        await h.replaceTrack(m);
+      } catch (y) {
+        b("replaceTrack(audioTrack) failed:", y), oe(u), i("Failed to attach the microphone track to the connection");
+        return;
+      }
+      if (!c()) {
+        try {
+          await h.replaceTrack(null);
+        } catch (y) {
+          b("replaceTrack(null) on stale mic attach failed:", y);
+        }
+        oe(u);
+        return;
+      }
+      Ce.current = u, m.onended = () => {
+        Ce.current === u && Lt("microphone capture ended by the browser");
+      }, Ur(n), H("onMicrophoneStateChange", lt.current, {
+        active: !0,
+        label: m.label || void 0
+      });
+    }, Lt = (e) => (++St.current, Xe.current = null, Pr(async () => {
+      const c = dt.current, i = Ce.current;
+      if (Ce.current = null, c && i)
+        try {
+          await c.replaceTrack(null);
+        } catch (h) {
+          b("replaceTrack(null) on mic detach failed:", h);
+        }
+      i && oe(i);
+      const n = D.current;
+      if (i && n && n.readyState === WebSocket.OPEN) {
+        const h = `ui-mic-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+        n.send(JSON.stringify({ type: "microphoneStop", id: h }));
+      }
+      (i || e) && H("onMicrophoneStateChange", lt.current, {
+        active: !1,
+        ...e !== void 0 && { error: e }
+      });
+    })), Lr = (e, c) => {
+      let i;
+      try {
+        i = Mi(c), console.info(
+          `[RemoteControl] camera capture: ${i.camera?.width}x${i.camera?.height} @ ${i.camera?.frameRate ?? "?"}fps` + (i.camera?.label ? ` — ${i.camera.label}` : "")
+        );
+      } catch (n) {
+        b("getSettings() on outbound camera track failed:", n), i = {
+          type: "cameraResult",
+          granted: !0,
+          camera: {
+            label: c.label || void 0
+          }
+        };
+      }
+      e.send(JSON.stringify(i)), H("onCameraDemandChange", _e.current, !0, !0, i.camera);
+    }, Kn = (e) => {
+      if (!e) return;
+      const c = e.indexOf("/"), n = (c >= 0 ? e.slice(c + 1) : e).toUpperCase();
+      return n === "HEVC" ? "H265" : n;
+    }, Pn = async () => {
+      const e = Re.current, c = bt.current;
+      if (!e || !c) return;
+      let i;
+      try {
+        i = await e.getStats();
+      } catch {
+        return;
+      }
+      let n, h, u;
+      if (i.forEach((P) => {
+        P.type === "outbound-rtp" && P.kind === "video" ? n = P : P.type === "remote-inbound-rtp" && P.kind === "video" && (u = P);
+      }), n?.codecId) {
+        const P = i.get(n.codecId);
+        P && (h = P.mimeType);
+      }
+      if (!n) return;
+      const m = n.timestamp ?? Date.now(), y = At.current;
+      let C, E, I;
+      if (y && m > y.timestamp) {
+        const P = (m - y.timestamp) / 1e3;
+        if (typeof n.framesEncoded == "number" && typeof y.framesEncoded == "number" && (C = Math.max(0, (n.framesEncoded - y.framesEncoded) / P)), typeof n.bytesSent == "number" && typeof y.bytesSent == "number" && (E = Math.max(0, (n.bytesSent - y.bytesSent) * 8 / P)), typeof n.packetsSent == "number" && typeof y.packetsSent == "number" && u && typeof u.packetsLost == "number" && typeof y.packetsLost == "number") {
+          const G = n.packetsSent - y.packetsSent, ce = u.packetsLost - y.packetsLost;
+          G > 0 && (I = Math.max(0, Math.min(100, ce / G * 100)));
+        }
+      }
+      At.current = {
+        timestamp: m,
+        framesEncoded: n.framesEncoded,
+        bytesSent: n.bytesSent,
+        packetsSent: n.packetsSent,
+        packetsLost: u?.packetsLost
+      };
+      const _ = {
+        codec: Kn(h),
+        encoderImplementation: n.encoderImplementation,
+        hardwareAccelerated: typeof n.powerEfficientEncoder == "boolean" ? n.powerEfficientEncoder : void 0,
+        framesPerSecond: C,
+        framesEncoded: n.framesEncoded,
+        bitrateBps: E,
+        width: n.frameWidth,
+        height: n.frameHeight,
+        qualityLimitationReason: n.qualityLimitationReason,
+        rttMs: typeof u?.roundTripTime == "number" ? u.roundTripTime * 1e3 : void 0,
+        packetsLostPct: I
+      };
+      H("onCameraStats", bt.current, _);
+    }, Fr = () => {
+      ut.current === null && (At.current = null, ut.current = setInterval(() => {
+        Pn();
+      }, 1e3));
+    }, Ft = () => {
+      ut.current !== null && (clearInterval(ut.current), ut.current = null), At.current = null, H("onCameraStats", bt.current, null);
+    }, Un = (e, c, i, n) => Jt.enqueue(async ({ isCurrent: h }) => {
+      const u = () => h() && n() && D.current === c && Re.current === i;
+      if (!u()) return;
+      if (!e.active) {
+        const _ = le.current;
+        try {
+          await i.replaceTrack(null);
+        } catch (P) {
+          b("replaceTrack(null) on camera detach failed:", P);
+        }
+        if (le.current === _ && (le.current = null, Me.current = void 0, _ && oe(_)), Ft(), !u()) return;
+        H("onCameraDemandChange", _e.current, !1);
+        return;
+      }
+      H("onCameraDemandChange", _e.current, !0);
+      const m = le.current, y = m?.getVideoTracks()[0], C = Me.current;
+      if (y?.readyState === "live" && C && !Si(C, e)) {
+        Me.current = e, Lr(c, y), Fr();
+        return;
+      }
+      if (m) {
+        try {
+          await i.replaceTrack(null);
+        } catch (_) {
+          b("replaceTrack(null) before camera switch failed:", _);
+        }
+        if (le.current === m && (le.current = null, Me.current = void 0, oe(m)), Ft(), !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;
+        c.send(JSON.stringify({ type: "cameraResult", granted: !1 })), H("onCameraDemandChange", _e.current, !0, !1);
+        return;
+      }
+      let E = null;
+      try {
+        E = await navigator.mediaDevices.getUserMedia({
+          video: Ai(e),
+          audio: !1
+        });
+      } catch (_) {
+        console.warn("[RemoteControl] getUserMedia denied/failed:", _);
+      }
+      if (!u()) {
+        E && oe(E);
+        return;
+      }
+      if (!E) {
+        c.send(JSON.stringify({ type: "cameraResult", granted: !1 })), H("onCameraDemandChange", _e.current, !0, !1);
+        return;
+      }
+      const I = E.getVideoTracks()[0] ?? null;
+      if (!I) {
+        if (oe(E), !u()) return;
+        c.send(JSON.stringify({ type: "cameraResult", granted: !1 })), H("onCameraDemandChange", _e.current, !0, !1);
+        return;
+      }
+      try {
+        I.contentHint = "motion";
+      } catch {
+      }
+      try {
+        await i.replaceTrack(I);
+      } catch (_) {
+        if (b("replaceTrack(videoTrack) failed:", _), oe(E), !u()) return;
+        c.send(JSON.stringify({ type: "cameraResult", granted: !1 })), H("onCameraDemandChange", _e.current, !0, !1);
+        return;
+      }
+      if (!u()) {
+        try {
+          await i.replaceTrack(null);
+        } catch (_) {
+          b("replaceTrack(null) for stale camera attach failed:", _);
+        }
+        oe(E);
+        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 (_) {
+        b("setParameters on outbound camera failed:", _);
+      }
+      if (!u()) {
+        try {
+          await i.replaceTrack(null);
+        } catch (_) {
+          b("replaceTrack(null) for stale camera finalize failed:", _);
+        }
+        oe(E);
+        return;
+      }
+      le.current = E, Me.current = e, I.onended = () => {
+        le.current === E && Jt.enqueueCurrent(async ({ isCurrent: _ }) => {
+          if (!(!_() || le.current !== E || !n() || D.current !== c || Re.current !== i)) {
+            try {
+              await i.replaceTrack(null);
+            } catch (P) {
+              b("replaceTrack(null) after camera ended failed:", P);
+            }
+            !_() || le.current !== E || !n() || D.current !== c || Re.current !== i || (le.current = null, Me.current = void 0, oe(E), Ft(), c.send(JSON.stringify({ type: "cameraResult", granted: !1 })), H("onCameraDemandChange", _e.current, !0, !1));
+          }
+        }).catch((_) => b("camera ended cleanup failed:", _));
+      }, u() && (Lr(c, I), Fr());
+    }), tt = () => {
+      yr(null);
+      for (const e of Fe.current.values()) e();
+      Fe.current.clear();
+      for (const e of xe.current.values())
+        clearTimeout(e.timer), e.reject(new Error("Simulator disconnected"));
+      xe.current.clear(), fr(null), ct.current && (ct.current.srcObject = null), Ut(), Ct(), yt(), ie.current && (ie.current.stop(), ie.current = null), Jt.invalidate(), Ft(), kn(), Me.current = void 0, Re.current = null, ++St.current, zt.current = !1, Xe.current = null, Ce.current && (oe(Ce.current), Ce.current = null, H("onMicrophoneStateChange", lt.current, {
+        active: !1
+      })), dt.current = null, he.current !== void 0 && (window.cancelAnimationFrame(he.current), he.current = void 0), D.current && (D.current.onopen = null, D.current.onmessage = null, D.current.onerror = null, D.current.onclose = null, D.current.close(), D.current = null), _t.current?.close(), _t.current = null, X.current && (X.current.onconnectionstatechange = null, X.current.oniceconnectionstatechange = null, X.current.ontrack = null, X.current.onicecandidate = null, X.current.close(), X.current = null), j.current && (j.current.srcObject = null), x.current && (x.current.onopen = null, x.current.onclose = null, x.current.onerror = null, x.current.close(), x.current = null);
+    }, xr = () => {
+      document.hidden ? Kr() : Yr();
+    }, Ln = async () => {
+      if (typeof navigator < "u" && navigator.onLine === !1)
+        return !1;
+      let e;
+      try {
+        const n = new URL(t);
+        n.protocol = n.protocol === "wss:" ? "https:" : n.protocol === "ws:" ? "http:" : n.protocol, e = Vr(n.toString(), o);
+      } catch {
+        return !1;
+      }
+      const c = new AbortController(), i = window.setTimeout(() => c.abort(), Xi);
+      try {
+        return (await fetch(e, { method: "GET", cache: "no-store", signal: c.signal })).status === 404;
+      } catch {
+        return !1;
+      } finally {
+        window.clearTimeout(i);
+      }
+    }, Fn = () => {
+      We.current || (We.current = !0, mr(!0), Tt(!1), Se.current += 1, Pt(), Ut(), Ct(), tt(), L("Instance terminated"), je("terminated"), H("onTerminated", Ar.current));
+    }, xn = () => {
+      We.current || qt.current || (qt.current = !0, Ln().then((e) => {
+        qt.current = !1, e && Fn();
+      }));
+    }, rt = (e, c) => {
+      if (We.current || c !== Se.current)
+        return;
+      if (xn(), Te.current) {
+        if (!Gt.current) {
+          L(`Connection failed after it was established: ${e}`), Tt(!0), je("failed"), tt();
+          return;
+        }
+        L(`Reconnecting after established session dropped: ${e}`), Te.current = !1, Dt.current = -1;
+      }
+      Pt();
+      const i = Dt.current + 1;
+      if (i >= ar) {
+        L(`Connection failed after ${ar} attempts: ${e}`), Tt(!0), je("failed"), tt();
+        return;
+      }
+      L(`Retrying connection (${i + 1}/${ar})`), je("reconnecting"), tt(), st.current = window.setTimeout(() => {
+        st.current = void 0, c === Se.current && Wr(i);
+      }, Wi);
+    }, Wr = async (e = 0) => {
+      if (We.current) return;
+      const c = Se.current + 1;
+      Se.current = c, Dt.current = e, Te.current = !1, Tt(!1), e === 0 && tr.current !== "reconnecting" && je("connecting"), Pt(), Ut(), yt(), ft.current = !1, Bt(!1), tt();
+      const i = () => c === Se.current;
+      at.current = window.setTimeout(() => {
+        at.current = void 0, !(!i() || Te.current) && rt("Connection did not succeed within 15 seconds", c);
+      }, Hi);
+      try {
+        const n = new WebSocket(Vr(t, o));
+        if (D.current = n, await new Promise((w, d) => {
+          let Y = !1;
+          const se = window.setTimeout(() => d(new Error("WebSocket connection timeout")), 3e4), S = (K) => {
+            Y || (Y = !0, window.clearTimeout(se), K());
+          };
+          n.onopen = () => {
+            !i() || D.current !== n || S(w);
+          }, n.onerror = (K) => {
+            !i() || D.current !== n || (L("WebSocket error: " + K), S(() => d(new Error("WebSocket connection failed"))));
+          }, n.onclose = () => {
+            !i() || D.current !== n || (L("WebSocket closed"), S(() => d(new Error("WebSocket closed before connection was established"))));
+          };
+        }), !i() || D.current !== n)
+          return;
+        n.onerror = (w) => {
+          !i() || D.current !== n || L("WebSocket error: " + w);
+        }, n.onclose = () => {
+          !i() || D.current !== n || L("WebSocket closed");
+        };
+        const h = new Promise((w, d) => {
+          const Y = (K) => {
+            window.clearTimeout(se), n.removeEventListener("message", S), K();
+          }, se = window.setTimeout(
+            () => Y(() => d(new Error("RTCConfiguration timeout"))),
+            3e4
+          ), S = (K) => {
+            if (!(!i() || D.current !== n))
+              try {
+                const Z = JSON.parse(K.data);
+                if (Z.type === "signalingError" && Z.requestType === "requestRtcConfiguration" && Z.sessionId === Ee) {
+                  const de = typeof Z.error == "string" ? Z.error : "Unable to load streaming configuration";
+                  Y(() => d(new Error(de)));
+                } else Z.type === "rtcConfiguration" && Y(
+                  () => w({
+                    rtcConfiguration: Z.rtcConfiguration,
+                    cameraSupported: Z.cameraSupported === !0,
+                    foldSupported: Z.foldSupported === !0
+                  })
+                );
+              } catch (Z) {
+                console.error("Error handling RTC configuration:", Z), Y(() => d(Z));
+              }
+          };
+          n.addEventListener("message", S), n.send(
+            JSON.stringify({
+              type: "requestRtcConfiguration",
+              sessionId: Ee
+            })
+          );
+        }), {
+          rtcConfiguration: u,
+          cameraSupported: m,
+          foldSupported: y
+        } = await h;
+        if (!i() || D.current !== n)
+          return;
+        const C = l === "iphone-duo" || y;
+        sn(C);
+        const E = new RTCPeerConnection({ ...u, iceTransportPolicy: "relay" });
+        X.current = E;
+        const I = { peer: E, displays: /* @__PURE__ */ new Map() };
+        yr(I), E.addTransceiver("audio", { direction: "recvonly" });
+        const _ = E.addTransceiver("video", { direction: "recvonly" }), P = C ? E.addTransceiver("video", { direction: "recvonly" }) : null, G = ve === "ios" || m, ce = G ? E.addTransceiver("video", {
+          direction: "sendonly"
+        }) : null;
+        Re.current = ce?.sender ?? null;
+        const De = G ? E.addTransceiver("audio", {
+          direction: "sendonly"
+        }) : null;
+        if (dt.current = De?.sender ?? null, RTCRtpReceiver.getCapabilities) {
+          const w = RTCRtpReceiver.getCapabilities("video");
+          if (w && w.codecs) {
+            const Y = w.codecs.sort((se, S) => {
+              const K = (Z) => {
+                const de = Z.mimeType.toLowerCase();
+                return de.includes("vp9") ? 1 : de.includes("h265") || de.includes("hevc") ? 2 : de.includes("h264") || de.includes("avc") ? 3 : 4;
+              };
+              return K(se) - K(S);
+            });
+            _.setCodecPreferences(Y), P?.setCodecPreferences(Y), q("Set codec preferences:", Y.map((se) => se.mimeType).join(", "));
+          }
+        }
+        if (ce && RTCRtpSender.getCapabilities) {
+          const w = RTCRtpSender.getCapabilities("video");
+          if (w && w.codecs) {
+            const d = /* @__PURE__ */ new Set(["42e01f", "42e028", "640c1f"]), Y = (S) => {
+              const K = S.mimeType.toLowerCase(), de = (S.sdpFmtpLine || "").toLowerCase().match(/profile-level-id=([0-9a-f]{6})/), Bn = de ? de[1] : "";
+              return K === "video/h265" || K === "video/hevc" ? 1 : K === "video/h264" && d.has(Bn) ? 2 : K === "video/h264" ? 3 : K === "video/vp9" ? 4 : K === "video/vp8" ? 5 : K === "video/rtx" || K === "video/red" || K === "video/ulpfec" ? 0 : 6;
+            }, se = [...w.codecs].sort((S, K) => Y(S) - Y(K));
+            try {
+              ce.setCodecPreferences(se), q(
+                "Outbound camera codec preferences:",
+                se.map((S) => `${S.mimeType}${S.sdpFmtpLine ? `[${S.sdpFmtpLine}]` : ""}`).join(", ")
+              );
+            } catch (S) {
+              b("Failed to set outbound camera codec preferences:", S);
+            }
+          }
+        }
+        const B = E.createDataChannel("control", {
+          ordered: !0,
+          negotiated: !0,
+          id: 1
+        });
+        x.current = B;
+        const cr = !C && Vt.current ? ii(E, (w) => {
+          i() && X.current === E && H("onTrace", Vt.current, w);
+        }) : null;
+        if (_t.current = cr, B.onopen = () => {
+          if (!i() || x.current !== B || D.current !== n)
+            return;
+          Te.current = !0, Ut(), L("Control channel opened"), C && n.send(JSON.stringify({ type: "getFoldState", id: "duo-capabilities" })), ie.current || (ie.current = new wi({
+            platform: ve,
+            baseIntervalMs: J,
+            maxBackoffMs: ee,
+            androidElementTreeOptions: $,
+            send: (d) => {
+              if (!D.current || D.current.readyState !== WebSocket.OPEN) return !1;
+              try {
+                return D.current.send(JSON.stringify(d)), !0;
+              } catch {
+                return !1;
+              }
+            },
+            onSnapshot: (d) => {
+              Tr((Y) => rn(Y, d) ? Y : d), queueMicrotask(() => {
+                H("onAxSnapshotChange", er.current, d);
+              });
+            },
+            onStatusChange: (d, Y) => {
+              H("onAxStatusChange", br.current, d, Y);
+            }
+          }), (Ve.current === !0 || Ve.current === "hover-only") && ie.current.start());
+          const w = () => {
+            !i() || ft.current || x.current !== B || D.current !== n || n.readyState !== WebSocket.OPEN || n.send(JSON.stringify({ type: "requestFrame", sessionId: Ee }));
+          };
+          if (w(), yt(), wt.current = window.setInterval(() => {
+            if (!i() || ft.current || x.current !== B || D.current !== n || n.readyState !== WebSocket.OPEN) {
+              yt();
+              return;
+            }
+            w();
+          }, 250), f) {
+            try {
+              const d = decodeURIComponent(f);
+              L("Opening URL"), n.send(
+                JSON.stringify({
+                  type: "openUrl",
+                  url: d,
+                  sessionId: Ee
+                })
+              );
+            } catch (d) {
+              console.error({ error: d }, "Error decoding URL, falling back to the original URL"), n.send(
+                JSON.stringify({
+                  type: "openUrl",
+                  url: f,
+                  sessionId: Ee
+                })
+              );
+            }
+            ie.current?.bumpActivity();
+          }
+        }, B.onclose = () => {
+          !i() || x.current !== B || L("Control channel closed");
+        }, B.onerror = (w) => {
+          !i() || x.current !== B || (console.error("Control channel error:", w), L("Control channel error: " + w));
+        }, E.onconnectionstatechange = () => {
+          !i() || X.current !== E || (L("Connection state: " + E.connectionState), E.connectionState === "failed" && Te.current && rt("WebRTC connection entered failed state", c));
+        }, E.oniceconnectionstatechange = () => {
+          if (!i() || X.current !== E)
+            return;
+          const w = E.iceConnectionState;
+          if (L("ICE state: " + w), w === "connected" || w === "completed") {
+            Ct(), nr() && !Ce.current && ir();
+            return;
+          }
+          if (w === "failed") {
+            Ct(), Te.current && rt("ICE connection entered failed state", c);
+            return;
+          }
+          w === "disconnected" && Te.current && Gt.current && $e.current === void 0 && ($e.current = window.setTimeout(() => {
+            $e.current = void 0, !(!i() || X.current !== E) && E.iceConnectionState === "disconnected" && rt("ICE stayed disconnected past grace period", c);
+          }, $i));
+        }, E.ontrack = (w) => {
+          if (!i() || X.current !== E)
+            return;
+          $r(w.receiver, Cr.current);
+          const d = w.track.id === "duo-inner" || w.streams.some((Y) => Y.id === "duo-inner");
+          if (w.track.kind === "video" && I.displays.set(w.receiver, d ? "inner" : "primary"), L("Received remote track: " + w.track.kind), w.track.kind === "video" && j.current) {
+            q(`[${(/* @__PURE__ */ new Date()).toISOString()}] Video track received:`, w.track);
+            const Y = d ? ct.current : j.current;
+            if (Y) {
+              const se = C ? new MediaStream([w.track]) : w.streams[0] ?? new MediaStream([w.track]);
+              Fe.current.get(Y)?.(), Fe.current.set(
+                Y,
+                ni(Y, se, (S) => b("Video playback fallback:", S))
+              );
+            }
+          }
+        }, E.onicecandidate = (w) => {
+          if (!(!i() || X.current !== E || D.current !== n))
+            if (w.candidate && n.readyState === WebSocket.OPEN) {
+              const d = {
+                type: "candidate",
+                candidate: w.candidate.candidate,
+                sdpMid: w.candidate.sdpMid,
+                sdpMLineIndex: w.candidate.sdpMLineIndex,
+                sessionId: Ee
+              };
+              n.send(JSON.stringify(d)), L("Sent ICE candidate");
+            } else
+              L("ICE candidate gathering completed");
+        }, n.onmessage = async (w) => {
+          if (!i() || D.current !== n)
+            return;
+          let d;
+          try {
+            d = JSON.parse(w.data);
+          } catch (Y) {
+            b("Error parsing message:", Y);
+            return;
+          }
+          if (!ie.current?.handleMessage(d))
+            switch (L("Received: " + d.type), d.type) {
+              case "performActionsResult":
+              case "foldStateResult":
+              case "foldStateChanged": {
+                if (!C) break;
+                d.state ? (fr(d.state), pr(void 0)) : d.id === "duo-capabilities" && pr(d.error || "This instance does not support native iPhone Duo displays.");
+                const S = xe.current.get(d.id);
+                S && (clearTimeout(S.timer), xe.current.delete(d.id), d.error ? S.reject(new Error(d.error)) : S.resolve());
+                break;
+              }
+              case "signalingError": {
+                if (d.requestType !== "offer" || d.sessionId !== Ee)
+                  break;
+                const S = typeof d.error == "string" ? d.error : "Unable to establish the streaming connection";
+                L("Error: " + S), rt(S, c);
+                break;
+              }
+              case "answer":
+                if (!X.current || X.current !== E) {
+                  L("No peer connection, skipping answer");
+                  break;
+                }
+                if (cr?.accept(d.latencyTraceVersion), await E.setRemoteDescription(
+                  new RTCSessionDescription({
+                    type: "answer",
+                    sdp: d.sdp
+                  })
+                ), !i() || X.current !== E)
+                  return;
+                L("Set remote description");
+                break;
+              case "candidate":
+                if (!X.current || X.current !== E) {
+                  L("No peer connection, skipping candidate");
+                  break;
+                }
+                if (await E.addIceCandidate(
+                  new RTCIceCandidate({
+                    candidate: d.candidate,
+                    sdpMid: d.sdpMid,
+                    sdpMLineIndex: d.sdpMLineIndex
+                  })
+                ), !i() || X.current !== E)
+                  return;
+                L("Added ICE candidate");
+                break;
+              case "screenshot":
+              case "screenshotResult": {
+                if (typeof d.id != "string") {
+                  b("Received invalid screenshot success message:", d);
+                  break;
+                }
+                const S = Gi(d);
+                if (S) {
+                  const de = we.current.get(d.id);
+                  if (!de) {
+                    b(`Received screenshot error for unknown or handled id: ${d.id}`);
+                    break;
+                  }
+                  b(`Received screenshot error for id ${d.id}: ${S}`), de(new Error(S)), be.current.delete(d.id), we.current.delete(d.id);
+                  break;
+                }
+                const K = Ji(d);
+                if (!K) {
+                  b("Received screenshot message without image data:", d);
+                  break;
+                }
+                const Z = be.current.get(d.id);
+                if (!Z) {
+                  b(`Received screenshot data for unknown or handled id: ${d.id}`);
+                  break;
+                }
+                q(`Received screenshot data for id ${d.id}`), Z(K), be.current.delete(d.id), we.current.delete(d.id);
+                break;
+              }
+              case "screenshotError":
+                if (typeof d.id != "string" || typeof d.message != "string") {
+                  b("Received invalid screenshot error message:", d);
+                  break;
+                }
+                const Y = we.current.get(d.id);
+                if (!Y) {
+                  b(`Received screenshot error for unknown or handled id: ${d.id}`);
+                  break;
+                }
+                b(`Received screenshot error for id ${d.id}: ${d.message}`), Y(new Error(d.message)), be.current.delete(d.id), we.current.delete(d.id);
+                break;
+              case "cameraRequest": {
+                const S = Re.current;
+                if (!S)
+                  break;
+                const K = bi(d);
+                if (!K) {
+                  b("Received invalid cameraRequest:", d);
+                  break;
+                }
+                console.info("[RemoteControl] cameraRequest received:", K.active, K.facingMode), await Un(K, n, S, i);
+                break;
+              }
+              case "microphoneRequest": {
+                if (!dt.current)
+                  break;
+                const S = d.active === !0;
+                if (zt.current = S, console.info("[RemoteControl] microphoneRequest received, active=", S), !S) {
+                  jt.current || await Lt();
+                  break;
+                }
+                if (Ce.current) {
+                  Ur(n);
+                  break;
+                }
+                await ir();
+                break;
+              }
+              case "microphoneStartResult": {
+                if (Xe.current === null || d.id !== Xe.current)
+                  break;
+                Xe.current = null, typeof d.error == "string" && (console.warn("[RemoteControl] microphoneStart rejected by host:", d.error), Lt(d.error));
+                break;
+              }
+              case "terminateAppResult":
+                if (typeof d.id != "string") {
+                  b("Received invalid terminateApp result message:", d);
+                  break;
+                }
+                if (typeof d.error == "string") {
+                  const S = Ie.current.get(d.id);
+                  if (!S) {
+                    b(`Received terminateApp error for unknown or handled id: ${d.id}`);
+                    break;
+                  }
+                  b(`Received terminateApp error for id ${d.id}: ${d.error}`), S(new Error(d.error)), Ne.current.delete(d.id), Ie.current.delete(d.id);
+                  break;
+                }
+                const se = Ne.current.get(d.id);
+                if (!se) {
+                  b(`Received terminateApp result for unknown or handled id: ${d.id}`);
+                  break;
+                }
+                q(`Received terminateApp success for id ${d.id}`), se(), Ne.current.delete(d.id), Ie.current.delete(d.id);
+                break;
+              default:
+                b(`Received unhandled message type: ${d.type}`, d);
+                break;
+            }
+        }, X.current === E) {
+          const w = await E.createOffer({
+            offerToReceiveVideo: !0,
+            offerToReceiveAudio: !1
+          });
+          if (!i() || X.current !== E || (await E.setLocalDescription(w), !i() || X.current !== E))
+            return;
+          i() && D.current === n && n.readyState === WebSocket.OPEN && n.send(
+            JSON.stringify({
+              type: "offer",
+              ...C ? { displayStreams: !0 } : {},
+              ...cr ? { latencyTraceVersion: 1 } : {},
+              sdp: w.sdp,
+              sessionId: Ee
+            })
+          ), L("Sent offer");
+        }
+      } catch (n) {
+        if (!i())
+          return;
+        const h = n instanceof Error ? n.message : String(n);
+        L("Error: " + h), rt(h, c);
+      }
+    }, or = () => {
+      We.current = !1, mr(!1), Wr(0);
+    }, Wn = () => {
+      Se.current += 1, Dt.current = 0, Te.current = !1, Pt(), Ct(), tt(), L("Stopped");
+    }, Hn = (e) => {
+      e.stopPropagation(), or();
+    };
+    pe(() => {
+      nr() ? ir() : Lt();
+    }, [ye]), pe(() => (Bt(!1), or(), document.hidden || Yr(), document.addEventListener("visibilitychange", xr), () => {
+      Kr(), Wn(), document.removeEventListener("visibilitychange", xr);
+    }), [t, o, s, l, En]);
+    const Hr = () => {
+      const e = gt();
+      if (!e) {
+        _r(null);
+        return;
+      }
+      const c = {
+        left: e.videoRect.left - e.containerRect.left + e.offsetX,
+        top: e.videoRect.top - e.containerRect.top + e.offsetY,
+        width: e.actualWidth,
+        height: e.actualHeight
+      };
+      _r(
+        (i) => i && i.left === c.left && i.top === c.top && i.width === c.width && i.height === c.height ? i : c
+      );
+    };
+    pe(() => {
+      const e = j.current, c = lr.current, i = ot.current;
+      if (!e) return;
+      const n = () => {
+        if (!It || !c) {
+          gr({}), Hr();
+          return;
+        }
+        const m = c.clientWidth, y = c.clientHeight;
+        if (m === 0 || y === 0) return;
+        const C = e.videoWidth > e.videoHeight;
+        dn(C), hn(
+          ve === "android" && Bi(e.videoWidth, e.videoHeight)
+        );
+        const E = C ? ze.videoPosition.landscape : ze.videoPosition.portrait;
+        let I = {};
+        E.heightMultiplier ? (I.height = `${y * E.heightMultiplier}px`, I.width = "auto") : E.widthMultiplier && (I.width = `${m * E.widthMultiplier}px`, I.height = "auto"), I.borderRadius = `${C ? y * ze.videoBorderRadiusMultiplier : m * ze.videoBorderRadiusMultiplier}px`, gr(I), Hr();
+      }, h = new ResizeObserver(() => {
+        n();
+      });
+      c && h.observe(c), h.observe(e), i && h.observe(i), c && c.addEventListener("load", n), e.addEventListener("loadedmetadata", n), e.addEventListener("resize", n);
+      const u = () => ie.current?.bumpActivity();
+      return e.addEventListener("resize", u), n(), () => {
+        h.disconnect(), e.removeEventListener("loadedmetadata", n), e.removeEventListener("resize", n), e.removeEventListener("resize", u), c && c.removeEventListener("load", n);
+      };
+    }, [ze, It]), pe(() => {
+      const e = ie.current;
+      mt ? e?.start() : (e?.stop(), Tr(null), pt(null), Mt(null), wr(null), qe(null), Nt.current = null, he.current !== void 0 && (window.cancelAnimationFrame(he.current), he.current = void 0), H("onAxSnapshotChange", er.current, null));
+    }, [mt]), pe(() => () => {
+      he.current !== void 0 && (window.cancelAnimationFrame(he.current), he.current = void 0);
+    }, []), pe(() => {
+      if (!mt) return;
+      const e = (c) => {
+        c.key === "Escape" && (Zt || Qt) && (Mt(null), pt(null), qe(null), H("onInspectSelectionChange", Je.current, null));
+      };
+      return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+    }, [mt, Zt, Qt]);
+    const $n = () => {
+      j.current && j.current.focus();
+    };
+    Jn(it, () => ({
+      openUrl: (e) => {
+        if (!D.current || D.current.readyState !== WebSocket.OPEN) {
+          b("WebSocket not open, cannot send open_url command via ref.");
+          return;
+        }
+        try {
+          const c = decodeURIComponent(e);
+          L("Opening URL"), D.current.send(
+            JSON.stringify({
+              type: "openUrl",
+              url: c,
+              sessionId: Ee
+            })
+          );
+        } catch (c) {
+          b("Error decoding or sending URL via ref:", { error: c, url: e }), D.current.send(
+            JSON.stringify({
+              type: "openUrl",
+              url: e,
+              sessionId: Ee
+            })
+          );
+        }
+        ie.current?.bumpActivity();
+      },
+      sendKeyEvent: (e) => {
+        if (!x.current || x.current.readyState !== "open") {
+          b("Data channel not ready for imperative key command:", x.current?.readyState);
+          return;
+        }
+        const c = Qr[e.code];
+        if (!c) {
+          b(`Unknown event.code for imperative command: ${e.code}`);
+          return;
+        }
+        let i = a.META_NONE;
+        e.shiftKey && (i |= a.META_SHIFT_ON), e.altKey && (i |= a.META_ALT_ON), e.ctrlKey && (i |= a.META_CTRL_ON), e.metaKey && (i |= a.META_META_ON);
+        const n = e.type === "keydown" ? a.ACTION_DOWN : a.ACTION_UP;
+        q(
+          `Sending Imperative Key Command: code=${e.code}, keycode=${c}, action=${n}, meta=${i}`
+        );
+        const h = vt(
+          n,
+          c,
+          0,
+          // repeat count, typically 0 for single presses
+          i
+        );
+        h && ge(h);
+      },
+      screenshot: (e) => new Promise((c, i) => {
+        if (!D.current || D.current.readyState !== WebSocket.OPEN)
+          return b("WebSocket not open, cannot send screenshot command."), i(new Error("WebSocket is not connected or connection is not open."));
+        const n = `ui-ss-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, h = {
+          type: e ? "screenshotDisplay" : "screenshot",
+          ...e ? { display: e } : {},
+          id: n
+        };
+        be.current.set(n, c), we.current.set(n, i), q("Sending screenshot request:", h);
+        try {
+          D.current.send(JSON.stringify(h));
+        } catch (u) {
+          b("Failed to send screenshot request immediately:", u), be.current.delete(n), we.current.delete(n), i(u);
+          return;
+        }
+        setTimeout(() => {
+          be.current.has(n) && (b(`Screenshot request timed out for id ${n}`), we.current.get(n)?.(new Error("Screenshot request timed out")), be.current.delete(n), we.current.delete(n));
+        }, 3e4);
+      }),
+      terminateApp: (e) => new Promise((c, i) => {
+        if (!D.current || D.current.readyState !== WebSocket.OPEN)
+          return b("WebSocket not open, cannot send terminateApp command."), i(new Error("WebSocket is not connected or connection is not open."));
+        const n = `ui-term-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, h = {
+          type: "terminateApp",
+          id: n,
+          bundleId: e
+        };
+        Ne.current.set(n, c), Ie.current.set(n, i), q("Sending terminateApp request:", h);
+        try {
+          D.current.send(JSON.stringify(h));
+        } catch (u) {
+          b("Failed to send terminateApp request immediately:", u), Ne.current.delete(n), Ie.current.delete(n), i(u);
+          return;
+        }
+        ie.current?.bumpActivity(), setTimeout(() => {
+          Ne.current.has(n) && (b(`terminateApp request timed out for id ${n}`), Ie.current.get(n)?.(new Error("terminateApp request timed out")), Ne.current.delete(n), Ie.current.delete(n));
+        }, 3e4);
+      }),
+      reconnect: () => or(),
+      refreshAxTree: async () => {
+        const e = ie.current;
+        if (!e)
+          throw new Error("Inspect mode is not active");
+        return e.refresh();
+      },
+      getAxSnapshot: () => Ge.current,
+      setInspectHighlight: (e) => {
+        pt(e?.id ?? null);
+      },
+      setInspectSelection: (e) => {
+        Mt(e?.id ?? null), qe(e ? Nt.current : null);
+        const c = Ge.current;
+        e && c ? H("onInspectSelectionChange", Je.current, { element: e, snapshot: c }) : H("onInspectSelectionChange", Je.current, null);
+      },
+      getAxStatus: () => ie.current?.getStatus() ?? "idle"
+    }));
+    const Xn = gn && Ye !== null;
+    return /* @__PURE__ */ me(
+      "div",
+      {
+        ref: ot,
+        className: Le("rc-container", r),
+        style: { touchAction: "none" },
+        onMouseDown: Ae,
+        onMouseMove: Ae,
+        onMouseUp: Ae,
+        onMouseLeave: Ae,
+        onTouchStart: Ae,
+        onTouchMove: Ae,
+        onTouchEnd: Ae,
+        onTouchCancel: Ae,
+        children: [
+          Xn && Ye && /* @__PURE__ */ me(jr, { children: [
+            /* @__PURE__ */ F(
+              "div",
+              {
+                className: "rc-touch-indicator",
+                style: {
+                  left: `${Ye.containerX}px`,
+                  top: `${Ye.containerY}px`
+                }
+              }
+            ),
+            /* @__PURE__ */ F(
+              "div",
+              {
+                className: "rc-touch-indicator",
+                style: {
+                  left: `${Ye.mirrorContainerX}px`,
+                  top: `${Ye.mirrorContainerY}px`
+                }
+              }
+            )
+          ] }),
+          It && /* @__PURE__ */ F(
+            "img",
+            {
+              ref: lr,
+              src: Rr,
+              alt: "",
+              className: ve === "ios" ? Le("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
+              draggable: !1
+            }
+          ),
+          /* @__PURE__ */ F(
+            "video",
+            {
+              ref: j,
+              className: Le(
+                "rc-video",
+                !It && "rc-video-frameless",
+                !an && "rc-video-loading"
+              ),
+              style: {
+                ...pn,
+                ...Oe ? { opacity: 0, width: 1, height: 1, pointerEvents: "none" } : {},
+                ...Mr ? {
+                  backgroundImage: `url("${Mr}")`,
+                  backgroundRepeat: "no-repeat",
+                  backgroundPosition: "center",
+                  backgroundSize: ze.loadingLogoSize
+                } : {}
+              },
+              autoPlay: !0,
+              playsInline: !0,
+              muted: !0,
+              tabIndex: Oe ? -1 : 0,
+              onKeyDown: Kt,
+              onKeyUp: Kt,
+              onClick: $n,
+              onLoadedData: In,
+              onFocus: () => {
+                j.current && (j.current.style.outline = "none");
+              },
+              onBlur: () => {
+                j.current && (j.current.style.outline = "none");
+              }
+            }
+          ),
+          Oe && /* @__PURE__ */ F(
+            "video",
+            {
+              ref: ct,
+              autoPlay: !0,
+              playsInline: !0,
+              muted: !0,
+              style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" }
+            }
+          ),
+          Oe && dr && /* @__PURE__ */ F(jn, { fallback: /* @__PURE__ */ F("div", { children: "Loading iPhone Duo…" }), children: /* @__PURE__ */ F(
+            Fi,
+            {
+              showFrame: p,
+              modelUrl: g,
+              outer: j.current,
+              inner: ct.current,
+              state: dr,
+              setAngle: (e) => Xt("setHingeAngle", { angleDegrees: e }),
+              setOrientation: (e) => Xt("setDuoOrientation", { orientation: e }),
+              button: (e, c) => Xt("performActions", {
+                actions: [{ type: c ? "buttonDown" : "buttonUp", button: e }]
+              }),
+              touch: (e, c, i, n) => {
+                const h = x.current;
+                h?.readyState === "open" && h.send(Zn(e, c, i, n));
+              },
+              onKeyDown: Kt,
+              onKeyUp: Kt
+            }
+          ) }),
+          Oe && hr && /* @__PURE__ */ F("div", { role: "alert", className: "rc-duo-error", children: hr }),
+          !Oe && mt && /* @__PURE__ */ F(
+            Li,
+            {
+              snapshot: Or,
+              geometry: Cn,
+              highlightedId: Qt,
+              selectedId: Zt,
+              mode: Tn,
+              cursorPosition: vn,
+              frozenCursorPosition: On,
+              onSelectChange: (e, c) => {
+                Mt(e?.id ?? null), e && c ? qe(c) : e || qe(null);
+                const i = Ge.current;
+                e && i ? H("onInspectSelectionChange", Je.current, {
+                  element: e,
+                  snapshot: i
+                }) : H("onInspectSelectionChange", Je.current, null);
+              },
+              onTapElement: (e, c) => {
+                if (c) {
+                  Ir(c.x, c.y);
+                  return;
+                }
+                const i = Ge.current;
+                i && _n(e, i);
+              }
+            }
+          ),
+          ln ? /* @__PURE__ */ me("div", { className: "rc-terminated", role: "status", children: [
+            /* @__PURE__ */ F("div", { className: "rc-terminated-title", children: "Instance terminated" }),
+            /* @__PURE__ */ F("div", { className: "rc-terminated-message", children: "This instance no longer exists and can't be reconnected." })
+          ] }) : un && /* @__PURE__ */ F("button", { type: "button", className: "rc-retry-button", onClick: Hn, children: "Retry" })
+        ]
+      }
+    );
+  }
+), Gi = (r) => typeof r.message == "string" ? r.message : typeof r.error == "string" ? r.error : null, Ji = (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 {
+  sr as A,
+  Zi as D,
+  no as H,
+  co as R,
+  Ei as a,
+  gi as b,
+  on as c,
+  tn as d,
+  rn as e,
+  mi as f,
+  di as g,
+  oo as h,
+  io as i,
+  eo as j,
+  ro as k,
+  pi as n,
+  to as p
+};