@limrun/ui 0.15.1 → 0.16.0

package/dist/remote-control-BRgbD7yo.mjs

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