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

package/dist/remote-control-DiddxS8l.mjs

@@ -0,0 +1,2883 @@
+import { jsxs as V, jsx as v, Fragment as nr } from "react/jsx-runtime";
+import Yn, { useId as Kn, useRef as D, useState as q, useEffect as le, memo as or, useMemo as Ye, useCallback as kn, lazy as Pn, forwardRef as Un, useImperativeHandle as Ln, Suspense as xn } from "react";
+import { createPortal as Fn } from "react-dom";
+import './index.css';function Hr(r) {
+  var e, i, c = "";
+  if (typeof r == "string" || typeof r == "number") c += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var l = r.length;
+    for (e = 0; e < l; e++) r[e] && (i = Hr(r[e])) && (c && (c += " "), c += i);
+  } else for (i in r) r[i] && (c && (c += " "), c += i);
+  return c;
+}
+function Ke() {
+  for (var r, e, i = 0, c = "", l = arguments.length; i < l; i++) (r = arguments[i]) && (e = Hr(r)) && (c && (c += " "), c += e);
+  return c;
+}
+function er(r, e, i, c, l, u) {
+  return "M" + (r + l) + "," + e + "H" + (r + i - u) + "a" + u + "," + u + " 0 0 1 " + u + "," + u + "V" + (e + c - u) + "a" + u + "," + u + " 0 0 1 " + -u + "," + u + "H" + (r + l) + "a" + l + "," + l + " 0 0 1 " + -l + "," + -l + "V" + (e + l) + "a" + l + "," + l + " 0 0 1 " + l + "," + -l + "Z";
+}
+function Wn({ inner: r, width: e, height: i }) {
+  const c = Kn().replace(/:/g, ""), l = r ? 8.4 : 1.25, u = 8.4;
+  return /* @__PURE__ */ V("svg", { className: "rc-duo-flat-frame", viewBox: "0 0 " + e + " " + i, "aria-hidden": "true", children: [
+    /* @__PURE__ */ V("defs", { children: [
+      /* @__PURE__ */ V("linearGradient", { id: c + "-silver", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+        /* @__PURE__ */ v("stop", { offset: "0", stopColor: "#62676b" }),
+        /* @__PURE__ */ v("stop", { offset: "0.035", stopColor: "#f9faf9" }),
+        /* @__PURE__ */ v("stop", { offset: "0.11", stopColor: "#b0b4b6" }),
+        /* @__PURE__ */ v("stop", { offset: "0.31", stopColor: "#fdfefd" }),
+        /* @__PURE__ */ v("stop", { offset: "0.43", stopColor: "#797f84" }),
+        /* @__PURE__ */ v("stop", { offset: "0.51", stopColor: "#e8eaea" }),
+        /* @__PURE__ */ v("stop", { offset: "0.7", stopColor: "#979da1" }),
+        /* @__PURE__ */ v("stop", { offset: "0.87", stopColor: "#fafbf9" }),
+        /* @__PURE__ */ v("stop", { offset: "1", stopColor: "#5f676c" })
+      ] }),
+      /* @__PURE__ */ V("linearGradient", { id: c + "-spine", children: [
+        /* @__PURE__ */ v("stop", { stopColor: "#4a5154" }),
+        /* @__PURE__ */ v("stop", { offset: "0.16", stopColor: "#d6d9d9" }),
+        /* @__PURE__ */ v("stop", { offset: "0.4", stopColor: "#f8f9f7" }),
+        /* @__PURE__ */ v("stop", { offset: "0.62", stopColor: "#a2a8ab" }),
+        /* @__PURE__ */ v("stop", { offset: "0.83", stopColor: "#e4e7e5" }),
+        /* @__PURE__ */ v("stop", { offset: "1", stopColor: "#666e72" })
+      ] })
+    ] }),
+    !r && /* @__PURE__ */ V(nr, { children: [
+      /* @__PURE__ */ v(
+        "rect",
+        {
+          x: "-2.3",
+          y: "0.7",
+          width: "3.3",
+          height: i - 1.4,
+          rx: "0.85",
+          fill: "url(#" + c + "-spine)",
+          stroke: "#8b9296",
+          strokeWidth: "0.15"
+        }
+      ),
+      /* @__PURE__ */ v("path", { d: "M-.6 2V" + (i - 2), stroke: "#f5f6f4", strokeWidth: "0.22" })
+    ] }),
+    /* @__PURE__ */ v(
+      "path",
+      {
+        d: er(0, 0, e, i, l, u),
+        fill: "url(#" + c + "-silver)",
+        stroke: "#696f72",
+        strokeWidth: "0.24"
+      }
+    ),
+    /* @__PURE__ */ v(
+      "path",
+      {
+        d: er(0.48, 0.48, e - 0.96, i - 0.96, Math.max(0.5, l - 0.48), u - 0.48),
+        fill: "none",
+        stroke: "#ffffff",
+        strokeOpacity: "0.85",
+        strokeWidth: "0.2"
+      }
+    ),
+    /* @__PURE__ */ v(
+      "path",
+      {
+        d: er(1.12, 1.12, e - 2.24, i - 2.24, r ? 7.15 : 0.65, 7.15),
+        fill: "#090b0d",
+        stroke: "#34393c",
+        strokeWidth: "0.2"
+      }
+    ),
+    [e - 16, r ? 19 : 16].map((E) => /* @__PURE__ */ v(Yn.Fragment, { children: /* @__PURE__ */ v(
+      "path",
+      {
+        d: "M" + E + ",0.17v0.82M" + E + "," + (i - 1) + "v0.82",
+        stroke: "#b1b2ac",
+        strokeWidth: "1.1"
+      }
+    ) }, E)),
+    r && [0, i - 0.6].map((E) => /* @__PURE__ */ v(
+      "rect",
+      {
+        x: e / 2 - 2.2,
+        y: E,
+        width: "4.4",
+        height: "0.6",
+        rx: "0.18",
+        fill: "url(#" + c + "-spine)",
+        stroke: "#697074",
+        strokeWidth: "0.14"
+      },
+      E
+    )),
+    /* @__PURE__ */ v(
+      "path",
+      {
+        d: "M" + (e - 0.1) + ",20h-.9m.9," + (i - 40) + "h-.9",
+        stroke: "#b1b2ac",
+        strokeWidth: "1.05"
+      }
+    )
+  ] });
+}
+const kr = { width: 164.6, height: 117.8, depth: 5.2 };
+function Ho(r, e, i) {
+  return r = Math.max(0, Math.min(1, r)), e = Math.max(0, Math.min(1, e)), i === 1 ? { x: e, y: 1 - r } : i === 2 ? { x: 1 - r, y: 1 - e } : i === 3 ? { x: 1 - e, y: r } : { x: r, y: e };
+}
+function Hn(r) {
+  return Number.isFinite(r) && r >= 0 && r <= 180;
+}
+function $o(r, e) {
+  return { x: Math.max(0, Math.min(1, r)), y: Math.max(0, Math.min(1, 1 - e)) };
+}
+function Xo(r, e, i) {
+  return e && (r || !i) ? "touch" : r ? "ignore" : "orbit";
+}
+function $n(r, e, i, c) {
+  if (!Number.isInteger(r) || r < 0 || r > 3 || !Number.isInteger(e) || e < 1 || e > 255 || !Number.isFinite(i) || !Number.isFinite(c) || i < 0 || i > 1 || c < 0 || c > 1)
+    throw new RangeError("Invalid display touch coordinates");
+  const l = new ArrayBuffer(12), u = new DataView(l);
+  return u.setUint8(0, 19), u.setUint8(1, r), u.setUint8(2, e), u.setFloat32(4, i, !0), u.setFloat32(8, c, !0), l;
+}
+class Bo {
+  constructor(e, i) {
+    this.send = e, this.failed = i;
+  }
+  send;
+  failed;
+  latest;
+  running = !1;
+  stopped = !1;
+  set(e) {
+    this.stopped || !Hn(e) || (this.latest = e, 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 e = this.latest;
+          this.latest = void 0, await this.send(e);
+        }
+      } catch (e) {
+        this.latest = void 0, this.stopped || this.failed(e);
+      } finally {
+        this.running = !1;
+      }
+    }
+  }
+}
+const qo = {
+  side: "Sleep/Wake",
+  volumeUp: "Volume Up",
+  volumeDown: "Volume Down"
+};
+class Vo {
+  constructor(e, i) {
+    this.send = e, this.failed = i;
+  }
+  send;
+  failed;
+  held;
+  tail = Promise.resolve();
+  timeout;
+  press(e) {
+    this.held || (this.held = e, this.enqueue(e, !0), this.timeout = setTimeout(() => this.release(), 1e4));
+  }
+  release() {
+    if (!this.held) return;
+    clearTimeout(this.timeout);
+    const e = this.held;
+    this.held = void 0, this.enqueue(e, !1);
+  }
+  enqueue(e, i) {
+    this.tail = this.tail.then(() => this.send(e, i)).catch(this.failed);
+  }
+}
+function Xn(r, e, i, c) {
+  const l = kr.width / (r ? 1 : 2), u = kr.height, E = r ? 157.5 : 77.1, y = r ? 110.8 : 112.2, w = (e + (r ? 3 : 0)) % 4, O = Math.max(
+    0,
+    Math.min(
+      (i - 120) / (w % 2 ? u : l),
+      (c - 120) / (w % 2 ? l : u)
+    )
+  ), R = (S, F) => {
+    S = (S - l / 2) * O, F = (F - u / 2) * O;
+    const re = w === 1 ? { x: -F, y: S } : w === 2 ? { x: -S, y: -F } : w === 3 ? { x: F, y: -S } : { x: S, y: F };
+    return { x: re.x + i / 2, y: re.y + c / 2 };
+  }, N = (w % 2 ? u : l) * O, j = (w % 2 ? l : u) * O, ee = {
+    min: { x: (i - N) / 2, y: (c - j) / 2 },
+    max: { x: (i + N) / 2, y: (c + j) / 2 }
+  }, fe = [
+    { button: "volumeDown", x: l - 37, y: -0.32, width: 9.5, height: 0.65, edge: "top" },
+    { button: "volumeUp", x: l - 25, y: -0.32, width: 9.5, height: 0.65, edge: "top" },
+    { button: "side", x: l + 0.35, y: u / 2 - 21, width: 0.7, height: 13, edge: "right" }
+  ], Oe = ["top", "right", "bottom", "left"], ge = fe.map((S) => {
+    const F = Oe[(Oe.indexOf(S.edge) + w) % 4], re = R(S.x, S.y);
+    return F === "top" && (re.y = ee.min.y - 28), F === "bottom" && (re.y = ee.max.y + 28), F === "left" && (re.x = ee.min.x - 28), F === "right" && (re.x = ee.max.x + 28), { button: S.button, edge: F, ...re, targetX: re.x, targetY: re.y };
+  }), U = ge.filter((S) => S.button !== "side"), Q = w % 2 ? "y" : "x";
+  U.sort((S, F) => S[Q] - F[Q]);
+  const te = w % 2 ? "targetY" : "targetX";
+  if (U[1][Q] - U[0][Q] < 44) {
+    const S = (U[0][Q] + U[1][Q]) / 2;
+    U[0][te] = S - 22, U[1][te] = S + 22;
+  }
+  return {
+    bodyWidth: l,
+    bodyHeight: u,
+    screenWidth: E,
+    screenHeight: y,
+    scale: O,
+    turns: w,
+    buttons: fe,
+    guides: ge,
+    rect: ee,
+    iconSize: Math.min(Bn(ee), 12 * O)
+  };
+}
+function Bn(r) {
+  return Math.max(12, Math.min(24, Math.max(r.max.x - r.min.x, r.max.y - r.min.y) / 24));
+}
+function Go(r, e, i) {
+  return [
+    ["top", i.min.y - e, r, i.min.x, i.max.x],
+    ["bottom", e - i.max.y, r, i.min.x, i.max.x],
+    ["left", i.min.x - r, e, i.min.y, i.max.y],
+    ["right", r - i.max.x, e, i.min.y, i.max.y]
+  ].filter(
+    ([, l, u, E, y]) => l >= -7 && l <= 52 && u >= E - 12 && u <= y + 12
+  ).sort((l, u) => Math.abs(l[1]) - Math.abs(u[1]))[0]?.[0];
+}
+function qn({ logo: r }) {
+  return /* @__PURE__ */ v("div", { className: "rc-duo-loading-screen", role: "status", "aria-label": "Connecting to iPhone Duo", children: r && /* @__PURE__ */ v("img", { src: r, alt: "" }) });
+}
+function Pr({ logo: r, showFrame: e }) {
+  const i = D(null), [c, l] = q({ width: 0, height: 0 });
+  le(() => {
+    const O = new ResizeObserver(([R]) => {
+      R && l({ width: R.contentRect.width, height: R.contentRect.height });
+    });
+    return i.current && O.observe(i.current), () => O.disconnect();
+  }, []);
+  const u = Xn(!1, 0, c.width, c.height), E = e ? u.scale : Math.min(c.width / u.screenWidth, c.height / u.screenHeight), y = e ? u.bodyWidth : u.screenWidth, w = e ? u.bodyHeight : u.screenHeight;
+  return /* @__PURE__ */ v("div", { className: "rc-duo-view", children: /* @__PURE__ */ V("div", { className: e ? "rc-duo" : "rc-duo rc-duo-frameless", children: [
+    /* @__PURE__ */ v("div", { ref: i, className: "rc-duo-flat-stage", children: /* @__PURE__ */ V(
+      "div",
+      {
+        className: "rc-duo-flat-device",
+        style: { width: y * E, height: w * E, transform: "translate(-50%, -50%)" },
+        children: [
+          e && /* @__PURE__ */ v(Wn, { inner: !1, width: y, height: w }),
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: "rc-duo-flat-screen",
+              style: {
+                width: u.screenWidth * E,
+                height: u.screenHeight * E,
+                left: (y - u.screenWidth) / 2 * E,
+                top: (w - u.screenHeight) / 2 * E,
+                borderRadius: e ? [0.8, 6.6, 6.6, 0.8].map((O) => O * E + "px").join(" ") : 0
+              },
+              children: /* @__PURE__ */ v(qn, { logo: r })
+            }
+          )
+        ]
+      }
+    ) }),
+    e && /* @__PURE__ */ v("div", { className: "rc-duo-loading-controls", "aria-hidden": "true" })
+  ] }) });
+}
+const Ut = {
+  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
+}, x = {
+  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
+}, $r = {
+  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 Kt(r, e, i, c, l, u, E = 1, y = 0, w = 0) {
+  const O = new ArrayBuffer(32), R = new DataView(O);
+  let N = 0;
+  return R.setUint8(N, Ut.INJECT_TOUCH_EVENT), N += 1, R.setUint8(N, r), N += 1, R.setBigInt64(N, BigInt(e), !0), N += 8, R.setInt32(N, Math.round(l), !0), N += 4, R.setInt32(N, Math.round(u), !0), N += 4, R.setUint16(N, i, !0), N += 2, R.setUint16(N, c, !0), N += 2, R.setInt16(N, Math.round(E * 65535), !0), N += 2, R.setInt32(N, y, !0), N += 4, R.setInt32(N, w, !0), O;
+}
+function Vn(r, e, i, c, l, u, E) {
+  const y = new ArrayBuffer(24), w = new DataView(y);
+  let O = 0;
+  return w.setUint8(O, Ut.INJECT_TWO_FINGER_TOUCH_EVENT), O += 1, w.setUint8(O, r), O += 1, w.setInt32(O, Math.round(c), !0), O += 4, w.setInt32(O, Math.round(l), !0), O += 4, w.setInt32(O, Math.round(u), !0), O += 4, w.setInt32(O, Math.round(E), !0), O += 4, w.setUint16(O, e, !0), O += 2, w.setUint16(O, i, !0), O += 2, w.setUint16(O, 0, !0), y;
+}
+function Gn(r, e = !0) {
+  const c = new TextEncoder().encode(r), l = new ArrayBuffer(14 + c.length), u = new DataView(l);
+  let E = 0;
+  return u.setUint8(E, Ut.SET_CLIPBOARD), E += 1, u.setBigInt64(E, BigInt(0), !1), E += 8, u.setUint8(E, e ? 1 : 0), E += 1, u.setUint32(E, c.length, !1), E += 4, new Uint8Array(l, E).set(c), l;
+}
+function Et(r, e, i = 0, c = 0) {
+  const l = new ArrayBuffer(14), u = new DataView(l);
+  let E = 0;
+  return u.setUint8(E, Ut.INJECT_KEYCODE), E += 1, u.setUint8(E, r), E += 1, u.setInt32(E, e, !0), E += 4, u.setInt32(E, i, !0), E += 4, u.setInt32(E, c, !0), l;
+}
+const tr = "Accessibility unavailable on this device.", Pt = 500, Xr = (r, e) => Math.abs(r.x - e.x) < 0.5 && Math.abs(r.y - e.y) < 0.5 && Math.abs(r.width - e.width) < 0.5 && Math.abs(r.height - e.height) < 0.5, Jn = (r) => Math.max(0, r.width) * Math.max(0, r.height), zn = (r) => {
+  const e = r.find((i) => i.frame && i.frame.width > 0 && i.frame.height > 0);
+  return e?.frame ? ((Math.abs(e.frame.x) > 0.5 || Math.abs(e.frame.y) > 0.5) && console.warn(
+    `[ax-tree] iOS root frame is not anchored at (0,0): (${e.frame.x},${e.frame.y}). Element positions may be slightly off from the rendered video.`
+  ), { x: 0, y: 0, width: e.frame.width, height: e.frame.height }) : { x: 0, y: 0, width: 1, height: 1 };
+}, jn = (r) => {
+  const e = {};
+  return typeof r.AXUniqueId == "string" && r.AXUniqueId.length > 0 && (e.AXUniqueId = r.AXUniqueId), typeof r.AXLabel == "string" && r.AXLabel.length > 0 && (e.AXLabel = r.AXLabel), typeof r.type == "string" && r.type.length > 0 && (e.className = r.type), e;
+}, Qn = (r) => {
+  const e = {};
+  for (const [i, c] of Object.entries(r))
+    i !== "children" && (e[i] = c);
+  return e;
+};
+function Zn(r) {
+  const e = Array.isArray(r) ? r : [r], i = zn(e), c = [], l = (u, E) => {
+    if (c.length >= Pt) return;
+    const y = u.frame;
+    if (y && y.width > 0 && y.height > 0 && !Xr(y, i)) {
+      const O = u.role_description || u.role || "", R = (typeof u.AXLabel == "string" ? u.AXLabel : "") || (typeof u.title == "string" ? u.title : "") || "";
+      c.push({
+        id: typeof u.AXUniqueId == "string" && u.AXUniqueId.length > 0 ? u.AXUniqueId : E,
+        path: E,
+        label: R,
+        value: typeof u.AXValue == "string" ? u.AXValue : "",
+        role: O,
+        type: typeof u.type == "string" ? u.type : "",
+        enabled: u.enabled !== !1,
+        focused: u.focused === !0,
+        frame: { x: y.x, y: y.y, width: y.width, height: y.height },
+        selectors: jn(u),
+        raw: Qn(u)
+      });
+    }
+    const w = Array.isArray(u.children) ? u.children : [];
+    for (let O = 0; O < w.length && c.length < Pt; O++)
+      l(w[O], `${E}.${O}`);
+  };
+  for (let u = 0; u < e.length && c.length < Pt; u++)
+    l(e[u], String(u));
+  return {
+    platform: "ios",
+    screen: { width: i.width, height: i.height },
+    elements: c,
+    capturedAt: Date.now()
+  };
+}
+const eo = (r) => {
+  let e = { x: 0, y: 0, width: 1, height: 1 }, i = 0;
+  for (const c of r) {
+    const l = c.parsedBounds;
+    if (!l) continue;
+    const u = l.right - l.left, E = l.bottom - l.top, y = Math.max(0, u) * Math.max(0, E);
+    y > i && (i = y, e = { x: 0, y: 0, width: u, height: E });
+  }
+  return e;
+}, to = (r) => {
+  const e = {};
+  return typeof r.resourceId == "string" && r.resourceId.length > 0 && (e.resourceId = r.resourceId), typeof r.contentDesc == "string" && r.contentDesc.length > 0 && (e.contentDesc = r.contentDesc), typeof r.text == "string" && r.text.length > 0 && (e.text = r.text), typeof r.className == "string" && r.className.length > 0 && (e.className = r.className), e;
+};
+function ro(r) {
+  const e = eo(r), i = [];
+  for (let c = 0; c < r.length && i.length < Pt; c++) {
+    const l = r[c], u = l.parsedBounds;
+    if (!u) continue;
+    const E = Math.max(0, u.right - u.left), y = Math.max(0, u.bottom - u.top);
+    if (E <= 0 || y <= 0) continue;
+    const w = { x: u.left, y: u.top, width: E, height: y };
+    if (Xr(w, { x: 0, y: 0, width: e.width, height: e.height })) continue;
+    const O = l.contentDesc || l.text || "", R = l.className || "";
+    i.push({
+      id: l.resourceId && l.resourceId.length > 0 ? l.resourceId : l.contentDesc && l.contentDesc.length > 0 ? `cd:${l.contentDesc}` : String(c),
+      path: String(c),
+      label: O,
+      value: typeof l.text == "string" ? l.text : "",
+      role: R,
+      type: R,
+      enabled: l.enabled !== !1,
+      focused: l.focused === !0,
+      frame: w,
+      selectors: to(l),
+      raw: { ...l }
+    });
+  }
+  return {
+    platform: "android",
+    screen: { width: e.width, height: e.height },
+    elements: i,
+    capturedAt: Date.now()
+  };
+}
+function no(r, e) {
+  const i = Math.max(0, r.x), c = Math.max(0, r.y), l = Math.min(e.width, r.x + r.width), u = Math.min(e.height, r.y + r.height), E = Math.max(0, l - i), y = Math.max(0, u - c);
+  return E > 0 && y > 0 ? { x: i, y: c, width: E, height: y } : null;
+}
+function Br(r, e) {
+  if (r === e) return !0;
+  if (r.id !== e.id || r.path !== e.path || r.label !== e.label || r.value !== e.value || r.role !== e.role || r.type !== e.type || r.enabled !== e.enabled || r.focused !== e.focused) return !1;
+  const i = r.frame, c = e.frame;
+  return i.x === c.x && i.y === c.y && i.width === c.width && i.height === c.height;
+}
+function qr(r, e) {
+  if (r === e) return !0;
+  if (!r || !e || r.platform !== e.platform || r.screen.width !== e.screen.width || r.screen.height !== e.screen.height || r.elements.length !== e.elements.length) return !1;
+  for (let i = 0; i < r.elements.length; i++)
+    if (!Br(r.elements[i], e.elements[i])) return !1;
+  return !0;
+}
+function oo(r, e, i) {
+  let c = null, l = 1 / 0;
+  for (const u of r.elements) {
+    const E = u.frame;
+    if (e < E.x || i < E.y || e > E.x + E.width || i > E.y + E.height) continue;
+    const y = Jn(E);
+    y < l && (l = y, c = u);
+  }
+  return c;
+}
+function io(r, e) {
+  if (e === "ios") {
+    if (r.selectors.AXUniqueId)
+      return `client.tapElement({ AXUniqueId: ${JSON.stringify(r.selectors.AXUniqueId)} })`;
+    if (r.selectors.AXLabel) {
+      const i = r.selectors.className ? `, type: ${JSON.stringify(r.selectors.className)}` : "";
+      return `client.tapElement({ AXLabel: ${JSON.stringify(r.selectors.AXLabel)}${i} })`;
+    }
+    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 Vr(r) {
+  const e = r.role || r.type || "";
+  if (!e) return "element";
+  let i = e.replace(/^AX/, "");
+  return i.includes(".") && (i = i.split(".").pop()), i === "GenericElement" ? "Element" : (i = i.replace(/([a-z])([A-Z])/g, "$1 $2"), i);
+}
+const Ur = 80;
+function Gr(r) {
+  const e = Vr(r), i = r.label || r.value || "";
+  if (!i) return e;
+  const c = i.length > Ur ? i.slice(0, Ur).trimEnd() + "…" : i;
+  return `${e} · ${c}`;
+}
+const so = 500, co = 2e3, Lr = 5e3, ao = 8e3, uo = 1200, lo = 250, fo = () => `ax-rc-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+class ho {
+  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(e) {
+    this.platform = e.platform, this.send = e.send, this.onSnapshot = e.onSnapshot, this.onStatusChange = e.onStatusChange, this.baseIntervalMs = e.baseIntervalMs ?? so, this.maxBackoffMs = e.maxBackoffMs ?? co, this.androidElementTreeOptions = e.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(e, i) {
+    if (this.status !== e && (this.status = e, !!this.onStatusChange))
+      try {
+        this.onStatusChange(e, i);
+      } catch (c) {
+        console.error("[AxFetcher] onStatusChange threw:", c);
+      }
+  }
+  // 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 e = Date.now();
+    this.boostUntilMs = e + uo;
+    const i = Math.max(150, Math.floor(this.baseIntervalMs / 2));
+    if (e - this.lastBumpAtMs < i) {
+      this.currentInterval = this.baseIntervalMs;
+      return;
+    }
+    this.lastBumpAtMs = e, 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 e = await this.requestOnce();
+    return this.running && this.deliver(e), e;
+  }
+  // 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(e) {
+    if (!e || typeof e.id != "string") return !1;
+    const i = e.id;
+    if (!this.pending.get(i)) return !1;
+    if (this.platform === "ios") {
+      if (e.type !== "elementTreeResult") return !1;
+      const y = typeof e.error == "string" ? e.error : null;
+      if (y)
+        return this.settleReject(i, new Error(y)), !0;
+      const w = typeof e.json == "string" ? e.json : "";
+      try {
+        const O = JSON.parse(w), R = Zn(O);
+        this.settleResolve(i, R);
+      } catch (O) {
+        this.settleReject(i, O instanceof Error ? O : new Error(String(O)));
+      }
+      return !0;
+    }
+    if (e.type !== "getElementTreeResult") return !1;
+    const l = e.error;
+    if (l && typeof l == "object") {
+      const y = typeof l.message == "string" ? l.message : "getElementTree failed";
+      return this.settleReject(i, new Error(y)), !0;
+    }
+    const u = e.payload, E = Array.isArray(u?.nodes) ? u.nodes : [];
+    try {
+      const y = ro(E);
+      this.settleResolve(i, y);
+    } catch (y) {
+      this.settleReject(i, y instanceof Error ? y : new Error(String(y)));
+    }
+    return !0;
+  }
+  buildRequest(e) {
+    return this.platform === "ios" ? { type: "elementTree", id: e } : { type: "getElementTree", id: e, ...this.androidElementTreeOptions };
+  }
+  async requestOnce() {
+    const e = fo();
+    return new Promise((i, c) => {
+      const l = window.setTimeout(
+        () => {
+          this.pending.delete(e), c(new Error("elementTree request timed out"));
+        },
+        ao + (this.androidElementTreeOptions?.waitForIdleTimeoutMs ?? 0)
+      );
+      this.pending.set(e, { resolve: i, reject: c, timer: l }), this.send(this.buildRequest(e)) || (window.clearTimeout(l), this.pending.delete(e), c(new Error("elementTree send failed (WebSocket not open)")));
+    });
+  }
+  async runOnce() {
+    if (this.running && !this.inflight) {
+      this.inflight = !0;
+      try {
+        const e = await this.requestOnce();
+        if (!this.running) return;
+        this.deliver(e);
+      } catch (e) {
+        if (!this.running) return;
+        const i = e instanceof Error ? e.message : String(e), c = /unavailable|not (yet )?running|failed|timeout/i.test(i);
+        this.currentInterval = c ? Lr : Math.min(this.currentInterval * 2, this.maxBackoffMs), this.setStatus(c ? "unavailable" : "error", i);
+      } finally {
+        this.inflight = !1, this.scheduleNext();
+      }
+    }
+  }
+  deliver(e) {
+    const i = this.lastSnapshot;
+    if (qr(i, e)) {
+      this.currentInterval = Math.min(this.currentInterval * 2, this.maxBackoffMs), this.lastSnapshot = e, e.errors?.includes(tr) || this.setStatus("ready");
+      return;
+    }
+    this.lastSnapshot = e, this.currentInterval = this.baseIntervalMs, e.errors?.includes(tr) ? (this.currentInterval = Lr, this.setStatus("unavailable", tr)) : this.setStatus("ready"), this.onSnapshot(e);
+  }
+  scheduleNext() {
+    if (!this.running) return;
+    this.timer !== void 0 && window.clearTimeout(this.timer);
+    const e = Date.now() < this.boostUntilMs ? Math.min(lo, this.currentInterval) : this.currentInterval;
+    this.timer = window.setTimeout(() => {
+      this.timer = void 0, this.runOnce();
+    }, e);
+  }
+  settleResolve(e, i) {
+    const c = this.pending.get(e);
+    c && (window.clearTimeout(c.timer), this.pending.delete(e), c.resolve(i));
+  }
+  settleReject(e, i) {
+    const c = this.pending.get(e);
+    c && (window.clearTimeout(c.timer), this.pending.delete(e), c.reject(i));
+  }
+  failAllPending(e) {
+    for (const [i, c] of this.pending.entries())
+      window.clearTimeout(c.timer), c.reject(new Error(e)), this.pending.delete(i);
+  }
+}
+class po {
+  generation = 0;
+  tail = Promise.resolve();
+  get currentGeneration() {
+    return this.generation;
+  }
+  enqueue(e) {
+    const i = ++this.generation;
+    return this.append(i, e);
+  }
+  /**
+   * 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(e) {
+    return this.append(this.generation, e);
+  }
+  append(e, i) {
+    const c = {
+      generation: e,
+      isCurrent: () => e === this.generation
+    }, l = this.tail.then(() => i(c));
+    return this.tail = l.catch(() => {
+    }), l;
+  }
+  invalidate() {
+    ++this.generation;
+  }
+}
+function mo(r) {
+  if (!r || typeof r != "object") return null;
+  const e = r;
+  if (e.type !== "cameraRequest" || typeof e.active != "boolean") return null;
+  const i = { active: e.active };
+  return (e.facingMode === "user" || e.facingMode === "environment") && (i.facingMode = e.facingMode), i;
+}
+function Eo(r) {
+  const e = {
+    frameRate: { ideal: 30, max: 30 }
+  };
+  return r?.facingMode && (e.facingMode = { ideal: r.facingMode }), e;
+}
+function go(r, e) {
+  return !r || r.facingMode !== e.facingMode;
+}
+function Co(r) {
+  const e = r.getSettings();
+  return {
+    width: e.width,
+    height: e.height,
+    frameRate: e.frameRate,
+    deviceId: e.deviceId,
+    label: r.label || void 0,
+    facingMode: e.facingMode
+  };
+}
+function yo(r) {
+  return {
+    type: "cameraResult",
+    granted: !0,
+    camera: Co(r)
+  };
+}
+const vo = async (r) => {
+  if (!r) return !1;
+  try {
+    if (typeof navigator < "u" && navigator.clipboard?.writeText)
+      return await navigator.clipboard.writeText(r), !0;
+  } catch {
+  }
+  try {
+    const e = document.createElement("textarea");
+    e.value = r, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select();
+    const i = document.execCommand("copy");
+    return document.body.removeChild(e), i;
+  } catch {
+    return !1;
+  }
+}, Oo = or(
+  function({ element: e, screen: i, highlighted: c, selected: l, selectable: u, onClick: E }) {
+    const y = no(e.frame, i);
+    if (!y) return null;
+    const w = Gr(e);
+    return /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        className: Ke("rc-inspect-box", !e.enabled && "rc-inspect-box-disabled"),
+        "data-ax-id": e.id,
+        "data-ax-path": e.path,
+        "data-ax-label": e.label || void 0,
+        "data-ax-role": e.role || void 0,
+        "data-highlighted": c ? "true" : "false",
+        "data-selected": l ? "true" : "false",
+        "aria-label": w,
+        onClick: (O) => {
+          u && (O.preventDefault(), O.stopPropagation(), E(e, { x: O.clientX, y: O.clientY }));
+        },
+        style: {
+          left: `${y.x / i.width * 100}%`,
+          top: `${y.y / i.height * 100}%`,
+          width: `${y.width / i.width * 100}%`,
+          height: `${y.height / i.height * 100}%`
+        }
+      }
+    );
+  },
+  (r, e) => r.highlighted === e.highlighted && r.selected === e.selected && r.selectable === e.selectable && r.screen.width === e.screen.width && r.screen.height === e.screen.height && r.onClick === e.onClick && Br(r.element, e.element)
+), _o = 260, Do = 220, To = 6, wo = 8, bo = or(function({
+  element: e,
+  platform: i,
+  anchor: c,
+  cursorAnchored: l,
+  showActions: u,
+  onTap: E
+}) {
+  const [y, w] = q(null);
+  le(() => {
+    if (!y) return;
+    const U = window.setTimeout(() => w(null), 1100);
+    return () => window.clearTimeout(U);
+  }, [y]);
+  const O = Ye(() => {
+    const U = _o, Q = Do, te = To, S = wo, F = typeof window < "u" ? window.innerWidth : 1024, re = typeof window < "u" ? window.innerHeight : 768, ke = c.x + te + U <= F - S, Ce = c.y - te - Q >= S;
+    let $ = ke ? c.x + te : c.x - te, Pe = Ce ? c.y - te : c.y + te;
+    const se = `translate(${ke ? "0" : "-100%"}, ${Ce ? "-100%" : "0"})`;
+    return $ = Math.max(S + (ke ? 0 : U), Math.min(F - S - (ke ? U : 0), $)), Pe = Math.max(S + (Ce ? Q : 0), Math.min(re - S - (Ce ? 0 : Q), Pe)), { left: `${$}px`, top: `${Pe}px`, transform: se };
+  }, [c.x, c.y]), R = Ye(() => io(e, i), [e, i]), N = i === "ios" ? e.selectors.AXUniqueId : e.selectors.resourceId, j = i === "ios" ? "AXUniqueId" : "resourceId", ee = kn(async (U, Q) => {
+    if (!U) return;
+    await vo(U) && w(Q);
+  }, []), fe = Vr(e), Oe = e.label || e.value || fe, ge = Gr(e);
+  return Fn(
+    /* @__PURE__ */ V(
+      "div",
+      {
+        className: "rc-inspect-card",
+        "data-cursor-anchored": l ? "true" : "false",
+        style: O,
+        onClick: (U) => U.stopPropagation(),
+        onMouseDown: (U) => U.stopPropagation(),
+        onMouseMove: (U) => U.stopPropagation(),
+        children: [
+          /* @__PURE__ */ V("div", { className: "rc-inspect-card-header", children: [
+            /* @__PURE__ */ v("span", { className: "rc-inspect-card-role", children: fe }),
+            !e.enabled && /* @__PURE__ */ v("span", { className: "rc-inspect-card-tag", children: "disabled" }),
+            e.focused && /* @__PURE__ */ v("span", { className: "rc-inspect-card-tag rc-inspect-card-tag-blue", children: "focused" })
+          ] }),
+          /* @__PURE__ */ v("p", { className: "rc-inspect-card-title", title: ge, children: Oe }),
+          N && /* @__PURE__ */ V("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ V("span", { className: "rc-inspect-card-row-label", children: [
+              j,
+              ":"
+            ] }),
+            /* @__PURE__ */ v("span", { className: "rc-inspect-card-row-value", children: N })
+          ] }),
+          e.value && e.value !== e.label && /* @__PURE__ */ V("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ v("span", { className: "rc-inspect-card-row-label", children: "value:" }),
+            /* @__PURE__ */ v("span", { className: "rc-inspect-card-row-value", children: e.value })
+          ] }),
+          /* @__PURE__ */ V("div", { className: "rc-inspect-card-row", children: [
+            /* @__PURE__ */ v("span", { className: "rc-inspect-card-row-label", children: "frame:" }),
+            /* @__PURE__ */ V("span", { className: "rc-inspect-card-row-value", children: [
+              Math.round(e.frame.width),
+              "×",
+              Math.round(e.frame.height),
+              " @ ",
+              Math.round(e.frame.x),
+              ",",
+              Math.round(e.frame.y)
+            ] })
+          ] }),
+          u && /* @__PURE__ */ V("div", { className: "rc-inspect-card-actions", children: [
+            /* @__PURE__ */ v(
+              "button",
+              {
+                type: "button",
+                className: "rc-inspect-card-btn rc-inspect-card-btn-primary",
+                onClick: () => E(e, c),
+                children: "Tap"
+              }
+            ),
+            /* @__PURE__ */ v(
+              "button",
+              {
+                type: "button",
+                className: Ke("rc-inspect-card-btn", y === "selector" && "rc-inspect-card-btn-copied"),
+                disabled: !R,
+                title: R ?? "No usable selector for this element",
+                onClick: () => ee(R ?? void 0, "selector"),
+                children: y === "selector" ? "Copied!" : "Copy selector"
+              }
+            ),
+            /* @__PURE__ */ v(
+              "button",
+              {
+                type: "button",
+                className: Ke("rc-inspect-card-btn", y === "id" && "rc-inspect-card-btn-copied"),
+                disabled: !N,
+                title: N ?? `No ${j}`,
+                onClick: () => ee(N, "id"),
+                children: y === "id" ? "Copied!" : `Copy ${j}`
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}), Ao = or(function({
+  snapshot: e,
+  geometry: i,
+  highlightedId: c,
+  selectedId: l,
+  mode: u,
+  cursorPosition: E,
+  frozenCursorPosition: y,
+  onSelectChange: w,
+  onTapElement: O
+}) {
+  const R = u === "select", N = R ? c !== null && c !== l : c !== null, j = R ? c ?? l : c, ee = Ye(() => {
+    const S = /* @__PURE__ */ new Map();
+    if (!e) return S;
+    for (const F of e.elements) S.set(F.id, F);
+    return S;
+  }, [e]), fe = Ye(() => j ? ee.get(j) ?? null : null, [j, ee]);
+  if (!(!!e && !!i && e.screen.width > 0 && e.screen.height > 0 && e.elements.length > 0)) return null;
+  const ge = N ? E : y ?? E, U = N, Q = R && !N && l !== null, te = (S) => {
+    R && S.target === S.currentTarget && w(null, null);
+  };
+  return /* @__PURE__ */ V(nr, { children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: Ke("rc-inspect-overlay", R && "rc-inspect-overlay-select"),
+        style: {
+          left: `${i.left}px`,
+          top: `${i.top}px`,
+          width: `${i.width}px`,
+          height: `${i.height}px`
+        },
+        onClick: te,
+        children: e.elements.map((S) => /* @__PURE__ */ v(
+          Oo,
+          {
+            element: S,
+            screen: e.screen,
+            highlighted: S.id === c,
+            selected: S.id === l,
+            selectable: R,
+            onClick: w
+          },
+          S.id
+        ))
+      }
+    ),
+    fe && ge && /* @__PURE__ */ v(
+      bo,
+      {
+        element: fe,
+        platform: e.platform,
+        anchor: ge,
+        cursorAnchored: U,
+        showActions: Q,
+        onTap: O
+      }
+    )
+  ] });
+}), Jr = () => import("./duo-view-D9Ae00rj.mjs").then((r) => r.d), Mo = Pn(Jr), H = (...r) => {
+  window.debugRemoteControl && console.log(...r);
+}, A = (...r) => {
+  window.debugRemoteControl && console.warn(...r);
+}, W = (r, e, ...i) => {
+  if (e)
+    try {
+      e(...i);
+    } catch (c) {
+      console.error(`[RemoteControl] customer callback "${r}" threw:`, c);
+    }
+}, kt = (r) => Object.entries(x).find(
+  ([i, c]) => i.startsWith("ACTION_") && c === r
+)?.[0] ?? String(r), So = (r) => r.includes("/android_") ? "android" : "ios", xr = (r, e) => {
+  const i = new URL(r);
+  return i.searchParams.set("token", e), i.toString();
+}, Fr = 1920, Wr = 1200, rr = 3, Ro = 1e3, No = 15e3, Io = 3e3, Yo = 4e3, Ko = (r, e) => r === Fr && e === Wr || r === Wr && e === Fr, ko = {
+  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 Po(r) {
+  const e = r.code, i = $r[e];
+  if (!i)
+    return A(`Unknown event.code: ${e}, key: ${r.key}`), null;
+  let c = a.META_NONE;
+  const l = e >= "KeyA" && e <= "KeyZ", u = r.getModifierState("CapsLock"), E = r.shiftKey;
+  let y = E;
+  return l && (y = E !== u), y && (c |= a.META_SHIFT_ON), r.ctrlKey && (c |= a.META_CTRL_ON), r.altKey && (c |= a.META_ALT_ON), r.metaKey && (c |= a.META_META_ON), { keycode: i, metaState: c };
+}
+const Jo = Un(
+  ({
+    className: r,
+    url: e,
+    token: i,
+    sessionId: c,
+    openUrl: l,
+    showFrame: u = !0,
+    deviceModel: E,
+    duoModelUrl: y,
+    autoReconnect: w = !1,
+    onTerminated: O,
+    assets: R,
+    onConnectionStateChange: N,
+    inspectMode: j,
+    onAxSnapshotChange: ee,
+    onInspectSelectionChange: fe,
+    onAxStatusChange: Oe,
+    axPollIntervalMs: ge,
+    axMaxBackoffMs: U,
+    androidElementTreeOptions: Q,
+    onCameraDemandChange: te,
+    onCameraStats: S,
+    microphoneEnabled: F = !1,
+    onMicrophoneStateChange: re
+  }, ke) => {
+    const Ce = D(null), $ = D(null), Pe = D(null), [ir, sr] = q(!1), se = E === "iphone-duo" || ir;
+    le(() => {
+      se && Jr().catch(() => {
+      });
+    }, [se]);
+    const tt = D(null), [Lt, cr] = q(null), [ar, ur] = q(), Ue = D(
+      /* @__PURE__ */ new Map()
+    ), xt = (t, s) => new Promise((o, n) => {
+      const f = b.current;
+      if (!f || f.readyState !== WebSocket.OPEN) {
+        n(new Error("Simulator disconnected"));
+        return;
+      }
+      const d = crypto.randomUUID(), p = setTimeout(() => {
+        Ue.current.delete(d), n(new Error("Device control timed out"));
+      }, 5e3);
+      Ue.current.set(d, { resolve: o, reject: n, timer: p }), f.send(JSON.stringify({ type: t, id: d, ...s }));
+    }), [zr, Ft] = q(!1), [jr, gt] = q(!1), [Qr, dr] = q(!1), Le = D(!1), Wt = D(!1), [lr, Zr] = q(!1), [en, tn] = q(!1), [rn, fr] = q({}), b = D(null), X = D(null), L = D(null), xe = D(void 0), rt = D(void 0), nt = D(void 0), Ct = D(void 0), Fe = D(void 0), Te = D(0), yt = D(0), We = D(!1), Ht = D(w);
+    Ht.current = w;
+    const we = D(null), ce = D(null), be = D(void 0), $t = Ye(() => new po(), []), ye = D(te);
+    ye.current = te;
+    const vt = D(S);
+    vt.current = S;
+    const ot = D(null), Ot = D(null), Xt = D(F);
+    Xt.current = F;
+    const Bt = D(!1), it = D(re);
+    it.current = re;
+    const st = D(null), me = D(null), _t = D(0), hr = D(Promise.resolve()), He = D(null), ct = D(!1), _e = D(/* @__PURE__ */ new Map()), ve = D(/* @__PURE__ */ new Map()), Ae = D(/* @__PURE__ */ new Map()), Me = D(/* @__PURE__ */ new Map()), Z = D(/* @__PURE__ */ new Map()), Se = D(!1), [nn, on] = q(!1), G = D(null), $e = D(null), at = D({
+      handle: () => {
+      },
+      end: () => {
+      }
+    }), [Re, Dt] = q(null), ne = D(null), [pr, mr] = q(null), [qt, ut] = q(null), [Vt, Tt] = q(null), [sn, Er] = q(null), [cn, gr] = q(null), wt = D(null), de = D(void 0), Cr = (t) => {
+      wt.current = t, de.current === void 0 && (de.current = window.requestAnimationFrame(() => {
+        de.current = void 0, gr(wt.current);
+      }));
+    }, [an, Xe] = q(null), Be = D(j);
+    Be.current = j;
+    const qe = D(null);
+    qe.current = pr;
+    const Gt = D(ee);
+    Gt.current = ee;
+    const Ve = D(fe);
+    Ve.current = fe;
+    const yr = D(Oe);
+    yr.current = Oe;
+    const vr = D(O);
+    vr.current = O;
+    const Or = D(N);
+    Or.current = N;
+    const Jt = D(null), Ge = (t) => {
+      Jt.current !== t && (Jt.current = t, W("onConnectionStateChange", Or.current, t));
+    }, dt = j === !0 || j === "hover-only", un = j === "hover-only" ? "hover-only" : "select", he = Ye(
+      () => c || Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15),
+      [c]
+    ), Ee = Ye(() => So(e), [e]), Je = ko[Ee], lt = R?.[Ee], _r = Ee === "android" && en ? lr ? lt?.tabletFrameLandscape : lt?.tabletFrame : lr ? lt?.frameLandscape : lt?.frame, ft = lt?.loadingLogo, bt = !se && u && !!_r, k = (t) => {
+      H(t);
+    }, pe = (t) => {
+      !L.current || L.current.readyState !== "open" || (L.current.send(t), ne.current?.bumpActivity());
+    }, Dr = -10, Tr = (t, s) => {
+      const o = ht();
+      if (!o) return;
+      const n = je(o, t, s);
+      if (!n) return;
+      const { videoX: f, videoY: d, videoWidth: p, videoHeight: g } = n, C = Kt(
+        x.ACTION_DOWN,
+        Dr,
+        p,
+        g,
+        f,
+        d,
+        1,
+        x.BUTTON_PRIMARY,
+        x.BUTTON_PRIMARY
+      );
+      C && pe(C), window.setTimeout(() => {
+        const m = Kt(
+          x.ACTION_UP,
+          Dr,
+          p,
+          g,
+          f,
+          d,
+          0,
+          x.BUTTON_PRIMARY,
+          x.BUTTON_PRIMARY
+        );
+        m && pe(m);
+      }, 60);
+    }, dn = (t, s) => {
+      const o = ht();
+      if (!o || s.screen.width <= 0 || s.screen.height <= 0) return;
+      const n = t.frame.x + t.frame.width / 2, f = t.frame.y + t.frame.height / 2, d = n / s.screen.width * o.actualWidth, p = f / s.screen.height * o.actualHeight, g = o.videoRect.left + o.offsetX + d, C = o.videoRect.top + o.offsetY + p;
+      Tr(g, C);
+    }, At = -1, Mt = -2, Ne = -3, ze = (t, s, o, n, f, d) => {
+      const p = Kt(
+        t,
+        s,
+        o,
+        n,
+        f,
+        d,
+        1,
+        // pressure
+        x.BUTTON_PRIMARY,
+        x.BUTTON_PRIMARY
+      );
+      p && (H("[rc-touch] sendSingleTouch", {
+        action: t,
+        actionName: kt(t),
+        pointerId: s,
+        x: f,
+        y: d,
+        video: { width: o, height: n }
+      }), pe(p));
+    }, Ie = (t, s, o) => {
+      if (!o) return;
+      const { videoX: n, videoY: f, videoWidth: d, videoHeight: p } = o;
+      let g = null, C = null, m = 1;
+      const I = x.BUTTON_PRIMARY;
+      switch (s) {
+        case "down":
+          t !== Ne && at.current.end(), g = Z.current.size === 0 ? x.ACTION_DOWN : x.ACTION_POINTER_DOWN, C = { x: n, y: f }, Z.current.set(t, C), t === -1 && $.current?.focus();
+          break;
+        case "move":
+          Z.current.has(t) && (g = x.ACTION_MOVE, C = { x: n, y: f }, Z.current.set(t, C));
+          break;
+        case "up":
+        case "cancel":
+          Z.current.has(t) && (C = Z.current.get(t), Z.current.delete(t), s === "cancel" ? g = x.ACTION_CANCEL : g = Z.current.size === 0 ? x.ACTION_UP : x.ACTION_POINTER_UP);
+          break;
+      }
+      if (g !== null && C !== null) {
+        H("[rc-touch][mouse->touch] sending", {
+          pointerId: t,
+          eventType: s,
+          action: g,
+          actionName: kt(g),
+          positionToSend: C,
+          video: { width: d, height: p },
+          altHeld: Se.current,
+          activePointersAfter: Array.from(Z.current.entries()).map(([Y, B]) => ({
+            id: Y,
+            x: B.x,
+            y: B.y
+          }))
+        });
+        const T = Kt(
+          g,
+          t,
+          d,
+          p,
+          C.x,
+          C.y,
+          m,
+          I,
+          I
+        );
+        T && (H("[rc-touch][mouse->touch] buffer", {
+          pointerId: t,
+          actionName: kt(g),
+          byteLength: T.byteLength
+        }), pe(T));
+      } else (s === "up" || s === "cancel") && Z.current.delete(t);
+    }, zt = (t) => {
+      if (Se.current !== t && (Se.current = t, on(t), t || Dt(null), H("[rc-touch][alt] updateAltHeld", {
+        nextHeld: t,
+        activePointerIds: Array.from(Z.current.keys())
+      }), Ee === "ios" && L.current && L.current.readyState === "open")) {
+        const s = t ? a.ACTION_DOWN : a.ACTION_UP, o = Et(
+          s,
+          a.KEYCODE_ALT_LEFT,
+          0,
+          a.META_NONE
+        );
+        H("[rc-touch][alt] sending Indigo modifier keycode", {
+          action: s,
+          keycode: a.KEYCODE_ALT_LEFT
+        }), o && pe(o);
+      }
+    }, ht = () => {
+      const t = $.current, s = Ce.current;
+      if (!t || !s) return null;
+      const o = t.videoWidth, n = t.videoHeight;
+      if (!o || !n) return null;
+      const f = t.getBoundingClientRect(), d = s.getBoundingClientRect(), p = f.width, g = f.height, C = o / n, m = p / g;
+      let I = p, T = g;
+      C > m ? T = p / C : I = g * C;
+      const Y = (p - I) / 2, B = (g - T) / 2;
+      return {
+        videoWidth: o,
+        videoHeight: n,
+        videoRect: f,
+        containerRect: d,
+        actualWidth: I,
+        actualHeight: T,
+        offsetX: Y,
+        offsetY: B
+      };
+    }, je = (t, s, o) => {
+      const n = s - t.videoRect.left - t.offsetX, f = o - t.videoRect.top - t.offsetY, d = Math.max(0, Math.min(t.actualWidth, n)), p = Math.max(0, Math.min(t.actualHeight, f)), g = Math.max(
+        0,
+        Math.min(t.videoWidth, d / t.actualWidth * t.videoWidth)
+      ), C = Math.max(
+        0,
+        Math.min(t.videoHeight, p / t.actualHeight * t.videoHeight)
+      );
+      return {
+        videoX: g,
+        videoY: C,
+        videoWidth: t.videoWidth,
+        videoHeight: t.videoHeight
+      };
+    }, ln = (t, s, o) => {
+      const n = s - t.videoRect.left - t.offsetX, f = o - t.videoRect.top - t.offsetY, d = Math.max(0, Math.min(t.actualWidth, n)), p = Math.max(0, Math.min(t.actualHeight, f)), g = Math.max(
+        0,
+        Math.min(t.videoWidth, d / t.actualWidth * t.videoWidth)
+      ), C = Math.max(
+        0,
+        Math.min(t.videoHeight, p / t.actualHeight * t.videoHeight)
+      ), m = t.videoWidth - g, I = t.videoHeight - C, T = t.videoRect.left + t.offsetX, Y = t.videoRect.top + t.offsetY, B = T - t.containerRect.left + d, ae = Y - t.containerRect.top + p, z = T - t.containerRect.left + (t.actualWidth - d), _ = Y - t.containerRect.top + (t.actualHeight - p);
+      return {
+        containerX: B,
+        containerY: ae,
+        mirrorContainerX: z,
+        mirrorContainerY: _,
+        videoX: g,
+        videoY: C,
+        mirrorVideoX: m,
+        mirrorVideoY: I,
+        videoWidth: t.videoWidth,
+        videoHeight: t.videoHeight
+      };
+    }, fn = (t, s, o, n, f, d, p) => {
+      const g = Vn(t, s, o, n, f, d, p);
+      H("[rc-touch2] sendTwoFingerMessage (iOS)", {
+        actionName: kt(t),
+        video: { width: s, height: o },
+        p0: { x: n, y: f },
+        p1: { x: d, y: p },
+        byteLength: g.byteLength
+      }), pe(g);
+    }, Qe = (t, s, o, n, f, d, p, g, C) => {
+      if (H("[rc-touch2] applyTwoFingerEvent", {
+        platform: Ee,
+        eventType: t,
+        video: { width: s, height: o },
+        p0: { x: n, y: f, id: g },
+        p1: { x: d, y: p, id: C }
+      }), t === "down" && at.current.end(), Ee === "ios") {
+        const m = t === "down" ? x.ACTION_DOWN : t === "move" ? x.ACTION_MOVE : x.ACTION_UP;
+        fn(m, s, o, n, f, d, p);
+      } else
+        t === "down" ? (ze(x.ACTION_DOWN, g, s, o, n, f), ze(x.ACTION_POINTER_DOWN, C, s, o, d, p)) : t === "move" ? (ze(x.ACTION_MOVE, g, s, o, n, f), ze(x.ACTION_MOVE, C, s, o, d, p)) : (ze(x.ACTION_POINTER_UP, C, s, o, d, p), ze(x.ACTION_UP, g, s, o, n, f));
+    }, hn = (t, s, o) => {
+      if (!Se.current) {
+        Re !== null && Dt(null);
+        return;
+      }
+      const n = ln(t, s, o);
+      Dt(n);
+    }, pn = (t, s, o) => {
+      const n = qe.current;
+      if (!n || n.screen.width <= 0 || n.screen.height <= 0) return null;
+      const f = s - t.videoRect.left - t.offsetX, d = o - t.videoRect.top - t.offsetY;
+      if (f < 0 || d < 0 || f > t.actualWidth || d > t.actualHeight) return null;
+      const p = f / t.actualWidth * n.screen.width, g = d / t.actualHeight * n.screen.height;
+      return oo(n, p, g);
+    }, De = (t) => {
+      if (se) return;
+      t.preventDefault(), t.stopPropagation();
+      const s = ht();
+      if ((Be.current === !0 || Be.current === "hover-only") && !("touches" in t))
+        if (t.type === "mousemove") {
+          if (Cr({ x: t.clientX, y: t.clientY }), s) {
+            const n = pn(s, t.clientX, t.clientY);
+            ut(n?.id ?? null);
+          }
+        } else t.type === "mouseleave" && (Cr(null), ut(null));
+      if (Be.current !== !0 && (!("touches" in t) && s && (t.type === "mousemove" ? hn(s, t.clientX, t.clientY) : t.type === "mouseleave" && Dt(null)), !(!L.current || L.current.readyState !== "open" || !$.current || !s)))
+        if ("touches" in t) {
+          const n = t.touches, f = t.changedTouches;
+          let d;
+          switch (t.type) {
+            case "touchstart":
+              d = "down";
+              break;
+            case "touchmove":
+              d = "move";
+              break;
+            case "touchend":
+              d = "up";
+              break;
+            case "touchcancel":
+              d = "cancel";
+              break;
+            default:
+              return;
+          }
+          if (n.length === 2) {
+            const p = n[0], g = n[1], C = je(s, p.clientX, p.clientY), m = je(s, g.clientX, g.clientY);
+            if (!C || !m) return;
+            G.current ? G.current.source === "real-touch" && (G.current.finger0 = { x: C.videoX, y: C.videoY }, G.current.finger1 = { x: m.videoX, y: m.videoY }, Qe(
+              "move",
+              C.videoWidth,
+              C.videoHeight,
+              C.videoX,
+              C.videoY,
+              m.videoX,
+              m.videoY,
+              G.current.pointerId0,
+              G.current.pointerId1
+            )) : (G.current = {
+              finger0: { x: C.videoX, y: C.videoY },
+              finger1: { x: m.videoX, y: m.videoY },
+              videoSize: { width: C.videoWidth, height: C.videoHeight },
+              source: "real-touch",
+              pointerId0: p.identifier,
+              pointerId1: g.identifier
+            }, Qe(
+              "down",
+              C.videoWidth,
+              C.videoHeight,
+              C.videoX,
+              C.videoY,
+              m.videoX,
+              m.videoY,
+              p.identifier,
+              g.identifier
+            ));
+          } else if (n.length < 2 && G.current?.source === "real-touch") {
+            const p = G.current;
+            Qe(
+              "up",
+              p.videoSize.width,
+              p.videoSize.height,
+              p.finger0.x,
+              p.finger0.y,
+              p.finger1.x,
+              p.finger1.y,
+              p.pointerId0,
+              p.pointerId1
+            ), G.current = null;
+            return;
+          } else {
+            if (n.length > 2)
+              return;
+            {
+              const p = f[0];
+              if (p) {
+                const g = je(s, p.clientX, p.clientY);
+                Ie(p.identifier, d, g);
+              }
+            }
+          }
+        } else {
+          let f = null;
+          const d = G.current?.source === "alt-mouse";
+          switch (t.type) {
+            case "mousedown":
+              t.button === 0 && (f = "down");
+              break;
+            case "mousemove":
+              (d || Z.current.has(-1)) && (f = "move");
+              break;
+            case "mouseup":
+              t.button === 0 && (f = "up");
+              break;
+            case "mouseleave":
+              (d || Z.current.has(-1)) && (f = "up");
+              break;
+          }
+          if (f) {
+            const p = je(s, t.clientX, t.clientY);
+            if (!p)
+              return;
+            H("[rc-touch][mouse] event", {
+              domType: t.type,
+              eventType: f,
+              button: t.button,
+              buttons: t.buttons,
+              client: { x: t.clientX, y: t.clientY },
+              altHeldRef: Se.current,
+              inTwoFingerMode: d,
+              geometry: {
+                videoX: p.videoX,
+                videoY: p.videoY,
+                videoWidth: p.videoWidth,
+                videoHeight: p.videoHeight
+              },
+              activePointerIds: Array.from(Z.current.keys())
+            }), Se.current || d ? mn(f, p) : Ie(-1, f, p);
+          }
+        }
+    }, mn = (t, s) => {
+      const { videoX: o, videoY: n, videoWidth: f, videoHeight: d } = s, p = f - o, g = d - n;
+      if (t === "down") {
+        G.current = {
+          finger0: { x: o, y: n },
+          finger1: { x: p, y: g },
+          videoSize: { width: f, height: d },
+          source: "alt-mouse",
+          pointerId0: At,
+          pointerId1: Mt
+        }, $.current?.focus(), Qe(
+          "down",
+          f,
+          d,
+          o,
+          n,
+          p,
+          g,
+          At,
+          Mt
+        );
+        return;
+      }
+      if (t === "move") {
+        G.current?.source === "alt-mouse" && (G.current.finger0 = { x: o, y: n }, G.current.finger1 = { x: p, y: g }, Qe(
+          "move",
+          f,
+          d,
+          o,
+          n,
+          p,
+          g,
+          At,
+          Mt
+        ));
+        return;
+      }
+      if (t === "up" || t === "cancel") {
+        const C = G.current;
+        if (C?.source === "alt-mouse") {
+          const { finger0: m, finger1: I, videoSize: T } = C;
+          Qe(
+            "up",
+            T.width,
+            T.height,
+            m.x,
+            m.y,
+            I.x,
+            I.y,
+            At,
+            Mt
+          ), G.current = null;
+        }
+        return;
+      }
+    }, En = 150, wr = () => {
+      const t = $e.current;
+      t && (window.clearTimeout(t.endTimer), Ie(Ne, "up", t.pos), $e.current = null);
+    }, gn = (t) => {
+      if (t.ctrlKey || Se.current || G.current) return;
+      const s = Z.current.size;
+      if (s > 1 || s === 1 && !Z.current.has(Ne)) return;
+      const o = ht();
+      if (!o) return;
+      const n = t.clientX - o.videoRect.left - o.offsetX, f = t.clientY - o.videoRect.top - o.offsetY;
+      if (n < 0 || n > o.actualWidth || f < 0 || f > o.actualHeight)
+        return;
+      const d = je(o, t.clientX, t.clientY);
+      if (!d) return;
+      t.preventDefault();
+      const p = (t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? o.actualWidth : 1) * (o.videoWidth / o.actualWidth), g = (t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? o.actualHeight : 1) * (o.videoHeight / o.actualHeight), C = -t.deltaX * p, m = -t.deltaY * g, I = (_) => {
+        window.clearTimeout(_.endTimer), _.endTimer = window.setTimeout(wr, En);
+      };
+      if (C === 0 && m === 0) {
+        $e.current && I($e.current);
+        return;
+      }
+      const T = () => ({
+        videoWidth: d.videoWidth,
+        videoHeight: d.videoHeight,
+        videoX: Math.abs(C) > Math.abs(m) ? Math.min(Math.max(d.videoX, d.videoWidth * 0.2), d.videoWidth * 0.8) : d.videoX,
+        videoY: Math.abs(m) >= Math.abs(C) ? Math.min(Math.max(d.videoY, d.videoHeight * 0.2), d.videoHeight * 0.8) : d.videoY
+      }), Y = (_) => ({
+        ..._,
+        videoX: Math.min(Math.max(_.videoX + C, 0), _.videoWidth),
+        videoY: Math.min(Math.max(_.videoY + m, 0), _.videoHeight)
+      });
+      let B = $e.current;
+      if (B)
+        window.clearTimeout(B.endTimer);
+      else {
+        const _ = T();
+        Ie(Ne, "down", _), B = { pos: _, endTimer: 0 }, $e.current = B;
+      }
+      let ae = B.pos, z = Y(ae);
+      z.videoX === ae.videoX && z.videoY === ae.videoY && (Ie(Ne, "up", ae), ae = T(), Ie(Ne, "down", ae), z = Y(ae)), Ie(Ne, "move", z), B.pos = z, I(B);
+    };
+    le(() => {
+      at.current = { handle: gn, end: wr };
+    }), le(() => {
+      const t = Ce.current;
+      if (!t) return;
+      const s = (o) => at.current.handle(o);
+      return t.addEventListener("wheel", s, { passive: !1 }), () => {
+        at.current.end(), t.removeEventListener("wheel", s);
+      };
+    }, []), le(() => {
+      const t = (n) => {
+        n.key === "Alt" && zt(!0);
+      }, s = (n) => {
+        n.key === "Alt" && zt(!1);
+      }, o = () => {
+        zt(!1);
+      };
+      return window.addEventListener("keydown", t, !0), window.addEventListener("keyup", s, !0), window.addEventListener("blur", o), () => {
+        window.removeEventListener("keydown", t, !0), window.removeEventListener("keyup", s, !0), window.removeEventListener("blur", o);
+      };
+    }, []);
+    const St = (t) => {
+      t.preventDefault(), t.stopPropagation();
+      const s = document.activeElement === $.current || se && document.activeElement === t.currentTarget;
+      if (H("Keyboard event:", {
+        type: t.type,
+        key: t.key,
+        keyCode: t.keyCode,
+        code: t.code,
+        target: t.target.tagName,
+        focused: s
+      }), !s) {
+        A("Simulator input not focused, skipping keyboard event");
+        return;
+      }
+      if (!L.current || L.current.readyState !== "open") {
+        A("Data channel not ready for keyboard event:", L.current?.readyState);
+        return;
+      }
+      if (t.type === "keydown") {
+        if (t.key.toLowerCase() === "v" && (t.metaKey || t.ctrlKey)) {
+          H("Paste shortcut detected"), navigator.clipboard.readText().then((n) => {
+            if (n) {
+              H(
+                "Pasting text via SET_CLIPBOARD:",
+                n.substring(0, 20) + (n.length > 20 ? "..." : "")
+              );
+              const f = Gn(n, !0);
+              pe(f);
+            }
+          }).catch((n) => {
+            console.error("Failed to read clipboard contents: ", n);
+          });
+          return;
+        }
+        if (t.key.toLowerCase() === "m" && (t.metaKey || t.ctrlKey)) {
+          H("Menu shortcut detected");
+          const n = Et(
+            a.ACTION_DOWN,
+            a.MENU,
+            0,
+            a.META_NONE
+            // Modifiers are handled by the shortcut check, not passed down
+          );
+          pe(n);
+          const f = Et(
+            a.ACTION_UP,
+            a.MENU,
+            0,
+            a.META_NONE
+          );
+          pe(f);
+          return;
+        }
+      }
+      const o = Po(t);
+      if (o) {
+        const { keycode: n, metaState: f } = o, d = t.type === "keydown" ? a.ACTION_DOWN : a.ACTION_UP;
+        H(`Sending Keycode: key=${t.key}, code=${n}, action=${d}, meta=${f}`);
+        const p = Et(
+          d,
+          n,
+          0,
+          // repeat count, typically 0 for single presses
+          f
+        );
+        pe(p);
+      } else
+        H(`Ignoring unhandled key event: type=${t.type}, key=${t.key}`);
+    }, Cn = () => {
+      b.current && b.current.readyState === WebSocket.OPEN && b.current.send(
+        JSON.stringify({
+          type: "keepAlive",
+          sessionId: he
+        })
+      );
+    }, br = () => {
+      xe.current && window.clearInterval(xe.current), xe.current = window.setInterval(Cn, 1e4);
+    }, Ar = () => {
+      xe.current && (window.clearInterval(xe.current), xe.current = void 0);
+    }, Rt = () => {
+      rt.current && (window.clearTimeout(rt.current), rt.current = void 0);
+    }, Nt = () => {
+      nt.current && (window.clearTimeout(nt.current), nt.current = void 0);
+    }, pt = () => {
+      Ct.current && (window.clearInterval(Ct.current), Ct.current = void 0);
+    }, mt = () => {
+      Fe.current !== void 0 && (window.clearTimeout(Fe.current), Fe.current = void 0);
+    }, yn = () => {
+      ct.current || (ct.current = !0, pt(), Ft(!0), Ge("connected"));
+    }, oe = (t) => {
+      for (const s of t.getTracks())
+        try {
+          s.stop();
+        } catch (o) {
+          A("track.stop() failed:", o);
+        }
+    }, vn = () => {
+      const t = ce.current;
+      t && (ce.current = null, oe(t));
+    }, Mr = (t) => {
+      const s = hr.current.then(t).catch((o) => {
+        A("microphone operation failed:", o);
+      });
+      return hr.current = s, s;
+    }, jt = () => Xt.current || Bt.current, Sr = (t) => {
+      const s = `ui-mic-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+      He.current = s, t.send(JSON.stringify({ type: "microphoneStart", id: s }));
+    }, Qt = () => Mr(() => On()), On = async () => {
+      const t = _t.current, s = () => t === _t.current && jt(), o = (g) => {
+        W("onMicrophoneStateChange", it.current, {
+          active: !1,
+          error: g
+        });
+      };
+      if (!s()) return;
+      const n = b.current, f = st.current;
+      if (!n || n.readyState !== WebSocket.OPEN || !f || me.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)."
+        ), o("Microphone capture requires a secure context (https)");
+        return;
+      }
+      let d = null;
+      try {
+        d = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+      } catch (g) {
+        console.warn("[RemoteControl] microphone getUserMedia denied/failed:", g);
+      }
+      if (!s()) {
+        d && oe(d);
+        return;
+      }
+      if (!d) {
+        o("Microphone permission denied or no device available");
+        return;
+      }
+      const p = d.getAudioTracks()[0] ?? null;
+      if (!p) {
+        oe(d), o("Captured stream has no audio track");
+        return;
+      }
+      try {
+        await f.replaceTrack(p);
+      } catch (g) {
+        A("replaceTrack(audioTrack) failed:", g), oe(d), o("Failed to attach the microphone track to the connection");
+        return;
+      }
+      if (!s()) {
+        try {
+          await f.replaceTrack(null);
+        } catch (g) {
+          A("replaceTrack(null) on stale mic attach failed:", g);
+        }
+        oe(d);
+        return;
+      }
+      me.current = d, p.onended = () => {
+        me.current === d && It("microphone capture ended by the browser");
+      }, Sr(n), W("onMicrophoneStateChange", it.current, {
+        active: !0,
+        label: p.label || void 0
+      });
+    }, It = (t) => (++_t.current, He.current = null, Mr(async () => {
+      const s = st.current, o = me.current;
+      if (me.current = null, s && o)
+        try {
+          await s.replaceTrack(null);
+        } catch (f) {
+          A("replaceTrack(null) on mic detach failed:", f);
+        }
+      o && oe(o);
+      const n = b.current;
+      if (o && n && n.readyState === WebSocket.OPEN) {
+        const f = `ui-mic-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+        n.send(JSON.stringify({ type: "microphoneStop", id: f }));
+      }
+      (o || t) && W("onMicrophoneStateChange", it.current, {
+        active: !1,
+        ...t !== void 0 && { error: t }
+      });
+    })), Rr = (t, s) => {
+      let o;
+      try {
+        o = yo(s), console.info(
+          `[RemoteControl] camera capture: ${o.camera?.width}x${o.camera?.height} @ ${o.camera?.frameRate ?? "?"}fps` + (o.camera?.label ? ` — ${o.camera.label}` : "")
+        );
+      } catch (n) {
+        A("getSettings() on outbound camera track failed:", n), o = {
+          type: "cameraResult",
+          granted: !0,
+          camera: {
+            label: s.label || void 0
+          }
+        };
+      }
+      t.send(JSON.stringify(o)), W("onCameraDemandChange", ye.current, !0, !0, o.camera);
+    }, _n = (t) => {
+      if (!t) return;
+      const s = t.indexOf("/"), n = (s >= 0 ? t.slice(s + 1) : t).toUpperCase();
+      return n === "HEVC" ? "H265" : n;
+    }, Dn = async () => {
+      const t = we.current, s = vt.current;
+      if (!t || !s) return;
+      let o;
+      try {
+        o = await t.getStats();
+      } catch {
+        return;
+      }
+      let n, f, d;
+      if (o.forEach((Y) => {
+        Y.type === "outbound-rtp" && Y.kind === "video" ? n = Y : Y.type === "remote-inbound-rtp" && Y.kind === "video" && (d = Y);
+      }), n?.codecId) {
+        const Y = o.get(n.codecId);
+        Y && (f = Y.mimeType);
+      }
+      if (!n) return;
+      const p = n.timestamp ?? Date.now(), g = Ot.current;
+      let C, m, I;
+      if (g && p > g.timestamp) {
+        const Y = (p - g.timestamp) / 1e3;
+        if (typeof n.framesEncoded == "number" && typeof g.framesEncoded == "number" && (C = Math.max(0, (n.framesEncoded - g.framesEncoded) / Y)), typeof n.bytesSent == "number" && typeof g.bytesSent == "number" && (m = Math.max(0, (n.bytesSent - g.bytesSent) * 8 / Y)), typeof n.packetsSent == "number" && typeof g.packetsSent == "number" && d && typeof d.packetsLost == "number" && typeof g.packetsLost == "number") {
+          const B = n.packetsSent - g.packetsSent, ae = d.packetsLost - g.packetsLost;
+          B > 0 && (I = Math.max(0, Math.min(100, ae / B * 100)));
+        }
+      }
+      Ot.current = {
+        timestamp: p,
+        framesEncoded: n.framesEncoded,
+        bytesSent: n.bytesSent,
+        packetsSent: n.packetsSent,
+        packetsLost: d?.packetsLost
+      };
+      const T = {
+        codec: _n(f),
+        encoderImplementation: n.encoderImplementation,
+        hardwareAccelerated: typeof n.powerEfficientEncoder == "boolean" ? n.powerEfficientEncoder : void 0,
+        framesPerSecond: C,
+        framesEncoded: n.framesEncoded,
+        bitrateBps: m,
+        width: n.frameWidth,
+        height: n.frameHeight,
+        qualityLimitationReason: n.qualityLimitationReason,
+        rttMs: typeof d?.roundTripTime == "number" ? d.roundTripTime * 1e3 : void 0,
+        packetsLostPct: I
+      };
+      W("onCameraStats", vt.current, T);
+    }, Nr = () => {
+      ot.current === null && (Ot.current = null, ot.current = setInterval(() => {
+        Dn();
+      }, 1e3));
+    }, Yt = () => {
+      ot.current !== null && (clearInterval(ot.current), ot.current = null), Ot.current = null, W("onCameraStats", vt.current, null);
+    }, Tn = (t, s, o, n) => $t.enqueue(async ({ isCurrent: f }) => {
+      const d = () => f() && n() && b.current === s && we.current === o;
+      if (!d()) return;
+      if (!t.active) {
+        const T = ce.current;
+        try {
+          await o.replaceTrack(null);
+        } catch (Y) {
+          A("replaceTrack(null) on camera detach failed:", Y);
+        }
+        if (ce.current === T && (ce.current = null, be.current = void 0, T && oe(T)), Yt(), !d()) return;
+        W("onCameraDemandChange", ye.current, !1);
+        return;
+      }
+      W("onCameraDemandChange", ye.current, !0);
+      const p = ce.current, g = p?.getVideoTracks()[0], C = be.current;
+      if (g?.readyState === "live" && C && !go(C, t)) {
+        be.current = t, Rr(s, g), Nr();
+        return;
+      }
+      if (p) {
+        try {
+          await o.replaceTrack(null);
+        } catch (T) {
+          A("replaceTrack(null) before camera switch failed:", T);
+        }
+        if (ce.current === p && (ce.current = null, be.current = void 0, oe(p)), Yt(), !d()) 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."
+        ), !d()) return;
+        s.send(JSON.stringify({ type: "cameraResult", granted: !1 })), W("onCameraDemandChange", ye.current, !0, !1);
+        return;
+      }
+      let m = null;
+      try {
+        m = await navigator.mediaDevices.getUserMedia({
+          video: Eo(t),
+          audio: !1
+        });
+      } catch (T) {
+        console.warn("[RemoteControl] getUserMedia denied/failed:", T);
+      }
+      if (!d()) {
+        m && oe(m);
+        return;
+      }
+      if (!m) {
+        s.send(JSON.stringify({ type: "cameraResult", granted: !1 })), W("onCameraDemandChange", ye.current, !0, !1);
+        return;
+      }
+      const I = m.getVideoTracks()[0] ?? null;
+      if (!I) {
+        if (oe(m), !d()) return;
+        s.send(JSON.stringify({ type: "cameraResult", granted: !1 })), W("onCameraDemandChange", ye.current, !0, !1);
+        return;
+      }
+      try {
+        I.contentHint = "motion";
+      } catch {
+      }
+      try {
+        await o.replaceTrack(I);
+      } catch (T) {
+        if (A("replaceTrack(videoTrack) failed:", T), oe(m), !d()) return;
+        s.send(JSON.stringify({ type: "cameraResult", granted: !1 })), W("onCameraDemandChange", ye.current, !0, !1);
+        return;
+      }
+      if (!d()) {
+        try {
+          await o.replaceTrack(null);
+        } catch (T) {
+          A("replaceTrack(null) for stale camera attach failed:", T);
+        }
+        oe(m);
+        return;
+      }
+      try {
+        const T = o.getParameters();
+        (!T.encodings || T.encodings.length === 0) && (T.encodings = [{}]), T.encodings[0].maxBitrate = 8e6, T.encodings[0].maxFramerate = 30, T.degradationPreference = "maintain-framerate", await o.setParameters(T);
+      } catch (T) {
+        A("setParameters on outbound camera failed:", T);
+      }
+      if (!d()) {
+        try {
+          await o.replaceTrack(null);
+        } catch (T) {
+          A("replaceTrack(null) for stale camera finalize failed:", T);
+        }
+        oe(m);
+        return;
+      }
+      ce.current = m, be.current = t, I.onended = () => {
+        ce.current === m && $t.enqueueCurrent(async ({ isCurrent: T }) => {
+          if (!(!T() || ce.current !== m || !n() || b.current !== s || we.current !== o)) {
+            try {
+              await o.replaceTrack(null);
+            } catch (Y) {
+              A("replaceTrack(null) after camera ended failed:", Y);
+            }
+            !T() || ce.current !== m || !n() || b.current !== s || we.current !== o || (ce.current = null, be.current = void 0, oe(m), Yt(), s.send(JSON.stringify({ type: "cameraResult", granted: !1 })), W("onCameraDemandChange", ye.current, !0, !1));
+          }
+        }).catch((T) => A("camera ended cleanup failed:", T));
+      }, d() && (Rr(s, I), Nr());
+    }), Ze = () => {
+      for (const t of Ue.current.values())
+        clearTimeout(t.timer), t.reject(new Error("Simulator disconnected"));
+      Ue.current.clear(), cr(null), tt.current && (tt.current.srcObject = null), Nt(), mt(), pt(), ne.current && (ne.current.stop(), ne.current = null), $t.invalidate(), Yt(), vn(), be.current = void 0, we.current = null, ++_t.current, Bt.current = !1, He.current = null, me.current && (oe(me.current), me.current = null, W("onMicrophoneStateChange", it.current, {
+        active: !1
+      })), st.current = null, de.current !== void 0 && (window.cancelAnimationFrame(de.current), de.current = void 0), b.current && (b.current.onopen = null, b.current.onmessage = null, b.current.onerror = null, b.current.onclose = null, b.current.close(), b.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), $.current && ($.current.srcObject = null), L.current && (L.current.onopen = null, L.current.onclose = null, L.current.onerror = null, L.current.close(), L.current = null);
+    }, Ir = () => {
+      document.hidden ? Ar() : br();
+    }, wn = async () => {
+      if (typeof navigator < "u" && navigator.onLine === !1)
+        return !1;
+      let t;
+      try {
+        const n = new URL(e);
+        n.protocol = n.protocol === "wss:" ? "https:" : n.protocol === "ws:" ? "http:" : n.protocol, t = xr(n.toString(), i);
+      } catch {
+        return !1;
+      }
+      const s = new AbortController(), o = window.setTimeout(() => s.abort(), Yo);
+      try {
+        return (await fetch(t, { method: "GET", cache: "no-store", signal: s.signal })).status === 404;
+      } catch {
+        return !1;
+      } finally {
+        window.clearTimeout(o);
+      }
+    }, bn = () => {
+      Le.current || (Le.current = !0, dr(!0), gt(!1), Te.current += 1, Rt(), Nt(), mt(), Ze(), k("Instance terminated"), Ge("terminated"), W("onTerminated", vr.current));
+    }, An = () => {
+      Le.current || Wt.current || (Wt.current = !0, wn().then((t) => {
+        Wt.current = !1, t && bn();
+      }));
+    }, et = (t, s) => {
+      if (Le.current || s !== Te.current)
+        return;
+      if (An(), We.current) {
+        if (!Ht.current) {
+          k(`Connection failed after it was established: ${t}`), gt(!0), Ge("failed"), Ze();
+          return;
+        }
+        k(`Reconnecting after established session dropped: ${t}`), We.current = !1, yt.current = -1;
+      }
+      Rt();
+      const o = yt.current + 1;
+      if (o >= rr) {
+        k(`Connection failed after ${rr} attempts: ${t}`), gt(!0), Ge("failed"), Ze();
+        return;
+      }
+      k(`Retrying connection (${o + 1}/${rr})`), Ge("reconnecting"), Ze(), rt.current = window.setTimeout(() => {
+        rt.current = void 0, s === Te.current && Yr(o);
+      }, Ro);
+    }, Yr = async (t = 0) => {
+      if (Le.current) return;
+      const s = Te.current + 1;
+      Te.current = s, yt.current = t, We.current = !1, gt(!1), t === 0 && Jt.current !== "reconnecting" && Ge("connecting"), Rt(), Nt(), pt(), ct.current = !1, Ft(!1), Ze();
+      const o = () => s === Te.current;
+      nt.current = window.setTimeout(() => {
+        nt.current = void 0, !(!o() || We.current) && et("Connection did not succeed within 15 seconds", s);
+      }, No);
+      try {
+        const n = new WebSocket(xr(e, i));
+        if (b.current = n, await new Promise((_, h) => {
+          let P = !1;
+          const ie = window.setTimeout(() => h(new Error("WebSocket connection timeout")), 3e4), M = (K) => {
+            P || (P = !0, window.clearTimeout(ie), K());
+          };
+          n.onopen = () => {
+            !o() || b.current !== n || M(_);
+          }, n.onerror = (K) => {
+            !o() || b.current !== n || (k("WebSocket error: " + K), M(() => h(new Error("WebSocket connection failed"))));
+          }, n.onclose = () => {
+            !o() || b.current !== n || (k("WebSocket closed"), M(() => h(new Error("WebSocket closed before connection was established"))));
+          };
+        }), !o() || b.current !== n)
+          return;
+        n.onerror = (_) => {
+          !o() || b.current !== n || k("WebSocket error: " + _);
+        }, n.onclose = () => {
+          !o() || b.current !== n || k("WebSocket closed");
+        };
+        const f = new Promise((_, h) => {
+          const P = (K) => {
+            window.clearTimeout(ie), n.removeEventListener("message", M), K();
+          }, ie = window.setTimeout(
+            () => P(() => h(new Error("RTCConfiguration timeout"))),
+            3e4
+          ), M = (K) => {
+            if (!(!o() || b.current !== n))
+              try {
+                const J = JSON.parse(K.data);
+                if (J.type === "signalingError" && J.requestType === "requestRtcConfiguration" && J.sessionId === he) {
+                  const ue = typeof J.error == "string" ? J.error : "Unable to load streaming configuration";
+                  P(() => h(new Error(ue)));
+                } else J.type === "rtcConfiguration" && P(
+                  () => _({
+                    rtcConfiguration: J.rtcConfiguration,
+                    cameraSupported: J.cameraSupported === !0,
+                    foldSupported: J.foldSupported === !0
+                  })
+                );
+              } catch (J) {
+                console.error("Error handling RTC configuration:", J), P(() => h(J));
+              }
+          };
+          n.addEventListener("message", M), n.send(
+            JSON.stringify({
+              type: "requestRtcConfiguration",
+              sessionId: he
+            })
+          );
+        }), {
+          rtcConfiguration: d,
+          cameraSupported: p,
+          foldSupported: g
+        } = await f;
+        if (!o() || b.current !== n)
+          return;
+        const C = E === "iphone-duo" || g;
+        sr(C);
+        const m = new RTCPeerConnection(d);
+        X.current = m, m.addTransceiver("audio", { direction: "recvonly" });
+        const I = m.addTransceiver("video", { direction: "recvonly" }), T = C ? m.addTransceiver("video", { direction: "recvonly" }) : null, Y = Ee === "ios" || p, B = Y ? m.addTransceiver("video", {
+          direction: "sendonly"
+        }) : null;
+        we.current = B?.sender ?? null;
+        const ae = Y ? m.addTransceiver("audio", {
+          direction: "sendonly"
+        }) : null;
+        if (st.current = ae?.sender ?? null, RTCRtpReceiver.getCapabilities) {
+          const _ = RTCRtpReceiver.getCapabilities("video");
+          if (_ && _.codecs) {
+            const P = _.codecs.sort((ie, M) => {
+              const K = (J) => {
+                const ue = J.mimeType.toLowerCase();
+                return ue.includes("vp9") ? 1 : ue.includes("h265") || ue.includes("hevc") ? 2 : ue.includes("h264") || ue.includes("avc") ? 3 : 4;
+              };
+              return K(ie) - K(M);
+            });
+            I.setCodecPreferences(P), T?.setCodecPreferences(P), H("Set codec preferences:", P.map((ie) => ie.mimeType).join(", "));
+          }
+        }
+        if (B && RTCRtpSender.getCapabilities) {
+          const _ = RTCRtpSender.getCapabilities("video");
+          if (_ && _.codecs) {
+            const h = /* @__PURE__ */ new Set(["42e01f", "42e028", "640c1f"]), P = (M) => {
+              const K = M.mimeType.toLowerCase(), ue = (M.sdpFmtpLine || "").toLowerCase().match(/profile-level-id=([0-9a-f]{6})/), In = ue ? ue[1] : "";
+              return K === "video/h265" || K === "video/hevc" ? 1 : K === "video/h264" && h.has(In) ? 2 : K === "video/h264" ? 3 : K === "video/vp9" ? 4 : K === "video/vp8" ? 5 : K === "video/rtx" || K === "video/red" || K === "video/ulpfec" ? 0 : 6;
+            }, ie = [..._.codecs].sort((M, K) => P(M) - P(K));
+            try {
+              B.setCodecPreferences(ie), H(
+                "Outbound camera codec preferences:",
+                ie.map((M) => `${M.mimeType}${M.sdpFmtpLine ? `[${M.sdpFmtpLine}]` : ""}`).join(", ")
+              );
+            } catch (M) {
+              A("Failed to set outbound camera codec preferences:", M);
+            }
+          }
+        }
+        const z = m.createDataChannel("control", {
+          ordered: !0,
+          negotiated: !0,
+          id: 1
+        });
+        if (L.current = z, z.onopen = () => {
+          if (!o() || L.current !== z || b.current !== n)
+            return;
+          We.current = !0, Nt(), k("Control channel opened"), ne.current || (ne.current = new ho({
+            platform: Ee,
+            baseIntervalMs: ge,
+            maxBackoffMs: U,
+            androidElementTreeOptions: Q,
+            send: (h) => {
+              if (!b.current || b.current.readyState !== WebSocket.OPEN) return !1;
+              try {
+                return b.current.send(JSON.stringify(h)), !0;
+              } catch {
+                return !1;
+              }
+            },
+            onSnapshot: (h) => {
+              mr((P) => qr(P, h) ? P : h), queueMicrotask(() => {
+                W("onAxSnapshotChange", Gt.current, h);
+              });
+            },
+            onStatusChange: (h, P) => {
+              W("onAxStatusChange", yr.current, h, P);
+            }
+          }), (Be.current === !0 || Be.current === "hover-only") && ne.current.start());
+          const _ = () => {
+            !o() || ct.current || L.current !== z || b.current !== n || n.readyState !== WebSocket.OPEN || n.send(JSON.stringify({ type: "requestFrame", sessionId: he }));
+          };
+          if (_(), pt(), Ct.current = window.setInterval(() => {
+            if (!o() || ct.current || L.current !== z || b.current !== n || n.readyState !== WebSocket.OPEN) {
+              pt();
+              return;
+            }
+            _();
+          }, 250), l) {
+            try {
+              const h = decodeURIComponent(l);
+              k("Opening URL"), n.send(
+                JSON.stringify({
+                  type: "openUrl",
+                  url: h,
+                  sessionId: he
+                })
+              );
+            } catch (h) {
+              console.error({ error: h }, "Error decoding URL, falling back to the original URL"), n.send(
+                JSON.stringify({
+                  type: "openUrl",
+                  url: l,
+                  sessionId: he
+                })
+              );
+            }
+            ne.current?.bumpActivity();
+          }
+        }, z.onclose = () => {
+          !o() || L.current !== z || k("Control channel closed");
+        }, z.onerror = (_) => {
+          !o() || L.current !== z || (console.error("Control channel error:", _), k("Control channel error: " + _));
+        }, m.onconnectionstatechange = () => {
+          !o() || X.current !== m || (k("Connection state: " + m.connectionState), m.connectionState === "failed" && et("WebRTC connection entered failed state", s));
+        }, m.oniceconnectionstatechange = () => {
+          if (!o() || X.current !== m)
+            return;
+          const _ = m.iceConnectionState;
+          if (k("ICE state: " + _), _ === "connected" || _ === "completed") {
+            mt(), jt() && !me.current && Qt();
+            return;
+          }
+          if (_ === "failed") {
+            mt(), et("ICE connection entered failed state", s);
+            return;
+          }
+          _ === "disconnected" && Ht.current && Fe.current === void 0 && (Fe.current = window.setTimeout(() => {
+            Fe.current = void 0, !(!o() || X.current !== m) && m.iceConnectionState === "disconnected" && et("ICE stayed disconnected past grace period", s);
+          }, Io));
+        }, m.ontrack = (_) => {
+          if (!(!o() || X.current !== m) && (k("Received remote track: " + _.track.kind), _.track.kind === "video" && $.current)) {
+            H(`[${(/* @__PURE__ */ new Date()).toISOString()}] Video track received:`, _.track);
+            const P = _.track.id === "duo-inner" || _.streams.some((ie) => ie.id === "duo-inner") ? tt.current : $.current;
+            P && (P.srcObject = C ? new MediaStream([_.track]) : _.streams[0] ?? new MediaStream([_.track]), P.play().catch(() => {
+            }));
+          }
+        }, m.onicecandidate = (_) => {
+          if (!(!o() || X.current !== m || b.current !== n))
+            if (_.candidate && n.readyState === WebSocket.OPEN) {
+              const h = {
+                type: "candidate",
+                candidate: _.candidate.candidate,
+                sdpMid: _.candidate.sdpMid,
+                sdpMLineIndex: _.candidate.sdpMLineIndex,
+                sessionId: he
+              };
+              n.send(JSON.stringify(h)), k("Sent ICE candidate");
+            } else
+              k("ICE candidate gathering completed");
+        }, n.onmessage = async (_) => {
+          if (!o() || b.current !== n)
+            return;
+          let h;
+          try {
+            h = JSON.parse(_.data);
+          } catch (P) {
+            A("Error parsing message:", P);
+            return;
+          }
+          if (!ne.current?.handleMessage(h))
+            switch (k("Received: " + h.type), h.type) {
+              case "performActionsResult":
+              case "foldStateResult":
+              case "foldStateChanged": {
+                if (!C) break;
+                h.state ? (cr(h.state), ur(void 0)) : h.id === "duo-capabilities" && ur(h.error || "This instance does not support native iPhone Duo displays.");
+                const M = Ue.current.get(h.id);
+                M && (clearTimeout(M.timer), Ue.current.delete(h.id), h.error ? M.reject(new Error(h.error)) : M.resolve());
+                break;
+              }
+              case "signalingError": {
+                if (h.requestType !== "offer" || h.sessionId !== he)
+                  break;
+                const M = typeof h.error == "string" ? h.error : "Unable to establish the streaming connection";
+                k("Error: " + M), et(M, s);
+                break;
+              }
+              case "answer":
+                if (!X.current || X.current !== m) {
+                  k("No peer connection, skipping answer");
+                  break;
+                }
+                if (await m.setRemoteDescription(
+                  new RTCSessionDescription({
+                    type: "answer",
+                    sdp: h.sdp
+                  })
+                ), !o() || X.current !== m)
+                  return;
+                k("Set remote description");
+                break;
+              case "candidate":
+                if (!X.current || X.current !== m) {
+                  k("No peer connection, skipping candidate");
+                  break;
+                }
+                if (await m.addIceCandidate(
+                  new RTCIceCandidate({
+                    candidate: h.candidate,
+                    sdpMid: h.sdpMid,
+                    sdpMLineIndex: h.sdpMLineIndex
+                  })
+                ), !o() || X.current !== m)
+                  return;
+                k("Added ICE candidate");
+                break;
+              case "screenshot":
+              case "screenshotResult": {
+                if (typeof h.id != "string") {
+                  A("Received invalid screenshot success message:", h);
+                  break;
+                }
+                const M = Uo(h);
+                if (M) {
+                  const ue = ve.current.get(h.id);
+                  if (!ue) {
+                    A(`Received screenshot error for unknown or handled id: ${h.id}`);
+                    break;
+                  }
+                  A(`Received screenshot error for id ${h.id}: ${M}`), ue(new Error(M)), _e.current.delete(h.id), ve.current.delete(h.id);
+                  break;
+                }
+                const K = Lo(h);
+                if (!K) {
+                  A("Received screenshot message without image data:", h);
+                  break;
+                }
+                const J = _e.current.get(h.id);
+                if (!J) {
+                  A(`Received screenshot data for unknown or handled id: ${h.id}`);
+                  break;
+                }
+                H(`Received screenshot data for id ${h.id}`), J(K), _e.current.delete(h.id), ve.current.delete(h.id);
+                break;
+              }
+              case "screenshotError":
+                if (typeof h.id != "string" || typeof h.message != "string") {
+                  A("Received invalid screenshot error message:", h);
+                  break;
+                }
+                const P = ve.current.get(h.id);
+                if (!P) {
+                  A(`Received screenshot error for unknown or handled id: ${h.id}`);
+                  break;
+                }
+                A(`Received screenshot error for id ${h.id}: ${h.message}`), P(new Error(h.message)), _e.current.delete(h.id), ve.current.delete(h.id);
+                break;
+              case "cameraRequest": {
+                const M = we.current;
+                if (!M)
+                  break;
+                const K = mo(h);
+                if (!K) {
+                  A("Received invalid cameraRequest:", h);
+                  break;
+                }
+                console.info("[RemoteControl] cameraRequest received:", K.active, K.facingMode), await Tn(K, n, M, o);
+                break;
+              }
+              case "microphoneRequest": {
+                if (!st.current)
+                  break;
+                const M = h.active === !0;
+                if (Bt.current = M, console.info("[RemoteControl] microphoneRequest received, active=", M), !M) {
+                  Xt.current || await It();
+                  break;
+                }
+                if (me.current) {
+                  Sr(n);
+                  break;
+                }
+                await Qt();
+                break;
+              }
+              case "microphoneStartResult": {
+                if (He.current === null || h.id !== He.current)
+                  break;
+                He.current = null, typeof h.error == "string" && (console.warn("[RemoteControl] microphoneStart rejected by host:", h.error), It(h.error));
+                break;
+              }
+              case "terminateAppResult":
+                if (typeof h.id != "string") {
+                  A("Received invalid terminateApp result message:", h);
+                  break;
+                }
+                if (typeof h.error == "string") {
+                  const M = Me.current.get(h.id);
+                  if (!M) {
+                    A(`Received terminateApp error for unknown or handled id: ${h.id}`);
+                    break;
+                  }
+                  A(`Received terminateApp error for id ${h.id}: ${h.error}`), M(new Error(h.error)), Ae.current.delete(h.id), Me.current.delete(h.id);
+                  break;
+                }
+                const ie = Ae.current.get(h.id);
+                if (!ie) {
+                  A(`Received terminateApp result for unknown or handled id: ${h.id}`);
+                  break;
+                }
+                H(`Received terminateApp success for id ${h.id}`), ie(), Ae.current.delete(h.id), Me.current.delete(h.id);
+                break;
+              default:
+                A(`Received unhandled message type: ${h.type}`, h);
+                break;
+            }
+        }, C && n.send(JSON.stringify({ type: "getFoldState", id: "duo-capabilities" })), X.current === m) {
+          const _ = await m.createOffer({
+            offerToReceiveVideo: !0,
+            offerToReceiveAudio: !1
+          });
+          if (!o() || X.current !== m || (await m.setLocalDescription(_), !o() || X.current !== m))
+            return;
+          o() && b.current === n && n.readyState === WebSocket.OPEN && n.send(
+            JSON.stringify({
+              type: "offer",
+              ...C ? { displayStreams: !0 } : {},
+              sdp: _.sdp,
+              sessionId: he
+            })
+          ), k("Sent offer");
+        }
+      } catch (n) {
+        if (!o())
+          return;
+        const f = n instanceof Error ? n.message : String(n);
+        k("Error: " + f), et(f, s);
+      }
+    }, Zt = () => {
+      Le.current = !1, dr(!1), Yr(0);
+    }, Mn = () => {
+      Te.current += 1, yt.current = 0, We.current = !1, Rt(), mt(), Ze(), k("Stopped");
+    }, Sn = (t) => {
+      t.stopPropagation(), Zt();
+    };
+    le(() => {
+      jt() ? Qt() : It();
+    }, [F]), le(() => (Ft(!1), Zt(), document.hidden || br(), document.addEventListener("visibilitychange", Ir), () => {
+      Ar(), Mn(), document.removeEventListener("visibilitychange", Ir);
+    }), [e, i, c, E]);
+    const Kr = () => {
+      const t = ht();
+      if (!t) {
+        Er(null);
+        return;
+      }
+      const s = {
+        left: t.videoRect.left - t.containerRect.left + t.offsetX,
+        top: t.videoRect.top - t.containerRect.top + t.offsetY,
+        width: t.actualWidth,
+        height: t.actualHeight
+      };
+      Er(
+        (o) => o && o.left === s.left && o.top === s.top && o.width === s.width && o.height === s.height ? o : s
+      );
+    };
+    le(() => {
+      const t = $.current, s = Pe.current, o = Ce.current;
+      if (!t) return;
+      const n = () => {
+        if (!bt || !s) {
+          fr({}), Kr();
+          return;
+        }
+        const p = s.clientWidth, g = s.clientHeight;
+        if (p === 0 || g === 0) return;
+        const C = t.videoWidth > t.videoHeight;
+        Zr(C), tn(
+          Ee === "android" && Ko(t.videoWidth, t.videoHeight)
+        );
+        const m = C ? Je.videoPosition.landscape : Je.videoPosition.portrait;
+        let I = {};
+        m.heightMultiplier ? (I.height = `${g * m.heightMultiplier}px`, I.width = "auto") : m.widthMultiplier && (I.width = `${p * m.widthMultiplier}px`, I.height = "auto"), I.borderRadius = `${C ? g * Je.videoBorderRadiusMultiplier : p * Je.videoBorderRadiusMultiplier}px`, fr(I), Kr();
+      }, f = new ResizeObserver(() => {
+        n();
+      });
+      s && f.observe(s), f.observe(t), o && f.observe(o), s && s.addEventListener("load", n), t.addEventListener("loadedmetadata", n), t.addEventListener("resize", n);
+      const d = () => ne.current?.bumpActivity();
+      return t.addEventListener("resize", d), n(), () => {
+        f.disconnect(), t.removeEventListener("loadedmetadata", n), t.removeEventListener("resize", n), t.removeEventListener("resize", d), s && s.removeEventListener("load", n);
+      };
+    }, [Je, bt]), le(() => {
+      const t = ne.current;
+      dt ? t?.start() : (t?.stop(), mr(null), ut(null), Tt(null), gr(null), Xe(null), wt.current = null, de.current !== void 0 && (window.cancelAnimationFrame(de.current), de.current = void 0), W("onAxSnapshotChange", Gt.current, null));
+    }, [dt]), le(() => () => {
+      de.current !== void 0 && (window.cancelAnimationFrame(de.current), de.current = void 0);
+    }, []), le(() => {
+      if (!dt) return;
+      const t = (s) => {
+        s.key === "Escape" && (Vt || qt) && (Tt(null), ut(null), Xe(null), W("onInspectSelectionChange", Ve.current, null));
+      };
+      return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+    }, [dt, Vt, qt]);
+    const Rn = () => {
+      $.current && $.current.focus();
+    };
+    Ln(ke, () => ({
+      openUrl: (t) => {
+        if (!b.current || b.current.readyState !== WebSocket.OPEN) {
+          A("WebSocket not open, cannot send open_url command via ref.");
+          return;
+        }
+        try {
+          const s = decodeURIComponent(t);
+          k("Opening URL"), b.current.send(
+            JSON.stringify({
+              type: "openUrl",
+              url: s,
+              sessionId: he
+            })
+          );
+        } catch (s) {
+          A("Error decoding or sending URL via ref:", { error: s, url: t }), b.current.send(
+            JSON.stringify({
+              type: "openUrl",
+              url: t,
+              sessionId: he
+            })
+          );
+        }
+        ne.current?.bumpActivity();
+      },
+      sendKeyEvent: (t) => {
+        if (!L.current || L.current.readyState !== "open") {
+          A("Data channel not ready for imperative key command:", L.current?.readyState);
+          return;
+        }
+        const s = $r[t.code];
+        if (!s) {
+          A(`Unknown event.code for imperative command: ${t.code}`);
+          return;
+        }
+        let o = a.META_NONE;
+        t.shiftKey && (o |= a.META_SHIFT_ON), t.altKey && (o |= a.META_ALT_ON), t.ctrlKey && (o |= a.META_CTRL_ON), t.metaKey && (o |= a.META_META_ON);
+        const n = t.type === "keydown" ? a.ACTION_DOWN : a.ACTION_UP;
+        H(
+          `Sending Imperative Key Command: code=${t.code}, keycode=${s}, action=${n}, meta=${o}`
+        );
+        const f = Et(
+          n,
+          s,
+          0,
+          // repeat count, typically 0 for single presses
+          o
+        );
+        f && pe(f);
+      },
+      screenshot: (t) => new Promise((s, o) => {
+        if (!b.current || b.current.readyState !== WebSocket.OPEN)
+          return A("WebSocket not open, cannot send screenshot command."), o(new Error("WebSocket is not connected or connection is not open."));
+        const n = `ui-ss-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, f = {
+          type: t ? "screenshotDisplay" : "screenshot",
+          ...t ? { display: t } : {},
+          id: n
+        };
+        _e.current.set(n, s), ve.current.set(n, o), H("Sending screenshot request:", f);
+        try {
+          b.current.send(JSON.stringify(f));
+        } catch (d) {
+          A("Failed to send screenshot request immediately:", d), _e.current.delete(n), ve.current.delete(n), o(d);
+          return;
+        }
+        setTimeout(() => {
+          _e.current.has(n) && (A(`Screenshot request timed out for id ${n}`), ve.current.get(n)?.(new Error("Screenshot request timed out")), _e.current.delete(n), ve.current.delete(n));
+        }, 3e4);
+      }),
+      terminateApp: (t) => new Promise((s, o) => {
+        if (!b.current || b.current.readyState !== WebSocket.OPEN)
+          return A("WebSocket not open, cannot send terminateApp command."), o(new Error("WebSocket is not connected or connection is not open."));
+        const n = `ui-term-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, f = {
+          type: "terminateApp",
+          id: n,
+          bundleId: t
+        };
+        Ae.current.set(n, s), Me.current.set(n, o), H("Sending terminateApp request:", f);
+        try {
+          b.current.send(JSON.stringify(f));
+        } catch (d) {
+          A("Failed to send terminateApp request immediately:", d), Ae.current.delete(n), Me.current.delete(n), o(d);
+          return;
+        }
+        ne.current?.bumpActivity(), setTimeout(() => {
+          Ae.current.has(n) && (A(`terminateApp request timed out for id ${n}`), Me.current.get(n)?.(new Error("terminateApp request timed out")), Ae.current.delete(n), Me.current.delete(n));
+        }, 3e4);
+      }),
+      reconnect: () => Zt(),
+      refreshAxTree: async () => {
+        const t = ne.current;
+        if (!t)
+          throw new Error("Inspect mode is not active");
+        return t.refresh();
+      },
+      getAxSnapshot: () => qe.current,
+      setInspectHighlight: (t) => {
+        ut(t?.id ?? null);
+      },
+      setInspectSelection: (t) => {
+        Tt(t?.id ?? null), Xe(t ? wt.current : null);
+        const s = qe.current;
+        t && s ? W("onInspectSelectionChange", Ve.current, { element: t, snapshot: s }) : W("onInspectSelectionChange", Ve.current, null);
+      },
+      getAxStatus: () => ne.current?.getStatus() ?? "idle"
+    }));
+    const Nn = nn && Re !== null;
+    return /* @__PURE__ */ V(
+      "div",
+      {
+        ref: Ce,
+        className: Ke("rc-container", r),
+        style: { touchAction: "none" },
+        onMouseDown: De,
+        onMouseMove: De,
+        onMouseUp: De,
+        onMouseLeave: De,
+        onTouchStart: De,
+        onTouchMove: De,
+        onTouchEnd: De,
+        onTouchCancel: De,
+        children: [
+          Nn && Re && /* @__PURE__ */ V(nr, { children: [
+            /* @__PURE__ */ v(
+              "div",
+              {
+                className: "rc-touch-indicator",
+                style: {
+                  left: `${Re.containerX}px`,
+                  top: `${Re.containerY}px`
+                }
+              }
+            ),
+            /* @__PURE__ */ v(
+              "div",
+              {
+                className: "rc-touch-indicator",
+                style: {
+                  left: `${Re.mirrorContainerX}px`,
+                  top: `${Re.mirrorContainerY}px`
+                }
+              }
+            )
+          ] }),
+          bt && /* @__PURE__ */ v(
+            "img",
+            {
+              ref: Pe,
+              src: _r,
+              alt: "",
+              className: Ee === "ios" ? Ke("rc-phone-frame", "rc-phone-frame-ios") : "rc-phone-frame",
+              draggable: !1
+            }
+          ),
+          /* @__PURE__ */ v(
+            "video",
+            {
+              ref: $,
+              className: Ke(
+                "rc-video",
+                !bt && "rc-video-frameless",
+                !zr && "rc-video-loading"
+              ),
+              style: {
+                ...rn,
+                ...se ? { opacity: 0, width: 1, height: 1, pointerEvents: "none" } : {},
+                ...ft ? {
+                  backgroundImage: `url("${ft}")`,
+                  backgroundRepeat: "no-repeat",
+                  backgroundPosition: "center",
+                  backgroundSize: Je.loadingLogoSize
+                } : {}
+              },
+              autoPlay: !0,
+              playsInline: !0,
+              muted: !0,
+              tabIndex: se ? -1 : 0,
+              onKeyDown: St,
+              onKeyUp: St,
+              onClick: Rn,
+              onLoadedData: yn,
+              onFocus: () => {
+                $.current && ($.current.style.outline = "none");
+              },
+              onBlur: () => {
+                $.current && ($.current.style.outline = "none");
+              }
+            }
+          ),
+          se && /* @__PURE__ */ v(
+            "video",
+            {
+              ref: tt,
+              autoPlay: !0,
+              playsInline: !0,
+              muted: !0,
+              style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" }
+            }
+          ),
+          se && !Lt && /* @__PURE__ */ v(Pr, { logo: ft, showFrame: u }),
+          se && Lt && /* @__PURE__ */ v(xn, { fallback: /* @__PURE__ */ v(Pr, { logo: ft, showFrame: u }), children: /* @__PURE__ */ v(
+            Mo,
+            {
+              loadingLogo: ft,
+              showFrame: u,
+              modelUrl: y,
+              outer: $.current,
+              inner: tt.current,
+              state: Lt,
+              setAngle: (t) => xt("setHingeAngle", { angleDegrees: t }),
+              setOrientation: (t) => xt("setDuoOrientation", { orientation: t }),
+              button: (t, s) => xt("performActions", {
+                actions: [{ type: s ? "buttonDown" : "buttonUp", button: t }]
+              }),
+              touch: (t, s, o, n) => {
+                const f = L.current;
+                f?.readyState === "open" && f.send($n(t, s, o, n));
+              },
+              onKeyDown: St,
+              onKeyUp: St
+            }
+          ) }),
+          se && ar && /* @__PURE__ */ v("div", { role: "alert", className: "rc-duo-error", children: ar }),
+          !se && dt && /* @__PURE__ */ v(
+            Ao,
+            {
+              snapshot: pr,
+              geometry: sn,
+              highlightedId: qt,
+              selectedId: Vt,
+              mode: un,
+              cursorPosition: cn,
+              frozenCursorPosition: an,
+              onSelectChange: (t, s) => {
+                Tt(t?.id ?? null), t && s ? Xe(s) : t || Xe(null);
+                const o = qe.current;
+                t && o ? W("onInspectSelectionChange", Ve.current, {
+                  element: t,
+                  snapshot: o
+                }) : W("onInspectSelectionChange", Ve.current, null);
+              },
+              onTapElement: (t, s) => {
+                if (s) {
+                  Tr(s.x, s.y);
+                  return;
+                }
+                const o = qe.current;
+                o && dn(t, o);
+              }
+            }
+          ),
+          Qr ? /* @__PURE__ */ V("div", { className: "rc-terminated", role: "status", children: [
+            /* @__PURE__ */ v("div", { className: "rc-terminated-title", children: "Instance terminated" }),
+            /* @__PURE__ */ v("div", { className: "rc-terminated-message", children: "This instance no longer exists and can't be reconnected." })
+          ] }) : jr && /* @__PURE__ */ v("button", { type: "button", className: "rc-retry-button", onClick: Sn, children: "Retry" })
+        ]
+      }
+    );
+  }
+), Uo = (r) => typeof r.message == "string" ? r.message : typeof r.error == "string" ? r.error : null, Lo = (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 {
+  tr as A,
+  Wn as D,
+  Bo as H,
+  Jo as R,
+  oo as a,
+  io as b,
+  Gr as c,
+  Br as d,
+  qr as e,
+  no as f,
+  Zn as g,
+  Xn as h,
+  Vo as i,
+  qn as j,
+  qo as k,
+  Go as l,
+  Ho as m,
+  ro as n,
+  kr as o,
+  Bn as p,
+  Xo as q,
+  $o as r
+};