@usecrow/client 0.1.33 → 0.1.34

package/dist/PageController-BweWYS-Z.js

@@ -0,0 +1,1385 @@
+async function waitFor(e) {
+  await new Promise((n) => setTimeout(n, e * 1e3));
+}
+async function movePointerToElement(e) {
+  const n = e.getBoundingClientRect(), s = n.left + n.width / 2, o = n.top + n.height / 2;
+  window.dispatchEvent(new CustomEvent("PageAgent::MovePointerTo", { detail: { x: s, y: o } })), await waitFor(0.3);
+}
+function getElementByIndex(e, n) {
+  const s = e.get(n);
+  if (!s)
+    throw new Error(`No interactive element found at index ${n}`);
+  const o = s.ref;
+  if (!o)
+    throw new Error(`Element at index ${n} does not have a reference`);
+  if (!(o instanceof HTMLElement))
+    throw new Error(`Element at index ${n} is not an HTMLElement`);
+  return o;
+}
+let lastClickedElement = null;
+function blurLastClickedElement() {
+  lastClickedElement && (lastClickedElement.blur(), lastClickedElement.dispatchEvent(
+    new MouseEvent("mouseout", { bubbles: !0, cancelable: !0 })
+  ), lastClickedElement = null);
+}
+async function clickElement(e) {
+  blurLastClickedElement(), lastClickedElement = e, await scrollIntoViewIfNeeded(e), await movePointerToElement(e), window.dispatchEvent(new CustomEvent("PageAgent::ClickPointer")), await waitFor(0.1), e.dispatchEvent(new MouseEvent("mouseenter", { bubbles: !0, cancelable: !0 })), e.dispatchEvent(new MouseEvent("mouseover", { bubbles: !0, cancelable: !0 })), e.dispatchEvent(new MouseEvent("mousedown", { bubbles: !0, cancelable: !0 })), e.focus(), e.dispatchEvent(new MouseEvent("mouseup", { bubbles: !0, cancelable: !0 })), e.dispatchEvent(new MouseEvent("click", { bubbles: !0, cancelable: !0 })), await waitFor(0.1);
+}
+let _nativeInputValueSetter, _nativeTextAreaValueSetter;
+function getNativeInputValueSetter() {
+  return _nativeInputValueSetter || (_nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+    window.HTMLInputElement.prototype,
+    "value"
+  ).set), _nativeInputValueSetter;
+}
+function getNativeTextAreaValueSetter() {
+  return _nativeTextAreaValueSetter || (_nativeTextAreaValueSetter = Object.getOwnPropertyDescriptor(
+    window.HTMLTextAreaElement.prototype,
+    "value"
+  ).set), _nativeTextAreaValueSetter;
+}
+async function inputTextElement(e, n) {
+  if (!(e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement))
+    throw new Error("Element is not an input or textarea");
+  await clickElement(e), e instanceof HTMLTextAreaElement ? getNativeTextAreaValueSetter().call(e, n) : getNativeInputValueSetter().call(e, n);
+  const s = new Event("input", { bubbles: !0 });
+  e.dispatchEvent(s), await waitFor(0.1), blurLastClickedElement();
+}
+async function selectOptionElement(e, n) {
+  if (!(e instanceof HTMLSelectElement))
+    throw new Error("Element is not a select element");
+  const o = Array.from(e.options).find((w) => {
+    var d;
+    return ((d = w.textContent) == null ? void 0 : d.trim()) === n.trim();
+  });
+  if (!o)
+    throw new Error(`Option with text "${n}" not found in select element`);
+  e.value = o.value, e.dispatchEvent(new Event("change", { bubbles: !0 })), await waitFor(0.1);
+}
+async function scrollIntoViewIfNeeded(e) {
+  const n = e;
+  n.scrollIntoViewIfNeeded ? n.scrollIntoViewIfNeeded() : n.scrollIntoView({ behavior: "auto", block: "center", inline: "nearest" });
+}
+async function scrollVertically(e, n, s) {
+  if (s) {
+    const l = s;
+    console.log(
+      "[SCROLL DEBUG] Starting direct container scroll for element:",
+      l.tagName
+    );
+    let h = l, T = !1, b = null, u = 0, f = 0;
+    const N = n;
+    for (; h && f < 10; ) {
+      const D = window.getComputedStyle(h), z = /(auto|scroll|overlay)/.test(D.overflowY), _ = h.scrollHeight > h.clientHeight;
+      if (console.log(
+        "[SCROLL DEBUG] Checking element:",
+        h.tagName,
+        "hasScrollableY:",
+        z,
+        "canScrollVertically:",
+        _,
+        "scrollHeight:",
+        h.scrollHeight,
+        "clientHeight:",
+        h.clientHeight
+      ), z && _) {
+        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 V = h.scrollTop, O = V - R;
+        if (console.log(
+          "[SCROLL DEBUG] Scroll attempt:",
+          h.tagName,
+          "before:",
+          R,
+          "after:",
+          V,
+          "delta:",
+          O
+        ), Math.abs(O) > 0.5) {
+          T = !0, b = h, u = O, console.log(
+            "[SCROLL DEBUG] Successfully scrolled container:",
+            h.tagName,
+            "delta:",
+            O
+          );
+          break;
+        }
+      }
+      if (h === document.body || h === document.documentElement)
+        break;
+      h = h.parentElement, f++;
+    }
+    return T ? `Scrolled container (${b == null ? void 0 : b.tagName}) by ${u}px` : `No scrollable container found for element (${l.tagName})`;
+  }
+  const o = 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, o);
+    const T = window.scrollY, b = T - l;
+    if (Math.abs(b) < 1)
+      return o > 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 = o > 0 && T >= h - 1, f = o < 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: o, behavior: "smooth" }), await waitFor(0.1);
+    const T = r.scrollTop, b = T - l;
+    if (Math.abs(b) < 1)
+      return o > 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 = o > 0 && T >= h - 1, f = o < 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) {
+  if (s) {
+    const l = s;
+    console.log(
+      "[SCROLL DEBUG] Starting direct container scroll for element:",
+      l.tagName
+    );
+    let h = l, T = !1, b = null, u = 0, f = 0;
+    const N = e ? n : -n;
+    for (; h && f < 10; ) {
+      const D = window.getComputedStyle(h), z = /(auto|scroll|overlay)/.test(D.overflowX), _ = h.scrollWidth > h.clientWidth;
+      if (console.log(
+        "[SCROLL DEBUG] Checking element:",
+        h.tagName,
+        "hasScrollableX:",
+        z,
+        "canScrollHorizontally:",
+        _,
+        "scrollWidth:",
+        h.scrollWidth,
+        "clientWidth:",
+        h.clientWidth
+      ), z && _) {
+        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 V = h.scrollLeft, O = V - R;
+        if (console.log(
+          "[SCROLL DEBUG] Scroll attempt:",
+          h.tagName,
+          "before:",
+          R,
+          "after:",
+          V,
+          "delta:",
+          O
+        ), Math.abs(O) > 0.5) {
+          T = !0, b = h, u = O, console.log(
+            "[SCROLL DEBUG] Successfully scrolled container:",
+            h.tagName,
+            "delta:",
+            O
+          );
+          break;
+        }
+      }
+      if (h === document.body || h === document.documentElement)
+        break;
+      h = h.parentElement, f++;
+    }
+    return T ? `Scrolled container (${b == null ? void 0 : b.tagName}) horizontally by ${u}px` : `No horizontally scrollable container found for element (${l.tagName})`;
+  }
+  const o = 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(o, 0);
+    const T = window.scrollX, b = T - l;
+    if (Math.abs(b) < 1)
+      return o > 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 = o > 0 && T >= h - 1, f = o < 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: o, behavior: "smooth" }), await waitFor(0.1);
+    const T = r.scrollLeft, b = T - l;
+    if (Math.abs(b) < 1)
+      return o > 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 = o > 0 && T >= h - 1, f = o < 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 = {
+  doHighlightElements: !0,
+  focusHighlightIndex: -1,
+  viewportExpansion: 0,
+  debugMode: !1,
+  /**
+   * @edit
+   */
+  /** @type {Element[]} */
+  interactiveBlacklist: [],
+  /** @type {Element[]} */
+  interactiveWhitelist: [],
+  highlightOpacity: 0.1,
+  highlightLabelOpacity: 0.5
+}) => {
+  const { interactiveBlacklist: n, interactiveWhitelist: s, highlightOpacity: o, highlightLabelOpacity: w } = e, { doHighlightElements: d, focusHighlightIndex: r, viewportExpansion: l, debugMode: h } = e;
+  let T = 0;
+  const b = /* @__PURE__ */ new WeakMap();
+  function u(t, i) {
+    !t || t.nodeType !== Node.ELEMENT_NODE || b.set(t, { ...b.get(t), ...i });
+  }
+  const f = {
+    boundingRects: /* @__PURE__ */ new WeakMap(),
+    clientRects: /* @__PURE__ */ new WeakMap(),
+    computedStyles: /* @__PURE__ */ new WeakMap(),
+    clearCache: () => {
+      f.boundingRects = /* @__PURE__ */ new WeakMap(), f.clientRects = /* @__PURE__ */ new WeakMap(), f.computedStyles = /* @__PURE__ */ new WeakMap();
+    }
+  };
+  function N(t) {
+    if (!t) return null;
+    if (f.boundingRects.has(t))
+      return f.boundingRects.get(t);
+    const i = t.getBoundingClientRect();
+    return i && f.boundingRects.set(t, i), i;
+  }
+  function D(t) {
+    if (!t) return null;
+    if (f.computedStyles.has(t))
+      return f.computedStyles.get(t);
+    const i = window.getComputedStyle(t);
+    return i && f.computedStyles.set(t, i), i;
+  }
+  function z(t) {
+    if (!t) return null;
+    if (f.clientRects.has(t))
+      return f.clientRects.get(t);
+    const i = t.getClientRects();
+    return i && f.clientRects.set(t, i), i;
+  }
+  const _ = {}, R = { current: 0 }, U = "playwright-highlight-container";
+  function H(t, i, p = null) {
+    if (!t) return i;
+    const c = [];
+    let a = null, x = 20, E = 16, I = null;
+    try {
+      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 A = t.getClientRects();
+      if (!A || A.length === 0) return i;
+      const $ = [
+        "#FF0000",
+        "#00FF00",
+        "#0000FF",
+        "#FFA500",
+        "#800080",
+        "#008080",
+        "#FF69B4",
+        "#4B0082",
+        "#FF4500",
+        "#2E8B57",
+        "#DC143C",
+        "#4682B4"
+      ], g = i % $.length;
+      let y = $[g];
+      const C = y + Math.floor(o * 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 S = p.getBoundingClientRect();
+        M.x = S.left, M.y = S.top;
+      }
+      const B = document.createDocumentFragment();
+      for (const S of A) {
+        if (S.width === 0 || S.height === 0) continue;
+        const k = document.createElement("div");
+        k.style.position = "fixed", k.style.border = `2px solid ${y}`, k.style.backgroundColor = C, k.style.pointerEvents = "none", k.style.boxSizing = "border-box";
+        const v = S.top + M.y, W = S.left + M.x;
+        k.style.top = `${v}px`, k.style.left = `${W}px`, k.style.width = `${S.width}px`, k.style.height = `${S.height}px`, B.appendChild(k), c.push({ element: k, initialRect: S });
+      }
+      const G = A[0];
+      if (w > 0) {
+        a = document.createElement("div"), a.className = "playwright-highlight-label", a.style.position = "fixed", a.style.background = y, a.style.color = "white", a.style.padding = "1px 4px", a.style.borderRadius = "4px", a.style.fontSize = `${Math.min(12, Math.max(8, G.height / 2))}px`, a.textContent = i.toString(), x = a.offsetWidth > 0 ? a.offsetWidth : x, E = a.offsetHeight > 0 ? a.offsetHeight : E;
+        const S = G.top + M.y, k = G.left + M.x;
+        let v = S + 2, W = k + G.width - x - 2;
+        (G.width < x + 4 || G.height < E + 4) && (v = S - E - 2, W = k + G.width - x, W < M.x && (W = k)), v = Math.max(0, Math.min(v, window.innerHeight - E)), W = Math.max(0, Math.min(W, window.innerWidth - x)), a.style.top = `${v}px`, a.style.left = `${W}px`, B.appendChild(a);
+      }
+      const j = ((S, k) => {
+        let v = 0;
+        return (...W) => {
+          const P = performance.now();
+          if (!(P - v < k))
+            return v = P, S(...W);
+        };
+      })(() => {
+        const S = t.getClientRects();
+        let k = { x: 0, y: 0 };
+        if (p) {
+          const v = p.getBoundingClientRect();
+          k.x = v.left, k.y = v.top;
+        }
+        if (c.forEach((v, W) => {
+          if (W < S.length) {
+            const P = S[W], Z = P.top + k.y, J = P.left + k.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
+            v.element.style.display = "none";
+        }), S.length < c.length)
+          for (let v = S.length; v < c.length; v++)
+            c[v].element.style.display = "none";
+        if (a && S.length > 0) {
+          const v = S[0], W = v.top + k.y, P = v.left + k.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 < k.x && (J = P)), Z = Math.max(0, Math.min(Z, window.innerHeight - E)), J = Math.max(0, Math.min(J, window.innerWidth - x)), a.style.top = `${Z}px`, a.style.left = `${J}px`, a.style.display = "block";
+        } else a && (a.style.display = "none");
+      }, 16);
+      return window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), I = () => {
+        window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j), c.forEach((S) => S.element.remove()), a && a.remove();
+      }, m.appendChild(B), i + 1;
+    } finally {
+      I && (window._highlightCleanupFunctions = window._highlightCleanupFunctions || []).push(
+        I
+      );
+    }
+  }
+  function V(t) {
+    if (!t || t.nodeType !== Node.ELEMENT_NODE)
+      return null;
+    const i = D(t);
+    if (!i) return null;
+    const p = i.display;
+    if (p === "inline" || p === "inline-block")
+      return null;
+    const c = i.overflowX, a = i.overflowY, x = c === "auto" || c === "scroll", E = a === "auto" || a === "scroll";
+    if (!x && !E)
+      return null;
+    const I = t.scrollWidth - t.clientWidth, m = t.scrollHeight - t.clientHeight, A = 4;
+    if (I < A && m < A || !E && I < A || !x && m < A)
+      return null;
+    const $ = t.scrollTop, g = t.scrollLeft, y = t.scrollWidth - t.clientWidth - t.scrollLeft, C = t.scrollHeight - t.clientHeight - t.scrollTop, M = {
+      top: $,
+      right: y,
+      bottom: C,
+      left: g
+    };
+    return u(t, {
+      scrollable: !0,
+      scrollData: M
+    }), M;
+  }
+  function O(t) {
+    try {
+      if (l === -1) {
+        const E = t.parentElement;
+        if (!E) return !1;
+        try {
+          return E.checkVisibility({
+            checkOpacity: !0,
+            checkVisibilityCSS: !0
+          });
+        } catch {
+          const m = window.getComputedStyle(E);
+          return m.display !== "none" && m.visibility !== "hidden" && m.opacity !== "0";
+        }
+      }
+      const i = document.createRange();
+      i.selectNodeContents(t);
+      const p = i.getClientRects();
+      if (!p || p.length === 0)
+        return !1;
+      let c = !1, a = !1;
+      for (const E of p)
+        if (E.width > 0 && E.height > 0 && (c = !0, !(E.bottom < -l || E.top > window.innerHeight + l || E.right < -l || E.left > window.innerWidth + l))) {
+          a = !0;
+          break;
+        }
+      if (!c || !a)
+        return !1;
+      const x = t.parentElement;
+      if (!x) return !1;
+      try {
+        return x.checkVisibility({
+          checkOpacity: !0,
+          checkVisibilityCSS: !0
+        });
+      } catch {
+        const I = window.getComputedStyle(x);
+        return I.display !== "none" && I.visibility !== "hidden" && I.opacity !== "0";
+      }
+    } catch (i) {
+      return console.warn("Error checking text node visibility:", i), !1;
+    }
+  }
+  function it(t) {
+    if (!t || !t.tagName) return !1;
+    const i = /* @__PURE__ */ new Set([
+      "body",
+      "div",
+      "main",
+      "article",
+      "section",
+      "nav",
+      "header",
+      "footer"
+    ]), p = t.tagName.toLowerCase();
+    return i.has(p) ? !0 : !(/* @__PURE__ */ new Set([
+      "svg",
+      "script",
+      "style",
+      "link",
+      "meta",
+      "noscript",
+      "template"
+    ])).has(p);
+  }
+  function X(t) {
+    const i = D(t);
+    return t.offsetWidth > 0 && t.offsetHeight > 0 && (i == null ? void 0 : i.visibility) !== "hidden" && (i == null ? void 0 : i.display) !== "none";
+  }
+  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 i = t.tagName.toLowerCase(), p = D(t), c = /* @__PURE__ */ new Set([
+      "pointer",
+      // Link/clickable elements
+      "move",
+      // Movable elements
+      "text",
+      // Text selection
+      "grab",
+      // Grabbable elements
+      "grabbing",
+      // Currently grabbing
+      "cell",
+      // Table cell selection
+      "copy",
+      // Copy operation
+      "alias",
+      // Alias creation
+      "all-scroll",
+      // Scrollable content
+      "col-resize",
+      // Column resize
+      "context-menu",
+      // Context menu available
+      "crosshair",
+      // Precise selection
+      "e-resize",
+      // East resize
+      "ew-resize",
+      // East-west resize
+      "help",
+      // Help available
+      "n-resize",
+      // North resize
+      "ne-resize",
+      // Northeast resize
+      "nesw-resize",
+      // Northeast-southwest resize
+      "ns-resize",
+      // North-south resize
+      "nw-resize",
+      // Northwest resize
+      "nwse-resize",
+      // Northwest-southeast resize
+      "row-resize",
+      // Row resize
+      "s-resize",
+      // South resize
+      "se-resize",
+      // Southeast resize
+      "sw-resize",
+      // Southwest resize
+      "vertical-text",
+      // Vertical text selection
+      "w-resize",
+      // West resize
+      "zoom-in",
+      // Zoom in
+      "zoom-out"
+      // Zoom out
+    ]), a = /* @__PURE__ */ new Set([
+      "not-allowed",
+      // Action not allowed
+      "no-drop",
+      // Drop not allowed
+      "wait",
+      // Processing
+      "progress",
+      // In progress
+      "initial",
+      // Initial value
+      "inherit"
+      // Inherited value
+      //? Let's just include all potentially clickable elements that are not specifically blocked
+      // 'none',        // No cursor
+      // 'default',     // Default cursor
+      // 'auto',        // Browser default
+    ]);
+    function x(B) {
+      return B.tagName.toLowerCase() === "html" ? !1 : !!(p != null && p.cursor && c.has(p.cursor));
+    }
+    if (x(t))
+      return !0;
+    const I = /* @__PURE__ */ new Set([
+      "a",
+      // Links
+      "button",
+      // Buttons
+      "input",
+      // All input types (text, checkbox, radio, etc.)
+      "select",
+      // Dropdown menus
+      "textarea",
+      // Text areas
+      "details",
+      // Expandable details
+      "summary",
+      // Summary element (clickable part of details)
+      "label",
+      // Form labels (often clickable)
+      "option",
+      // Select options
+      "optgroup",
+      // Option groups
+      "fieldset",
+      // Form fieldsets (can be interactive with legend)
+      "legend"
+      // Fieldset legends
+    ]), m = /* @__PURE__ */ new Set([
+      "disabled",
+      // Standard disabled attribute
+      // 'aria-disabled',      // ARIA disabled state
+      "readonly"
+      // Read-only state
+      // 'aria-readonly',     // ARIA read-only state
+      // 'aria-hidden',       // Hidden from accessibility
+      // 'hidden',            // Hidden attribute
+      // 'inert',             // Inert attribute
+      // 'aria-inert',        // ARIA inert state
+      // 'tabindex="-1"',     // Removed from tab order
+      // 'aria-hidden="true"' // Hidden from screen readers
+    ]);
+    if (I.has(i)) {
+      if (p != null && p.cursor && a.has(p.cursor))
+        return !1;
+      for (const B of m)
+        if (t.hasAttribute(B) || t.getAttribute(B) === "true" || t.getAttribute(B) === "")
+          return !1;
+      return !(t.disabled || t.readOnly || t.inert);
+    }
+    const A = t.getAttribute("role"), $ = 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([
+      "button",
+      // Directly clickable element
+      // 'link',            // Clickable link
+      "menu",
+      // Menu container (ARIA menus)
+      "menubar",
+      // Menu bar container
+      "menuitem",
+      // Clickable menu item
+      "menuitemradio",
+      // Radio-style menu item (selectable)
+      "menuitemcheckbox",
+      // Checkbox-style menu item (toggleable)
+      "radio",
+      // Radio button (selectable)
+      "checkbox",
+      // Checkbox (toggleable)
+      "tab",
+      // Tab (clickable to switch content)
+      "switch",
+      // Toggle switch (clickable to change state)
+      "slider",
+      // Slider control (draggable)
+      "spinbutton",
+      // Number input with up/down controls
+      "combobox",
+      // Dropdown with text input
+      "searchbox",
+      // Search input field
+      "textbox",
+      // Text input field
+      "listbox",
+      // Selectable list
+      "option",
+      // Selectable option in a list
+      "scrollbar"
+      // Scrollable control
+    ]);
+    if (I.has(i) || A && g.has(A) || $ && g.has($)) return !0;
+    try {
+      if (typeof getEventListeners == "function") {
+        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 = ((M = (C = t == null ? void 0 : t.ownerDocument) == null ? void 0 : C.defaultView) == null ? void 0 : M.getEventListenersForNode) || window.getEventListenersForNode;
+      if (typeof B == "function") {
+        const q = B(t), nt = [
+          "click",
+          "mousedown",
+          "mouseup",
+          "keydown",
+          "keyup",
+          "submit",
+          "change",
+          "input",
+          "focus",
+          "blur"
+        ];
+        for (const j of nt)
+          for (const S of q)
+            if (S.type === j)
+              return !0;
+      }
+      const G = ["onclick", "onmousedown", "onmouseup", "ondblclick"];
+      for (const q of G)
+        if (t.hasAttribute(q) || typeof t[q] == "function")
+          return !0;
+    } catch {
+    }
+    return !!V(t);
+  }
+  function et(t) {
+    if (l === -1)
+      return !0;
+    const i = z(t);
+    if (!i || i.length === 0)
+      return !1;
+    let p = !1;
+    for (const m of i)
+      if (m.width > 0 && m.height > 0 && !// Only check non-empty rects
+      (m.bottom < -l || m.top > window.innerHeight + l || m.right < -l || m.left > window.innerWidth + l)) {
+        p = !0;
+        break;
+      }
+    if (!p)
+      return !1;
+    if (t.ownerDocument !== window.document)
+      return !0;
+    let a = Array.from(i).find((m) => m.width > 0 && m.height > 0);
+    if (!a)
+      return !1;
+    const x = t.getRootNode();
+    if (x instanceof ShadowRoot) {
+      const m = a.left + a.width / 2, A = a.top + a.height / 2;
+      try {
+        const $ = x.elementFromPoint(m, A);
+        if (!$) return !1;
+        let g = $;
+        for (; g && g !== x; ) {
+          if (g === t) return !0;
+          g = g.parentElement;
+        }
+        return !1;
+      } catch {
+        return !0;
+      }
+    }
+    const E = 5;
+    return [
+      // Initially only this was used, but it was not enough
+      { x: a.left + a.width / 2, y: a.top + a.height / 2 },
+      { x: a.left + E, y: a.top + E },
+      // top left
+      // { x: rect.right - margin, y: rect.top + margin },    // top right
+      // { x: rect.left + margin, y: rect.bottom - margin },  // bottom left
+      { x: a.right - E, y: a.bottom - E }
+      // bottom right
+    ].some(({ x: m, y: A }) => {
+      try {
+        const $ = document.elementFromPoint(m, A);
+        if (!$) return !1;
+        let g = $;
+        for (; g && g !== document.documentElement; ) {
+          if (g === t) return !0;
+          g = g.parentElement;
+        }
+        return !1;
+      } catch {
+        return !0;
+      }
+    });
+  }
+  function ot(t, i) {
+    if (i === -1)
+      return !0;
+    const p = t.getClientRects();
+    if (!p || p.length === 0) {
+      const c = N(t);
+      return !c || c.width === 0 || c.height === 0 ? !1 : !(c.bottom < -i || c.top > window.innerHeight + i || c.right < -i || c.left > window.innerWidth + i);
+    }
+    for (const c of p)
+      if (!(c.width === 0 || c.height === 0) && !(c.bottom < -i || c.top > window.innerHeight + i || c.right < -i || c.left > window.innerWidth + i))
+        return !0;
+    return !1;
+  }
+  function F(t) {
+    if (!t || t.nodeType !== Node.ELEMENT_NODE) return !1;
+    const i = t.tagName.toLowerCase();
+    return (/* @__PURE__ */ new Set([
+      "a",
+      "button",
+      "input",
+      "select",
+      "textarea",
+      "details",
+      "summary",
+      "label"
+    ])).has(i) ? !0 : t.hasAttribute("onclick") || t.hasAttribute("role") || t.hasAttribute("tabindex") || t.hasAttribute("aria-") || t.hasAttribute("data-action") || t.getAttribute("contenteditable") === "true";
+  }
+  const Y = /* @__PURE__ */ new Set([
+    "a",
+    "button",
+    "input",
+    "select",
+    "textarea",
+    "summary",
+    "details",
+    "label",
+    "option"
+  ]), K = /* @__PURE__ */ new Set([
+    "button",
+    "link",
+    "menuitem",
+    "menuitemradio",
+    "menuitemcheckbox",
+    "radio",
+    "checkbox",
+    "tab",
+    "switch",
+    "slider",
+    "spinbutton",
+    "combobox",
+    "searchbox",
+    "textbox",
+    "listbox",
+    "option",
+    "scrollbar"
+  ]);
+  function tt(t) {
+    if (!t || t.nodeType !== Node.ELEMENT_NODE || !X(t)) return !1;
+    const i = 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 || ""
+    ), c = !!t.closest('button,a,[role="button"],.menu,.dropdown,.list,.toolbar'), a = [...t.children].some(X), x = t.parentElement && t.parentElement.isSameNode(document.body);
+    return (L(t) || i || p) && a && c && !x;
+  }
+  function rt(t) {
+    var c, a;
+    if (!t || t.nodeType !== Node.ELEMENT_NODE)
+      return !1;
+    const i = t.tagName.toLowerCase(), p = t.getAttribute("role");
+    if (i === "iframe" || Y.has(i) || 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 = ((a = (c = t == null ? void 0 : t.ownerDocument) == null ? void 0 : c.defaultView) == null ? void 0 : a.getEventListenersForNode) || window.getEventListenersForNode;
+      if (typeof x == "function") {
+        const I = x(t), m = [
+          "click",
+          "mousedown",
+          "mouseup",
+          "keydown",
+          "keyup",
+          "submit",
+          "change",
+          "input",
+          "focus",
+          "blur"
+        ];
+        for (const A of m)
+          for (const $ of I)
+            if ($.type === A)
+              return !0;
+      }
+      if ([
+        "onmousedown",
+        "onmouseup",
+        "onkeydown",
+        "onkeyup",
+        "onsubmit",
+        "onchange",
+        "oninput",
+        "onfocus",
+        "onblur"
+      ].some((I) => t.hasAttribute(I)))
+        return !0;
+    } catch {
+    }
+    return !!tt(t);
+  }
+  function st(t, i, p, c) {
+    if (!t.isInteractive) return !1;
+    let a = !1;
+    return c ? rt(i) ? a = !0 : a = !1 : a = !0, a && (t.isInViewport = ot(i, l), (t.isInViewport || l === -1) && (t.highlightIndex = T++, d)) ? (r >= 0 ? r === t.highlightIndex && H(i, t.highlightIndex, p) : H(i, t.highlightIndex, p), !0) : !1;
+  }
+  function Q(t, i = 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 = {
+        tagName: "body",
+        attributes: {},
+        xpath: "/body",
+        children: []
+      };
+      for (const C of t.childNodes) {
+        const M = Q(C, i, !1);
+        M && g.children.push(M);
+      }
+      const y = `${R.current++}`;
+      return _[y] = g, y;
+    }
+    if (t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.TEXT_NODE)
+      return null;
+    if (t.nodeType === Node.TEXT_NODE) {
+      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 C = `${R.current++}`;
+      return _[C] = {
+        type: "TEXT_NODE",
+        text: g,
+        isVisible: O(t)
+      }, C;
+    }
+    if (t.nodeType === Node.ELEMENT_NODE && !it(t))
+      return null;
+    if (l !== -1 && !t.shadowRoot) {
+      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 c = {
+      tagName: t.tagName.toLowerCase(),
+      attributes: {},
+      /**
+       * @edit no need for xpath
+       */
+      // xpath: getXPathTree(node, true),
+      children: []
+    };
+    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 C = t.getAttribute(y);
+        c.attributes[y] = C;
+      }
+      t.tagName.toLowerCase() === "input" && (t.type === "checkbox" || t.type === "radio") && (c.attributes.checked = t.checked ? "true" : "false");
+    }
+    let a = !1;
+    if (t.nodeType === Node.ELEMENT_NODE && (c.isVisible = X(t), c.isVisible)) {
+      c.isTopElement = et(t);
+      const g = t.getAttribute("role"), y = g === "menu" || g === "menubar" || g === "listbox";
+      (c.isTopElement || y) && (c.isInteractive = L(t), a = st(c, t, i, p), c.ref = t);
+    }
+    if (t.tagName) {
+      const g = t.tagName.toLowerCase();
+      if (g === "iframe")
+        try {
+          const y = t.contentDocument || ((A = t.contentWindow) == null ? void 0 : A.document);
+          if (y)
+            for (const C of y.childNodes) {
+              const M = Q(C, t, !1);
+              M && c.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" && (($ = t.getAttribute("data-id")) != null && $.startsWith("mce_")))
+        for (const y of t.childNodes) {
+          const C = Q(y, i, a);
+          C && c.children.push(C);
+        }
+      else {
+        if (t.shadowRoot) {
+          c.shadowRoot = !0;
+          for (const y of t.shadowRoot.childNodes) {
+            const C = Q(y, i, a);
+            C && c.children.push(C);
+          }
+        }
+        for (const y of t.childNodes) {
+          const M = Q(y, i, a || p);
+          M && c.children.push(M);
+        }
+      }
+    }
+    if (c.tagName === "a" && c.children.length === 0 && !c.attributes.href) {
+      const g = N(t);
+      if (!(g && g.width > 0 && g.height > 0 || t.offsetWidth > 0 || t.offsetHeight > 0))
+        return null;
+    }
+    c.extra = b.get(t) || null;
+    const x = `${R.current++}`;
+    return _[x] = c, x;
+  }
+  const lt = Q(document.body);
+  return f.clearCache(), { rootId: lt, map: _ };
+}, newElementsCache = /* @__PURE__ */ new WeakMap();
+function getFlatTree(e) {
+  const n = [];
+  for (const d of e.interactiveBlacklist || [])
+    typeof d == "function" ? n.push(d()) : n.push(d);
+  const s = [];
+  for (const d of e.interactiveWhitelist || [])
+    typeof d == "function" ? s.push(d()) : s.push(d);
+  const o = domTree({
+    doHighlightElements: !0,
+    debugMode: !0,
+    focusHighlightIndex: -1,
+    viewportExpansion: VIEWPORT_EXPANSION,
+    interactiveBlacklist: n,
+    interactiveWhitelist: s,
+    highlightOpacity: e.highlightOpacity ?? 0,
+    highlightLabelOpacity: e.highlightLabelOpacity ?? 0.1
+  }), w = window.location.href;
+  for (const d in o.map) {
+    const r = o.map[d];
+    if (r.isInteractive && r.ref) {
+      const l = r.ref;
+      newElementsCache.has(l) || (newElementsCache.set(l, w), r.isNew = !0);
+    }
+  }
+  return o;
+}
+function flatTreeToString(e, n) {
+  const s = [
+    "title",
+    "type",
+    "checked",
+    "name",
+    "role",
+    "value",
+    "placeholder",
+    "data-date-format",
+    "alt",
+    "aria-label",
+    "aria-expanded",
+    "data-state",
+    "aria-checked",
+    // @edit added for better form handling
+    "id",
+    "for",
+    // for jump check
+    "target",
+    // absolute 定位的下拉菜单
+    "aria-haspopup",
+    "aria-controls",
+    "aria-owns"
+  ], o = [...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 N = f;
+      return {
+        type: "text",
+        text: N.text,
+        isVisible: N.isVisible,
+        parent: null,
+        children: []
+      };
+    } else {
+      const N = f, D = [];
+      if (N.children)
+        for (const z of N.children) {
+          const _ = d(z);
+          _ && (_.parent = null, D.push(_));
+        }
+      return {
+        type: "element",
+        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: D,
+        extra: N.extra ?? {}
+      };
+    }
+  }, r = (u, f = null) => {
+    u.parent = f;
+    for (const N of u.children)
+      r(N, u);
+  }, l = d(e.rootId);
+  if (!l) return "";
+  r(l);
+  const h = (u) => {
+    let f = u.parent;
+    for (; f; ) {
+      if (f.type === "element" && f.highlightIndex !== void 0)
+        return !0;
+      f = f.parent;
+    }
+    return !1;
+  }, T = (u, f, N) => {
+    var _, R, U, H;
+    let D = f;
+    const z = "	".repeat(f);
+    if (u.type === "element") {
+      if (u.highlightIndex !== void 0) {
+        D += 1;
+        const V = getAllTextTillNextClickableElement(u);
+        let O = "";
+        if (o.length > 0 && u.attributes) {
+          const L = {};
+          for (const F of o) {
+            const Y = u.attributes[F];
+            Y && Y.trim() !== "" && (L[F] = Y.trim());
+          }
+          const et = o.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 K of F)
+              delete L[K];
+          }
+          L.role === u.tagName && delete L.role;
+          const ot = ["aria-label", "placeholder", "title"];
+          for (const F of ot)
+            L[F] && L[F].toLowerCase().trim() === V.toLowerCase().trim() && delete L[F];
+          Object.keys(L).length > 0 && (O = Object.entries(L).map(([F, Y]) => `${F}=${w(Y, 20)}`).join(" "));
+        }
+        const it = u.isNew ? `*[${u.highlightIndex}]` : `[${u.highlightIndex}]`;
+        let X = `${z}${it}<${u.tagName ?? ""}`;
+        if (O && (X += ` ${O}`), u.extra && u.extra.scrollable) {
+          let L = "";
+          (_ = u.extra.scrollData) != null && _.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 (V) {
+          const L = V.trim();
+          O || (X += " "), X += `>${L}`;
+        } else O || (X += " ");
+        X += " />", N.push(X);
+      }
+      for (const V of u.children)
+        T(V, D, N);
+    } else if (u.type === "text") {
+      if (h(u))
+        return;
+      u.parent && u.parent.type === "element" && u.parent.isVisible && u.parent.isTopElement && N.push(`${z}${u.text ?? ""}`);
+    }
+  }, b = [];
+  return T(l, 0, b), b.join(`
+`);
+}
+const getAllTextTillNextClickableElement = (e, n = -1) => {
+  const s = [], o = (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)
+          o(r, d + 1);
+    }
+  };
+  return o(e, 0), s.join(`
+`).trim();
+};
+function getSelectorMap(e) {
+  const n = /* @__PURE__ */ new Map(), s = Object.keys(e.map);
+  for (const o of s) {
+    const w = e.map[o];
+    w.isInteractive && typeof w.highlightIndex == "number" && n.set(w.highlightIndex, w);
+  }
+  return n;
+}
+function getElementTextMap(e) {
+  const n = e.split(`
+`).map((o) => o.trim()).filter((o) => o.length > 0), s = /* @__PURE__ */ new Map();
+  for (const o of n) {
+    const d = /^\[(\d+)\]<[^>]+>([^<]*)/.exec(o);
+    if (d) {
+      const r = parseInt(d[1], 10);
+      s.set(r, o);
+    }
+  }
+  return s;
+}
+function cleanUpHighlights() {
+  const e = window._highlightCleanupFunctions || [];
+  for (const n of e)
+    typeof n == "function" && n();
+  window._highlightCleanupFunctions = [];
+}
+window.addEventListener("popstate", () => {
+  cleanUpHighlights();
+});
+window.addEventListener("hashchange", () => {
+  cleanUpHighlights();
+});
+window.addEventListener("beforeunload", () => {
+  cleanUpHighlights();
+});
+const navigation = window.navigation;
+if (navigation && typeof navigation.addEventListener == "function")
+  navigation.addEventListener("navigate", () => {
+    cleanUpHighlights();
+  });
+else {
+  let e = window.location.href;
+  setInterval(() => {
+    window.location.href !== e && (e = window.location.href, cleanUpHighlights());
+  }, 500);
+}
+function getPageInfo() {
+  const e = window.innerWidth, n = window.innerHeight, s = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth || 0), o = Math.max(
+    document.documentElement.scrollHeight,
+    document.body.scrollHeight || 0
+  ), w = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0, d = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0, r = Math.max(0, o - (window.innerHeight + d)), l = Math.max(0, s - (window.innerWidth + w));
+  return {
+    // Current viewport dimensions
+    viewport_width: e,
+    viewport_height: n,
+    // Total page dimensions
+    page_width: s,
+    page_height: o,
+    // Current scroll position
+    scroll_x: w,
+    scroll_y: d,
+    pixels_above: d,
+    pixels_below: r,
+    pages_above: n > 0 ? d / n : 0,
+    pages_below: n > 0 ? r / n : 0,
+    total_pages: n > 0 ? o / n : 0,
+    current_page_position: d / Math.max(1, o - n),
+    pixels_left: w,
+    pixels_right: l
+  };
+}
+function patchReact(e) {
+  const n = document.querySelectorAll(
+    '[data-reactroot], [data-reactid], [data-react-checksum], #root, #app, [id^="root-"], [id^="app-"], #adex-wrapper, #adex-root'
+  );
+  for (const s of n)
+    s.setAttribute("data-page-agent-not-interactive", "true");
+}
+class PageController extends EventTarget {
+  constructor(e = {}) {
+    super(), this.flatTree = null, this.selectorMap = /* @__PURE__ */ new Map(), this.elementTextMap = /* @__PURE__ */ new Map(), this.simplifiedHTML = "<EMPTY>", this.lastTimeUpdate = 0, this.isIndexed = !1, this.mask = null, this.maskReady = null, this.config = e, patchReact(), e.enableMask && this.initMask();
+  }
+  /**
+   * Initialize mask asynchronously (dynamic import to avoid CSS loading in Node)
+   */
+  initMask() {
+    this.maskReady === null && (this.maskReady = (async () => {
+      const { SimulatorMask: e } = await import("./SimulatorMask-74sRLkJv.js");
+      this.mask = new e();
+    })());
+  }
+  // ======= State Queries =======
+  /**
+   * Get current page URL
+   */
+  async getCurrentUrl() {
+    return window.location.href;
+  }
+  /**
+   * Get last tree update timestamp
+   */
+  async getLastUpdateTime() {
+    return this.lastTimeUpdate;
+  }
+  /**
+   * Get structured browser state for LLM consumption.
+   * Automatically calls updateTree() to refresh the DOM state.
+   */
+  async getBrowserState() {
+    const e = window.location.href, n = document.title, s = getPageInfo(), o = this.config.viewportExpansion ?? VIEWPORT_EXPANSION;
+    await this.updateTree();
+    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 = o === -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 && o !== -1 ? `... ${s.pixels_above} pixels above (${s.pages_above.toFixed(1)} pages) - scroll to see more ...` : "[Start of page]", b = `${d}
+${r}
+
+${l}
+
+${T}`, f = s.pixels_below > 4 && o !== -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 =======
+  /**
+   * Update DOM tree, returns simplified HTML for LLM.
+   * This is the main method to refresh the page state.
+   * Automatically bypasses mask during DOM extraction if enabled.
+   */
+  async updateTree() {
+    this.dispatchEvent(new Event("beforeUpdate")), this.lastTimeUpdate = Date.now(), this.mask && (this.mask.wrapper.style.pointerEvents = "none"), cleanUpHighlights();
+    const e = [
+      ...this.config.interactiveBlacklist || [],
+      ...document.querySelectorAll("[data-page-agent-not-interactive]").values()
+    ];
+    return this.flatTree = getFlatTree({
+      ...this.config,
+      interactiveBlacklist: e
+    }), this.simplifiedHTML = flatTreeToString(this.flatTree, this.config.include_attributes), this.selectorMap.clear(), this.selectorMap = getSelectorMap(this.flatTree), this.elementTextMap.clear(), this.elementTextMap = getElementTextMap(this.simplifiedHTML), this.isIndexed = !0, this.mask && (this.mask.wrapper.style.pointerEvents = "auto"), this.dispatchEvent(new Event("afterUpdate")), this.simplifiedHTML;
+  }
+  /**
+   * Clean up all element highlights
+   */
+  async cleanUpHighlights() {
+    cleanUpHighlights();
+  }
+  // ======= Element Actions =======
+  /**
+   * Ensure the tree has been indexed before any index-based operation.
+   * Throws if updateTree() hasn't been called yet.
+   */
+  assertIndexed() {
+    if (!this.isIndexed)
+      throw new Error("DOM tree not indexed yet. Can not perform actions on elements.");
+  }
+  /**
+   * Click element by index
+   */
+  async clickElement(e) {
+    try {
+      this.assertIndexed();
+      const n = getElementByIndex(this.selectorMap, e), s = this.elementTextMap.get(e);
+      return await clickElement(n), n instanceof HTMLAnchorElement && n.target === "_blank" ? {
+        success: !0,
+        message: `✅ Clicked element (${s ?? e}). ⚠️ Link opens in a new tab. You are not capable of reading new tabs.`
+      } : {
+        success: !0,
+        message: `✅ Clicked element (${s ?? e}).`
+      };
+    } catch (n) {
+      return {
+        success: !1,
+        message: `❌ Failed to click element: ${n}`
+      };
+    }
+  }
+  /**
+   * Input text into element by index
+   */
+  async inputText(e, n) {
+    try {
+      this.assertIndexed();
+      const s = getElementByIndex(this.selectorMap, e), o = this.elementTextMap.get(e);
+      return await inputTextElement(s, n), {
+        success: !0,
+        message: `✅ Input text (${n}) into element (${o ?? e}).`
+      };
+    } catch (s) {
+      return {
+        success: !1,
+        message: `❌ Failed to input text: ${s}`
+      };
+    }
+  }
+  /**
+   * Select dropdown option by index and option text
+   */
+  async selectOption(e, n) {
+    try {
+      this.assertIndexed();
+      const s = getElementByIndex(this.selectorMap, e), o = this.elementTextMap.get(e);
+      return await selectOptionElement(s, n), {
+        success: !0,
+        message: `✅ Selected option (${n}) in element (${o ?? e}).`
+      };
+    } catch (s) {
+      return {
+        success: !1,
+        message: `❌ Failed to select option: ${s}`
+      };
+    }
+  }
+  /**
+   * Scroll vertically
+   */
+  async scroll(e) {
+    try {
+      const { down: n, numPages: s, pixels: o, index: w } = e;
+      this.assertIndexed();
+      const d = o ?? s * (n ? 1 : -1) * window.innerHeight, r = w !== void 0 ? getElementByIndex(this.selectorMap, w) : null;
+      return {
+        success: !0,
+        message: await scrollVertically(n, d, r)
+      };
+    } catch (n) {
+      return {
+        success: !1,
+        message: `❌ Failed to scroll: ${n}`
+      };
+    }
+  }
+  /**
+   * Scroll horizontally
+   */
+  async scrollHorizontally(e) {
+    try {
+      const { right: n, pixels: s, index: o } = e;
+      this.assertIndexed();
+      const w = s * (n ? 1 : -1), d = o !== void 0 ? getElementByIndex(this.selectorMap, o) : null;
+      return {
+        success: !0,
+        message: await scrollHorizontally(n, w, d)
+      };
+    } catch (n) {
+      return {
+        success: !1,
+        message: `❌ Failed to scroll horizontally: ${n}`
+      };
+    }
+  }
+  /**
+   * Execute arbitrary JavaScript on the page
+   */
+  async executeJavascript(script) {
+    try {
+      const asyncFunction = eval(`(async () => { ${script} })`), result = await asyncFunction();
+      return {
+        success: !0,
+        message: `✅ Executed JavaScript. Result: ${result}`
+      };
+    } catch (e) {
+      return {
+        success: !1,
+        message: `❌ Error executing JavaScript: ${e}`
+      };
+    }
+  }
+  // ======= Mask Operations =======
+  /**
+   * Show the visual mask overlay.
+   * Only works after mask is setup.
+   */
+  async showMask() {
+    var e;
+    await this.maskReady, (e = this.mask) == null || e.show();
+  }
+  /**
+   * Hide the visual mask overlay.
+   * Only works after mask is setup.
+   */
+  async hideMask() {
+    var e;
+    await this.maskReady, (e = this.mask) == null || e.hide();
+  }
+  /**
+   * Dispose and clean up resources
+   */
+  dispose() {
+    var e;
+    cleanUpHighlights(), this.flatTree = null, this.selectorMap.clear(), this.elementTextMap.clear(), this.simplifiedHTML = "<EMPTY>", this.isIndexed = !1, (e = this.mask) == null || e.dispose(), this.mask = null;
+  }
+}
+export {
+  PageController
+};