@limrun/ui 0.19.0 → 0.20.0

package/dist/remote-control-CdnZRsWd.mjs

@@ -1,2920 +0,0 @@
-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
-};