@usecrow/client 0.1.27 → 0.1.28

package/dist/{PageController-KoeqDxMP.js → PageController-BT9YJiz0.js}

@@ -42,9 +42,9 @@ async function inputTextElement(e, n) {
 async function selectOptionElement(e, n) {
   if (!(e instanceof HTMLSelectElement))
     throw new Error("Element is not a select element");
-  const i = Array.from(e.options).find((b) => {
+  const i = Array.from(e.options).find((w) => {
     var d;
-    return ((d = b.textContent) == null ? void 0 : d.trim()) === n.trim();
+    return ((d = w.textContent) == null ? void 0 : d.trim()) === n.trim();
   });
   if (!i)
     throw new Error(`Option with text "${n}" not found in select element`);
@@ -61,37 +61,37 @@ async function scrollVertically(e, n, s) {
       "[SCROLL DEBUG] Starting direct container scroll for element:",
       l.tagName
     );
-    let h = l, v = !1, w = null, u = 0, f = 0;
-    const T = n;
+    let h = l, T = !1, b = null, u = 0, f = 0;
+    const N = n;
     for (; h && f < 10; ) {
-      const F = window.getComputedStyle(h), P = /(auto|scroll|overlay)/.test(F.overflowY), O = h.scrollHeight > h.clientHeight;
+      const D = window.getComputedStyle(h), z = /(auto|scroll|overlay)/.test(D.overflowY), O = h.scrollHeight > h.clientHeight;
       if (console.log(
         "[SCROLL DEBUG] Checking element:",
         h.tagName,
         "hasScrollableY:",
-        P,
+        z,
         "canScrollVertically:",
         O,
         "scrollHeight:",
         h.scrollHeight,
         "clientHeight:",
         h.clientHeight
-      ), P && O) {
-        const R = h.scrollTop, z = h.scrollHeight - h.clientHeight;
-        let H = T / 3;
-        H > 0 ? H = Math.min(H, z - R) : H = Math.max(H, -R), h.scrollTop = R + H;
-        const D = h.scrollTop, _ = D - R;
+      ), z && O) {
+        const R = h.scrollTop, U = h.scrollHeight - h.clientHeight;
+        let H = N / 3;
+        H > 0 ? H = Math.min(H, U - R) : H = Math.max(H, -R), h.scrollTop = R + H;
+        const B = h.scrollTop, _ = B - R;
         if (console.log(
           "[SCROLL DEBUG] Scroll attempt:",
           h.tagName,
           "before:",
           R,
           "after:",
-          D,
+          B,
           "delta:",
           _
         ), Math.abs(_) > 0.5) {
-          v = !0, w = h, u = _, console.log(
+          T = !0, b = h, u = _, console.log(
             "[SCROLL DEBUG] Successfully scrolled container:",
             h.tagName,
             "delta:",
@@ -104,27 +104,27 @@ async function scrollVertically(e, n, s) {
         break;
       h = h.parentElement, f++;
     }
-    return v ? `Scrolled container (${w == null ? void 0 : w.tagName}) by ${u}px` : `No scrollable container found for element (${l.tagName})`;
+    return T ? `Scrolled container (${b == null ? void 0 : b.tagName}) by ${u}px` : `No scrollable container found for element (${l.tagName})`;
   }
-  const i = n, b = (l) => l.clientHeight >= window.innerHeight * 0.5, d = (l) => l && /(auto|scroll|overlay)/.test(getComputedStyle(l).overflowY) && l.scrollHeight > l.clientHeight && b(l);
+  const i = n, w = (l) => l.clientHeight >= window.innerHeight * 0.5, d = (l) => l && /(auto|scroll|overlay)/.test(getComputedStyle(l).overflowY) && l.scrollHeight > l.clientHeight && w(l);
   let r = document.activeElement;
   for (; r && !d(r) && r !== document.body; ) r = r.parentElement;
   if (r = d(r) ? r : Array.from(document.querySelectorAll("*")).find(d) || document.scrollingElement || document.documentElement, r === document.scrollingElement || r === document.documentElement || r === document.body) {
     const l = window.scrollY, h = document.documentElement.scrollHeight - window.innerHeight;
     window.scrollBy(0, i);
-    const v = window.scrollY, w = v - l;
-    if (Math.abs(w) < 1)
+    const T = window.scrollY, b = T - l;
+    if (Math.abs(b) < 1)
       return i > 0 ? "⚠️ Already at the bottom of the page, cannot scroll down further." : "⚠️ Already at the top of the page, cannot scroll up further.";
-    const u = i > 0 && v >= h - 1, f = i < 0 && v <= 1;
-    return u ? `✅ Scrolled page by ${w}px. Reached the bottom of the page.` : f ? `✅ Scrolled page by ${w}px. Reached the top of the page.` : `✅ Scrolled page by ${w}px.`;
+    const u = i > 0 && T >= h - 1, f = i < 0 && T <= 1;
+    return u ? `✅ Scrolled page by ${b}px. Reached the bottom of the page.` : f ? `✅ Scrolled page by ${b}px. Reached the top of the page.` : `✅ Scrolled page by ${b}px.`;
   } else {
     const l = r.scrollTop, h = r.scrollHeight - r.clientHeight;
     r.scrollBy({ top: i, behavior: "smooth" }), await waitFor(0.1);
-    const v = r.scrollTop, w = v - l;
-    if (Math.abs(w) < 1)
+    const T = r.scrollTop, b = T - l;
+    if (Math.abs(b) < 1)
       return i > 0 ? `⚠️ Already at the bottom of container (${r.tagName}), cannot scroll down further.` : `⚠️ Already at the top of container (${r.tagName}), cannot scroll up further.`;
-    const u = i > 0 && v >= h - 1, f = i < 0 && v <= 1;
-    return u ? `✅ Scrolled container (${r.tagName}) by ${w}px. Reached the bottom.` : f ? `✅ Scrolled container (${r.tagName}) by ${w}px. Reached the top.` : `✅ Scrolled container (${r.tagName}) by ${w}px.`;
+    const u = i > 0 && T >= h - 1, f = i < 0 && T <= 1;
+    return u ? `✅ Scrolled container (${r.tagName}) by ${b}px. Reached the bottom.` : f ? `✅ Scrolled container (${r.tagName}) by ${b}px. Reached the top.` : `✅ Scrolled container (${r.tagName}) by ${b}px.`;
   }
 }
 async function scrollHorizontally(e, n, s) {
@@ -134,37 +134,37 @@ async function scrollHorizontally(e, n, s) {
       "[SCROLL DEBUG] Starting direct container scroll for element:",
       l.tagName
     );
-    let h = l, v = !1, w = null, u = 0, f = 0;
-    const T = e ? n : -n;
+    let h = l, T = !1, b = null, u = 0, f = 0;
+    const N = e ? n : -n;
     for (; h && f < 10; ) {
-      const F = window.getComputedStyle(h), P = /(auto|scroll|overlay)/.test(F.overflowX), O = h.scrollWidth > h.clientWidth;
+      const D = window.getComputedStyle(h), z = /(auto|scroll|overlay)/.test(D.overflowX), O = h.scrollWidth > h.clientWidth;
       if (console.log(
         "[SCROLL DEBUG] Checking element:",
         h.tagName,
         "hasScrollableX:",
-        P,
+        z,
         "canScrollHorizontally:",
         O,
         "scrollWidth:",
         h.scrollWidth,
         "clientWidth:",
         h.clientWidth
-      ), P && O) {
-        const R = h.scrollLeft, z = h.scrollWidth - h.clientWidth;
-        let H = T / 3;
-        H > 0 ? H = Math.min(H, z - R) : H = Math.max(H, -R), h.scrollLeft = R + H;
-        const D = h.scrollLeft, _ = D - R;
+      ), z && O) {
+        const R = h.scrollLeft, U = h.scrollWidth - h.clientWidth;
+        let H = N / 3;
+        H > 0 ? H = Math.min(H, U - R) : H = Math.max(H, -R), h.scrollLeft = R + H;
+        const B = h.scrollLeft, _ = B - R;
         if (console.log(
           "[SCROLL DEBUG] Scroll attempt:",
           h.tagName,
           "before:",
           R,
           "after:",
-          D,
+          B,
           "delta:",
           _
         ), Math.abs(_) > 0.5) {
-          v = !0, w = h, u = _, console.log(
+          T = !0, b = h, u = _, console.log(
             "[SCROLL DEBUG] Successfully scrolled container:",
             h.tagName,
             "delta:",
@@ -177,27 +177,27 @@ async function scrollHorizontally(e, n, s) {
         break;
       h = h.parentElement, f++;
     }
-    return v ? `Scrolled container (${w == null ? void 0 : w.tagName}) horizontally by ${u}px` : `No horizontally scrollable container found for element (${l.tagName})`;
+    return T ? `Scrolled container (${b == null ? void 0 : b.tagName}) horizontally by ${u}px` : `No horizontally scrollable container found for element (${l.tagName})`;
   }
-  const i = e ? n : -n, b = (l) => l.clientWidth >= window.innerWidth * 0.5, d = (l) => l && /(auto|scroll|overlay)/.test(getComputedStyle(l).overflowX) && l.scrollWidth > l.clientWidth && b(l);
+  const i = e ? n : -n, w = (l) => l.clientWidth >= window.innerWidth * 0.5, d = (l) => l && /(auto|scroll|overlay)/.test(getComputedStyle(l).overflowX) && l.scrollWidth > l.clientWidth && w(l);
   let r = document.activeElement;
   for (; r && !d(r) && r !== document.body; ) r = r.parentElement;
   if (r = d(r) ? r : Array.from(document.querySelectorAll("*")).find(d) || document.scrollingElement || document.documentElement, r === document.scrollingElement || r === document.documentElement || r === document.body) {
     const l = window.scrollX, h = document.documentElement.scrollWidth - window.innerWidth;
     window.scrollBy(i, 0);
-    const v = window.scrollX, w = v - l;
-    if (Math.abs(w) < 1)
+    const T = window.scrollX, b = T - l;
+    if (Math.abs(b) < 1)
       return i > 0 ? "⚠️ Already at the right edge of the page, cannot scroll right further." : "⚠️ Already at the left edge of the page, cannot scroll left further.";
-    const u = i > 0 && v >= h - 1, f = i < 0 && v <= 1;
-    return u ? `✅ Scrolled page by ${w}px. Reached the right edge of the page.` : f ? `✅ Scrolled page by ${w}px. Reached the left edge of the page.` : `✅ Scrolled page horizontally by ${w}px.`;
+    const u = i > 0 && T >= h - 1, f = i < 0 && T <= 1;
+    return u ? `✅ Scrolled page by ${b}px. Reached the right edge of the page.` : f ? `✅ Scrolled page by ${b}px. Reached the left edge of the page.` : `✅ Scrolled page horizontally by ${b}px.`;
   } else {
     const l = r.scrollLeft, h = r.scrollWidth - r.clientWidth;
     r.scrollBy({ left: i, behavior: "smooth" }), await waitFor(0.1);
-    const v = r.scrollLeft, w = v - l;
-    if (Math.abs(w) < 1)
+    const T = r.scrollLeft, b = T - l;
+    if (Math.abs(b) < 1)
       return i > 0 ? `⚠️ Already at the right edge of container (${r.tagName}), cannot scroll right further.` : `⚠️ Already at the left edge of container (${r.tagName}), cannot scroll left further.`;
-    const u = i > 0 && v >= h - 1, f = i < 0 && v <= 1;
-    return u ? `✅ Scrolled container (${r.tagName}) by ${w}px. Reached the right edge.` : f ? `✅ Scrolled container (${r.tagName}) by ${w}px. Reached the left edge.` : `✅ Scrolled container (${r.tagName}) horizontally by ${w}px.`;
+    const u = i > 0 && T >= h - 1, f = i < 0 && T <= 1;
+    return u ? `✅ Scrolled container (${r.tagName}) by ${b}px. Reached the right edge.` : f ? `✅ Scrolled container (${r.tagName}) by ${b}px. Reached the left edge.` : `✅ Scrolled container (${r.tagName}) horizontally by ${b}px.`;
   }
 }
 const VIEWPORT_EXPANSION = -1, domTree = (e = {
@@ -215,11 +215,11 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
   highlightOpacity: 0.1,
   highlightLabelOpacity: 0.5
 }) => {
-  const { interactiveBlacklist: n, interactiveWhitelist: s, highlightOpacity: i, highlightLabelOpacity: b } = e, { doHighlightElements: d, focusHighlightIndex: r, viewportExpansion: l, debugMode: h } = e;
-  let v = 0;
-  const w = /* @__PURE__ */ new WeakMap();
+  const { interactiveBlacklist: n, interactiveWhitelist: s, highlightOpacity: i, highlightLabelOpacity: w } = e, { doHighlightElements: d, focusHighlightIndex: r, viewportExpansion: l, debugMode: h } = e;
+  let T = 0;
+  const b = /* @__PURE__ */ new WeakMap();
   function u(t, o) {
-    !t || t.nodeType !== Node.ELEMENT_NODE || w.set(t, { ...w.get(t), ...o });
+    !t || t.nodeType !== Node.ELEMENT_NODE || b.set(t, { ...b.get(t), ...o });
   }
   const f = {
     boundingRects: /* @__PURE__ */ new WeakMap(),
@@ -229,37 +229,37 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       f.boundingRects = /* @__PURE__ */ new WeakMap(), f.clientRects = /* @__PURE__ */ new WeakMap(), f.computedStyles = /* @__PURE__ */ new WeakMap();
     }
   };
-  function T(t) {
+  function N(t) {
     if (!t) return null;
     if (f.boundingRects.has(t))
       return f.boundingRects.get(t);
     const o = t.getBoundingClientRect();
     return o && f.boundingRects.set(t, o), o;
   }
-  function F(t) {
+  function D(t) {
     if (!t) return null;
     if (f.computedStyles.has(t))
       return f.computedStyles.get(t);
     const o = window.getComputedStyle(t);
     return o && f.computedStyles.set(t, o), o;
   }
-  function P(t) {
+  function z(t) {
     if (!t) return null;
     if (f.clientRects.has(t))
       return f.clientRects.get(t);
     const o = t.getClientRects();
     return o && f.clientRects.set(t, o), o;
   }
-  const O = {}, R = { current: 0 }, z = "playwright-highlight-container";
+  const O = {}, R = { current: 0 }, U = "playwright-highlight-container";
   function H(t, o, p = null) {
     if (!t) return o;
     const a = [];
-    let c = null, x = 20, E = 16, M = null;
+    let c = null, x = 20, E = 16, I = null;
     try {
-      let m = document.getElementById(z);
-      m || (m = document.createElement("div"), m.id = z, m.style.position = "fixed", m.style.pointerEvents = "none", m.style.top = "0", m.style.left = "0", m.style.width = "100%", m.style.height = "100%", m.style.zIndex = "2147483640", m.style.backgroundColor = "transparent", document.body.appendChild(m));
-      const L = t.getClientRects();
-      if (!L || L.length === 0) return o;
+      let m = document.getElementById(U);
+      m || (m = document.createElement("div"), m.id = U, m.style.position = "fixed", m.style.pointerEvents = "none", m.style.top = "0", m.style.left = "0", m.style.width = "100%", m.style.height = "100%", m.style.zIndex = "2147483640", m.style.backgroundColor = "transparent", document.body.appendChild(m));
+      const $ = t.getClientRects();
+      if (!$ || $.length === 0) return o;
       const A = [
         "#FF0000",
         "#00FF00",
@@ -275,68 +275,70 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
         "#4682B4"
       ], g = o % A.length;
       let y = A[g];
-      const k = y + Math.floor(i * 255).toString(16).padStart(2, "0");
-      y = y + Math.floor(b * 255).toString(16).padStart(2, "0");
-      let S = { x: 0, y: 0 };
+      const C = y + Math.floor(i * 255).toString(16).padStart(2, "0");
+      y = y + Math.floor(w * 255).toString(16).padStart(2, "0");
+      let M = { x: 0, y: 0 };
       if (p) {
-        const I = p.getBoundingClientRect();
-        S.x = I.left, S.y = I.top;
+        const k = p.getBoundingClientRect();
+        M.x = k.left, M.y = k.top;
+      }
+      const V = document.createDocumentFragment();
+      for (const k of $) {
+        if (k.width === 0 || k.height === 0) continue;
+        const S = document.createElement("div");
+        S.style.position = "fixed", S.style.border = `2px solid ${y}`, S.style.backgroundColor = C, S.style.pointerEvents = "none", S.style.boxSizing = "border-box";
+        const v = k.top + M.y, W = k.left + M.x;
+        S.style.top = `${v}px`, S.style.left = `${W}px`, S.style.width = `${k.width}px`, S.style.height = `${k.height}px`, V.appendChild(S), a.push({ element: S, initialRect: k });
       }
-      const B = document.createDocumentFragment();
-      for (const I of L) {
-        if (I.width === 0 || I.height === 0) continue;
-        const $ = document.createElement("div");
-        $.style.position = "fixed", $.style.border = `2px solid ${y}`, $.style.backgroundColor = k, $.style.pointerEvents = "none", $.style.boxSizing = "border-box";
-        const N = I.top + S.y, q = I.left + S.x;
-        $.style.top = `${N}px`, $.style.left = `${q}px`, $.style.width = `${I.width}px`, $.style.height = `${I.height}px`, B.appendChild($), a.push({ element: $, initialRect: I });
+      const G = $[0];
+      if (w > 0) {
+        c = document.createElement("div"), c.className = "playwright-highlight-label", c.style.position = "fixed", c.style.background = y, c.style.color = "white", c.style.padding = "1px 4px", c.style.borderRadius = "4px", c.style.fontSize = `${Math.min(12, Math.max(8, G.height / 2))}px`, c.textContent = o.toString(), x = c.offsetWidth > 0 ? c.offsetWidth : x, E = c.offsetHeight > 0 ? c.offsetHeight : E;
+        const k = G.top + M.y, S = G.left + M.x;
+        let v = k + 2, W = S + G.width - x - 2;
+        (G.width < x + 4 || G.height < E + 4) && (v = k - E - 2, W = S + G.width - x, W < M.x && (W = S)), v = Math.max(0, Math.min(v, window.innerHeight - E)), W = Math.max(0, Math.min(W, window.innerWidth - x)), c.style.top = `${v}px`, c.style.left = `${W}px`, V.appendChild(c);
       }
-      const G = L[0];
-      c = document.createElement("div"), c.className = "playwright-highlight-label", c.style.position = "fixed", c.style.background = y, c.style.color = "white", c.style.padding = "1px 4px", c.style.borderRadius = "4px", c.style.fontSize = `${Math.min(12, Math.max(8, G.height / 2))}px`, c.textContent = o.toString(), x = c.offsetWidth > 0 ? c.offsetWidth : x, E = c.offsetHeight > 0 ? c.offsetHeight : E;
-      const Y = G.top + S.y, Z = G.left + S.x;
-      let j = Y + 2, J = Z + G.width - x - 2;
-      (G.width < x + 4 || G.height < E + 4) && (j = Y - E - 2, J = Z + G.width - x, J < S.x && (J = Z)), j = Math.max(0, Math.min(j, window.innerHeight - E)), J = Math.max(0, Math.min(J, window.innerWidth - x)), c.style.top = `${j}px`, c.style.left = `${J}px`, B.appendChild(c);
-      const it = ((I, $) => {
-        let N = 0;
-        return (...q) => {
-          const V = performance.now();
-          if (!(V - N < $))
-            return N = V, I(...q);
+      const j = ((k, S) => {
+        let v = 0;
+        return (...W) => {
+          const P = performance.now();
+          if (!(P - v < S))
+            return v = P, k(...W);
         };
       })(() => {
-        const I = t.getClientRects();
-        let $ = { x: 0, y: 0 };
+        const k = t.getClientRects();
+        let S = { x: 0, y: 0 };
         if (p) {
-          const N = p.getBoundingClientRect();
-          $.x = N.left, $.y = N.top;
+          const v = p.getBoundingClientRect();
+          S.x = v.left, S.y = v.top;
         }
-        if (a.forEach((N, q) => {
-          if (q < I.length) {
-            const V = I[q], et = V.top + $.y, K = V.left + $.x;
-            N.element.style.top = `${et}px`, N.element.style.left = `${K}px`, N.element.style.width = `${V.width}px`, N.element.style.height = `${V.height}px`, N.element.style.display = V.width === 0 || V.height === 0 ? "none" : "block";
+        if (a.forEach((v, W) => {
+          if (W < k.length) {
+            const P = k[W], Z = P.top + S.y, J = P.left + S.x;
+            v.element.style.top = `${Z}px`, v.element.style.left = `${J}px`, v.element.style.width = `${P.width}px`, v.element.style.height = `${P.height}px`, v.element.style.display = P.width === 0 || P.height === 0 ? "none" : "block";
           } else
-            N.element.style.display = "none";
-        }), I.length < a.length)
-          for (let N = I.length; N < a.length; N++)
-            a[N].element.style.display = "none";
-        if (c && I.length > 0) {
-          const N = I[0], q = N.top + $.y, V = N.left + $.x;
-          let et = q + 2, K = V + N.width - x - 2;
-          (N.width < x + 4 || N.height < E + 4) && (et = q - E - 2, K = V + N.width - x, K < $.x && (K = V)), et = Math.max(0, Math.min(et, window.innerHeight - E)), K = Math.max(0, Math.min(K, window.innerWidth - x)), c.style.top = `${et}px`, c.style.left = `${K}px`, c.style.display = "block";
+            v.element.style.display = "none";
+        }), k.length < a.length)
+          for (let v = k.length; v < a.length; v++)
+            a[v].element.style.display = "none";
+        if (c && k.length > 0) {
+          const v = k[0], W = v.top + S.y, P = v.left + S.x;
+          let Z = W + 2, J = P + v.width - x - 2;
+          (v.width < x + 4 || v.height < E + 4) && (Z = W - E - 2, J = P + v.width - x, J < S.x && (J = P)), Z = Math.max(0, Math.min(Z, window.innerHeight - E)), J = Math.max(0, Math.min(J, window.innerWidth - x)), c.style.top = `${Z}px`, c.style.left = `${J}px`, c.style.display = "block";
         } else c && (c.style.display = "none");
       }, 16);
-      return window.addEventListener("scroll", it, !0), window.addEventListener("resize", it), M = () => {
-        window.removeEventListener("scroll", it, !0), window.removeEventListener("resize", it), a.forEach((I) => I.element.remove()), c && c.remove();
-      }, m.appendChild(B), o + 1;
+      return window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), I = () => {
+        window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j), a.forEach((k) => k.element.remove()), c && c.remove();
+      }, m.appendChild(V), o + 1;
     } finally {
-      M && (window._highlightCleanupFunctions = window._highlightCleanupFunctions || []).push(
-        M
+      I && (window._highlightCleanupFunctions = window._highlightCleanupFunctions || []).push(
+        I
       );
     }
   }
-  function D(t) {
+  function B(t) {
     if (!t || t.nodeType !== Node.ELEMENT_NODE)
       return null;
-    const o = F(t);
+    const o = D(t);
     if (!o) return null;
     const p = o.display;
     if (p === "inline" || p === "inline-block")
@@ -344,19 +346,19 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
     const a = o.overflowX, c = o.overflowY, x = a === "auto" || a === "scroll", E = c === "auto" || c === "scroll";
     if (!x && !E)
       return null;
-    const M = t.scrollWidth - t.clientWidth, m = t.scrollHeight - t.clientHeight, L = 4;
-    if (M < L && m < L || !E && M < L || !x && m < L)
+    const I = t.scrollWidth - t.clientWidth, m = t.scrollHeight - t.clientHeight, $ = 4;
+    if (I < $ && m < $ || !E && I < $ || !x && m < $)
       return null;
-    const A = t.scrollTop, g = t.scrollLeft, y = t.scrollWidth - t.clientWidth - t.scrollLeft, k = t.scrollHeight - t.clientHeight - t.scrollTop, S = {
+    const A = t.scrollTop, g = t.scrollLeft, y = t.scrollWidth - t.clientWidth - t.scrollLeft, C = t.scrollHeight - t.clientHeight - t.scrollTop, M = {
       top: A,
       right: y,
-      bottom: k,
+      bottom: C,
       left: g
     };
     return u(t, {
       scrollable: !0,
-      scrollData: S
-    }), S;
+      scrollData: M
+    }), M;
   }
   function _(t) {
     try {
@@ -394,14 +396,14 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
           checkVisibilityCSS: !0
         });
       } catch {
-        const M = window.getComputedStyle(x);
-        return M.display !== "none" && M.visibility !== "hidden" && M.opacity !== "0";
+        const I = window.getComputedStyle(x);
+        return I.display !== "none" && I.visibility !== "hidden" && I.opacity !== "0";
       }
     } catch (o) {
       return console.warn("Error checking text node visibility:", o), !1;
     }
   }
-  function rt(t) {
+  function ot(t) {
     if (!t || !t.tagName) return !1;
     const o = /* @__PURE__ */ new Set([
       "body",
@@ -423,17 +425,17 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       "template"
     ])).has(p);
   }
-  function U(t) {
-    const o = F(t);
+  function X(t) {
+    const o = D(t);
     return t.offsetWidth > 0 && t.offsetHeight > 0 && (o == null ? void 0 : o.visibility) !== "hidden" && (o == null ? void 0 : o.display) !== "none";
   }
-  function C(t) {
-    var k, S;
+  function L(t) {
+    var C, M;
     if (!t || t.nodeType !== Node.ELEMENT_NODE || n.includes(t))
       return !1;
     if (s.includes(t))
       return !0;
-    const o = t.tagName.toLowerCase(), p = F(t), a = /* @__PURE__ */ new Set([
+    const o = t.tagName.toLowerCase(), p = D(t), a = /* @__PURE__ */ new Set([
       "pointer",
       // Link/clickable elements
       "move",
@@ -510,12 +512,12 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       // 'default',     // Default cursor
       // 'auto',        // Browser default
     ]);
-    function x(B) {
-      return B.tagName.toLowerCase() === "html" ? !1 : !!(p != null && p.cursor && a.has(p.cursor));
+    function x(V) {
+      return V.tagName.toLowerCase() === "html" ? !1 : !!(p != null && p.cursor && a.has(p.cursor));
     }
     if (x(t))
       return !0;
-    const M = /* @__PURE__ */ new Set([
+    const I = /* @__PURE__ */ new Set([
       "a",
       // Links
       "button",
@@ -554,15 +556,15 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       // 'tabindex="-1"',     // Removed from tab order
       // 'aria-hidden="true"' // Hidden from screen readers
     ]);
-    if (M.has(o)) {
+    if (I.has(o)) {
       if (p != null && p.cursor && c.has(p.cursor))
         return !1;
-      for (const B of m)
-        if (t.hasAttribute(B) || t.getAttribute(B) === "true" || t.getAttribute(B) === "")
+      for (const V of m)
+        if (t.hasAttribute(V) || t.getAttribute(V) === "true" || t.getAttribute(V) === "")
           return !1;
       return !(t.disabled || t.readOnly || t.inert);
     }
-    const L = t.getAttribute("role"), A = t.getAttribute("aria-role");
+    const $ = t.getAttribute("role"), A = t.getAttribute("aria-role");
     if (t.getAttribute("contenteditable") === "true" || t.isContentEditable || t.classList && (t.classList.contains("button") || t.classList.contains("dropdown-toggle") || t.getAttribute("data-index") || t.getAttribute("data-toggle") === "dropdown" || t.getAttribute("aria-haspopup") === "true"))
       return !0;
     const g = /* @__PURE__ */ new Set([
@@ -604,17 +606,17 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       "scrollbar"
       // Scrollable control
     ]);
-    if (M.has(o) || L && g.has(L) || A && g.has(A)) return !0;
+    if (I.has(o) || $ && g.has($) || A && g.has(A)) return !0;
     try {
       if (typeof getEventListeners == "function") {
-        const Y = getEventListeners(t), Z = ["click", "mousedown", "mouseup", "dblclick"];
-        for (const j of Z)
-          if (Y[j] && Y[j].length > 0)
+        const q = getEventListeners(t), nt = ["click", "mousedown", "mouseup", "dblclick"];
+        for (const j of nt)
+          if (q[j] && q[j].length > 0)
             return !0;
       }
-      const B = ((S = (k = t == null ? void 0 : t.ownerDocument) == null ? void 0 : k.defaultView) == null ? void 0 : S.getEventListenersForNode) || window.getEventListenersForNode;
-      if (typeof B == "function") {
-        const Y = B(t), Z = [
+      const V = ((M = (C = t == null ? void 0 : t.ownerDocument) == null ? void 0 : C.defaultView) == null ? void 0 : M.getEventListenersForNode) || window.getEventListenersForNode;
+      if (typeof V == "function") {
+        const q = V(t), nt = [
           "click",
           "mousedown",
           "mouseup",
@@ -626,23 +628,23 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
           "focus",
           "blur"
         ];
-        for (const j of Z)
-          for (const J of Y)
-            if (J.type === j)
+        for (const j of nt)
+          for (const k of q)
+            if (k.type === j)
               return !0;
       }
       const G = ["onclick", "onmousedown", "onmouseup", "ondblclick"];
-      for (const Y of G)
-        if (t.hasAttribute(Y) || typeof t[Y] == "function")
+      for (const q of G)
+        if (t.hasAttribute(q) || typeof t[q] == "function")
           return !0;
     } catch {
     }
-    return !!D(t);
+    return !!B(t);
   }
-  function ot(t) {
+  function et(t) {
     if (l === -1)
       return !0;
-    const o = P(t);
+    const o = z(t);
     if (!o || o.length === 0)
       return !1;
     let p = !1;
@@ -661,9 +663,9 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       return !1;
     const x = t.getRootNode();
     if (x instanceof ShadowRoot) {
-      const m = c.left + c.width / 2, L = c.top + c.height / 2;
+      const m = c.left + c.width / 2, $ = c.top + c.height / 2;
       try {
-        const A = x.elementFromPoint(m, L);
+        const A = x.elementFromPoint(m, $);
         if (!A) return !1;
         let g = A;
         for (; g && g !== x; ) {
@@ -685,9 +687,9 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       // { x: rect.left + margin, y: rect.bottom - margin },  // bottom left
       { x: c.right - E, y: c.bottom - E }
       // bottom right
-    ].some(({ x: m, y: L }) => {
+    ].some(({ x: m, y: $ }) => {
       try {
-        const A = document.elementFromPoint(m, L);
+        const A = document.elementFromPoint(m, $);
         if (!A) return !1;
         let g = A;
         for (; g && g !== document.documentElement; ) {
@@ -700,12 +702,12 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       }
     });
   }
-  function st(t, o) {
+  function it(t, o) {
     if (o === -1)
       return !0;
     const p = t.getClientRects();
     if (!p || p.length === 0) {
-      const a = T(t);
+      const a = N(t);
       return !a || a.width === 0 || a.height === 0 ? !1 : !(a.bottom < -o || a.top > window.innerHeight + o || a.right < -o || a.left > window.innerWidth + o);
     }
     for (const a of p)
@@ -713,7 +715,7 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
         return !0;
     return !1;
   }
-  function W(t) {
+  function F(t) {
     if (!t || t.nodeType !== Node.ELEMENT_NODE) return !1;
     const o = t.tagName.toLowerCase();
     return (/* @__PURE__ */ new Set([
@@ -727,7 +729,7 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       "label"
     ])).has(o) ? !0 : t.hasAttribute("onclick") || t.hasAttribute("role") || t.hasAttribute("tabindex") || t.hasAttribute("aria-") || t.hasAttribute("data-action") || t.getAttribute("contenteditable") === "true";
   }
-  const X = /* @__PURE__ */ new Set([
+  const Y = /* @__PURE__ */ new Set([
     "a",
     "button",
     "input",
@@ -737,7 +739,7 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
     "details",
     "label",
     "option"
-  ]), Q = /* @__PURE__ */ new Set([
+  ]), K = /* @__PURE__ */ new Set([
     "button",
     "link",
     "menuitem",
@@ -756,24 +758,24 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
     "option",
     "scrollbar"
   ]);
-  function nt(t) {
-    if (!t || t.nodeType !== Node.ELEMENT_NODE || !U(t)) return !1;
+  function tt(t) {
+    if (!t || t.nodeType !== Node.ELEMENT_NODE || !X(t)) return !1;
     const o = t.hasAttribute("role") || t.hasAttribute("tabindex") || t.hasAttribute("onclick") || typeof t.onclick == "function", p = /\b(btn|clickable|menu|item|entry|link)\b/i.test(
       t.className || ""
-    ), a = !!t.closest('button,a,[role="button"],.menu,.dropdown,.list,.toolbar'), c = [...t.children].some(U), x = t.parentElement && t.parentElement.isSameNode(document.body);
-    return (C(t) || o || p) && c && a && !x;
+    ), a = !!t.closest('button,a,[role="button"],.menu,.dropdown,.list,.toolbar'), c = [...t.children].some(X), x = t.parentElement && t.parentElement.isSameNode(document.body);
+    return (L(t) || o || p) && c && a && !x;
   }
-  function lt(t) {
+  function rt(t) {
     var a, c;
     if (!t || t.nodeType !== Node.ELEMENT_NODE)
       return !1;
     const o = t.tagName.toLowerCase(), p = t.getAttribute("role");
-    if (o === "iframe" || X.has(o) || p && Q.has(p) || t.isContentEditable || t.getAttribute("contenteditable") === "true" || t.hasAttribute("data-testid") || t.hasAttribute("data-cy") || t.hasAttribute("data-test") || t.hasAttribute("onclick") || typeof t.onclick == "function")
+    if (o === "iframe" || Y.has(o) || p && K.has(p) || t.isContentEditable || t.getAttribute("contenteditable") === "true" || t.hasAttribute("data-testid") || t.hasAttribute("data-cy") || t.hasAttribute("data-test") || t.hasAttribute("onclick") || typeof t.onclick == "function")
       return !0;
     try {
       const x = ((c = (a = t == null ? void 0 : t.ownerDocument) == null ? void 0 : a.defaultView) == null ? void 0 : c.getEventListenersForNode) || window.getEventListenersForNode;
       if (typeof x == "function") {
-        const M = x(t), m = [
+        const I = x(t), m = [
           "click",
           "mousedown",
           "mouseup",
@@ -785,9 +787,9 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
           "focus",
           "blur"
         ];
-        for (const L of m)
-          for (const A of M)
-            if (A.type === L)
+        for (const $ of m)
+          for (const A of I)
+            if (A.type === $)
               return !0;
       }
       if ([
@@ -800,20 +802,20 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
         "oninput",
         "onfocus",
         "onblur"
-      ].some((M) => t.hasAttribute(M)))
+      ].some((I) => t.hasAttribute(I)))
         return !0;
     } catch {
     }
-    return !!nt(t);
+    return !!tt(t);
   }
-  function ct(t, o, p, a) {
+  function st(t, o, p, a) {
     if (!t.isInteractive) return !1;
     let c = !1;
-    return a ? lt(o) ? c = !0 : c = !1 : c = !0, c && (t.isInViewport = st(o, l), (t.isInViewport || l === -1) && (t.highlightIndex = v++, d)) ? (r >= 0 ? r === t.highlightIndex && H(o, t.highlightIndex, p) : H(o, t.highlightIndex, p), !0) : !1;
+    return a ? rt(o) ? c = !0 : c = !1 : c = !0, c && (t.isInViewport = it(o, l), (t.isInViewport || l === -1) && (t.highlightIndex = T++, d)) ? (r >= 0 ? r === t.highlightIndex && H(o, t.highlightIndex, p) : H(o, t.highlightIndex, p), !0) : !1;
   }
-  function tt(t, o = null, p = !1) {
-    var E, M, m, L, A;
-    if (!t || t.id === z || t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.TEXT_NODE || !t || t.id === z || ((E = t.dataset) == null ? void 0 : E.browserUseIgnore) === "true" || t.getAttribute && t.getAttribute("aria-hidden") === "true")
+  function Q(t, o = null, p = !1) {
+    var E, I, m, $, A;
+    if (!t || t.id === U || t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.TEXT_NODE || !t || t.id === U || ((E = t.dataset) == null ? void 0 : E.browserUseIgnore) === "true" || t.getAttribute && t.getAttribute("aria-hidden") === "true")
       return null;
     if (t === document.body) {
       const g = {
@@ -822,9 +824,9 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
         xpath: "/body",
         children: []
       };
-      for (const k of t.childNodes) {
-        const S = tt(k, o, !1);
-        S && g.children.push(S);
+      for (const C of t.childNodes) {
+        const M = Q(C, o, !1);
+        M && g.children.push(M);
       }
       const y = `${R.current++}`;
       return O[y] = g, y;
@@ -832,24 +834,24 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
     if (t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.TEXT_NODE)
       return null;
     if (t.nodeType === Node.TEXT_NODE) {
-      const g = (M = t.textContent) == null ? void 0 : M.trim();
+      const g = (I = t.textContent) == null ? void 0 : I.trim();
       if (!g)
         return null;
       const y = t.parentElement;
       if (!y || y.tagName.toLowerCase() === "script")
         return null;
-      const k = `${R.current++}`;
-      return O[k] = {
+      const C = `${R.current++}`;
+      return O[C] = {
         type: "TEXT_NODE",
         text: g,
         isVisible: _(t)
-      }, k;
+      }, C;
     }
-    if (t.nodeType === Node.ELEMENT_NODE && !rt(t))
+    if (t.nodeType === Node.ELEMENT_NODE && !ot(t))
       return null;
     if (l !== -1 && !t.shadowRoot) {
-      const g = T(t), y = F(t), k = y && (y.position === "fixed" || y.position === "sticky"), S = t.offsetWidth > 0 || t.offsetHeight > 0;
-      if (!g || !k && !S && (g.bottom < -l || g.top > window.innerHeight + l || g.right < -l || g.left > window.innerWidth + l))
+      const g = N(t), y = D(t), C = y && (y.position === "fixed" || y.position === "sticky"), M = t.offsetWidth > 0 || t.offsetHeight > 0;
+      if (!g || !C && !M && (g.bottom < -l || g.top > window.innerHeight + l || g.right < -l || g.left > window.innerWidth + l))
         return null;
     }
     const a = {
@@ -861,63 +863,63 @@ const VIEWPORT_EXPANSION = -1, domTree = (e = {
       // xpath: getXPathTree(node, true),
       children: []
     };
-    if (W(t) || t.tagName.toLowerCase() === "iframe" || t.tagName.toLowerCase() === "body") {
+    if (F(t) || t.tagName.toLowerCase() === "iframe" || t.tagName.toLowerCase() === "body") {
       const g = ((m = t.getAttributeNames) == null ? void 0 : m.call(t)) || [];
       for (const y of g) {
-        const k = t.getAttribute(y);
-        a.attributes[y] = k;
+        const C = t.getAttribute(y);
+        a.attributes[y] = C;
       }
       t.tagName.toLowerCase() === "input" && (t.type === "checkbox" || t.type === "radio") && (a.attributes.checked = t.checked ? "true" : "false");
     }
     let c = !1;
-    if (t.nodeType === Node.ELEMENT_NODE && (a.isVisible = U(t), a.isVisible)) {
-      a.isTopElement = ot(t);
+    if (t.nodeType === Node.ELEMENT_NODE && (a.isVisible = X(t), a.isVisible)) {
+      a.isTopElement = et(t);
       const g = t.getAttribute("role"), y = g === "menu" || g === "menubar" || g === "listbox";
-      (a.isTopElement || y) && (a.isInteractive = C(t), c = ct(a, t, o, p), a.ref = t);
+      (a.isTopElement || y) && (a.isInteractive = L(t), c = st(a, t, o, p), a.ref = t);
     }
     if (t.tagName) {
       const g = t.tagName.toLowerCase();
       if (g === "iframe")
         try {
-          const y = t.contentDocument || ((L = t.contentWindow) == null ? void 0 : L.document);
+          const y = t.contentDocument || (($ = t.contentWindow) == null ? void 0 : $.document);
           if (y)
-            for (const k of y.childNodes) {
-              const S = tt(k, t, !1);
-              S && a.children.push(S);
+            for (const C of y.childNodes) {
+              const M = Q(C, t, !1);
+              M && a.children.push(M);
             }
         } catch (y) {
           console.warn("Unable to access iframe:", y);
         }
       else if (t.isContentEditable || t.getAttribute("contenteditable") === "true" || t.id === "tinymce" || t.classList.contains("mce-content-body") || g === "body" && ((A = t.getAttribute("data-id")) != null && A.startsWith("mce_")))
         for (const y of t.childNodes) {
-          const k = tt(y, o, c);
-          k && a.children.push(k);
+          const C = Q(y, o, c);
+          C && a.children.push(C);
         }
       else {
         if (t.shadowRoot) {
           a.shadowRoot = !0;
           for (const y of t.shadowRoot.childNodes) {
-            const k = tt(y, o, c);
-            k && a.children.push(k);
+            const C = Q(y, o, c);
+            C && a.children.push(C);
           }
         }
         for (const y of t.childNodes) {
-          const S = tt(y, o, c || p);
-          S && a.children.push(S);
+          const M = Q(y, o, c || p);
+          M && a.children.push(M);
         }
       }
     }
     if (a.tagName === "a" && a.children.length === 0 && !a.attributes.href) {
-      const g = T(t);
+      const g = N(t);
       if (!(g && g.width > 0 && g.height > 0 || t.offsetWidth > 0 || t.offsetHeight > 0))
         return null;
     }
-    a.extra = w.get(t) || null;
+    a.extra = b.get(t) || null;
     const x = `${R.current++}`;
     return O[x] = a, x;
   }
-  const at = tt(document.body);
-  return f.clearCache(), { rootId: at, map: O };
+  const lt = Q(document.body);
+  return f.clearCache(), { rootId: lt, map: O };
 }, newElementsCache = /* @__PURE__ */ new WeakMap();
 function getFlatTree(e) {
   const n = [];
@@ -935,12 +937,12 @@ function getFlatTree(e) {
     interactiveWhitelist: s,
     highlightOpacity: e.highlightOpacity ?? 0,
     highlightLabelOpacity: e.highlightLabelOpacity ?? 0.1
-  }), b = window.location.href;
+  }), w = window.location.href;
   for (const d in i.map) {
     const r = i.map[d];
     if (r.isInteractive && r.ref) {
       const l = r.ref;
-      newElementsCache.has(l) || (newElementsCache.set(l, b), r.isNew = !0);
+      newElementsCache.has(l) || (newElementsCache.set(l, w), r.isNew = !0);
     }
   }
   return i;
@@ -969,43 +971,43 @@ function flatTreeToString(e, n) {
     "aria-haspopup",
     "aria-controls",
     "aria-owns"
-  ], i = [...n || [], ...s], b = (u, f) => u.length > f ? u.substring(0, f) + "..." : u, d = (u) => {
+  ], i = [...n || [], ...s], w = (u, f) => u.length > f ? u.substring(0, f) + "..." : u, d = (u) => {
     const f = e.map[u];
     if (!f) return null;
     if (f.type === "TEXT_NODE") {
-      const T = f;
+      const N = f;
       return {
         type: "text",
-        text: T.text,
-        isVisible: T.isVisible,
+        text: N.text,
+        isVisible: N.isVisible,
         parent: null,
         children: []
       };
     } else {
-      const T = f, F = [];
-      if (T.children)
-        for (const P of T.children) {
-          const O = d(P);
-          O && (O.parent = null, F.push(O));
+      const N = f, D = [];
+      if (N.children)
+        for (const z of N.children) {
+          const O = d(z);
+          O && (O.parent = null, D.push(O));
         }
       return {
         type: "element",
-        tagName: T.tagName,
-        attributes: T.attributes ?? {},
-        isVisible: T.isVisible ?? !1,
-        isInteractive: T.isInteractive ?? !1,
-        isTopElement: T.isTopElement ?? !1,
-        isNew: T.isNew ?? !1,
-        highlightIndex: T.highlightIndex,
+        tagName: N.tagName,
+        attributes: N.attributes ?? {},
+        isVisible: N.isVisible ?? !1,
+        isInteractive: N.isInteractive ?? !1,
+        isTopElement: N.isTopElement ?? !1,
+        isNew: N.isNew ?? !1,
+        highlightIndex: N.highlightIndex,
         parent: null,
-        children: F,
-        extra: T.extra ?? {}
+        children: D,
+        extra: N.extra ?? {}
       };
     }
   }, r = (u, f = null) => {
     u.parent = f;
-    for (const T of u.children)
-      r(T, u);
+    for (const N of u.children)
+      r(N, u);
   }, l = d(e.rootId);
   if (!l) return "";
   r(l);
@@ -1017,67 +1019,67 @@ function flatTreeToString(e, n) {
       f = f.parent;
     }
     return !1;
-  }, v = (u, f, T) => {
-    var O, R, z, H;
-    let F = f;
-    const P = "	".repeat(f);
+  }, T = (u, f, N) => {
+    var O, R, U, H;
+    let D = f;
+    const z = "	".repeat(f);
     if (u.type === "element") {
       if (u.highlightIndex !== void 0) {
-        F += 1;
-        const D = getAllTextTillNextClickableElement(u);
+        D += 1;
+        const B = getAllTextTillNextClickableElement(u);
         let _ = "";
         if (i.length > 0 && u.attributes) {
-          const C = {};
-          for (const W of i) {
-            const X = u.attributes[W];
-            X && X.trim() !== "" && (C[W] = X.trim());
+          const L = {};
+          for (const F of i) {
+            const Y = u.attributes[F];
+            Y && Y.trim() !== "" && (L[F] = Y.trim());
           }
-          const ot = i.filter((W) => W in C);
-          if (ot.length > 1) {
-            const W = /* @__PURE__ */ new Set(), X = {};
-            for (const Q of ot) {
-              const nt = C[Q];
-              nt.length > 5 && (nt in X ? W.add(Q) : X[nt] = Q);
+          const et = i.filter((F) => F in L);
+          if (et.length > 1) {
+            const F = /* @__PURE__ */ new Set(), Y = {};
+            for (const K of et) {
+              const tt = L[K];
+              tt.length > 5 && (tt in Y ? F.add(K) : Y[tt] = K);
             }
-            for (const Q of W)
-              delete C[Q];
+            for (const K of F)
+              delete L[K];
           }
-          C.role === u.tagName && delete C.role;
-          const st = ["aria-label", "placeholder", "title"];
-          for (const W of st)
-            C[W] && C[W].toLowerCase().trim() === D.toLowerCase().trim() && delete C[W];
-          Object.keys(C).length > 0 && (_ = Object.entries(C).map(([W, X]) => `${W}=${b(X, 20)}`).join(" "));
+          L.role === u.tagName && delete L.role;
+          const it = ["aria-label", "placeholder", "title"];
+          for (const F of it)
+            L[F] && L[F].toLowerCase().trim() === B.toLowerCase().trim() && delete L[F];
+          Object.keys(L).length > 0 && (_ = Object.entries(L).map(([F, Y]) => `${F}=${w(Y, 20)}`).join(" "));
         }
-        const rt = u.isNew ? `*[${u.highlightIndex}]` : `[${u.highlightIndex}]`;
-        let U = `${P}${rt}<${u.tagName ?? ""}`;
-        if (_ && (U += ` ${_}`), u.extra && u.extra.scrollable) {
-          let C = "";
-          (O = u.extra.scrollData) != null && O.left && (C += `left=${u.extra.scrollData.left}, `), (R = u.extra.scrollData) != null && R.top && (C += `top=${u.extra.scrollData.top}, `), (z = u.extra.scrollData) != null && z.right && (C += `right=${u.extra.scrollData.right}, `), (H = u.extra.scrollData) != null && H.bottom && (C += `bottom=${u.extra.scrollData.bottom}`), U += ` data-scrollable="${C}"`;
+        const ot = u.isNew ? `*[${u.highlightIndex}]` : `[${u.highlightIndex}]`;
+        let X = `${z}${ot}<${u.tagName ?? ""}`;
+        if (_ && (X += ` ${_}`), u.extra && u.extra.scrollable) {
+          let L = "";
+          (O = u.extra.scrollData) != null && O.left && (L += `left=${u.extra.scrollData.left}, `), (R = u.extra.scrollData) != null && R.top && (L += `top=${u.extra.scrollData.top}, `), (U = u.extra.scrollData) != null && U.right && (L += `right=${u.extra.scrollData.right}, `), (H = u.extra.scrollData) != null && H.bottom && (L += `bottom=${u.extra.scrollData.bottom}`), X += ` data-scrollable="${L}"`;
         }
-        if (D) {
-          const C = D.trim();
-          _ || (U += " "), U += `>${C}`;
-        } else _ || (U += " ");
-        U += " />", T.push(U);
+        if (B) {
+          const L = B.trim();
+          _ || (X += " "), X += `>${L}`;
+        } else _ || (X += " ");
+        X += " />", N.push(X);
       }
-      for (const D of u.children)
-        v(D, F, T);
+      for (const B of u.children)
+        T(B, D, N);
     } else if (u.type === "text") {
       if (h(u))
         return;
-      u.parent && u.parent.type === "element" && u.parent.isVisible && u.parent.isTopElement && T.push(`${P}${u.text ?? ""}`);
+      u.parent && u.parent.type === "element" && u.parent.isVisible && u.parent.isTopElement && N.push(`${z}${u.text ?? ""}`);
     }
-  }, w = [];
-  return v(l, 0, w), w.join(`
+  }, b = [];
+  return T(l, 0, b), b.join(`
 `);
 }
 const getAllTextTillNextClickableElement = (e, n = -1) => {
-  const s = [], i = (b, d) => {
-    if (!(n !== -1 && d > n) && !(b.type === "element" && b !== e && b.highlightIndex !== void 0)) {
-      if (b.type === "text" && b.text)
-        s.push(b.text);
-      else if (b.type === "element")
-        for (const r of b.children)
+  const s = [], i = (w, d) => {
+    if (!(n !== -1 && d > n) && !(w.type === "element" && w !== e && w.highlightIndex !== void 0)) {
+      if (w.type === "text" && w.text)
+        s.push(w.text);
+      else if (w.type === "element")
+        for (const r of w.children)
           i(r, d + 1);
     }
   };
@@ -1087,8 +1089,8 @@ const getAllTextTillNextClickableElement = (e, n = -1) => {
 function getSelectorMap(e) {
   const n = /* @__PURE__ */ new Map(), s = Object.keys(e.map);
   for (const i of s) {
-    const b = e.map[i];
-    b.isInteractive && typeof b.highlightIndex == "number" && n.set(b.highlightIndex, b);
+    const w = e.map[i];
+    w.isInteractive && typeof w.highlightIndex == "number" && n.set(w.highlightIndex, w);
   }
   return n;
 }
@@ -1134,7 +1136,7 @@ function getPageInfo() {
   const e = window.innerWidth, n = window.innerHeight, s = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth || 0), i = Math.max(
     document.documentElement.scrollHeight,
     document.body.scrollHeight || 0
-  ), b = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0, d = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0, r = Math.max(0, i - (window.innerHeight + d)), l = Math.max(0, s - (window.innerWidth + b));
+  ), w = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0, d = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0, r = Math.max(0, i - (window.innerHeight + d)), l = Math.max(0, s - (window.innerWidth + w));
   return {
     // Current viewport dimensions
     viewport_width: e,
@@ -1143,7 +1145,7 @@ function getPageInfo() {
     page_width: s,
     page_height: i,
     // Current scroll position
-    scroll_x: b,
+    scroll_x: w,
     scroll_y: d,
     pixels_above: d,
     pixels_below: r,
@@ -1151,7 +1153,7 @@ function getPageInfo() {
     pages_below: n > 0 ? r / n : 0,
     total_pages: n > 0 ? i / n : 0,
     current_page_position: d / Math.max(1, i - n),
-    pixels_left: b,
+    pixels_left: w,
     pixels_right: l
   };
 }
@@ -1171,7 +1173,7 @@ class PageController extends EventTarget {
    */
   initMask() {
     this.maskReady === null && (this.maskReady = (async () => {
-      const { SimulatorMask: e } = await import("./SimulatorMask-CgaoHOve.js");
+      const { SimulatorMask: e } = await import("./SimulatorMask-74sRLkJv.js");
       this.mask = new e();
     })());
   }
@@ -1195,13 +1197,13 @@ class PageController extends EventTarget {
   async getBrowserState() {
     const e = window.location.href, n = document.title, s = getPageInfo(), i = this.config.viewportExpansion ?? VIEWPORT_EXPANSION;
     await this.updateTree();
-    const b = this.simplifiedHTML, d = `Current Page: [${n}](${e})`, r = `Page info: ${s.viewport_width}x${s.viewport_height}px viewport, ${s.page_width}x${s.page_height}px total page size, ${s.pages_above.toFixed(1)} pages above, ${s.pages_below.toFixed(1)} pages below, ${s.total_pages.toFixed(1)} total pages, at ${(s.current_page_position * 100).toFixed(0)}% of page`, l = i === -1 ? "Interactive elements from top layer of the current page (full page):" : "Interactive elements from top layer of the current page inside the viewport:", v = s.pixels_above > 4 && i !== -1 ? `... ${s.pixels_above} pixels above (${s.pages_above.toFixed(1)} pages) - scroll to see more ...` : "[Start of page]", w = `${d}
+    const w = this.simplifiedHTML, d = `Current Page: [${n}](${e})`, r = `Page info: ${s.viewport_width}x${s.viewport_height}px viewport, ${s.page_width}x${s.page_height}px total page size, ${s.pages_above.toFixed(1)} pages above, ${s.pages_below.toFixed(1)} pages below, ${s.total_pages.toFixed(1)} total pages, at ${(s.current_page_position * 100).toFixed(0)}% of page`, l = i === -1 ? "Interactive elements from top layer of the current page (full page):" : "Interactive elements from top layer of the current page inside the viewport:", T = s.pixels_above > 4 && i !== -1 ? `... ${s.pixels_above} pixels above (${s.pages_above.toFixed(1)} pages) - scroll to see more ...` : "[Start of page]", b = `${d}
 ${r}
 
 ${l}
 
-${v}`, f = s.pixels_below > 4 && i !== -1 ? `... ${s.pixels_below} pixels below (${s.pages_below.toFixed(1)} pages) - scroll to see more ...` : "[End of page]";
-    return { url: e, title: n, header: w, content: b, footer: f };
+${T}`, f = s.pixels_below > 4 && i !== -1 ? `... ${s.pixels_below} pixels below (${s.pages_below.toFixed(1)} pages) - scroll to see more ...` : "[End of page]";
+    return { url: e, title: n, header: b, content: w, footer: f };
   }
   // ======= DOM Tree Operations =======
   /**
@@ -1297,9 +1299,9 @@ ${v}`, f = s.pixels_below > 4 && i !== -1 ? `... ${s.pixels_below} pixels below
    */
   async scroll(e) {
     try {
-      const { down: n, numPages: s, pixels: i, index: b } = e;
+      const { down: n, numPages: s, pixels: i, index: w } = e;
       this.assertIndexed();
-      const d = i ?? s * (n ? 1 : -1) * window.innerHeight, r = b !== void 0 ? getElementByIndex(this.selectorMap, b) : null;
+      const d = i ?? s * (n ? 1 : -1) * window.innerHeight, r = w !== void 0 ? getElementByIndex(this.selectorMap, w) : null;
       return {
         success: !0,
         message: await scrollVertically(n, d, r)
@@ -1318,10 +1320,10 @@ ${v}`, f = s.pixels_below > 4 && i !== -1 ? `... ${s.pixels_below} pixels below
     try {
       const { right: n, pixels: s, index: i } = e;
       this.assertIndexed();
-      const b = s * (n ? 1 : -1), d = i !== void 0 ? getElementByIndex(this.selectorMap, i) : null;
+      const w = s * (n ? 1 : -1), d = i !== void 0 ? getElementByIndex(this.selectorMap, i) : null;
       return {
         success: !0,
-        message: await scrollHorizontally(n, b, d)
+        message: await scrollHorizontally(n, w, d)
       };
     } catch (n) {
       return {