@detiq/crawler 1.0.6 → 1.0.8

package/dist/crawler.js

@@ -3,7 +3,7 @@ import { chromium } from "rebrowser-playwright-core";
 import { chromium as stealthChromium } from "playwright-extra";
 import StealthPlugin from "puppeteer-extra-plugin-stealth";
 import { execSync } from "node:child_process";
-import { readFileSync, existsSync as existsSyncFs } from "node:fs";
+import { existsSync as existsSyncFs, readFileSync } from "node:fs";
 import { createRequire } from "node:module";
 stealthChromium.use(StealthPlugin());
 import { z } from "zod";
@@ -16,7 +16,7 @@ import { pHashVerdict, mergeAiVisualVerdict } from "./visual-diff-verdict.js";
 import { skyvernFallback, skyvernNavigate } from "./skyvern.js";
 import { loginWithStagehand } from "./ai-login.js";
 import { readScreen } from "./screen-reader.js";
-import { probeAllScreens } from "./interactive-probe.js";
+import { probeAllScreens, probeKeyboardNav } from "./interactive-probe.js";
 import { computeElementHash } from "./element-hash.js";
 import { logger } from "./logger.js";
 import { getSsoToken } from "./sso-token.js";
@@ -43,6 +43,7 @@ import { auditColorContrast } from "./color-contrast.js";
 import { detectFeatureFlags } from "./feature-flag-detector.js";
 import { detectLanguage } from "./language-detector.js";
 import { detectForms } from "./form-detector.js";
+import { auditAccessibility } from "./accessibility-auditor.js";
 import { RedirectRegistry } from "./redirect-tracker.js";
 import { DeadLinkTracker } from "./dead-link-detector.js";
 import { screensToSitemapUrls, writeSitemap } from "./sitemap-writer.js";
@@ -1262,7 +1263,7 @@ async function crawlProject(opts, onProgress) {
     const discovered = [];
     const performanceMetrics = [];
     const seenDomHashes = new Set(opts.knownDomHashes ?? []);
-    const SKIP_PATH = /\/(terms|privacy|dpa|legal|cookie|changelog|blog|help|docs|about|contact|careers|press|imprint|gdpr|compliance|acceptable-use|security-policy|accessibility)([-/]|$)/i;
+    const SKIP_PATH = /\/(terms|privacy|dpa|legal|cookie-policy|changelog|blog|imprint|gdpr|compliance|acceptable-use|security-policy|press|sitemap)([-/]|$)/i;
     const segIdx = opts.segmentIndex ?? 1;
     const robotsCache = opts.respectRobotsTxt ? new RobotsCache() : null;
     let avgNavMs = 0;
@@ -1678,8 +1679,8 @@ async function crawlProject(opts, onProgress) {
           try {
             const _require = createRequire(import.meta.url);
             const axePath = _require.resolve("axe-core");
-            const axeScript = readFileSync(axePath, "utf8");
-            await page.addScriptTag({ content: axeScript });
+            const axeContent = readFileSync(axePath, "utf8");
+            await page.evaluate(axeContent);
             const result = await page.evaluate(async () => {
               return window.axe.run(document, {
                 runOnly: { type: "tag", values: ["wcag2a", "wcag2aa", "best-practice"] },
@@ -1696,7 +1697,8 @@ async function crawlProject(opts, onProgress) {
             }));
             const criticalCount = violations.filter((v) => v.impact === "critical").length;
             return { violations, violationCount: violations.length, criticalCount };
-          } catch {
+          } catch (err) {
+            logger.warn({ err: String(err?.message ?? err) }, "[crawler] axe-core a11y audit failed (non-fatal)");
             return null;
           }
         })();
@@ -1808,12 +1810,13 @@ async function crawlProject(opts, onProgress) {
         })();
         void (async () => {
           const screenId = screen.id;
-          const [seoR, contrastR, flagsR, langR, formsR] = await Promise.allSettled([
+          const [seoR, contrastR, flagsR, langR, formsR, a11yManualR] = await Promise.allSettled([
             checkSeo(page, url),
             auditColorContrast(page, url),
             detectFeatureFlags(page, url),
             detectLanguage(page, url),
-            detectForms(page)
+            detectForms(page),
+            auditAccessibility(page, url)
           ]);
           const base = { screenId, jobId: opts.jobId };
           if (seoR.status === "fulfilled")
@@ -1831,11 +1834,23 @@ async function crawlProject(opts, onProgress) {
           if (formsR.status === "fulfilled" && Array.isArray(formsR.value) && formsR.value.length)
             AppBrain.saveCrawlEvidence(opts.tenantId, opts.projectId, { ...base, type: "FORMS_DETECTED", payload: { forms: formsR.value } }).catch(() => {
             });
+          if (a11yManualR.status === "fulfilled" && a11yManualR.value.violations?.length)
+            AppBrain.saveCrawlEvidence(opts.tenantId, opts.projectId, { ...base, type: "A11Y_MANUAL_AUDIT", payload: a11yManualR.value }).catch(() => {
+            });
         })();
         try {
-          await page.addStyleTag({ content: "*, *::before, *::after { animation-duration: 0s !important; animation-delay: 0s !important; transition-duration: 0s !important; transition-delay: 0s !important; }" });
+          await page.addStyleTag({ content: "*, *::before, *::after { animation-duration: 0s !important; animation-delay: 0s !important; transition-duration: 0s !important; transition-delay: 0s !important; animation-play-state: paused !important; animation-fill-mode: both !important; }" });
         } catch {
         }
+        await page.evaluate(() => {
+          try {
+            const noop = () => 0;
+            Object.defineProperty(window, "requestAnimationFrame", { value: noop, configurable: true });
+            Object.defineProperty(window, "cancelAnimationFrame", { value: noop, configurable: true });
+          } catch {
+          }
+        }).catch(() => {
+        });
         const canonUrl2 = canonicalize(url);
         const linkRecipe = await AppBrain.getActionRecipe(
           opts.tenantId,
@@ -1901,9 +1916,10 @@ async function crawlProject(opts, onProgress) {
             const fallback = err?.domLinks ?? [];
             if (err?.isRateLimit) {
               aiErrorStreak++;
-              if (aiErrorStreak >= 3) {
-                aiSkipCount = 10;
-                logger.warn("[crawler] 3 consecutive AI rate limits \u2014 skipping AI link discovery for next 10 screens");
+              if (aiErrorStreak >= 5) {
+                aiSkipCount = 3;
+                aiErrorStreak = 0;
+                logger.warn("[crawler] 5 consecutive AI rate limits \u2014 pausing AI link discovery for next 3 screens then retrying");
               }
               if (!aiRateLimitWarned) {
                 aiRateLimitWarned = true;
@@ -1917,6 +1933,18 @@ async function crawlProject(opts, onProgress) {
         ]);
         logger.info({ url, screenId: screen.id, version: screen.version, elements: elements.length, links: nextLinks.length, atSample: atElements.slice(0, 3).map((a) => a.label) }, "[crawler] screen captured");
         console.log("[crawler] AT:", JSON.stringify(atElements.slice(0, 5)));
+        probeKeyboardNav(page).then((kbResult) => {
+          if (kbResult.focusableCount > 0) {
+            AppBrain.saveCrawlEvidence(opts.tenantId, opts.projectId, {
+              screenId: screen.id,
+              jobId: opts.jobId,
+              type: "KEYBOARD_NAV",
+              payload: kbResult
+            }).catch(() => {
+            });
+          }
+        }).catch(() => {
+        });
         try {
           const domContent = await capturePageHtml(page);
           if (!domContent) {
@@ -1957,15 +1985,16 @@ async function crawlProject(opts, onProgress) {
                 try {
                   const llmCfg = await getCachedCrawlLLM(opts.tenantId);
                   const snippet = extracted.markdown.slice(0, 1200);
+                  if (snippet.trim().length < 80) return void 0;
                   const { text, usage } = await askTracked(
-                    "You are a QA analyst. Given page content, write ONE crisp sentence describing what this screen does or shows. Be specific. No preamble.",
+                    "You are a QA analyst. Output ONLY a single complete sentence (no preamble, no quotes) describing what this screen does or shows. Be specific. Stop after the first sentence.",
                     `Screen: "${name}"
 URL: ${url}
 
 Content:
 ${snippet}`,
                     llmCfg,
-                    80
+                    200
                   );
                   if (usage) {
                     recordLLMCall({
@@ -1978,7 +2007,9 @@ ${snippet}`,
                     }).catch(() => {
                     });
                   }
-                  return text.trim().replace(/^["']|["']$/g, "");
+                  const clean = text.trim().replace(/^["']|["']$/g, "");
+                  const firstSentence = clean.match(/^[^.!?]+[.!?]/)?.[0] ?? clean;
+                  return firstSentence.trim();
                 } catch {
                   return void 0;
                 }
@@ -2835,7 +2866,7 @@ ${snippet}`,
         }
       }
     }
-    const shouldRunInteractiveProbe = opts.interactive || discovered.filter((d) => d.screenId).length < 30;
+    const shouldRunInteractiveProbe = true;
     if (shouldRunInteractiveProbe) {
       await onProgress?.(88, "Running interactive probe (capturing real errors & modals)");
       const probeInputs = discovered.filter((d) => d.screenId).map((d) => ({ url: d.url, screenId: d.screenId, elements: d.elementFacts ?? [] }));
@@ -2974,7 +3005,10 @@ ${snippet}`,
 }
 const ELEMENT_NOISE = /^(cookie|consent|privacy|accept|decline|dismiss|close|copy|©|v\d|switch to (dark|light)|dark mode|light mode|toggle (dark|light|theme)|theme (toggle|switch)|share|tweet|follow|subscribe to newsletter|skip to|back to top|\s*$)/i;
 async function extractElements(stagehand, page, llmCfg) {
-  const domElements = await domFallbackElements(page);
+  const domElements = await domFallbackElements(page).catch((err) => {
+    console.warn("[crawler] domFallbackElements failed (page context issue or DOM error):", err?.message ?? err);
+    return [];
+  });
   const iframeElements = [];
   try {
     const iframes = page.frames ? page.frames() : [];
@@ -3009,9 +3043,32 @@ async function extractElements(stagehand, page, llmCfg) {
       dynamicElements = [];
     }
   }
-  if (domElements.length >= 2) return [...domElements, ...iframeElements, ...dynamicElements];
   const contentElements = await contentFallbackElements(page);
-  if (contentElements.length > 0) return [...domElements, ...contentElements];
+  const crossSourceDedup = (arr) => {
+    const stripPhrases = (s) => s.replace(/^button to expand ['"]?|['"]?\s*details$/gi, "").replace(/\s+(faq\s*)?button$/i, "").replace(/^button:\s*/i, "").toLowerCase().trim().slice(0, 80);
+    const ROLE_PRIORITY = { "faq-question": 10, "faq-answer": 9, "h1": 8, "h2": 7, "h3": 6, "h4": 5, "heading": 8, button: 3, a: 2 };
+    const normMap = /* @__PURE__ */ new Map();
+    const result = [];
+    for (const el of arr) {
+      const norm = stripPhrases(el.meaning);
+      if (!norm) {
+        result.push(el);
+        continue;
+      }
+      const existingIdx = normMap.get(norm);
+      if (existingIdx === void 0) {
+        normMap.set(norm, result.length);
+        result.push(el);
+      } else {
+        const exPri = ROLE_PRIORITY[result[existingIdx].role] ?? 1;
+        const thisPri = ROLE_PRIORITY[el.role] ?? 1;
+        if (thisPri > exPri) result[existingIdx] = el;
+      }
+    }
+    return result;
+  };
+  if (domElements.length >= 2) return crossSourceDedup([...domElements, ...iframeElements, ...dynamicElements, ...contentElements]);
+  if (contentElements.length > 0) return crossSourceDedup([...domElements, ...contentElements]);
   try {
     const extracted = await Promise.race([
       stagehand.extract(
@@ -3082,21 +3139,26 @@ async function domFallbackElements(page) {
     const seen = /* @__PURE__ */ new Set();
     const noise = /^(cookie|consent|privacy|accept|decline|dismiss|close|copy|©|v\d|switch to (dark|light)|dark mode|light mode|toggle (dark|light|theme)|theme (toggle|switch)|share|tweet|follow|subscribe to newsletter|skip to|back to top|\s*$)/i;
     const querySelectorAllDeep = (root, selector2) => {
-      const results = Array.from(root.querySelectorAll(selector2));
-      root.querySelectorAll("*").forEach((el) => {
-        if (el.shadowRoot) {
-          results.push(...querySelectorAllDeep(el.shadowRoot, selector2));
-        }
-      });
+      const results = [];
+      const queue = [root];
+      while (queue.length > 0) {
+        const current = queue.shift();
+        Array.from(current.querySelectorAll(selector2)).forEach((el) => results.push(el));
+        current.querySelectorAll("*").forEach((el) => {
+          if (el.shadowRoot) queue.push(el.shadowRoot);
+        });
+      }
       return results;
     };
-    const selector = 'input:not([type=hidden]),select,textarea,button,[role="button"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="switch"],[role="tab"],[role="dialog"],[role="alertdialog"],[role="menu"],[role="menuitem"],[role="listbox"],[role="option"],[role="treeitem"],[role="searchbox"],a[role="button"],[contenteditable="true"]';
+    const selector = 'input:not([type=hidden]),select,textarea,button,[role="button"],[role="checkbox"],[role="radio"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="switch"],[role="tab"],[role="dialog"],[role="alertdialog"],[role="menu"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="listbox"],[role="option"],[role="treeitem"],[role="searchbox"],[role="gridcell"],[role="link"],a[role="button"],[contenteditable="true"]';
     querySelectorAllDeep(document, selector).forEach((el) => {
       const style = window.getComputedStyle(el);
       if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0" || style.pointerEvents === "none") return;
       if (el.hasAttribute("inert") || el.getAttribute("aria-disabled") === "true") return;
       const rect = el.getBoundingClientRect();
-      if (rect.width === 0 && rect.height === 0) return;
+      const hasAccessibleLabel = !!(el.getAttribute("aria-label") || el.getAttribute("aria-labelledby"));
+      if (rect.width === 0 && rect.height === 0 && !hasAccessibleLabel) return;
+      if (el.closest('[id*="intercom"],[class*="intercom-"],[id*="crisp"],[class*="crisp-"],[id*="freshchat"],[id*="freshdesk"],[id*="drift"],[class*="drift-"],[id*="hubspot-"],[class*="hs-chat"],[class*="hs-widget"],[id*="tawk"],[class*="tawk-"],[id*="chat-widget"],[class*="chat-widget"],[class*="chatbot"],[id*="zopim"],[id*="ze-snippet"],[class*="cookie-banner"],[class*="cookie-consent"],[class*="gdpr-banner"],[id*="cookie-law"],[class*="cookie-law"],[id*="popup-form"],[class*="popup-form"],[class*="floating-form"],[class*="sticky-cta"],[id*="wm-ipp"],[class*="wm-ipp"]')) return;
       const tag = el.tagName.toLowerCase();
       const ariaRole = el.getAttribute("role");
       const isActionEl = tag === "button" || tag === "a" || ariaRole === "button";
@@ -3249,7 +3311,7 @@ async function domFallbackElements(page) {
     const priority = (e) => ["email", "password", "text", "tel", "date", "number", "select", "textarea", "url", "file"].includes(e.role) ? 0 : 1;
     out.sort((a, b) => priority(a) - priority(b));
     return out;
-  }).catch(() => []);
+  }).then((elems) => elems.map((e) => ({ ...e, isInteractive: true }))).catch(() => []);
 }
 async function contentFallbackElements(page) {
   return page.evaluate(() => {
@@ -3257,11 +3319,15 @@ async function contentFallbackElements(page) {
     const seen = /* @__PURE__ */ new Set();
     const addUniq = (item) => {
       const key = `${item.role}:${item.meaning.toLowerCase().slice(0, 60)}`;
-      if (!seen.has(key) && item.meaning.trim().length > 0) {
+      if (!seen.has(key) && item.meaning.trim().length > 1) {
         seen.add(key);
         out.push(item);
       }
     };
+    const isVisible = (el) => {
+      const s = window.getComputedStyle(el);
+      return s.display !== "none" && s.visibility !== "hidden" && s.opacity !== "0" && el.offsetParent !== null;
+    };
     const title = document.title?.trim();
     if (title) addUniq({ meaning: title, role: "page-title", notes: JSON.stringify({ tag: "title" }) });
     const desc = document.querySelector('meta[name="description"]')?.getAttribute("content")?.trim();
@@ -3270,17 +3336,197 @@ async function contentFallbackElements(page) {
     if (ogTitle) addUniq({ meaning: ogTitle, role: "og-title", notes: JSON.stringify({ tag: "meta[property=og:title]" }) });
     const canonical = document.querySelector('link[rel="canonical"]')?.getAttribute("href")?.trim();
     if (canonical) addUniq({ meaning: canonical, role: "canonical-url", notes: JSON.stringify({ tag: "link[rel=canonical]" }) });
-    document.querySelectorAll("h1, h2, h3").forEach((h) => {
-      const text = h.textContent?.replace(/\s+/g, " ").trim().slice(0, 80);
+    document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach((h) => {
+      if (!isVisible(h)) return;
+      const text = h.textContent?.replace(/\s+/g, " ").trim().slice(0, 100);
       if (text) addUniq({ meaning: text, role: h.tagName.toLowerCase(), notes: JSON.stringify({ level: h.tagName }) });
     });
-    document.querySelectorAll("img[alt]").forEach((img) => {
-      const alt = img.getAttribute("alt")?.trim().slice(0, 80);
-      const src = img.getAttribute("src")?.slice(0, 120);
-      if (alt) addUniq({ meaning: alt, role: "image", notes: JSON.stringify({ src }) });
+    document.querySelectorAll('details, [data-state="closed"], [data-state="open"]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const summary = el.tagName === "DETAILS" ? el.querySelector("summary") : el.querySelector('[class*="trigger" i], [class*="header" i], [class*="question" i], [class*="title" i]') ?? el;
+      const qText = summary?.textContent?.replace(/\s+/g, " ").trim().slice(0, 120);
+      if (qText && qText.length > 3) {
+        addUniq({ meaning: qText, role: "faq-question", notes: JSON.stringify({ expanded: el.hasAttribute("open") || el.getAttribute("data-state") === "open" }) });
+      }
+      const contentEl = el.tagName === "DETAILS" ? Array.from(el.children).find((c) => c.tagName !== "SUMMARY") : el.querySelector('[class*="content" i], [class*="answer" i], [class*="panel" i], [class*="body" i]:not(body)') ?? el.nextElementSibling;
+      if (contentEl) {
+        const aText = contentEl.textContent?.replace(/\s+/g, " ").trim().slice(0, 200);
+        if (aText && aText.length > 5 && aText !== qText) addUniq({ meaning: aText, role: "faq-answer", notes: JSON.stringify({ question: qText }) });
+      }
+    });
+    document.querySelectorAll('[class*="faq" i]:not(script):not(style):not(nav), [id*="faq" i]:not(script):not(style)').forEach((container) => {
+      if (!isVisible(container)) return;
+      const qEls = container.querySelectorAll('[class*="question" i], [class*="trigger" i], summary, dt, [class*="heading" i]');
+      const aEls = container.querySelectorAll('[class*="answer" i], [class*="content" i]:not(main):not(article), [class*="panel" i], dd');
+      qEls.forEach((q) => {
+        const qText = q.textContent?.replace(/\s+/g, " ").trim().slice(0, 120);
+        if (qText && qText.length > 3) addUniq({ meaning: qText, role: "faq-question", notes: JSON.stringify({ source: "class-faq" }) });
+      });
+      aEls.forEach((a) => {
+        const aText = a.textContent?.replace(/\s+/g, " ").trim().slice(0, 200);
+        if (aText && aText.length > 5) addUniq({ meaning: aText, role: "faq-answer", notes: JSON.stringify({ source: "class-faq" }) });
+      });
+    });
+    document.querySelectorAll('[class*="card" i]:not(nav):not(header):not(footer), [class*="chip" i], [class*="badge" i], [class*="tag" i], [class*="pill" i]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 150);
+      if (text && text.length > 2 && text.length < 200) addUniq({ meaning: text, role: "content-card" });
+    });
+    const mainContent = document.querySelector('main, [role="main"], article') ?? document.body;
+    let listItemCount = 0;
+    mainContent.querySelectorAll("li").forEach((li) => {
+      if (listItemCount >= 30) return;
+      if (!isVisible(li)) return;
+      const text = li.textContent?.replace(/\s+/g, " ").trim().slice(0, 150);
+      if (text && text.length > 3 && text.length < 200) {
+        addUniq({ meaning: text, role: "list-item" });
+        listItemCount++;
+      }
+    });
+    mainContent.querySelectorAll('section > p:first-of-type, article > p:first-of-type, [class*="section" i] > p:first-of-type').forEach((p) => {
+      if (!isVisible(p)) return;
+      const text = p.textContent?.replace(/\s+/g, " ").trim().slice(0, 250);
+      if (text && text.length > 10) addUniq({ meaning: text, role: "section-paragraph" });
+    });
+    document.querySelectorAll('[class*="cta" i] p, [class*="call-to-action" i] p, section:not(form) > p').forEach((p) => {
+      if (!isVisible(p)) return;
+      const text = p.textContent?.replace(/\s+/g, " ").trim().slice(0, 300);
+      if (text && text.length > 10 && text.length < 400) addUniq({ meaning: text, role: "cta-section" });
+    });
+    document.querySelectorAll('nav a, [role="navigation"] a, header nav a, footer nav a, [aria-label*="navigation" i] a, [aria-label*="menu" i] a').forEach((a) => {
+      if (!isVisible(a)) return;
+      const label = (a.getAttribute("aria-label") || a.textContent?.replace(/\s+/g, " ").trim() || "").slice(0, 60);
+      const href = a.href;
+      if (!label || !href || /^(javascript:|#$)/i.test(href)) return;
+      let landmark = "Site Navigation";
+      let el = a.parentElement;
+      while (el) {
+        const tag = el.tagName?.toLowerCase();
+        const role = el.getAttribute?.("role")?.toLowerCase();
+        if (tag === "header" || role === "banner") {
+          landmark = "Header";
+          break;
+        }
+        if (tag === "footer" || role === "contentinfo") {
+          landmark = "Footer";
+          break;
+        }
+        if (tag === "nav" || role === "navigation") {
+          const directLabel = el.getAttribute("aria-label")?.trim() ?? "";
+          const labelId = el.getAttribute("aria-labelledby");
+          const referencedLabel = labelId ? document.getElementById(labelId)?.textContent?.trim() ?? "" : "";
+          landmark = directLabel || referencedLabel || "Site Navigation";
+          break;
+        }
+        el = el.parentElement;
+      }
+      addUniq({ meaning: label, role: "nav-link", notes: JSON.stringify({ href: href.slice(0, 150), landmark }) });
+    });
+    document.querySelectorAll('[aria-label*="breadcrumb" i] a, [class*="breadcrumb" i] a, nav[aria-label*="breadcrumb" i] a').forEach((a) => {
+      const label = a.textContent?.replace(/\s+/g, " ").trim().slice(0, 60);
+      const href = a.href;
+      if (label) addUniq({ meaning: label, role: "breadcrumb-item", notes: JSON.stringify({ href: href?.slice(0, 150) }) });
+    });
+    let footerLinkCount = 0;
+    const footerEls = /* @__PURE__ */ new Set();
+    document.querySelectorAll('footer, [role="contentinfo"], [class*="footer" i]:not(script):not(style):not(nav), [id*="footer" i]:not(script):not(style)').forEach((f) => footerEls.add(f));
+    const footerLinks = [];
+    footerEls.forEach((f) => f.querySelectorAll("a").forEach((a) => footerLinks.push(a)));
+    const seenFooterHrefs = /* @__PURE__ */ new Set();
+    footerLinks.filter((a) => {
+      const href = a.href ?? "";
+      if (seenFooterHrefs.has(href)) return false;
+      seenFooterHrefs.add(href);
+      return true;
+    }).forEach((a) => {
+      if (footerLinkCount >= 25) return;
+      if (!isVisible(a)) return;
+      const label = (a.getAttribute("aria-label") || a.textContent?.replace(/\s+/g, " ").trim() || "").slice(0, 60);
+      const href = a.href ?? "";
+      if (!label) return;
+      if (/^mailto:/i.test(href)) {
+        addUniq({ meaning: label || href, role: "footer-contact", notes: JSON.stringify({ href }) });
+        footerLinkCount++;
+      } else if (/^tel:/i.test(href)) {
+        addUniq({ meaning: label || href, role: "footer-contact", notes: JSON.stringify({ href }) });
+        footerLinkCount++;
+      } else if (label.length > 0) {
+        addUniq({ meaning: label, role: "footer-link", notes: JSON.stringify({ href: href.slice(0, 150) }) });
+        footerLinkCount++;
+      }
+    });
+    let imgCount = 0;
+    const isImgVisible = (el) => {
+      const s = window.getComputedStyle(el);
+      return s.display !== "none" && s.visibility !== "hidden";
+    };
+    document.querySelectorAll("img").forEach((img) => {
+      if (imgCount >= 20) return;
+      if (!isImgVisible(img)) return;
+      const alt = img.getAttribute("alt")?.trim().slice(0, 80) ?? "";
+      const src = (img.getAttribute("src") || img.getAttribute("data-src") || img.getAttribute("data-lazy-src") || img.getAttribute("data-original") || "").slice(0, 120);
+      const srcsetFirst = img.getAttribute("srcset")?.split(",")[0]?.trim().split(" ")[0]?.slice(0, 120) ?? "";
+      const resolvedSrc = src || srcsetFirst;
+      if (!resolvedSrc && !alt) return;
+      const label = alt || resolvedSrc.split("/").pop()?.split("?")[0]?.slice(0, 60) || "Image";
+      addUniq({ meaning: label, role: alt ? "image" : "image-no-alt", notes: JSON.stringify({ src: resolvedSrc, alt, hasAlt: !!alt }) });
+      imgCount++;
+    });
+    document.querySelectorAll("picture source[srcset]").forEach((src) => {
+      if (imgCount >= 25) return;
+      const srcset = src.getAttribute("srcset")?.split(",")[0]?.trim().split(" ")[0]?.slice(0, 120) ?? "";
+      const media = src.getAttribute("media") ?? "";
+      if (srcset) {
+        addUniq({ meaning: `Responsive image${media ? " (" + media + ")" : ""}: ${srcset.split("/").pop()?.split("?")[0] ?? ""}`, role: "picture-source", notes: JSON.stringify({ srcset: srcset.slice(0, 150), media }) });
+        imgCount++;
+      }
+    });
+    let bgCount = 0;
+    document.querySelectorAll('[style*="background-image"], [style*="background:"]').forEach((el) => {
+      if (bgCount >= 15) return;
+      if (!isImgVisible(el)) return;
+      const style = el.getAttribute("style") ?? "";
+      const match = style.match(/url\(['"]?([^'")\s]+)['"]?\)/i);
+      if (match) {
+        const url = match[1].slice(0, 120);
+        const role = el.tagName.toLowerCase();
+        const context = (el.getAttribute("aria-label") || el.getAttribute("title") || el.className.split(" ").find((c) => c.length > 3 && !["true", "false"].includes(c)) || "").slice(0, 60);
+        addUniq({ meaning: context || `BG image on <${role}>: ${url.split("/").pop()?.split("?")[0] ?? url}`, role: "bg-image", notes: JSON.stringify({ url, element: role, context }) });
+        bgCount++;
+      }
+    });
+    document.querySelectorAll('[class*="hero" i], [class*="banner" i], [class*="cover" i], [class*="header-bg" i], [class*="card" i]:not(nav), [class*="feature" i], [class*="service" i], [class*="about" i], [class*="team" i], section').forEach((el) => {
+      if (bgCount >= 15) return;
+      if (!isImgVisible(el)) return;
+      try {
+        const computed = window.getComputedStyle(el).backgroundImage;
+        if (computed && computed !== "none" && computed.includes("url(")) {
+          const match = computed.match(/url\(['"]?([^'")\s]+)['"]?\)/i);
+          if (match) {
+            const url = match[1].slice(0, 120);
+            const tag = el.tagName.toLowerCase();
+            const cls = Array.from(el.classList).find((c) => typeof c === "string" && c.length > 3 && !/^(true|false|active|visible)$/.test(c)) ?? "";
+            addUniq({ meaning: `CSS bg image on .${cls || tag}: ${url.split("/").pop()?.split("?")[0] ?? url}`, role: "bg-image", notes: JSON.stringify({ url, cssClass: cls, element: tag }) });
+            bgCount++;
+          }
+        }
+      } catch {
+      }
+    });
+    document.querySelectorAll("[data-bg], [data-background], [data-background-image]").forEach((el) => {
+      if (bgCount >= 15) return;
+      if (!isVisible(el)) return;
+      const url = (el.getAttribute("data-bg") || el.getAttribute("data-background") || el.getAttribute("data-background-image") || "").slice(0, 120);
+      if (url) {
+        addUniq({ meaning: `Lazy BG image: ${url.split("/").pop()?.split("?")[0] ?? url}`, role: "bg-image", notes: JSON.stringify({ url, pattern: "data-bg" }) });
+        bgCount++;
+      }
     });
     const navTags = /* @__PURE__ */ new Set(["nav", "header", "footer"]);
+    let contentLinkCount = 0;
     document.querySelectorAll("a[href]").forEach((a) => {
+      if (contentLinkCount >= 20) return;
+      if (!isVisible(a)) return;
       let p = a.parentElement;
       while (p) {
         if (navTags.has(p.tagName?.toLowerCase())) return;
@@ -3288,17 +3534,413 @@ async function contentFallbackElements(page) {
       }
       const label = (a.getAttribute("aria-label") || a.textContent?.replace(/\s+/g, " ").trim() || "").slice(0, 80);
       const href = a.href;
-      if (label && href && !/^(#|javascript:|mailto:)/i.test(href)) {
+      if (label && href && !/^(#$|javascript:|mailto:|tel:)/i.test(href)) {
         const isExternal = !href.includes(location.hostname);
         addUniq({ meaning: label, role: isExternal ? "external-link" : "internal-link", notes: JSON.stringify({ href: href.slice(0, 120) }) });
+        contentLinkCount++;
       }
     });
     const hasAnimation = !!document.querySelector('[class*="animate"], [class*="motion"], [class*="transition"], [class*="scroll-"], [data-aos], [data-scroll]');
     if (hasAnimation) addUniq({ meaning: "CSS animations / scroll effects detected on page", role: "animation-layer", notes: JSON.stringify({ detected: true }) });
     if (document.querySelector("video")) addUniq({ meaning: "Video element present", role: "video", notes: JSON.stringify({ count: document.querySelectorAll("video").length }) });
     if (document.querySelector("canvas")) addUniq({ meaning: "Canvas element present", role: "canvas" });
-    return out.slice(0, 30);
-  }).catch(() => []);
+    document.querySelectorAll('main section, article section, [role="main"] section').forEach((el) => {
+      if (!isVisible(el)) return;
+      const heading = el.querySelector("h1,h2,h3,h4")?.textContent?.trim() ?? "";
+      const itemCount = el.querySelectorAll('li, [class*="card" i], [class*="chip" i]').length;
+      const paragraphs = el.querySelectorAll("p").length;
+      const meaning = heading || `Section (${itemCount} items)`;
+      if (meaning) addUniq({ meaning, role: "page-section", notes: JSON.stringify({ heading, itemCount, paragraphs, id: el.id || el.getAttribute("data-section") }) });
+    });
+    const ogDesc = document.querySelector('meta[property="og:description"]')?.getAttribute("content")?.trim();
+    if (ogDesc) addUniq({ meaning: ogDesc, role: "og-description", notes: JSON.stringify({ tag: "meta[property=og:description]" }) });
+    const ogImage = document.querySelector('meta[property="og:image"]')?.getAttribute("content")?.trim();
+    if (ogImage) addUniq({ meaning: ogImage, role: "og-image", notes: JSON.stringify({ tag: "meta[property=og:image]", src: ogImage }) });
+    const twitterTitle = document.querySelector('meta[name="twitter:title"]')?.getAttribute("content")?.trim();
+    if (twitterTitle) addUniq({ meaning: twitterTitle, role: "twitter-title", notes: JSON.stringify({ tag: "meta[name=twitter:title]" }) });
+    const twitterDesc = document.querySelector('meta[name="twitter:description"]')?.getAttribute("content")?.trim();
+    if (twitterDesc) addUniq({ meaning: twitterDesc, role: "twitter-description", notes: JSON.stringify({ tag: "meta[name=twitter:description]" }) });
+    const jsonFonts = [];
+    document.querySelectorAll('link[rel="preload"][as="font"], link[href*="fonts.googleapis"]').forEach((l) => {
+      const url = l.href?.slice(0, 120);
+      if (url) jsonFonts.push(url);
+    });
+    if (jsonFonts.length) addUniq({ meaning: `Font imports: ${jsonFonts.length} font file(s)`, role: "font-stack", notes: JSON.stringify({ fonts: jsonFonts.slice(0, 5) }) });
+    document.querySelectorAll('script[type="application/ld+json"], script[class*="tsr"]').forEach((s) => {
+      try {
+        const data = JSON.parse(s.textContent ?? "{}");
+        const items = Array.isArray(data) ? data : [data];
+        for (const item of items) {
+          const faqArr = item.mainEntity ?? item.faqs ?? item.questions ?? item.faq ?? [];
+          (Array.isArray(faqArr) ? faqArr : []).forEach((f) => {
+            const q = f.name ?? f.question ?? "";
+            const a = f.acceptedAnswer?.text ?? f.answer ?? "";
+            if (q) addUniq({ meaning: String(q).slice(0, 150), role: "faq-question", notes: JSON.stringify({ source: "json-ld" }) });
+            if (a) addUniq({ meaning: String(a).slice(0, 200), role: "faq-answer", notes: JSON.stringify({ question: String(q).slice(0, 80), source: "json-ld" }) });
+          });
+          const deliverables = item.deliverables ?? item.services ?? item.offerings ?? [];
+          (Array.isArray(deliverables) ? deliverables : []).forEach((d) => {
+            const title2 = d.title ?? d.name ?? "";
+            const desc2 = d.description ?? d.desc ?? "";
+            if (title2) addUniq({ meaning: `${title2}${desc2 ? ": " + desc2.slice(0, 120) : ""}`, role: "deliverable", notes: JSON.stringify({ title: title2, description: String(desc2).slice(0, 200) }) });
+          });
+          const stack = item.stack ?? item.technologies ?? item.tools ?? [];
+          (Array.isArray(stack) ? stack : []).forEach((tool) => {
+            const name = typeof tool === "string" ? tool : tool.name ?? "";
+            if (name) addUniq({ meaning: name, role: "tech-stack-item", notes: JSON.stringify({ source: "json-ld" }) });
+          });
+          const outcomes = item.outcomes ?? item.metrics ?? item.stats ?? [];
+          (Array.isArray(outcomes) ? outcomes : []).forEach((m) => {
+            const metric = m.metric ?? m.value ?? "";
+            const label = m.label ?? m.name ?? "";
+            if (metric && label) addUniq({ meaning: `${metric} \u2014 ${label}`, role: "metric-card", notes: JSON.stringify({ metric, label }) });
+          });
+          const features = item.features ?? item.capabilities ?? [];
+          (Array.isArray(features) ? features : []).forEach((f) => {
+            const name = typeof f === "string" ? f : f.name ?? "";
+            if (name) addUniq({ meaning: name, role: "feature-badge", notes: JSON.stringify({ source: "json-ld" }) });
+          });
+          if (item["@type"] === "HowTo" || item["@type"] === "Recipe") {
+            const steps = item.step ?? item.steps ?? [];
+            (Array.isArray(steps) ? steps : []).forEach((step, idx) => {
+              const text = step.text ?? step.description ?? (typeof step === "string" ? step : "");
+              const name = step.name ?? `Step ${idx + 1}`;
+              if (text) addUniq({ meaning: `${name}: ${String(text).slice(0, 200)}`, role: "howto-step", notes: JSON.stringify({ stepIndex: idx + 1, name }) });
+            });
+          }
+          if (item["@type"] === "BreadcrumbList") {
+            const crumbs = item.itemListElement ?? [];
+            (Array.isArray(crumbs) ? crumbs : []).forEach((crumb) => {
+              const name = crumb.name ?? crumb.item?.name ?? "";
+              const url = crumb.item?.["@id"] ?? crumb.item ?? "";
+              if (name) addUniq({ meaning: name, role: "breadcrumb-item", notes: JSON.stringify({ position: crumb.position, url }) });
+            });
+          }
+          if (item["@type"] === "Event") {
+            const name = item.name ?? "";
+            const startDate = item.startDate ?? "";
+            const location2 = item.location?.name ?? item.location?.address?.streetAddress ?? "";
+            if (name) addUniq({ meaning: name, role: "event-name", notes: JSON.stringify({ startDate, location: location2, source: "json-ld" }) });
+          }
+          if (item["@type"] === "JobPosting") {
+            const title2 = item.title ?? "";
+            const desc2 = item.description ?? "";
+            const employer = item.hiringOrganization?.name ?? "";
+            if (title2) addUniq({ meaning: `${title2}${employer ? " at " + employer : ""}`, role: "job-posting", notes: JSON.stringify({ description: String(desc2).slice(0, 200) }) });
+          }
+          if (item["@type"] === "Review") {
+            const body = item.reviewBody ?? "";
+            const rating = item.reviewRating?.ratingValue ?? "";
+            const author = item.author?.name ?? "";
+            if (body) addUniq({ meaning: String(body).slice(0, 200), role: "review-text", notes: JSON.stringify({ rating, author }) });
+          }
+        }
+      } catch {
+      }
+    });
+    document.querySelectorAll('[role="tabpanel"], [data-state="active"][id*="panel"], [id*="panel"][aria-labelledby]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const heading = el.querySelector("h2, h3, h4")?.textContent?.trim() ?? "";
+      const desc2 = el.querySelector("p")?.textContent?.replace(/\s+/g, " ").trim().slice(0, 200) ?? "";
+      const badges = Array.from(el.querySelectorAll('[class*="badge" i], [class*="tag" i], [class*="pill" i], [class*="chip" i], [class*="rounded-full" i]')).map((b) => b.textContent?.trim()).filter(Boolean).slice(0, 8);
+      const meaning = heading || desc2;
+      if (meaning) addUniq({ meaning: meaning.slice(0, 150), role: "tab-panel", notes: JSON.stringify({ heading, description: desc2, badges, panelId: el.id }) });
+    });
+    document.querySelectorAll("[aria-controls]").forEach((btn) => {
+      if (!isVisible(btn)) return;
+      const panelId = btn.getAttribute("aria-controls");
+      if (!panelId) return;
+      const panel = document.getElementById(panelId);
+      if (!panel) return;
+      const qText = btn.textContent?.replace(/\s+/g, " ").trim().slice(0, 120);
+      const aText = panel.textContent?.replace(/\s+/g, " ").trim().slice(0, 200);
+      if (qText && qText.length > 3) addUniq({ meaning: qText, role: "faq-question", notes: JSON.stringify({ panelId, expanded: btn.getAttribute("aria-expanded") }) });
+      if (aText && aText.length > 5 && aText !== qText) addUniq({ meaning: aText, role: "faq-answer", notes: JSON.stringify({ question: qText?.slice(0, 80), source: "aria-controls" }) });
+    });
+    const mainEl = document.querySelector('main, [role="main"], article') ?? document.body;
+    mainEl.querySelectorAll('[class*="mono" i]:not(code):not(pre), [class*="pill" i]:not(nav), [class*="chip" i]:not(nav), [class*="tag" i]:not(nav), [class*="badge" i]:not(nav)').forEach((el) => {
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 60);
+      if (text && text.length > 1 && text.length < 60 && !text.includes(" ")) {
+        addUniq({ meaning: text, role: "tech-stack-item", notes: JSON.stringify({ source: "dom-pill" }) });
+      } else if (text && text.length > 1 && text.length < 40) {
+        addUniq({ meaning: text, role: "feature-badge", notes: JSON.stringify({ source: "dom-pill" }) });
+      }
+    });
+    mainEl.querySelectorAll('a[href][class*="card" i], [class*="card" i] a[href], [class*="service" i][href], a[class*="service" i]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const anchor = el.tagName === "A" ? el : el.querySelector("a");
+      if (!anchor) return;
+      const href = anchor.href;
+      if (!href || /^(#|javascript:|mailto:|tel:)/i.test(href)) return;
+      const heading = el.querySelector("h2, h3, h4")?.textContent?.trim() ?? "";
+      const desc2 = el.querySelector("p")?.textContent?.replace(/\s+/g, " ").trim().slice(0, 120) ?? "";
+      const label = anchor.textContent?.replace(/\s+/g, " ").trim().slice(0, 80) ?? "";
+      const meaning = heading || label || "Linked card";
+      if (meaning && meaning !== "Linked card" || heading && desc2) {
+        addUniq({ meaning: `${heading || meaning}${desc2 ? ": " + desc2 : ""}`.slice(0, 180), role: "service-card", notes: JSON.stringify({ href: href.slice(0, 150), heading, description: desc2 }) });
+      }
+    });
+    mainEl.querySelectorAll('[class*="metric" i], [class*="outcome" i], [class*="stat" i], [class*="kpi" i]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 100);
+      if (text && text.length > 2 && text.length < 120) addUniq({ meaning: text, role: "metric-card", notes: JSON.stringify({ source: "dom-class" }) });
+    });
+    document.querySelectorAll('.sr-only, [class*="sr-only" i], [class*="visually-hidden" i]').forEach((el) => {
+      const tag = el.tagName?.toLowerCase() ?? "";
+      if (!/^h[1-6]$/.test(tag)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 100);
+      if (text) addUniq({ meaning: text, role: `${tag}-sr-only`, notes: JSON.stringify({ srOnly: true, tag }) });
+    });
+    try {
+      const cssTokens = {};
+      const rootStyle = window.getComputedStyle(document.documentElement);
+      try {
+        for (let si = 0; si < document.styleSheets.length; si++) {
+          try {
+            const sheet = document.styleSheets[si];
+            const rules = sheet.cssRules;
+            for (let ri = 0; ri < rules.length; ri++) {
+              const rule = rules[ri];
+              if (rule.selectorText === ":root" || rule.selectorText === "html" || rule.selectorText === ":root, html") {
+                const style = rule.style;
+                for (let pi = 0; pi < style.length; pi++) {
+                  const prop = style[pi];
+                  if (prop.startsWith("--") && Object.keys(cssTokens).length < 30) {
+                    const val = style.getPropertyValue(prop).trim();
+                    if (val) cssTokens[prop] = val.slice(0, 60);
+                  }
+                }
+              }
+            }
+          } catch {
+          }
+        }
+      } catch {
+      }
+      const probePrefixes = ["", "--color-", "--bs-", "--brand-", "--clr-", "--theme-", "--md-sys-color-"];
+      const probeNames = ["primary", "secondary", "accent", "background", "foreground", "surface", "text", "muted", "border", "ring", "card", "destructive", "warning", "success"];
+      const probeFonts = ["--font-sans", "--font-mono", "--font-display", "--font-heading", "--font-body", "--font-family-base"];
+      for (const pfx of probePrefixes) {
+        for (const name of probeNames) {
+          const v = `${pfx}${name}`;
+          if (!cssTokens[v]) {
+            const val = rootStyle.getPropertyValue(v).trim();
+            if (val) cssTokens[v] = val.slice(0, 60);
+          }
+        }
+      }
+      for (const v of probeFonts) {
+        if (!cssTokens[v]) {
+          const val = rootStyle.getPropertyValue(v).trim();
+          if (val) cssTokens[v] = val.slice(0, 60);
+        }
+      }
+      if (Object.keys(cssTokens).length > 0) {
+        const limited = Object.fromEntries(Object.entries(cssTokens).slice(0, 25));
+        addUniq({ meaning: `Design tokens: ${Object.keys(limited).join(", ")}`, role: "design-tokens", notes: JSON.stringify(limited) });
+      }
+    } catch {
+    }
+    document.querySelectorAll("table").forEach((table) => {
+      if (!isVisible(table)) return;
+      const headers = Array.from(table.querySelectorAll("thead th, thead td, tr:first-child th")).map((th) => th.textContent?.trim()).filter(Boolean).slice(0, 8);
+      const rowCount = table.querySelectorAll("tbody tr").length;
+      if (headers.length > 0) addUniq({ meaning: `Table: ${headers.join(" \xB7 ")}`, role: "data-table", notes: JSON.stringify({ headers, rowCount }) });
+    });
+    document.querySelectorAll("dl").forEach((dl) => {
+      if (!isVisible(dl)) return;
+      const terms = Array.from(dl.querySelectorAll("dt")).map((dt) => dt.textContent?.trim()).filter(Boolean).slice(0, 10);
+      if (terms.length > 0) addUniq({ meaning: `Definition list: ${terms.slice(0, 4).join(", ")}`, role: "definition-list", notes: JSON.stringify({ terms: terms.slice(0, 10) }) });
+    });
+    let quoteCount = 0;
+    document.querySelectorAll('blockquote, [class*="testimonial" i], [class*="review" i]:not(script), [class*="quote" i]:not([class*="icon"]), [class*="pullquote" i]').forEach((el) => {
+      if (quoteCount >= 10) return;
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 200);
+      const author = el.querySelector('[class*="author" i], [class*="name" i], cite')?.textContent?.trim().slice(0, 60) ?? "";
+      if (text && text.length > 20) {
+        addUniq({ meaning: `${text.slice(0, 160)}${author ? " \u2014 " + author : ""}`, role: "testimonial", notes: JSON.stringify({ author }) });
+        quoteCount++;
+      }
+    });
+    document.querySelectorAll('[role="alert"], [role="status"], [role="banner"]:not(header), .alert, .notice, .notification, .warning-banner, .error-banner, .success-banner, [class*="alert-" i]:not(button), [class*="toast" i]:not(button), [class*="snackbar" i]').forEach((el) => {
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 150);
+      if (text && text.length > 5) addUniq({ meaning: text, role: "alert-banner", notes: JSON.stringify({ ariaRole: el.getAttribute("role") }) });
+    });
+    let pricingCount = 0;
+    document.querySelectorAll('[class*="pricing" i], [class*="plan" i]:not(main):not(article), [class*="tier" i]:not(nav), [class*="package" i]:not(script)').forEach((el) => {
+      if (pricingCount >= 8) return;
+      if (!isVisible(el)) return;
+      const name = el.querySelector('h2,h3,h4,[class*="plan-name" i],[class*="tier-name" i]')?.textContent?.trim().slice(0, 60) ?? "";
+      const price = el.querySelector('[class*="price" i],[class*="amount" i]')?.textContent?.trim().slice(0, 40) ?? "";
+      if (name || price) {
+        addUniq({ meaning: `${name || "Plan"}${price ? ": " + price : ""}`, role: "pricing-plan", notes: JSON.stringify({ planName: name, price }) });
+        pricingCount++;
+      }
+    });
+    const paginationEl = document.querySelector('[role="navigation"][aria-label*="paginat" i], [class*="pagination" i], [aria-label*="paginat" i]');
+    if (paginationEl && isVisible(paginationEl)) {
+      const pages = Array.from(paginationEl.querySelectorAll("a, button")).map((p) => p.textContent?.trim()).filter(Boolean).slice(0, 10);
+      if (pages.length > 0) addUniq({ meaning: `Pagination: ${pages.join(", ")}`, role: "pagination", notes: JSON.stringify({ pages }) });
+    }
+    let codeCount = 0;
+    document.querySelectorAll('pre code, [class*="code-block" i], [class*="highlight" i] pre').forEach((el) => {
+      if (codeCount >= 5) return;
+      if (!isVisible(el)) return;
+      const lang = el.getAttribute("class")?.match(/language-(\w+)/)?.[1] ?? "";
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 100);
+      if (text && text.length > 10) {
+        addUniq({ meaning: `Code example${lang ? " (" + lang + ")" : ""}: ${text.slice(0, 80)}`, role: "code-block", notes: JSON.stringify({ language: lang }) });
+        codeCount++;
+      }
+    });
+    let dropdownCount = 0;
+    document.querySelectorAll('[role="listbox"] [role="option"], [role="option"]:not([role="listbox"] *)').forEach((el) => {
+      if (dropdownCount >= 20) return;
+      if (!isVisible(el)) return;
+      const text = el.textContent?.trim().slice(0, 80);
+      if (text) {
+        addUniq({ meaning: text, role: "dropdown-option", notes: JSON.stringify({ selected: el.getAttribute("aria-selected") }) });
+        dropdownCount++;
+      }
+    });
+    let timelineCount = 0;
+    document.querySelectorAll('[class*="timeline" i] li, [class*="timeline" i] [class*="step" i], [class*="process" i] li, [class*="steps" i] li').forEach((el) => {
+      if (timelineCount >= 10) return;
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 150);
+      if (text && text.length > 5) {
+        addUniq({ meaning: text, role: "timeline-step", notes: JSON.stringify({ source: "dom-class" }) });
+        timelineCount++;
+      }
+    });
+    let teamCount = 0;
+    document.querySelectorAll('[class*="team-member" i], [class*="team-card" i], [class*="person-card" i], [class*="bio" i][class*="card" i]').forEach((el) => {
+      if (teamCount >= 10) return;
+      if (!isVisible(el)) return;
+      const name = el.querySelector('[class*="name" i], h3, h4')?.textContent?.trim().slice(0, 60) ?? "";
+      const role = el.querySelector('[class*="role" i], [class*="title" i], [class*="position" i]')?.textContent?.trim().slice(0, 60) ?? "";
+      if (name) {
+        addUniq({ meaning: `${name}${role ? " \u2014 " + role : ""}`, role: "team-member", notes: JSON.stringify({ name, role }) });
+        teamCount++;
+      }
+    });
+    document.querySelectorAll("iframe").forEach((iframe) => {
+      const src = iframe.getAttribute("src") || iframe.getAttribute("data-src") || "";
+      const title2 = iframe.getAttribute("title") || iframe.getAttribute("aria-label") || "";
+      if (!src) return;
+      if (/youtube\.com\/embed|youtu\.be\/|youtube-nocookie\.com/i.test(src)) {
+        const videoId = src.match(/\/embed\/([^/?&]+)/)?.[1] ?? "";
+        addUniq({ meaning: title2 || `YouTube video${videoId ? " (ID: " + videoId + ")" : ""}`, role: "video-embed", notes: JSON.stringify({ platform: "youtube", src: src.slice(0, 200), title: title2, videoId }) });
+      } else if (/vimeo\.com\/video\//i.test(src)) {
+        const videoId = src.match(/video\/(\d+)/)?.[1] ?? "";
+        addUniq({ meaning: title2 || `Vimeo video${videoId ? " (ID: " + videoId + ")" : ""}`, role: "video-embed", notes: JSON.stringify({ platform: "vimeo", src: src.slice(0, 200), title: title2, videoId }) });
+      } else if (/wistia\.com|loom\.com|dailymotion\.com|twitch\.tv|brightcove\.com/i.test(src)) {
+        const platform = /wistia/.test(src) ? "wistia" : /loom/.test(src) ? "loom" : /dailymotion/.test(src) ? "dailymotion" : /twitch/.test(src) ? "twitch" : "brightcove";
+        addUniq({ meaning: title2 || `${platform} video`, role: "video-embed", notes: JSON.stringify({ platform, src: src.slice(0, 200), title: title2 }) });
+      } else if (/maps\.google\.com|google\.com\/maps\/embed/i.test(src)) {
+        const q = new URLSearchParams(src.split("?")[1] ?? "").get("q") ?? new URLSearchParams(src.split("?")[1] ?? "").get("query") ?? "";
+        addUniq({ meaning: title2 || `Google Maps${q ? ": " + decodeURIComponent(q).slice(0, 80) : ""}`, role: "map-embed", notes: JSON.stringify({ provider: "google", src: src.slice(0, 200), query: q }) });
+      } else if (/openstreetmap\.org|mapbox\.com|here\.com|maps\.apple\.com/i.test(src)) {
+        const provider = /openstreetmap/.test(src) ? "OpenStreetMap" : /mapbox/.test(src) ? "Mapbox" : /here\.com/.test(src) ? "HERE Maps" : "Apple Maps";
+        addUniq({ meaning: title2 || `${provider} embed`, role: "map-embed", notes: JSON.stringify({ provider, src: src.slice(0, 200), title: title2 }) });
+      }
+    });
+    document.querySelectorAll("svg").forEach((svg) => {
+      if (!isVisible(svg)) return;
+      const titleEl = svg.querySelector("title");
+      const label = svg.getAttribute("aria-label")?.trim() || titleEl?.textContent?.trim() || "";
+      if (!label) return;
+      const rect = svg.getBoundingClientRect();
+      if (rect.width < 48 && rect.height < 48) return;
+      addUniq({ meaning: label.slice(0, 100), role: "svg-image", notes: JSON.stringify({ width: Math.round(rect.width), height: Math.round(rect.height) }) });
+    });
+    let counterCount = 0;
+    document.querySelectorAll('[data-count],[data-target],[data-to],[data-countup],[class*="counter" i]:not(button),[class*="count-up" i],[class*="odometer" i]').forEach((el) => {
+      if (counterCount >= 15) return;
+      if (!isVisible(el)) return;
+      const targetVal = el.getAttribute("data-count") || el.getAttribute("data-target") || el.getAttribute("data-to") || el.getAttribute("data-countup") || "";
+      const currentText = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 40) ?? "";
+      const contextLabel = el.closest('[class*="stat" i],[class*="metric" i],[class*="kpi" i],[class*="counter-item" i]')?.textContent?.replace(/\s+/g, " ").trim().slice(0, 80) ?? "";
+      const value = targetVal || currentText;
+      if (value && value !== "0") {
+        addUniq({ meaning: contextLabel.slice(0, 100) || `Counter: ${value}`, role: "animated-counter", notes: JSON.stringify({ targetValue: targetVal, displayedValue: currentText }) });
+        counterCount++;
+      }
+    });
+    let logoCount = 0;
+    document.querySelectorAll('[class*="client" i] img,[class*="partner" i] img,[class*="logo-grid" i] img,[class*="clients-" i] img,[class*="brand-logo" i] img,[class*="trust-logo" i] img,[class*="sponsor" i] img').forEach((img) => {
+      if (logoCount >= 20) return;
+      if (!isVisible(img)) return;
+      const alt = img.getAttribute("alt")?.trim().slice(0, 60) ?? "";
+      const src = (img.getAttribute("src") || img.getAttribute("data-src") || "").slice(0, 120);
+      if (!alt && !src) return;
+      addUniq({ meaning: alt || src.split("/").pop()?.split("?")[0]?.slice(0, 50) || "Client logo", role: "client-logo", notes: JSON.stringify({ alt, src, hasAlt: !!alt }) });
+      logoCount++;
+    });
+    let awardCount = 0;
+    document.querySelectorAll('[class*="award" i],[class*="certif" i]:not(script):not(link),[class*="accredit" i],[class*="trust-badge" i],[class*="recognition" i],[class*="badge" i][class*="award" i]').forEach((el) => {
+      if (awardCount >= 10) return;
+      if (!isVisible(el)) return;
+      const text = el.textContent?.replace(/\s+/g, " ").trim().slice(0, 80);
+      const imgEl = el.querySelector("img");
+      const label = text || imgEl?.getAttribute("alt")?.trim() || "";
+      if (label && label.length > 2) {
+        addUniq({ meaning: label, role: "award-badge", notes: JSON.stringify({ hasImage: !!imgEl }) });
+        awardCount++;
+      }
+    });
+    try {
+      const abTools = [];
+      if (window.optimizely || window.Optimizely) abTools.push("Optimizely");
+      if (window.VWO || window._vwo_code) abTools.push("VWO");
+      if (window.__ABTasty || window.ABTasty) abTools.push("AB Tasty");
+      if (document.querySelector('script[src*="optimize.js"]')) abTools.push("Google Optimize");
+      if (window.splitbee) abTools.push("Splitbee");
+      if (window.__GROWTHBOOK__ || document.querySelector('script[src*="growthbook"]')) abTools.push("GrowthBook");
+      if (window.Kameleoon) abTools.push("Kameleoon");
+      if (abTools.length > 0) {
+        const optExp = window.optimizely?.get?.("state")?.getActiveExperimentIds?.() ?? [];
+        addUniq({ meaning: `A/B testing: ${abTools.join(", ")}${optExp.length ? " (" + optExp.length + " active experiments)" : ""}`, role: "ab-test-layer", notes: JSON.stringify({ tools: abTools, activeExperiments: optExp.slice(0, 10) }) });
+      }
+    } catch {
+    }
+    try {
+      const signals = [];
+      if (window.__geo || window.__country || window.__region) signals.push("window geo globals");
+      if (document.querySelector("[data-geo],[data-country],[data-region],[data-locale]")) signals.push("data-geo DOM attributes");
+      const ipScripts = Array.from(document.querySelectorAll("script[src]")).filter((s) => /ipinfo|maxmind|ipstack|ipgeolocation/i.test(s.getAttribute("src") ?? "")).length;
+      if (ipScripts > 0) signals.push("IP geolocation script");
+      if (window.Intl?.DateTimeFormat?.()?.resolvedOptions?.()?.timeZone) signals.push(`timezone: ${window.Intl.DateTimeFormat().resolvedOptions().timeZone}`);
+      if (signals.length > 1) {
+        addUniq({ meaning: `Personalization/geo signals: ${signals.join("; ")}`, role: "personalization-layer", notes: JSON.stringify({ signals }) });
+      }
+    } catch {
+    }
+    let hoverCount = 0;
+    document.querySelectorAll('[class*="group"]:not(nav):not(ul):not(ol),[class*="hover-trigger" i],[data-hover],[class*="has-dropdown" i]').forEach((trigger) => {
+      if (hoverCount >= 8) return;
+      if (!isVisible(trigger)) return;
+      const hiddenChildren = Array.from(trigger.querySelectorAll('[class*="group-hover"],[class*="hover-content" i],[class*="dropdown-menu" i],[class*="submenu" i]')).filter((c) => {
+        try {
+          const s = window.getComputedStyle(c);
+          return s.display === "none" || s.visibility === "hidden" || parseFloat(s.opacity) < 0.1;
+        } catch {
+          return false;
+        }
+      });
+      for (const child of hiddenChildren.slice(0, 3)) {
+        const text = child.textContent?.replace(/\s+/g, " ").trim().slice(0, 150);
+        if (text && text.length > 3) {
+          addUniq({ meaning: text, role: "hover-content", notes: JSON.stringify({ triggerClass: (trigger.className?.toString() ?? "").slice(0, 60) }) });
+          hoverCount++;
+        }
+      }
+    });
+    return out.slice(0, 400);
+  }).then((elems) => elems.map((e) => ({ ...e, isInteractive: false }))).catch(() => []);
 }
 async function interactAndCollectLinks(page, origin) {
   const collected = /* @__PURE__ */ new Set();