teamshare-bridge 0.26.22 → 0.26.24

package/dist/lib/browser/page-context.js

@@ -58,66 +58,66 @@ exports.POPOVER_SELECTOR = '[data-radix-popper-content-wrapper],[data-radix-port
  * the screen instead of an invisible portal.
  */
 function menuDetectSource() {
-    return `
-    function detectMenus(maxMenus, maxItems) {
-      const clean = (v, cap) => String(v == null ? '' : v)
-        .replace(/\\s+/g, ' ').trim().slice(0, cap || 120);
-      const vis = (el) => {
-        if (!el || el.nodeType !== 1) return false;
-        const r = el.getBoundingClientRect();
-        if (r.width === 0 || r.height === 0) return false;
-        const cs = getComputedStyle(el);
-        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-      };
-      const rect = (el) => {
-        const r = el.getBoundingClientRect();
-        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
-      };
-      const SEL = ${JSON.stringify(exports.POPOVER_SELECTOR)};
-      const DIALOG = 'dialog[open],[role="dialog"],[aria-modal="true"]';
-      const menus = [];
-      const roots = [...document.querySelectorAll(SEL)].filter(vis);
-      for (const el of roots) {
-        if (menus.length >= maxMenus) break;
-        let nested = false;
-        let anc = el.parentElement;
-        while (anc && anc !== document.body) {
-          if (anc.matches && anc.matches(SEL) && vis(anc)) { nested = true; break; }
-          anc = anc.parentElement;
-        }
-        if (nested) continue;
-        const inner = el.querySelector('[role="menu"],[role="listbox"]');
-        const role = clean(
-          el.getAttribute('role') ||
-          (inner && inner.getAttribute('role')) ||
-          (el.hasAttribute('data-radix-popper-content-wrapper') ? 'popover' : ''),
-          24,
-        ) || 'popover';
-        const items = [...el.querySelectorAll('[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="tab"],button,a[href]')]
-          .filter(vis)
-          .slice(0, maxItems)
-          .map((it) => ({
-            text: clean(
-              it.innerText || it.textContent || it.getAttribute('aria-label') || it.value || '',
-              80,
-            ),
-            role: clean(it.getAttribute('role') || 'button', 20),
-            disabled: it.disabled === true || it.getAttribute('aria-disabled') === 'true',
-            ...rect(it),
-          }));
-        const r = rect(el);
-        menus.push({
-          role,
-          label: clean(el.getAttribute('aria-label') || (inner && inner.getAttribute('aria-label')) || '', 80),
-          text: clean(el.innerText || el.textContent || '', 400),
-          inDialog: !!(el.closest && el.closest(DIALOG)),
-          x: r.x,
-          y: r.y,
-          items,
-        });
-      }
-      return menus;
-    }
+    return `
+    function detectMenus(maxMenus, maxItems) {
+      const clean = (v, cap) => String(v == null ? '' : v)
+        .replace(/\\s+/g, ' ').trim().slice(0, cap || 120);
+      const vis = (el) => {
+        if (!el || el.nodeType !== 1) return false;
+        const r = el.getBoundingClientRect();
+        if (r.width === 0 || r.height === 0) return false;
+        const cs = getComputedStyle(el);
+        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+      };
+      const rect = (el) => {
+        const r = el.getBoundingClientRect();
+        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
+      };
+      const SEL = ${JSON.stringify(exports.POPOVER_SELECTOR)};
+      const DIALOG = 'dialog[open],[role="dialog"],[aria-modal="true"]';
+      const menus = [];
+      const roots = [...document.querySelectorAll(SEL)].filter(vis);
+      for (const el of roots) {
+        if (menus.length >= maxMenus) break;
+        let nested = false;
+        let anc = el.parentElement;
+        while (anc && anc !== document.body) {
+          if (anc.matches && anc.matches(SEL) && vis(anc)) { nested = true; break; }
+          anc = anc.parentElement;
+        }
+        if (nested) continue;
+        const inner = el.querySelector('[role="menu"],[role="listbox"]');
+        const role = clean(
+          el.getAttribute('role') ||
+          (inner && inner.getAttribute('role')) ||
+          (el.hasAttribute('data-radix-popper-content-wrapper') ? 'popover' : ''),
+          24,
+        ) || 'popover';
+        const items = [...el.querySelectorAll('[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="tab"],button,a[href]')]
+          .filter(vis)
+          .slice(0, maxItems)
+          .map((it) => ({
+            text: clean(
+              it.innerText || it.textContent || it.getAttribute('aria-label') || it.value || '',
+              80,
+            ),
+            role: clean(it.getAttribute('role') || 'button', 20),
+            disabled: it.disabled === true || it.getAttribute('aria-disabled') === 'true',
+            ...rect(it),
+          }));
+        const r = rect(el);
+        menus.push({
+          role,
+          label: clean(el.getAttribute('aria-label') || (inner && inner.getAttribute('aria-label')) || '', 80),
+          text: clean(el.innerText || el.textContent || '', 400),
+          inDialog: !!(el.closest && el.closest(DIALOG)),
+          x: r.x,
+          y: r.y,
+          items,
+        });
+      }
+      return menus;
+    }
   `;
 }
 /**
@@ -126,151 +126,151 @@ function menuDetectSource() {
  * row count and total, so the agent can traverse a table instead of guessing.
  */
 function paginationDetectSource() {
-    return `
-    function detectPagination(scope) {
-      const clean = (v, cap) => String(v == null ? '' : v)
-        .replace(/\\s+/g, ' ')
-        .trim()
-        .slice(0, cap || 200);
-      const vis = (el) => {
-        if (!el || el.nodeType !== 1) return false;
-        const r = el.getBoundingClientRect();
-        if (r.width === 0 || r.height === 0) return false;
-        const cs = getComputedStyle(el);
-        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-      };
-      const rect = (el) => {
-        const r = el.getBoundingClientRect();
-        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
-      };
-      const controls = [];
-      const candidates = [...scope.querySelectorAll('button,a,[role="button"]')]
-        .filter(vis)
-        .slice(0, 200);
-      for (const el of candidates) {
-        const label = clean(
-          el.getAttribute('aria-label') ||
-          el.getAttribute('title') ||
-          el.innerText ||
-          el.textContent ||
-          '',
-          60,
-        );
-        const cls = String(el.className || '');
-        const aria = String(el.getAttribute('aria-current') || '');
-        const disabled = el.disabled === true ||
-          el.getAttribute('aria-disabled') === 'true' ||
-          /(?:^|[\\s_-])disabled(?:$|[\\s_-])/i.test(cls);
-        const pageMatch = label.match(/^(?:page\\s*)?(\\d{1,5})$/i);
-        let kind = null;
-        if (/^(next|next page|›|»|older|forward)$/i.test(label) || /next page/i.test(label)) kind = 'next';
-        else if (/^(prev|prev(ious)?|‹|«|newer|back)$/i.test(label) || /previous page/i.test(label)) kind = 'prev';
-        else if (/load more|show more|more results|see more/i.test(label)) kind = 'loadMore';
-        else if (pageMatch) kind = 'page';
-        if (!kind) continue;
-        controls.push({
-          label,
-          kind,
-          ...(pageMatch ? { page: Number(pageMatch[1]) } : {}),
-          disabled,
-          current: aria === 'page' || /(?:^|[\\s_-])current(?:$|[\\s_-])/i.test(cls),
-          ...rect(el),
-        });
-      }
-
-      let pageSize;
-      let pageSizeOptions = [];
-      for (const sel of [...scope.querySelectorAll('select')].filter(vis)) {
-        const opts = [...sel.options]
-          .map((o) => Number(String(o.textContent || o.label || '').trim()))
-          .filter((n) => Number.isFinite(n) && n > 0);
-        if (!opts.length) continue;
-        pageSize = Number(sel.value) || opts[0];
-        pageSizeOptions = [...new Set(opts)].sort((a, b) => a - b);
-        break;
-      }
-
-      const rows = [...scope.querySelectorAll('tbody tr,[role="row"]')]
-        .filter(vis)
-        .filter((r) => r.querySelectorAll('td').length > 0 || !r.querySelector('th'));
-      const rowCount = rows.length;
-
-      const pager = scope.querySelector(
-        'nav[aria-label*="pagination" i],[class*="pagination"],[class*="pager"],[role="navigation"]',
-      ) || scope;
-      const text = clean(pager.innerText || pager.textContent || '', 3000);
-      let page;
-      let total;
-      let totalPages;
-      let m = text.match(/showing\\s+(\\d+)\\s*(?:to|-|–)\\s*(\\d+)\\s+of\\s+(\\d+)/i);
-      if (m) {
-        const start = Number(m[1]);
-        const end = Number(m[2]);
-        total = Number(m[3]);
-        pageSize = pageSize || Math.max(1, end - start + 1);
-        page = Math.floor((start - 1) / pageSize) + 1;
-      }
-      if (!total) {
-        m = text.match(/(\\d+)\\s*(?:-|–|to)\\s*(\\d+)\\s+of\\s+(\\d+)/i);
-        if (m) {
-          const start = Number(m[1]);
-          const end = Number(m[2]);
-          total = Number(m[3]);
-          pageSize = pageSize || Math.max(1, end - start + 1);
-          page = page || Math.floor((start - 1) / pageSize) + 1;
-        }
-      }
-      if (!total) {
-        m = text.match(/(\\d+)\\s+results?\\b/i);
-        if (m) total = Number(m[1]);
-      }
-      if (!page) {
-        m = text.match(/page\\s+(\\d+)\\s+of\\s+(\\d+)/i);
-        if (m) {
-          page = Number(m[1]);
-          totalPages = Number(m[2]);
-        }
-      }
-      if (!page) {
-        const currentPage = controls.find((c) => c.kind === 'page' && c.current);
-        if (currentPage) page = currentPage.page;
-      }
-      if (!totalPages && total && pageSize) totalPages = Math.ceil(total / pageSize);
-
-      const next = controls.find((c) => c.kind === 'next');
-      const prev = controls.find((c) => c.kind === 'prev');
-      const loadMore = controls.find((c) => c.kind === 'loadMore');
-      const hasNext = !!(
-        (next && !next.disabled) ||
-        loadMore ||
-        (totalPages && page && page < totalPages)
-      );
-      const hasPrev = !!(
-        (prev && !prev.disabled) ||
-        (page && page > 1)
-      );
-      const kind = loadMore
-        ? 'load-more'
-        : controls.some((c) => c.kind === 'page')
-          ? 'numbered'
-          : next || prev
-            ? 'prev-next'
-            : scope.querySelector('[class*="infinite"],[data-infinite]')
-              ? 'infinite'
-              : 'none';
-      return {
-        kind,
-        ...(page ? { page } : {}),
-        ...(pageSize ? { pageSize } : {}),
-        ...(total ? { total } : {}),
-        ...(totalPages ? { totalPages } : {}),
-        hasNext,
-        hasPrev,
-        rowCount,
-        pageSizeOptions,
-        controls: controls.slice(0, 20),
-      };
-    }
+    return `
+    function detectPagination(scope) {
+      const clean = (v, cap) => String(v == null ? '' : v)
+        .replace(/\\s+/g, ' ')
+        .trim()
+        .slice(0, cap || 200);
+      const vis = (el) => {
+        if (!el || el.nodeType !== 1) return false;
+        const r = el.getBoundingClientRect();
+        if (r.width === 0 || r.height === 0) return false;
+        const cs = getComputedStyle(el);
+        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+      };
+      const rect = (el) => {
+        const r = el.getBoundingClientRect();
+        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
+      };
+      const controls = [];
+      const candidates = [...scope.querySelectorAll('button,a,[role="button"]')]
+        .filter(vis)
+        .slice(0, 200);
+      for (const el of candidates) {
+        const label = clean(
+          el.getAttribute('aria-label') ||
+          el.getAttribute('title') ||
+          el.innerText ||
+          el.textContent ||
+          '',
+          60,
+        );
+        const cls = String(el.className || '');
+        const aria = String(el.getAttribute('aria-current') || '');
+        const disabled = el.disabled === true ||
+          el.getAttribute('aria-disabled') === 'true' ||
+          /(?:^|[\\s_-])disabled(?:$|[\\s_-])/i.test(cls);
+        const pageMatch = label.match(/^(?:page\\s*)?(\\d{1,5})$/i);
+        let kind = null;
+        if (/^(next|next page|›|»|older|forward)$/i.test(label) || /next page/i.test(label)) kind = 'next';
+        else if (/^(prev|prev(ious)?|‹|«|newer|back)$/i.test(label) || /previous page/i.test(label)) kind = 'prev';
+        else if (/load more|show more|more results|see more/i.test(label)) kind = 'loadMore';
+        else if (pageMatch) kind = 'page';
+        if (!kind) continue;
+        controls.push({
+          label,
+          kind,
+          ...(pageMatch ? { page: Number(pageMatch[1]) } : {}),
+          disabled,
+          current: aria === 'page' || /(?:^|[\\s_-])current(?:$|[\\s_-])/i.test(cls),
+          ...rect(el),
+        });
+      }
+
+      let pageSize;
+      let pageSizeOptions = [];
+      for (const sel of [...scope.querySelectorAll('select')].filter(vis)) {
+        const opts = [...sel.options]
+          .map((o) => Number(String(o.textContent || o.label || '').trim()))
+          .filter((n) => Number.isFinite(n) && n > 0);
+        if (!opts.length) continue;
+        pageSize = Number(sel.value) || opts[0];
+        pageSizeOptions = [...new Set(opts)].sort((a, b) => a - b);
+        break;
+      }
+
+      const rows = [...scope.querySelectorAll('tbody tr,[role="row"]')]
+        .filter(vis)
+        .filter((r) => r.querySelectorAll('td').length > 0 || !r.querySelector('th'));
+      const rowCount = rows.length;
+
+      const pager = scope.querySelector(
+        'nav[aria-label*="pagination" i],[class*="pagination"],[class*="pager"],[role="navigation"]',
+      ) || scope;
+      const text = clean(pager.innerText || pager.textContent || '', 3000);
+      let page;
+      let total;
+      let totalPages;
+      let m = text.match(/showing\\s+(\\d+)\\s*(?:to|-|–)\\s*(\\d+)\\s+of\\s+(\\d+)/i);
+      if (m) {
+        const start = Number(m[1]);
+        const end = Number(m[2]);
+        total = Number(m[3]);
+        pageSize = pageSize || Math.max(1, end - start + 1);
+        page = Math.floor((start - 1) / pageSize) + 1;
+      }
+      if (!total) {
+        m = text.match(/(\\d+)\\s*(?:-|–|to)\\s*(\\d+)\\s+of\\s+(\\d+)/i);
+        if (m) {
+          const start = Number(m[1]);
+          const end = Number(m[2]);
+          total = Number(m[3]);
+          pageSize = pageSize || Math.max(1, end - start + 1);
+          page = page || Math.floor((start - 1) / pageSize) + 1;
+        }
+      }
+      if (!total) {
+        m = text.match(/(\\d+)\\s+results?\\b/i);
+        if (m) total = Number(m[1]);
+      }
+      if (!page) {
+        m = text.match(/page\\s+(\\d+)\\s+of\\s+(\\d+)/i);
+        if (m) {
+          page = Number(m[1]);
+          totalPages = Number(m[2]);
+        }
+      }
+      if (!page) {
+        const currentPage = controls.find((c) => c.kind === 'page' && c.current);
+        if (currentPage) page = currentPage.page;
+      }
+      if (!totalPages && total && pageSize) totalPages = Math.ceil(total / pageSize);
+
+      const next = controls.find((c) => c.kind === 'next');
+      const prev = controls.find((c) => c.kind === 'prev');
+      const loadMore = controls.find((c) => c.kind === 'loadMore');
+      const hasNext = !!(
+        (next && !next.disabled) ||
+        loadMore ||
+        (totalPages && page && page < totalPages)
+      );
+      const hasPrev = !!(
+        (prev && !prev.disabled) ||
+        (page && page > 1)
+      );
+      const kind = loadMore
+        ? 'load-more'
+        : controls.some((c) => c.kind === 'page')
+          ? 'numbered'
+          : next || prev
+            ? 'prev-next'
+            : scope.querySelector('[class*="infinite"],[data-infinite]')
+              ? 'infinite'
+              : 'none';
+      return {
+        kind,
+        ...(page ? { page } : {}),
+        ...(pageSize ? { pageSize } : {}),
+        ...(total ? { total } : {}),
+        ...(totalPages ? { totalPages } : {}),
+        hasNext,
+        hasPrev,
+        rowCount,
+        pageSizeOptions,
+        controls: controls.slice(0, 20),
+      };
+    }
   `;
 }
 /**
@@ -305,248 +305,248 @@ function buildPageStateScript(opts = {}) {
     const maxText = Math.min(Math.max(Number(opts.maxTextChars) || DEFAULT_TEXT_CAP, 500), 40_000);
     const maxFields = Math.min(Math.max(Number(opts.maxFields) || MAX_FIELDS, 1), 100);
     const errorSelectors = JSON.stringify(exports.PAGE_ERROR_SELECTORS);
-    return `
-    (() => {
-      const MAX_TEXT = ${maxText};
-      const MAX_FIELDS = ${maxFields};
-      const MAX_DIALOGS = ${MAX_DIALOGS};
-      const MAX_ERRORS = ${MAX_ERRORS};
-      const MAX_TOASTS = ${MAX_TOASTS};
-      const INCLUDE_TEXT = ${includeText ? 'true' : 'false'};
-      const ERROR_SEL = ${errorSelectors};
-      const detectPagination = ${paginationDetectSource()};
-      const detectMenus = ${menuDetectSource()};
-
-      const clean = (v, cap) => String(v == null ? '' : v)
-        .replace(/\\s+/g, ' ')
-        .trim()
-        .slice(0, cap || 300);
-      const vis = (el) => {
-        if (!el || el.nodeType !== 1) return false;
-        const r = el.getBoundingClientRect();
-        if (r.width === 0 || r.height === 0) return false;
-        const cs = getComputedStyle(el);
-        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-      };
-      const rect = (el) => {
-        const r = el.getBoundingClientRect();
-        return {
-          x: Math.round(r.x + r.width / 2),
-          y: Math.round(r.y + r.height / 2),
-          width: Math.round(r.width),
-          height: Math.round(r.height),
-        };
-      };
-      const labelOf = (el) => {
-        const aria = el.getAttribute('aria-label');
-        if (aria) return clean(aria, 120);
-        const by = el.getAttribute('aria-labelledby');
-        if (by) {
-          const t = by.split(/\\s+/).map((id) => {
-            const n = document.getElementById(id);
-            return n ? (n.innerText || n.textContent || '') : '';
-          }).join(' ');
-          if (t.trim()) return clean(t, 120);
-        }
-        const id = el.id;
-        if (id) {
-          try {
-            const l = document.querySelector('label[for="' + CSS.escape(id) + '"]');
-            if (l) return clean(l.innerText || l.textContent, 120);
-          } catch (e) {}
-        }
-        const wrap = el.closest && el.closest('label');
-        if (wrap) return clean(wrap.innerText || wrap.textContent, 120);
-        return clean(el.getAttribute('placeholder') || el.getAttribute('name') || el.id || '', 120);
-      };
-      const fieldOf = (el, inDialog) => {
-        const r = rect(el);
-        const type = String(el.type || el.tagName || '').toLowerCase();
-        const valueLength = typeof el.value === 'string' ? el.value.length : 0;
-        const invalid = el.getAttribute('aria-invalid') === 'true' ||
-          (typeof el.checkValidity === 'function' && !el.checkValidity() && valueLength > 0);
-        return {
-          tag: String(el.tagName || '').toLowerCase(),
-          type: type,
-          label: labelOf(el),
-          name: clean(el.getAttribute('name') || el.id || '', 80),
-          autocomplete: clean(el.getAttribute('autocomplete') || '', 60),
-          valueLength: valueLength,
-          required: el.required === true,
-          invalid: invalid,
-          disabled: el.disabled === true,
-          readonly: el.readOnly === true,
-          focused: document.activeElement === el,
-          inDialog: !!inDialog,
-          x: r.x,
-          y: r.y,
-        };
-      };
-      const buttonOf = (el) => {
-        const r = rect(el);
-        return {
-          text: clean(el.innerText || el.textContent || el.value || el.getAttribute('aria-label') || '', 100),
-          type: clean(el.getAttribute('type') || el.tagName || '', 30).toLowerCase(),
-          disabled: el.disabled === true || el.getAttribute('aria-disabled') === 'true',
-          x: r.x,
-          y: r.y,
-        };
-      };
-      const zOf = (el) => {
-        let z = 0;
-        let n = el;
-        let guard = 0;
-        while (n && n !== document.body && guard++ < 8) {
-          const cs = getComputedStyle(n);
-          const v = parseInt(cs.zIndex, 10);
-          if (!isNaN(v)) z = Math.max(z, v);
-          n = n.parentElement;
-        }
-        return z;
-      };
-      const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
-        '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
-      const dialogEls = [...document.querySelectorAll(dialogSel)]
-        .filter(vis)
-        .slice(0, MAX_DIALOGS);
-      const dialogs = dialogEls.map((el, index) => {
-        const title =
-          clean(el.getAttribute('aria-label') || '', 120) ||
-          (() => {
-            const by = el.getAttribute('aria-labelledby');
-            if (by) {
-              const t = by.split(/\\s+/).map((id) => {
-                const n = document.getElementById(id);
-                return n ? (n.innerText || n.textContent || '') : '';
-              }).join(' ');
-              if (t.trim()) return clean(t, 120);
-            }
-            const h = el.querySelector('h1,h2,h3,[class*="title"],[class*="Title"]');
-            return h ? clean(h.innerText || h.textContent, 120) : '';
-          })();
-        const r = rect(el);
-        return {
-          index: index,
-          role: clean(el.getAttribute('role') || (el.tagName || '').toLowerCase(), 30),
-          title: title,
-          text: clean(el.innerText || el.textContent || '', 1600),
-          z: zOf(el),
-          x: r.x,
-          y: r.y,
-          width: r.width,
-          height: r.height,
-          fields: [...el.querySelectorAll('input,textarea,select')]
-            .filter(vis)
-            .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
-            .slice(0, MAX_FIELDS)
-            .map((f) => fieldOf(f, true)),
-          buttons: [...el.querySelectorAll('button,input[type="submit"],input[type="button"],[role="button"],a')]
-            .filter(vis)
-            .slice(0, 20)
-            .map(buttonOf),
-        };
-      }).sort((a, b) => (a.z - b.z) || (a.index - b.index));
-      // Prefer the dialog that actually holds a login field: a cookie banner
-      // or a newsletter modal can have a higher z-index, but it is not what
-      // the agent is interacting with.
-      const loginTop = [...dialogs].reverse().find((d) =>
-        d.fields.some(
-          (f) =>
-            f.type === 'password' ||
-            f.type === 'email' ||
-            /username|one-time-code|current-password|new-password/.test(
-              f.autocomplete || '',
-            ),
-        ),
-      );
-      const top = loginTop ?? (dialogs.length ? dialogs[dialogs.length - 1] : null);
-      const topEl = dialogEls[top ? top.index : -1] || null;
-      const scope = topEl || document;
-      const pagination = detectPagination(scope);
-      const menus = detectMenus(3, 12);
-
-      const fields = (top ? top.fields : [...document.querySelectorAll('input,textarea,select')]
-        .slice(0, 200)
-        .filter(vis)
-        .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
-        .slice(0, MAX_FIELDS)
-        .map((f) => fieldOf(f, false)));
-
-      const errors = [];
-      const pushError = (text, role) => {
-        const t = clean(text, 240);
-        if (t.length < 3) return;
-        if (/^(error|errors|warning|warnings)$/i.test(t)) return;
-        if (errors.some((e) => e.text === t)) return;
-        if (errors.length < MAX_ERRORS) errors.push({ text: t, role: clean(role || '', 30) });
-      };
-      // Alerts and invalid fields first, then the broad class-based sweep.
-      for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 4)) {
-        pushError(el.innerText || el.textContent || el.getAttribute('aria-label') || '', el.getAttribute('role') || 'invalid');
-      }
-      for (const el of [...scope.querySelectorAll(ERROR_SEL)].filter(vis).slice(0, 20)) {
-        pushError(el.innerText || el.textContent || '', el.getAttribute('role') || 'error');
-      }
-
-      const toasts = (window.__tsPageEvents || [])
-        .filter((e) => e && e.type !== 'dialog' && e.type !== 'dialog-closed')
-        .slice(-MAX_TOASTS);
-
-      const headings = [...document.querySelectorAll('h1,h2,h3')]
-        .filter(vis)
-        .map((h) => clean(h.innerText || h.textContent || '', 160))
-        .filter(Boolean)
-        .slice(0, 8);
-
-      const active = document.activeElement;
-      const focused = active && ['input', 'textarea', 'select'].includes(String(active.tagName || '').toLowerCase())
-        ? {
-            tag: String(active.tagName || '').toLowerCase(),
-            type: String(active.type || '').toLowerCase(),
-            label: labelOf(active),
-            valueLength: typeof active.value === 'string' ? active.value.length : 0,
-            inDialog: !!(topEl && topEl.contains(active)),
-          }
-        : null;
-
-      const busy = [...document.querySelectorAll('[aria-busy="true"],[data-loading="true"],[class*="loading"],[class*="spinner"]')]
-        .some(vis);
-
-      let text = '';
-      let textTruncated = false;
-      if (INCLUDE_TEXT) {
-        const root = document.querySelector('main,article,[role="main"]') || document.body;
-        const raw = root ? (root.innerText || root.textContent || '') : '';
-        const normalized = raw
-          .replace(/\\r/g, '')
-          .replace(/[ \\t]+\\n/g, '\\n')
-          .replace(/\\n{3,}/g, '\\n\\n')
-          .trim();
-        textTruncated = normalized.length > MAX_TEXT;
-        text = textTruncated ? normalized.slice(0, MAX_TEXT) : normalized;
-      }
-
-      return {
-        url: location.href,
-        title: document.title || '',
-        readyState: document.readyState || 'unknown',
-        headings: headings,
-        dialogs: dialogs,
-        menus: menus,
-        modal: !!top,
-        fields: fields,
-        focused: focused,
-        errors: errors,
-        toasts: toasts,
-        busy: busy,
-        scroll: { x: Math.round(window.scrollX || 0), y: Math.round(window.scrollY || 0) },
-        viewport: { width: Math.round(window.innerWidth || 0), height: Math.round(window.innerHeight || 0), dpr: window.devicePixelRatio || 1 },
-        pagination: pagination,
-        text: text,
-        textTruncated: textTruncated,
-        maxTextChars: MAX_TEXT,
-      };
-    })()
+    return `
+    (() => {
+      const MAX_TEXT = ${maxText};
+      const MAX_FIELDS = ${maxFields};
+      const MAX_DIALOGS = ${MAX_DIALOGS};
+      const MAX_ERRORS = ${MAX_ERRORS};
+      const MAX_TOASTS = ${MAX_TOASTS};
+      const INCLUDE_TEXT = ${includeText ? 'true' : 'false'};
+      const ERROR_SEL = ${errorSelectors};
+      const detectPagination = ${paginationDetectSource()};
+      const detectMenus = ${menuDetectSource()};
+
+      const clean = (v, cap) => String(v == null ? '' : v)
+        .replace(/\\s+/g, ' ')
+        .trim()
+        .slice(0, cap || 300);
+      const vis = (el) => {
+        if (!el || el.nodeType !== 1) return false;
+        const r = el.getBoundingClientRect();
+        if (r.width === 0 || r.height === 0) return false;
+        const cs = getComputedStyle(el);
+        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+      };
+      const rect = (el) => {
+        const r = el.getBoundingClientRect();
+        return {
+          x: Math.round(r.x + r.width / 2),
+          y: Math.round(r.y + r.height / 2),
+          width: Math.round(r.width),
+          height: Math.round(r.height),
+        };
+      };
+      const labelOf = (el) => {
+        const aria = el.getAttribute('aria-label');
+        if (aria) return clean(aria, 120);
+        const by = el.getAttribute('aria-labelledby');
+        if (by) {
+          const t = by.split(/\\s+/).map((id) => {
+            const n = document.getElementById(id);
+            return n ? (n.innerText || n.textContent || '') : '';
+          }).join(' ');
+          if (t.trim()) return clean(t, 120);
+        }
+        const id = el.id;
+        if (id) {
+          try {
+            const l = document.querySelector('label[for="' + CSS.escape(id) + '"]');
+            if (l) return clean(l.innerText || l.textContent, 120);
+          } catch (e) {}
+        }
+        const wrap = el.closest && el.closest('label');
+        if (wrap) return clean(wrap.innerText || wrap.textContent, 120);
+        return clean(el.getAttribute('placeholder') || el.getAttribute('name') || el.id || '', 120);
+      };
+      const fieldOf = (el, inDialog) => {
+        const r = rect(el);
+        const type = String(el.type || el.tagName || '').toLowerCase();
+        const valueLength = typeof el.value === 'string' ? el.value.length : 0;
+        const invalid = el.getAttribute('aria-invalid') === 'true' ||
+          (typeof el.checkValidity === 'function' && !el.checkValidity() && valueLength > 0);
+        return {
+          tag: String(el.tagName || '').toLowerCase(),
+          type: type,
+          label: labelOf(el),
+          name: clean(el.getAttribute('name') || el.id || '', 80),
+          autocomplete: clean(el.getAttribute('autocomplete') || '', 60),
+          valueLength: valueLength,
+          required: el.required === true,
+          invalid: invalid,
+          disabled: el.disabled === true,
+          readonly: el.readOnly === true,
+          focused: document.activeElement === el,
+          inDialog: !!inDialog,
+          x: r.x,
+          y: r.y,
+        };
+      };
+      const buttonOf = (el) => {
+        const r = rect(el);
+        return {
+          text: clean(el.innerText || el.textContent || el.value || el.getAttribute('aria-label') || '', 100),
+          type: clean(el.getAttribute('type') || el.tagName || '', 30).toLowerCase(),
+          disabled: el.disabled === true || el.getAttribute('aria-disabled') === 'true',
+          x: r.x,
+          y: r.y,
+        };
+      };
+      const zOf = (el) => {
+        let z = 0;
+        let n = el;
+        let guard = 0;
+        while (n && n !== document.body && guard++ < 8) {
+          const cs = getComputedStyle(n);
+          const v = parseInt(cs.zIndex, 10);
+          if (!isNaN(v)) z = Math.max(z, v);
+          n = n.parentElement;
+        }
+        return z;
+      };
+      const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
+        '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
+      const dialogEls = [...document.querySelectorAll(dialogSel)]
+        .filter(vis)
+        .slice(0, MAX_DIALOGS);
+      const dialogs = dialogEls.map((el, index) => {
+        const title =
+          clean(el.getAttribute('aria-label') || '', 120) ||
+          (() => {
+            const by = el.getAttribute('aria-labelledby');
+            if (by) {
+              const t = by.split(/\\s+/).map((id) => {
+                const n = document.getElementById(id);
+                return n ? (n.innerText || n.textContent || '') : '';
+              }).join(' ');
+              if (t.trim()) return clean(t, 120);
+            }
+            const h = el.querySelector('h1,h2,h3,[class*="title"],[class*="Title"]');
+            return h ? clean(h.innerText || h.textContent, 120) : '';
+          })();
+        const r = rect(el);
+        return {
+          index: index,
+          role: clean(el.getAttribute('role') || (el.tagName || '').toLowerCase(), 30),
+          title: title,
+          text: clean(el.innerText || el.textContent || '', 1600),
+          z: zOf(el),
+          x: r.x,
+          y: r.y,
+          width: r.width,
+          height: r.height,
+          fields: [...el.querySelectorAll('input,textarea,select')]
+            .filter(vis)
+            .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
+            .slice(0, MAX_FIELDS)
+            .map((f) => fieldOf(f, true)),
+          buttons: [...el.querySelectorAll('button,input[type="submit"],input[type="button"],[role="button"],a')]
+            .filter(vis)
+            .slice(0, 20)
+            .map(buttonOf),
+        };
+      }).sort((a, b) => (a.z - b.z) || (a.index - b.index));
+      // Prefer the dialog that actually holds a login field: a cookie banner
+      // or a newsletter modal can have a higher z-index, but it is not what
+      // the agent is interacting with.
+      const loginTop = [...dialogs].reverse().find((d) =>
+        d.fields.some(
+          (f) =>
+            f.type === 'password' ||
+            f.type === 'email' ||
+            /username|one-time-code|current-password|new-password/.test(
+              f.autocomplete || '',
+            ),
+        ),
+      );
+      const top = loginTop ?? (dialogs.length ? dialogs[dialogs.length - 1] : null);
+      const topEl = dialogEls[top ? top.index : -1] || null;
+      const scope = topEl || document;
+      const pagination = detectPagination(scope);
+      const menus = detectMenus(3, 12);
+
+      const fields = (top ? top.fields : [...document.querySelectorAll('input,textarea,select')]
+        .slice(0, 200)
+        .filter(vis)
+        .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
+        .slice(0, MAX_FIELDS)
+        .map((f) => fieldOf(f, false)));
+
+      const errors = [];
+      const pushError = (text, role) => {
+        const t = clean(text, 240);
+        if (t.length < 3) return;
+        if (/^(error|errors|warning|warnings)$/i.test(t)) return;
+        if (errors.some((e) => e.text === t)) return;
+        if (errors.length < MAX_ERRORS) errors.push({ text: t, role: clean(role || '', 30) });
+      };
+      // Alerts and invalid fields first, then the broad class-based sweep.
+      for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 4)) {
+        pushError(el.innerText || el.textContent || el.getAttribute('aria-label') || '', el.getAttribute('role') || 'invalid');
+      }
+      for (const el of [...scope.querySelectorAll(ERROR_SEL)].filter(vis).slice(0, 20)) {
+        pushError(el.innerText || el.textContent || '', el.getAttribute('role') || 'error');
+      }
+
+      const toasts = (window.__tsPageEvents || [])
+        .filter((e) => e && e.type !== 'dialog' && e.type !== 'dialog-closed')
+        .slice(-MAX_TOASTS);
+
+      const headings = [...document.querySelectorAll('h1,h2,h3')]
+        .filter(vis)
+        .map((h) => clean(h.innerText || h.textContent || '', 160))
+        .filter(Boolean)
+        .slice(0, 8);
+
+      const active = document.activeElement;
+      const focused = active && ['input', 'textarea', 'select'].includes(String(active.tagName || '').toLowerCase())
+        ? {
+            tag: String(active.tagName || '').toLowerCase(),
+            type: String(active.type || '').toLowerCase(),
+            label: labelOf(active),
+            valueLength: typeof active.value === 'string' ? active.value.length : 0,
+            inDialog: !!(topEl && topEl.contains(active)),
+          }
+        : null;
+
+      const busy = [...document.querySelectorAll('[aria-busy="true"],[data-loading="true"],[class*="loading"],[class*="spinner"]')]
+        .some(vis);
+
+      let text = '';
+      let textTruncated = false;
+      if (INCLUDE_TEXT) {
+        const root = document.querySelector('main,article,[role="main"]') || document.body;
+        const raw = root ? (root.innerText || root.textContent || '') : '';
+        const normalized = raw
+          .replace(/\\r/g, '')
+          .replace(/[ \\t]+\\n/g, '\\n')
+          .replace(/\\n{3,}/g, '\\n\\n')
+          .trim();
+        textTruncated = normalized.length > MAX_TEXT;
+        text = textTruncated ? normalized.slice(0, MAX_TEXT) : normalized;
+      }
+
+      return {
+        url: location.href,
+        title: document.title || '',
+        readyState: document.readyState || 'unknown',
+        headings: headings,
+        dialogs: dialogs,
+        menus: menus,
+        modal: !!top,
+        fields: fields,
+        focused: focused,
+        errors: errors,
+        toasts: toasts,
+        busy: busy,
+        scroll: { x: Math.round(window.scrollX || 0), y: Math.round(window.scrollY || 0) },
+        viewport: { width: Math.round(window.innerWidth || 0), height: Math.round(window.innerHeight || 0), dpr: window.devicePixelRatio || 1 },
+        pagination: pagination,
+        text: text,
+        textTruncated: textTruncated,
+        maxTextChars: MAX_TEXT,
+      };
+    })()
   `;
 }
 function emptyState() {
@@ -643,128 +643,128 @@ function compactPageState(state) {
  */
 function buildCompactStateScript() {
     const errorSelectors = JSON.stringify('[role="alert"],[aria-invalid="true"],[class*="field-error"],[class*="form-error"],[class*="error-message"],[class*="invalid-feedback"],[data-sonner-toast]');
-    return `
-    (() => {
-      const detectPagination = ${paginationDetectSource()};
-      const detectMenus = ${menuDetectSource()};
-      const clean = (v, cap) => String(v == null ? '' : v).replace(/\\s+/g, ' ').trim().slice(0, cap || 200);
-      const vis = (el) => {
-        if (!el || el.nodeType !== 1) return false;
-        const r = el.getBoundingClientRect();
-        if (r.width === 0 || r.height === 0) return false;
-        const cs = getComputedStyle(el);
-        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-      };
-      const rect = (el) => {
-        const r = el.getBoundingClientRect();
-        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
-      };
-      const labelOf = (el) => clean(
-        el.getAttribute('aria-label') ||
-        el.getAttribute('placeholder') ||
-        el.getAttribute('name') ||
-        el.id ||
-        '',
-        100,
-      );
-      const fieldOf = (el, inDialog) => {
-        const r = rect(el);
-        return {
-          tag: String(el.tagName || '').toLowerCase(),
-          type: String(el.type || el.tagName || '').toLowerCase(),
-          label: labelOf(el),
-          name: clean(el.getAttribute('name') || el.id || '', 80),
-          autocomplete: clean(el.getAttribute('autocomplete') || '', 60),
-          valueLength: typeof el.value === 'string' ? el.value.length : 0,
-          required: el.required === true,
-          invalid: el.getAttribute('aria-invalid') === 'true',
-          disabled: el.disabled === true,
-          readonly: el.readOnly === true,
-          focused: document.activeElement === el,
-          inDialog: !!inDialog,
-          x: r.x,
-          y: r.y,
-        };
-      };
-      const buttonOf = (el) => {
-        const r = rect(el);
-        return {
-          text: clean(el.innerText || el.textContent || el.value || el.getAttribute('aria-label') || '', 80),
-          type: clean(el.getAttribute('type') || el.tagName || '', 30).toLowerCase(),
-          disabled: el.disabled === true || el.getAttribute('aria-disabled') === 'true',
-          x: r.x,
-          y: r.y,
-        };
-      };
-      const dialogEls = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"],[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]')]
-        .filter(vis)
-        .slice(0, 3);
-      const loginTop = [...dialogEls].reverse().find((d) =>
-        d.querySelector('input[type="password"],input[type="email"],input[autocomplete="username"],input[autocomplete="one-time-code"]'),
-      );
-      const topEl = loginTop ||
-        [...dialogEls].reverse().find((d) => d.querySelector('input,textarea')) ||
-        dialogEls[dialogEls.length - 1] ||
-        null;
-      const top = topEl ? {
-        role: clean(topEl.getAttribute('role') || (topEl.tagName || '').toLowerCase(), 30),
-        title: clean(
-          topEl.getAttribute('aria-label') ||
-          (topEl.querySelector('h1,h2,h3') ? topEl.querySelector('h1,h2,h3').innerText : '') ||
-          '',
-          120,
-        ),
-        text: clean(topEl.innerText || topEl.textContent || '', 300),
-        fields: [...topEl.querySelectorAll('input,textarea,select')]
-          .filter(vis)
-          .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
-          .slice(0, 10)
-          .map((f) => fieldOf(f, true)),
-        buttons: [...topEl.querySelectorAll('button,input[type="submit"],input[type="button"],[role="button"],a')]
-          .filter(vis)
-          .slice(0, 8)
-          .map(buttonOf),
-      } : null;
-      const scope = topEl || document;
-      const errors = [];
-      const pushError = (t, role) => {
-        const text = clean(t, 200);
-        if (text.length < 3 || errors.length >= 3) return;
-        if (/^(error|errors|warning|warnings)$/i.test(text)) return;
-        if (!errors.some((e) => e.text === text)) errors.push({ text: text, role: clean(role || '', 24) });
-      };
-      for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 3)) {
-        pushError(el.innerText || el.textContent || el.getAttribute('aria-label') || '', el.getAttribute('role') || 'invalid');
-      }
-      for (const el of [...scope.querySelectorAll(${errorSelectors})].filter(vis).slice(0, 8)) {
-        pushError(el.innerText || el.textContent || '', el.getAttribute('role') || 'error');
-      }
-      const active = document.activeElement;
-      const focused = active && ['input', 'textarea', 'select'].includes(String(active.tagName || '').toLowerCase())
-        ? { tag: String(active.tagName || '').toLowerCase(), type: String(active.type || '').toLowerCase(), label: labelOf(active), valueLength: typeof active.value === 'string' ? active.value.length : 0, inDialog: !!(topEl && topEl.contains(active)) }
-        : null;
-      return {
-        url: location.href,
-        title: document.title || '',
-        readyState: document.readyState || 'unknown',
-        modal: !!topEl,
-        dialogs: top ? [top] : [],
-        menus: detectMenus(2, 8),
-        fields: top ? top.fields : [...document.querySelectorAll('input,textarea,select')]
-          .slice(0, 120)
-          .filter(vis)
-          .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
-          .slice(0, 12)
-          .map((f) => fieldOf(f, false)),
-        focused: focused,
-        errors: errors,
-        toasts: (window.__tsPageEvents || []).slice(-4),
-        busy: [...document.querySelectorAll('[aria-busy="true"],[data-loading="true"],[class*="loading"],[class*="spinner"]')].some(vis),
-        scroll: { x: Math.round(window.scrollX || 0), y: Math.round(window.scrollY || 0) },
-        viewport: { width: Math.round(window.innerWidth || 0), height: Math.round(window.innerHeight || 0), dpr: window.devicePixelRatio || 1 },
-        pagination: detectPagination(topEl || document),
-      };
-    })()
+    return `
+    (() => {
+      const detectPagination = ${paginationDetectSource()};
+      const detectMenus = ${menuDetectSource()};
+      const clean = (v, cap) => String(v == null ? '' : v).replace(/\\s+/g, ' ').trim().slice(0, cap || 200);
+      const vis = (el) => {
+        if (!el || el.nodeType !== 1) return false;
+        const r = el.getBoundingClientRect();
+        if (r.width === 0 || r.height === 0) return false;
+        const cs = getComputedStyle(el);
+        return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+      };
+      const rect = (el) => {
+        const r = el.getBoundingClientRect();
+        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
+      };
+      const labelOf = (el) => clean(
+        el.getAttribute('aria-label') ||
+        el.getAttribute('placeholder') ||
+        el.getAttribute('name') ||
+        el.id ||
+        '',
+        100,
+      );
+      const fieldOf = (el, inDialog) => {
+        const r = rect(el);
+        return {
+          tag: String(el.tagName || '').toLowerCase(),
+          type: String(el.type || el.tagName || '').toLowerCase(),
+          label: labelOf(el),
+          name: clean(el.getAttribute('name') || el.id || '', 80),
+          autocomplete: clean(el.getAttribute('autocomplete') || '', 60),
+          valueLength: typeof el.value === 'string' ? el.value.length : 0,
+          required: el.required === true,
+          invalid: el.getAttribute('aria-invalid') === 'true',
+          disabled: el.disabled === true,
+          readonly: el.readOnly === true,
+          focused: document.activeElement === el,
+          inDialog: !!inDialog,
+          x: r.x,
+          y: r.y,
+        };
+      };
+      const buttonOf = (el) => {
+        const r = rect(el);
+        return {
+          text: clean(el.innerText || el.textContent || el.value || el.getAttribute('aria-label') || '', 80),
+          type: clean(el.getAttribute('type') || el.tagName || '', 30).toLowerCase(),
+          disabled: el.disabled === true || el.getAttribute('aria-disabled') === 'true',
+          x: r.x,
+          y: r.y,
+        };
+      };
+      const dialogEls = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"],[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]')]
+        .filter(vis)
+        .slice(0, 3);
+      const loginTop = [...dialogEls].reverse().find((d) =>
+        d.querySelector('input[type="password"],input[type="email"],input[autocomplete="username"],input[autocomplete="one-time-code"]'),
+      );
+      const topEl = loginTop ||
+        [...dialogEls].reverse().find((d) => d.querySelector('input,textarea')) ||
+        dialogEls[dialogEls.length - 1] ||
+        null;
+      const top = topEl ? {
+        role: clean(topEl.getAttribute('role') || (topEl.tagName || '').toLowerCase(), 30),
+        title: clean(
+          topEl.getAttribute('aria-label') ||
+          (topEl.querySelector('h1,h2,h3') ? topEl.querySelector('h1,h2,h3').innerText : '') ||
+          '',
+          120,
+        ),
+        text: clean(topEl.innerText || topEl.textContent || '', 300),
+        fields: [...topEl.querySelectorAll('input,textarea,select')]
+          .filter(vis)
+          .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
+          .slice(0, 10)
+          .map((f) => fieldOf(f, true)),
+        buttons: [...topEl.querySelectorAll('button,input[type="submit"],input[type="button"],[role="button"],a')]
+          .filter(vis)
+          .slice(0, 8)
+          .map(buttonOf),
+      } : null;
+      const scope = topEl || document;
+      const errors = [];
+      const pushError = (t, role) => {
+        const text = clean(t, 200);
+        if (text.length < 3 || errors.length >= 3) return;
+        if (/^(error|errors|warning|warnings)$/i.test(text)) return;
+        if (!errors.some((e) => e.text === text)) errors.push({ text: text, role: clean(role || '', 24) });
+      };
+      for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 3)) {
+        pushError(el.innerText || el.textContent || el.getAttribute('aria-label') || '', el.getAttribute('role') || 'invalid');
+      }
+      for (const el of [...scope.querySelectorAll(${errorSelectors})].filter(vis).slice(0, 8)) {
+        pushError(el.innerText || el.textContent || '', el.getAttribute('role') || 'error');
+      }
+      const active = document.activeElement;
+      const focused = active && ['input', 'textarea', 'select'].includes(String(active.tagName || '').toLowerCase())
+        ? { tag: String(active.tagName || '').toLowerCase(), type: String(active.type || '').toLowerCase(), label: labelOf(active), valueLength: typeof active.value === 'string' ? active.value.length : 0, inDialog: !!(topEl && topEl.contains(active)) }
+        : null;
+      return {
+        url: location.href,
+        title: document.title || '',
+        readyState: document.readyState || 'unknown',
+        modal: !!topEl,
+        dialogs: top ? [top] : [],
+        menus: detectMenus(2, 8),
+        fields: top ? top.fields : [...document.querySelectorAll('input,textarea,select')]
+          .slice(0, 120)
+          .filter(vis)
+          .filter((f) => String(f.type || '').toLowerCase() !== 'hidden')
+          .slice(0, 12)
+          .map((f) => fieldOf(f, false)),
+        focused: focused,
+        errors: errors,
+        toasts: (window.__tsPageEvents || []).slice(-4),
+        busy: [...document.querySelectorAll('[aria-busy="true"],[data-loading="true"],[class*="loading"],[class*="spinner"]')].some(vis),
+        scroll: { x: Math.round(window.scrollX || 0), y: Math.round(window.scrollY || 0) },
+        viewport: { width: Math.round(window.innerWidth || 0), height: Math.round(window.innerHeight || 0), dpr: window.devicePixelRatio || 1 },
+        pagination: detectPagination(topEl || document),
+      };
+    })()
   `;
 }
 /** Read the fast compact state; null on a malformed result. */
@@ -854,27 +854,27 @@ function buildWaitProbeScript(opts) {
     switch (opts.for) {
         case 'selector': {
             const sel = JSON.stringify(opts.selector ?? '');
-            return `(() => {
-        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
-        const el = document.querySelector(${sel});
-        return !!(el && vis(el));
+            return `(() => {
+        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
+        const el = document.querySelector(${sel});
+        return !!(el && vis(el));
       })()`;
         }
         case 'text': {
             const needle = JSON.stringify((opts.text ?? '').toLowerCase());
-            return `(() => {
-        const body = document.body;
-        if (!body) return false;
-        const t = (body.innerText || body.textContent || '').toLowerCase();
-        return t.includes(${needle});
+            return `(() => {
+        const body = document.body;
+        if (!body) return false;
+        const t = (body.innerText || body.textContent || '').toLowerCase();
+        return t.includes(${needle});
       })()`;
         }
         case 'dialog': {
             const wantClosed = opts.state === 'closed';
-            return `(() => {
-        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
-        const n = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"]')].filter(vis).length;
-        return ${wantClosed ? 'n === 0' : 'n > 0'};
+            return `(() => {
+        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
+        const n = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"]')].filter(vis).length;
+        return ${wantClosed ? 'n === 0' : 'n > 0'};
       })()`;
         }
         case 'popover': {
@@ -882,20 +882,20 @@ function buildWaitProbeScript(opts) {
             // "closed"` waits for the layer to disappear - the check after choosing
             // a menu item, where a still-open menu usually means the click missed.
             const wantClosed = opts.state === 'closed';
-            return `(() => {
-        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
-        const n = [...document.querySelectorAll(${JSON.stringify(exports.POPOVER_SELECTOR)})].filter(vis).length;
-        return ${wantClosed ? 'n === 0' : 'n > 0'};
+            return `(() => {
+        const vis = (el) => { if (!el) return false; const r = el.getBoundingClientRect(); if (r.width === 0 || r.height === 0) return false; const cs = getComputedStyle(el); return cs.visibility !== 'hidden' && cs.display !== 'none'; };
+        const n = [...document.querySelectorAll(${JSON.stringify(exports.POPOVER_SELECTOR)})].filter(vis).length;
+        return ${wantClosed ? 'n === 0' : 'n > 0'};
       })()`;
         }
         case 'toast': {
             const needle = JSON.stringify((opts.text ?? '').toLowerCase());
-            return `(() => {
-        const ev = (window.__tsPageEvents || []).filter((e) => e && e.at >= ${since} &&
-          (e.type === 'toast' || e.type === 'alert' || e.type === 'status' || e.type === 'error'));
-        const needle = ${needle};
-        if (needle) return ev.some((e) => String(e.text || '').toLowerCase().includes(needle));
-        return ev.length > 0;
+            return `(() => {
+        const ev = (window.__tsPageEvents || []).filter((e) => e && e.at >= ${since} &&
+          (e.type === 'toast' || e.type === 'alert' || e.type === 'status' || e.type === 'error'));
+        const needle = ${needle};
+        if (needle) return ev.some((e) => String(e.text || '').toLowerCase().includes(needle));
+        return ev.length > 0;
       })()`;
         }
         case 'url': {