@unotest/web 0.9.1 → 0.11.0

package/dist/inspection/page-inject.js

@@ -520,12 +520,9 @@ function semanticDomAlgorithm(options) {
     return count;
   }
   __name(countInteractiveInSubtree, "countInteractiveInSubtree");
-  for (let i = 0; i < nodes.length; i++) {
-    const node = nodes[i];
-    if (node.children.length < 3) continue;
-    if (collectionMemberSet.has(i)) continue;
+  function tryDetectCollection(parentIdx, candidates) {
     const sigGroups = /* @__PURE__ */ new Map();
-    for (const ci of node.children) {
+    for (const ci of candidates) {
       const sig = nodes[ci].depth2Signature || "";
       if (!sigGroups.has(sig)) sigGroups.set(sig, []);
       sigGroups.get(sig).push(ci);
@@ -538,7 +535,7 @@ function semanticDomAlgorithm(options) {
         dominantGroup = group;
       }
     }
-    if (dominantGroup.length < 3) continue;
+    if (dominantGroup.length < 3) return;
     const dominantTag = nodes[dominantGroup[0]].tag;
     const dominantChildTags = nodes[dominantGroup[0]].children.map((ci) => nodes[ci].tag);
     let fuzzyCount = 0;
@@ -557,11 +554,11 @@ function semanticDomAlgorithm(options) {
         fuzzyCount++;
       }
     }
-    if (allItems.length < 3) continue;
+    if (allItems.length < 3) return;
     const avgInteractive = allItems.reduce((sum, ci) => sum + countInteractiveInSubtree(ci), 0) / allItems.length;
-    if (avgInteractive < 3) continue;
+    if (avgInteractive < 3) return;
     detectedCollections.push({
-      parentIdx: i,
+      parentIdx,
       itemIndices: allItems,
       dominantSignature: dominantSig,
       fuzzyCount
@@ -572,6 +569,13 @@ function semanticDomAlgorithm(options) {
       addDescendantsToSet(ci, collectionMemberSet);
     }
   }
+  __name(tryDetectCollection, "tryDetectCollection");
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (node.children.length < 3) continue;
+    if (collectionMemberSet.has(i)) continue;
+    tryDetectCollection(i, node.children);
+  }
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
     if (node.children.length < 3) continue;
@@ -587,53 +591,7 @@ function semanticDomAlgorithm(options) {
       grandchildIndices.push(child.children[0]);
     }
     if (!valid || grandchildIndices.length < 3) continue;
-    const sigGroups = /* @__PURE__ */ new Map();
-    for (const gi of grandchildIndices) {
-      const sig = nodes[gi].depth2Signature || "";
-      if (!sigGroups.has(sig)) sigGroups.set(sig, []);
-      sigGroups.get(sig).push(gi);
-    }
-    let dominantSig = "";
-    let dominantGroup = [];
-    for (const [sig, group] of sigGroups) {
-      if (group.length > dominantGroup.length) {
-        dominantSig = sig;
-        dominantGroup = group;
-      }
-    }
-    if (dominantGroup.length < 3) continue;
-    const dominantTag = nodes[dominantGroup[0]].tag;
-    const dominantChildTags = nodes[dominantGroup[0]].children.map((ci) => nodes[ci].tag);
-    let fuzzyCount = 0;
-    const allItems = [...dominantGroup];
-    for (const [sig, group] of sigGroups) {
-      if (sig === dominantSig) continue;
-      for (const gi of group) {
-        const candidate = nodes[gi];
-        if (candidate.tag !== dominantTag) continue;
-        const candidateChildTags = candidate.children.map((ci) => nodes[ci].tag);
-        const jaccard = jaccardMultiset(dominantChildTags, candidateChildTags);
-        if (jaccard < 0.7) continue;
-        const iOverlap = interactiveOverlap(nodes[dominantGroup[0]].children, candidate.children);
-        if (iOverlap < 0.5) continue;
-        allItems.push(gi);
-        fuzzyCount++;
-      }
-    }
-    if (allItems.length < 3) continue;
-    const avgInteractive = allItems.reduce((sum, ci) => sum + countInteractiveInSubtree(ci), 0) / allItems.length;
-    if (avgInteractive < 3) continue;
-    detectedCollections.push({
-      parentIdx: i,
-      itemIndices: allItems,
-      dominantSignature: dominantSig,
-      fuzzyCount
-    });
-    totalFuzzyMatched += fuzzyCount;
-    for (const ci of allItems) {
-      collectionMemberSet.add(ci);
-      addDescendantsToSet(ci, collectionMemberSet);
-    }
+    tryDetectCollection(i, grandchildIndices);
   }
   const LANDMARK_SELECTOR = 'header, nav, main, aside, footer, form, section[aria-label], section[aria-labelledby], article, dialog, [role="banner"], [role="navigation"], [role="main"], [role="contentinfo"], [role="search"], [role="region"], [role="complementary"], [role="dialog"], [role="alertdialog"]';
   function landmarkKind(landmark) {
@@ -1229,87 +1187,71 @@ function semanticDomAlgorithm(options) {
     return action;
   }
   __name(nodeToAction, "nodeToAction");
-  function groupLinksByHrefPattern(linkNodes) {
-    const pathGroups = /* @__PURE__ */ new Map();
+  function groupNodes(nodeList, min, keyOf) {
+    const buckets = /* @__PURE__ */ new Map();
     const ungrouped = [];
-    for (const node of linkNodes) {
-      if (!node.href) {
-        ungrouped.push(node);
-        continue;
-      }
-      const segments = node.href.split("/").filter(Boolean);
-      const patternKey = segments.length >= 1 ? `/${segments[0]}/` : null;
-      if (patternKey) {
-        if (!pathGroups.has(patternKey)) pathGroups.set(patternKey, []);
-        pathGroups.get(patternKey).push(node);
+    for (const node of nodeList) {
+      const key = keyOf(node);
+      if (key) {
+        if (!buckets.has(key)) buckets.set(key, []);
+        buckets.get(key).push(node);
       } else {
         ungrouped.push(node);
       }
     }
-    const grouped = /* @__PURE__ */ new Map();
-    for (const [key, ns] of pathGroups) {
-      if (ns.length >= 3) {
-        grouped.set(key, ns);
+    const groups = /* @__PURE__ */ new Map();
+    for (const [key, ns] of buckets) {
+      if (ns.length >= min) {
+        groups.set(key, ns);
       } else {
         ungrouped.push(...ns);
       }
     }
-    return { grouped, ungrouped };
+    return { groups, ungrouped };
+  }
+  __name(groupNodes, "groupNodes");
+  function groupLinksByHrefPattern(linkNodes) {
+    const { groups, ungrouped } = groupNodes(linkNodes, 3, (node) => {
+      if (!node.href) return null;
+      const segments = node.href.split("/").filter(Boolean);
+      return segments.length >= 1 ? `/${segments[0]}/` : null;
+    });
+    return { grouped: groups, ungrouped };
   }
   __name(groupLinksByHrefPattern, "groupLinksByHrefPattern");
   function groupByTestId(nodeList) {
-    const groups = /* @__PURE__ */ new Map();
-    const ungrouped = [];
-    for (const node of nodeList) {
-      const key = node.testId ? `testid:${node.testId}` : node.qa ? `qa:${node.qa}` : null;
-      if (key) {
-        if (!groups.has(key)) groups.set(key, []);
-        groups.get(key).push(node);
-      } else {
-        ungrouped.push(node);
-      }
-    }
-    const validGroups = /* @__PURE__ */ new Map();
-    for (const [key, ns] of groups) {
-      if (ns.length >= 3) {
-        validGroups.set(key, ns);
-      } else {
-        ungrouped.push(...ns);
-      }
-    }
-    return { groups: validGroups, ungrouped };
+    return groupNodes(
+      nodeList,
+      3,
+      (node) => node.testId ? `testid:${node.testId}` : node.qa ? `qa:${node.qa}` : null
+    );
   }
   __name(groupByTestId, "groupByTestId");
   function groupByTagWithType(nodeList) {
-    const groups = /* @__PURE__ */ new Map();
-    const ungrouped = [];
-    for (const node of nodeList) {
-      if (node.tag === "input") {
-        const key = `input:${node.type || "text"}`;
-        if (!groups.has(key)) groups.set(key, []);
-        groups.get(key).push(node);
-      } else if (node.tag.includes("-")) {
-        if (!groups.has(node.tag)) groups.set(node.tag, []);
-        groups.get(node.tag).push(node);
-      } else {
-        ungrouped.push(node);
-      }
-    }
-    const validGroups = /* @__PURE__ */ new Map();
-    for (const [key, ns] of groups) {
-      if (ns.length >= 5) {
-        validGroups.set(key, ns);
-      } else {
-        ungrouped.push(...ns);
-      }
-    }
-    return { groups: validGroups, ungrouped };
+    return groupNodes(nodeList, 5, (node) => {
+      if (node.tag === "input") return `input:${node.type || "text"}`;
+      if (node.tag.includes("-")) return node.tag;
+      return null;
+    });
   }
   __name(groupByTagWithType, "groupByTagWithType");
   const TIER2_CAP_PER_ZONE = 15;
   const regions = {};
   const textLines = [];
   for (const zoneName of allZoneNames) {
+    let pushTagGroupPatterns2 = function(tagGroups) {
+      for (const [tagKey, ns] of tagGroups) {
+        const displayName = tagKey.includes(":") ? `${tagKey.split(":")[0]}[type=${tagKey.split(":")[1]}]` : tagKey;
+        patterns.push({
+          pattern: displayName,
+          selectorPattern: tagKey.includes("-") ? tagKey : void 0,
+          count: ns.length,
+          samples: pickPatternSamples(ns, ns.length)
+        });
+      }
+    };
+    var pushTagGroupPatterns = pushTagGroupPatterns2;
+    __name(pushTagGroupPatterns2, "pushTagGroupPatterns");
     const zoneNodes = zoneElements.get(zoneName) || [];
     const zoneCollIndices = zoneCollections.get(zoneName) || [];
     const meta = zoneMeta.get(zoneName) || { kind: "unknown" };
@@ -1433,15 +1375,7 @@ function semanticDomAlgorithm(options) {
       });
     }
     const { groups: t2TagGroups, ungrouped: t2Ungrouped } = groupByTagWithType(tier2Nodes);
-    for (const [tagKey, ns] of t2TagGroups) {
-      const displayName = tagKey.includes(":") ? `${tagKey.split(":")[0]}[type=${tagKey.split(":")[1]}]` : tagKey;
-      patterns.push({
-        pattern: displayName,
-        selectorPattern: tagKey.includes("-") ? tagKey : void 0,
-        count: ns.length,
-        samples: pickPatternSamples(ns, ns.length)
-      });
-    }
+    pushTagGroupPatterns2(t2TagGroups);
     const cappedTier2 = t2Ungrouped.slice(0, TIER2_CAP_PER_ZONE).map(nodeToAction);
     const tier2Overflow = Math.max(0, t2Ungrouped.length - TIER2_CAP_PER_ZONE);
     const { groups: testidGroups, ungrouped: noTestidTier3 } = groupByTestId(tier3);
@@ -1457,15 +1391,7 @@ function semanticDomAlgorithm(options) {
       });
     }
     const { groups: tier3TagGroups, ungrouped: ungroupedTier3 } = groupByTagWithType(noTestidTier3);
-    for (const [tagKey, ns] of tier3TagGroups) {
-      const displayName = tagKey.includes(":") ? `${tagKey.split(":")[0]}[type=${tagKey.split(":")[1]}]` : tagKey;
-      patterns.push({
-        pattern: displayName,
-        selectorPattern: tagKey.includes("-") ? tagKey : void 0,
-        count: ns.length,
-        samples: pickPatternSamples(ns, ns.length)
-      });
-    }
+    pushTagGroupPatterns2(tier3TagGroups);
     const otherCount = ungroupedTier3.length + tier2Overflow;
     const actions = [...tier1, ...cappedTier2];
     const region = { kind, total: totalInZone };
@@ -1643,6 +1569,9 @@ function semanticDomAlgorithm(options) {
 }
 __name(semanticDomAlgorithm, "semanticDomAlgorithm");
 
+// src/inspection/outline-capture.ts
+import { composeInjectedScript } from "@unotest/grounder-client/dom-walker";
+
 // src/util/debug-log.ts
 import {
   appendFileSync as fsAppend,
@@ -1661,25 +1590,7 @@ var debugStore = new AsyncLocalStorage();
 
 // src/inspection/outline-capture.ts
 import { outlineAlgorithm as outlineAlgorithmInjectable } from "@unotest/web/internal/page-inject";
-function outlineAlgorithm(assignRefs) {
-  const INTERACTIVE_ARIA_ROLES = /* @__PURE__ */ new Set([
-    "button",
-    "link",
-    "checkbox",
-    "radio",
-    "menuitem",
-    "menuitemcheckbox",
-    "menuitemradio",
-    "tab",
-    "option",
-    "switch",
-    "combobox",
-    "listbox",
-    "slider",
-    "spinbutton",
-    "searchbox",
-    "textbox"
-  ]);
+function outlineAlgorithm(h, assignRefs) {
   const LANDMARK_TAGS = {
     header: "banner",
     nav: "navigation",
@@ -1706,65 +1617,11 @@ function outlineAlgorithm(assignRefs) {
     "article"
   ]);
   const GENERIC_ROLES = /* @__PURE__ */ new Set(["generic", "none", "presentation"]);
-  function* deepWalk(root) {
-    const children = root.children;
-    for (let i = 0; i < children.length; i++) {
-      const el = children[i];
-      yield el;
-      const sr = el.shadowRoot;
-      if (sr) yield* deepWalk(sr);
-      yield* deepWalk(el);
-    }
-  }
-  __name(deepWalk, "deepWalk");
-  function parentOrHost(node) {
-    const parent = node.parentNode;
-    if (!parent) return null;
-    if (parent instanceof ShadowRoot) return parent.host;
-    return parent instanceof Element ? parent : null;
-  }
-  __name(parentOrHost, "parentOrHost");
-  function rootForScope(el) {
-    const root = el.getRootNode();
-    return root instanceof ShadowRoot ? root : document;
-  }
-  __name(rootForScope, "rootForScope");
-  function getElementByIdInScope(el, id) {
-    return rootForScope(el).getElementById(id);
-  }
-  __name(getElementByIdInScope, "getElementByIdInScope");
-  function isVisible(el) {
-    if (!el.getClientRects || el.getClientRects().length === 0) return false;
-    const cs = window.getComputedStyle(el);
-    if (cs.display === "none" || cs.visibility === "hidden") return false;
-    if (Number.parseFloat(cs.opacity || "1") < 0.01) return false;
-    for (let p = el; p; p = parentOrHost(p)) {
-      if (p.getAttribute && p.getAttribute("aria-hidden") === "true") return false;
-    }
-    const r = el.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) return false;
-    return true;
-  }
-  __name(isVisible, "isVisible");
   function implicitRole(el) {
     const tag = el.tagName.toLowerCase();
     if (tag === "a" && el.hasAttribute("href")) return "link";
     if (tag === "button") return "button";
-    if (tag === "textarea") return "textbox";
-    if (tag === "select") {
-      return el.multiple || el.size > 1 ? "listbox" : "combobox";
-    }
-    if (tag === "input") {
-      const t = (el.type || "text").toLowerCase();
-      if (t === "button" || t === "submit" || t === "reset" || t === "image") return "button";
-      if (t === "checkbox") return "checkbox";
-      if (t === "radio") return "radio";
-      if (t === "range") return "slider";
-      if (t === "number") return "spinbutton";
-      if (t === "search") return "searchbox";
-      if (t === "hidden") return null;
-      return "textbox";
-    }
+    if (tag === "textarea" || tag === "select" || tag === "input") return formFieldRole(el, tag);
     if (tag === "h1" || tag === "h2" || tag === "h3" || tag === "h4" || tag === "h5" || tag === "h6") {
       return "heading";
     }
@@ -1784,111 +1641,32 @@ function outlineAlgorithm(assignRefs) {
   }
   __name(computeRole, "computeRole");
   function isInteractive(el) {
-    const tag = el.tagName.toLowerCase();
-    if (tag === "iframe") return true;
-    const role = computeRole(el);
-    if (role && INTERACTIVE_ARIA_ROLES.has(role)) return true;
-    if (el.hasAttribute("onclick")) return true;
-    const tiRaw = el.getAttribute("tabindex");
-    const ti = tiRaw === null ? null : Number.parseInt(tiRaw, 10);
-    if (ti !== null && ti >= 0) return true;
-    if (tag === "div" || tag === "span") {
-    }
-    return false;
+    return h.isInteractive(el, computeRole(el));
   }
   __name(isInteractive, "isInteractive");
-  const MAX_NAME = 80;
-  function trim(s) {
-    return (s ?? "").replace(/\s+/g, " ").trim();
-  }
-  __name(trim, "trim");
-  function cap(s) {
-    return s.length > MAX_NAME ? s.slice(0, MAX_NAME - 1) + "\u2026" : s;
-  }
-  __name(cap, "cap");
+  const {
+    trim,
+    cap,
+    textContentVisible,
+    parentOrHost,
+    deepWalk,
+    isVisible,
+    stableDataAttr,
+    clickAffordance,
+    testIdOf,
+    formFieldRole,
+    nameFromLabelledby,
+    svgAccname,
+    makeAccname,
+    ariaStateFlags,
+    headingLevel
+  } = h;
   function svgIconName(host, seen) {
     const svg = host.querySelector("svg");
-    if (!svg) return "";
-    const labelledby = svg.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(svg, id);
-        if (ref && !seen.has(ref)) {
-          const n = accname(ref, seen);
-          if (n) parts.push(n);
-        }
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
-    const ariaLabel = trim(svg.getAttribute("aria-label"));
-    if (ariaLabel) return cap(ariaLabel);
-    for (const child of Array.from(svg.children)) {
-      if (child.tagName.toLowerCase() === "title") {
-        const t = trim(child.textContent);
-        if (t) return cap(t);
-        break;
-      }
-    }
-    return "";
+    return svg ? svgAccname(svg, seen, accname) : "";
   }
   __name(svgIconName, "svgIconName");
-  function accname(el, visited) {
-    const seen = visited ?? /* @__PURE__ */ new Set();
-    if (seen.has(el)) return "";
-    seen.add(el);
-    const labelledby = el.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(el, id);
-        if (ref && !seen.has(ref)) {
-          const n = accname(ref, seen);
-          if (n) parts.push(n);
-        }
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
-    const ariaLabel = trim(el.getAttribute("aria-label"));
-    if (ariaLabel) return cap(ariaLabel);
-    const tag = el.tagName.toLowerCase();
-    if (tag === "input" || tag === "textarea" || tag === "select") {
-      const id = el.id;
-      if (id) {
-        const lbl = rootForScope(el).querySelector(
-          `label[for="${cssEscape(id)}"]`
-        );
-        if (lbl) {
-          const n = trim(textContentVisible(lbl));
-          if (n) return cap(n);
-        }
-      }
-      let p = parentOrHost(el);
-      while (p) {
-        if (p.tagName.toLowerCase() === "label") {
-          const n = trim(textContentVisible(p));
-          if (n) return cap(n);
-          break;
-        }
-        p = parentOrHost(p);
-      }
-      if (tag === "input") {
-        const it = el.type?.toLowerCase();
-        if (it === "button" || it === "submit" || it === "reset") {
-          const v = trim(el.value);
-          if (v) return cap(v);
-        }
-        const ph = trim(el.placeholder);
-        if (ph) return cap(ph);
-      }
-      const t2 = trim(el.getAttribute("title"));
-      if (t2) return cap(t2);
-      return "";
-    }
+  const accname = makeAccname((el, tag, seen) => {
     if (tag === "button" || tag === "a" || tag === "summary") {
       const txt = trim(textContentVisible(el));
       if (txt) return cap(txt);
@@ -1920,32 +1698,15 @@ function outlineAlgorithm(assignRefs) {
     if (inner) return cap(inner);
     const t = trim(el.getAttribute("title"));
     return cap(t);
-  }
-  __name(accname, "accname");
+  });
   function srcBasename(src) {
     const noQuery = src.split(/[?#]/)[0] ?? "";
     const segments = noQuery.split("/").filter((s) => s.length > 0);
     return segments[segments.length - 1] ?? "";
   }
   __name(srcBasename, "srcBasename");
-  function textContentVisible(el) {
-    const ht = el;
-    if (typeof ht.innerText === "string") return ht.innerText;
-    return el.textContent ?? "";
-  }
-  __name(textContentVisible, "textContentVisible");
-  function cssEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-  }
-  __name(cssEscape, "cssEscape");
   const MAX_HREF = 60;
-  const pageOrigin = (() => {
-    try {
-      return window.location.origin;
-    } catch {
-      return "";
-    }
-  })();
+  const pageOrigin = h.pageOrigin;
   function shortenedHref(rawHref) {
     if (!rawHref) return "";
     const t = trim(rawHref);
@@ -1975,37 +1736,9 @@ function outlineAlgorithm(assignRefs) {
     if (formDisabled || el.getAttribute("aria-disabled") === "true") {
       state.disabled = true;
     }
-    const ariaChecked = el.getAttribute("aria-checked");
-    if (ariaChecked === "true") {
-      state.checked = true;
-    } else if (ariaChecked === "mixed") {
-      state.checked = "mixed";
-    } else if (tag === "input" && (el.type === "checkbox" || el.type === "radio") && el.checked) {
-      state.checked = true;
-    }
-    const ariaPressed = el.getAttribute("aria-pressed");
-    if (ariaPressed === "true") state.pressed = true;
-    else if (ariaPressed === "mixed") state.pressed = "mixed";
-    if (el.getAttribute("aria-expanded") === "true") state.expanded = true;
-    if (el.getAttribute("aria-selected") === "true") {
-      state.selected = true;
-    } else if (tag === "option" && el.selected) {
-      state.selected = true;
-    }
-    if (rootForScope(el).activeElement === el) {
-      state.active = true;
-    }
-    if (tag === "h1") state.level = 1;
-    else if (tag === "h2") state.level = 2;
-    else if (tag === "h3") state.level = 3;
-    else if (tag === "h4") state.level = 4;
-    else if (tag === "h5") state.level = 5;
-    else if (tag === "h6") state.level = 6;
-    const ariaLevel = el.getAttribute("aria-level");
-    if (ariaLevel) {
-      const n = Number.parseInt(ariaLevel, 10);
-      if (Number.isFinite(n) && n > 0) state.level = n;
-    }
+    Object.assign(state, ariaStateFlags(el));
+    const level = headingLevel(el);
+    if (level !== void 0) state.level = level;
     return Object.keys(state).length > 0 ? state : void 0;
   }
   __name(collectState, "collectState");
@@ -2033,17 +1766,12 @@ function outlineAlgorithm(assignRefs) {
   function landmarkLabel(landmark) {
     const aria = trim(landmark.getAttribute("aria-label"));
     if (aria) return cap(aria);
-    const labelledby = landmark.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(landmark, id);
-        if (ref) parts.push(trim(textContentVisible(ref)));
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
+    const fromLabelledby = nameFromLabelledby(
+      landmark,
+      /* @__PURE__ */ new Set(),
+      (ref) => trim(textContentVisible(ref))
+    );
+    if (fromLabelledby) return fromLabelledby;
     const heading = landmark.querySelector("h1, h2, h3, h4, h5, h6");
     if (heading) {
       const txt = trim(textContentVisible(heading));
@@ -2052,33 +1780,6 @@ function outlineAlgorithm(assignRefs) {
     return "";
   }
   __name(landmarkLabel, "landmarkLabel");
-  function testIdOf(el) {
-    const t = el.getAttribute("data-testid");
-    if (t) return t;
-    const qa = el.getAttribute("data-qa");
-    if (qa) return qa;
-    return void 0;
-  }
-  __name(testIdOf, "testIdOf");
-  function idStable(id) {
-    if (!id || id.length > 40) return false;
-    if (id.startsWith(":") || id.startsWith("__")) return false;
-    const digits = id.replace(/\D/g, "").length;
-    return !(id.length > 8 && digits * 2 > id.length);
-  }
-  __name(idStable, "idStable");
-  function stableDataAttr(el) {
-    const skip = /^data-(unotest|v-|react|ng-|svelte|qa|testid|sort|shadow|tooltip|toggle|target|bs-|original-title)/;
-    const idLike = /(^|[-_])(id|guid|uid|key|code|ref|num|no)$/;
-    for (const a of Array.from(el.attributes)) {
-      if (!a.name.startsWith("data-") || skip.test(a.name) || !idLike.test(a.name)) continue;
-      const v = (a.value ?? "").trim();
-      if (!v || v.length > 64) continue;
-      if (/^\d+$/.test(v) || idStable(v)) return { name: a.name, value: v };
-    }
-    return void 0;
-  }
-  __name(stableDataAttr, "stableDataAttr");
   function tooltipLabel(el) {
     for (const a of Array.from(el.attributes)) {
       if (!a.name.startsWith("data-") || a.name.startsWith("data-unotest")) continue;
@@ -2095,19 +1796,6 @@ function outlineAlgorithm(assignRefs) {
     return t.length > 120 ? t.slice(0, 119) + "\u2026" : t;
   }
   __name(tooltipText, "tooltipText");
-  function clickAffordance(el) {
-    if (el.hasAttribute("onclick")) return true;
-    const cls = el.getAttribute("class") ?? "";
-    if (/(^|\s)hover:/.test(cls) || /\bcursor-pointer\b/.test(cls) || /\bclickable\b/.test(cls)) {
-      return true;
-    }
-    try {
-      return window.getComputedStyle(el).cursor === "pointer";
-    } catch {
-      return false;
-    }
-  }
-  __name(clickAffordance, "clickAffordance");
   const viewport = { width: window.innerWidth, height: window.innerHeight };
   function classifyViewport(b) {
     if (viewport.width <= 0 || viewport.height <= 0) return void 0;
@@ -2168,18 +1856,11 @@ function outlineAlgorithm(assignRefs) {
       clickableEls.add(el);
     }
   }
-  const refRegex = /^e\d+$/;
   const previouslyRefed = /* @__PURE__ */ new Map();
   for (const el of deepWalk(document)) {
     const v = el.getAttribute("data-unotest-ref");
-    if (v && refRegex.test(v)) previouslyRefed.set(el, v);
-  }
-  const html = document.documentElement;
-  let refCounter = Number.parseInt(
-    html.getAttribute("data-unotest-ref-counter") || "0",
-    10
-  );
-  if (!Number.isFinite(refCounter) || refCounter < 0) refCounter = 0;
+    if (v && h.refRegex.test(v)) previouslyRefed.set(el, v);
+  }
   const refByElement = /* @__PURE__ */ new Map();
   if (!assignRefs) {
     for (const el of interactiveElements) {
@@ -2189,19 +1870,9 @@ function outlineAlgorithm(assignRefs) {
   } else {
     const kept = /* @__PURE__ */ new Set();
     for (const el of interactiveElements) {
-      const existing = previouslyRefed.get(el);
-      if (existing) {
-        refByElement.set(el, existing);
-        el.setAttribute("data-unotest-ref-kind", "i");
-        kept.add(el);
-      } else {
-        refCounter += 1;
-        const ref = "e" + refCounter;
-        el.setAttribute("data-unotest-ref", ref);
-        el.setAttribute("data-unotest-ref-kind", "i");
-        refByElement.set(el, ref);
-        kept.add(el);
-      }
+      refByElement.set(el, h.ensureRef(el, "i"));
+      el.setAttribute("data-unotest-ref-kind", "i");
+      kept.add(el);
     }
     for (const [el] of previouslyRefed) {
       if (kept.has(el)) continue;
@@ -2211,7 +1882,7 @@ function outlineAlgorithm(assignRefs) {
       el.removeAttribute("data-unotest-ref-role");
       el.removeAttribute("data-unotest-ref-name");
     }
-    html.setAttribute("data-unotest-ref-counter", String(refCounter));
+    h.persistRefCounter();
   }
   const MAX_TEXT = 80;
   const entries = [];
@@ -2226,8 +1897,8 @@ function outlineAlgorithm(assignRefs) {
     if (!name) name = tooltipLabel(el) ?? "";
     let href;
     if (!name && tag === "a") {
-      const h = shortenedHref(el.getAttribute("href"));
-      if (h) href = h;
+      const h2 = shortenedHref(el.getAttribute("href"));
+      if (h2) href = h2;
     }
     const role = computeRole(el) ?? (tag === "tr" ? "row" : tag === "li" ? "listitem" : null);
     if (assignRefs && refByElement.has(el)) {
@@ -2314,31 +1985,22 @@ function outlineAlgorithm(assignRefs) {
         runRows.push({ tr: nextTr, start: scan, end: nextEnd, sig: nextSig });
         scan = nextEnd;
       }
-      if (runRows.length >= ROW_COLLAPSE_MIN) {
-        for (let r = 0; r < ROW_KEEP_HEAD; r++) {
-          const g = runRows[r];
-          for (let k = g.start; k < g.end; k++) {
-            out.push({ kind: "entry", entry: entries[k] });
-          }
+      const pushRow = /* @__PURE__ */ __name((g) => {
+        for (let k = g.start; k < g.end; k++) {
+          out.push({ kind: "entry", entry: entries[k] });
         }
+      }, "pushRow");
+      if (runRows.length >= ROW_COLLAPSE_MIN) {
+        for (let r = 0; r < ROW_KEEP_HEAD; r++) pushRow(runRows[r]);
         const omitted = runRows.length - ROW_KEEP_HEAD - ROW_KEEP_TAIL;
         out.push({
           kind: "summary",
           text: `\u2026 ${omitted} similar rows \u2026`,
           landmark: entries[runRows[0].start].landmark
         });
-        for (let r = runRows.length - ROW_KEEP_TAIL; r < runRows.length; r++) {
-          const g = runRows[r];
-          for (let k = g.start; k < g.end; k++) {
-            out.push({ kind: "entry", entry: entries[k] });
-          }
-        }
+        for (let r = runRows.length - ROW_KEEP_TAIL; r < runRows.length; r++) pushRow(runRows[r]);
       } else {
-        for (const g of runRows) {
-          for (let k = g.start; k < g.end; k++) {
-            out.push({ kind: "entry", entry: entries[k] });
-          }
-        }
+        for (const g of runRows) pushRow(g);
       }
       i = scan;
     }
@@ -2405,66 +2067,9 @@ function outlineAlgorithm(assignRefs) {
 __name(outlineAlgorithm, "outlineAlgorithm");
 
 // src/inspection/aria-snapshot-capture.ts
+import { composeInjectedScript as composeInjectedScript2 } from "@unotest/grounder-client/dom-walker";
 import { ariaSnapshotAlgorithm as ariaSnapshotAlgorithmInjectable } from "@unotest/web/internal/page-inject";
-function ariaSnapshotAlgorithm() {
-  function* deepWalk(root) {
-    const children = root.children;
-    for (let i = 0; i < children.length; i++) {
-      const el = children[i];
-      yield el;
-      const sr = el.shadowRoot;
-      if (sr) yield* deepWalk(sr);
-      yield* deepWalk(el);
-    }
-  }
-  __name(deepWalk, "deepWalk");
-  function parentOrHost(node) {
-    const parent = node.parentNode;
-    if (!parent) return null;
-    if (parent instanceof ShadowRoot) return parent.host;
-    return parent instanceof Element ? parent : null;
-  }
-  __name(parentOrHost, "parentOrHost");
-  function rootForScope(el) {
-    const root = el.getRootNode();
-    return root instanceof ShadowRoot ? root : document;
-  }
-  __name(rootForScope, "rootForScope");
-  function getElementByIdInScope(el, id) {
-    return rootForScope(el).getElementById(id);
-  }
-  __name(getElementByIdInScope, "getElementByIdInScope");
-  function isVisible(el) {
-    if (!el.getClientRects || el.getClientRects().length === 0) return false;
-    const cs = window.getComputedStyle(el);
-    if (cs.display === "none" || cs.visibility === "hidden") return false;
-    if (Number.parseFloat(cs.opacity || "1") < 0.01) return false;
-    for (let p = el; p; p = parentOrHost(p)) {
-      if (p.getAttribute && p.getAttribute("aria-hidden") === "true") return false;
-    }
-    const r = el.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) return false;
-    return true;
-  }
-  __name(isVisible, "isVisible");
-  const INTERACTIVE_ROLES = /* @__PURE__ */ new Set([
-    "button",
-    "link",
-    "checkbox",
-    "radio",
-    "menuitem",
-    "menuitemcheckbox",
-    "menuitemradio",
-    "tab",
-    "option",
-    "switch",
-    "combobox",
-    "listbox",
-    "slider",
-    "spinbutton",
-    "searchbox",
-    "textbox"
-  ]);
+function ariaSnapshotAlgorithm(h) {
   const NAMED_STRUCTURAL_ROLES = /* @__PURE__ */ new Set([
     "heading",
     "list",
@@ -2495,337 +2100,12 @@ function ariaSnapshotAlgorithm() {
     "alertdialog",
     "article"
   ]);
-  function implicitRole(el) {
-    const tag = el.tagName.toLowerCase();
-    if (tag === "a") {
-      return el.hasAttribute("href") ? "link" : null;
-    }
-    if (tag === "button") return "button";
-    if (tag === "summary") return "button";
-    if (tag === "textarea") return "textbox";
-    if (tag === "select") {
-      const s = el;
-      return s.multiple || s.size > 1 ? "listbox" : "combobox";
-    }
-    if (tag === "input") {
-      const t = (el.type || "text").toLowerCase();
-      if (t === "button" || t === "submit" || t === "reset" || t === "image") return "button";
-      if (t === "checkbox") return "checkbox";
-      if (t === "radio") return "radio";
-      if (t === "range") return "slider";
-      if (t === "number") return "spinbutton";
-      if (t === "search") return "searchbox";
-      if (t === "hidden") return null;
-      return "textbox";
-    }
-    if (tag === "h1" || tag === "h2" || tag === "h3" || tag === "h4" || tag === "h5" || tag === "h6") {
-      return "heading";
-    }
-    if (tag === "nav") return "navigation";
-    if (tag === "header") return "banner";
-    if (tag === "main") return "main";
-    if (tag === "aside") return "complementary";
-    if (tag === "footer") return "contentinfo";
-    if (tag === "form") return "form";
-    if (tag === "article") return "article";
-    if (tag === "dialog") return "dialog";
-    if (tag === "section") {
-      if (el.hasAttribute("aria-label") || el.hasAttribute("aria-labelledby")) {
-        return "region";
-      }
-      return null;
-    }
-    if (tag === "ul" || tag === "ol" || tag === "menu") return "list";
-    if (tag === "li") return "listitem";
-    if (tag === "table") return "table";
-    if (tag === "tr") return "row";
-    if (tag === "td") return "cell";
-    if (tag === "th") {
-      const scope = (el.getAttribute("scope") || "").toLowerCase();
-      return scope === "row" ? "rowheader" : "columnheader";
-    }
-    if (tag === "p") return "paragraph";
-    if (tag === "figure") return "figure";
-    if (tag === "figcaption") return "caption";
-    if (tag === "img") {
-      const alt = el.getAttribute("alt");
-      if (alt === "") return null;
-      return "img";
-    }
-    if (tag === "code") return "code";
-    if (tag === "pre") return "code";
-    if (tag === "blockquote") return "blockquote";
-    if (tag === "hr") return "separator";
-    if (tag === "details") return "group";
-    if (tag === "fieldset") return "group";
-    if (tag === "iframe") return "iframe";
-    return null;
-  }
-  __name(implicitRole, "implicitRole");
-  function computeRole(el) {
-    const explicit = el.getAttribute("role");
-    if (explicit) return explicit.split(/\s+/)[0].toLowerCase();
-    return implicitRole(el);
-  }
-  __name(computeRole, "computeRole");
-  const MAX_NAME = 80;
-  function trim(s) {
-    return (s ?? "").replace(/\s+/g, " ").trim();
-  }
-  __name(trim, "trim");
-  function cap(s) {
-    return s.length > MAX_NAME ? s.slice(0, MAX_NAME - 1) + "\u2026" : s;
-  }
-  __name(cap, "cap");
-  function cssEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-  }
-  __name(cssEscape, "cssEscape");
-  function textContentVisible(el) {
-    const ht = el;
-    if (typeof ht.innerText === "string") return ht.innerText;
-    return el.textContent ?? "";
-  }
-  __name(textContentVisible, "textContentVisible");
-  function composedAccname(el, seen) {
-    const parts = [];
-    for (const child of Array.from(el.childNodes)) {
-      if (child.nodeType === 3) {
-        const t = trim(child.nodeValue);
-        if (t) parts.push(t);
-        continue;
-      }
-      if (child.nodeType !== 1) continue;
-      const ce = child;
-      if (!isVisible(ce)) continue;
-      if (seen.has(ce)) continue;
-      seen.add(ce);
-      const tag = ce.tagName.toLowerCase();
-      if (tag === "img") {
-        const alt = trim(ce.getAttribute("alt"));
-        if (alt) parts.push(alt);
-        continue;
-      }
-      if (tag === "svg") {
-        const sn = svgAccname(ce, seen);
-        if (sn) parts.push(sn);
-        continue;
-      }
-      const sub = composedAccname(ce, seen);
-      if (sub) parts.push(sub);
-    }
-    return trim(parts.join(" "));
-  }
-  __name(composedAccname, "composedAccname");
-  function svgAccname(svg, seen) {
-    const labelledby = svg.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(svg, id);
-        if (ref && !seen.has(ref)) {
-          const n = accname(ref, seen);
-          if (n) parts.push(n);
-        }
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
-    const ariaLabel = trim(svg.getAttribute("aria-label"));
-    if (ariaLabel) return cap(ariaLabel);
-    for (const child of Array.from(svg.children)) {
-      if (child.tagName.toLowerCase() === "title") {
-        const t = trim(child.textContent);
-        if (t) return cap(t);
-        break;
-      }
-    }
-    return "";
-  }
-  __name(svgAccname, "svgAccname");
-  function accname(el, visited) {
-    const seen = visited ?? /* @__PURE__ */ new Set();
-    if (seen.has(el)) return "";
-    seen.add(el);
-    const labelledby = el.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(el, id);
-        if (ref && !seen.has(ref)) {
-          const n = accname(ref, seen);
-          if (n) parts.push(n);
-        }
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
-    const ariaLabel = trim(el.getAttribute("aria-label"));
-    if (ariaLabel) return cap(ariaLabel);
-    const tag = el.tagName.toLowerCase();
-    if (tag === "input" || tag === "textarea" || tag === "select") {
-      const id = el.id;
-      if (id) {
-        const lbl = rootForScope(el).querySelector(
-          `label[for="${cssEscape(id)}"]`
-        );
-        if (lbl) {
-          const n = trim(textContentVisible(lbl));
-          if (n) return cap(n);
-        }
-      }
-      let p = parentOrHost(el);
-      while (p) {
-        if (p.tagName.toLowerCase() === "label") {
-          const n = trim(textContentVisible(p));
-          if (n) return cap(n);
-          break;
-        }
-        p = parentOrHost(p);
-      }
-      if (tag === "input") {
-        const it = el.type?.toLowerCase();
-        if (it === "button" || it === "submit" || it === "reset") {
-          const v = trim(el.value);
-          if (v) return cap(v);
-        }
-        const ph = trim(el.placeholder);
-        if (ph) return cap(ph);
-      }
-      const t2 = trim(el.getAttribute("title"));
-      if (t2) return cap(t2);
-      return "";
-    }
-    if (tag === "button" || tag === "a" || tag === "summary") {
-      const composed = composedAccname(el, seen);
-      if (composed) return cap(composed);
-      const t2 = trim(el.getAttribute("title"));
-      if (t2) return cap(t2);
-      return "";
-    }
-    if (tag === "h1" || tag === "h2" || tag === "h3" || tag === "h4" || tag === "h5" || tag === "h6") {
-      return cap(trim(textContentVisible(el)));
-    }
-    if (tag === "img") {
-      return cap(trim(el.getAttribute("alt")));
-    }
-    if (tag === "iframe") {
-      const t2 = trim(el.getAttribute("title"));
-      if (t2) return cap(t2);
-      return "";
-    }
-    if (tag === "figure") {
-      for (const child of Array.from(el.children)) {
-        if (child.tagName.toLowerCase() === "figcaption") {
-          const t2 = trim(textContentVisible(child));
-          if (t2) return cap(t2);
-          break;
-        }
-      }
-      return "";
-    }
-    if (tag === "fieldset") {
-      for (const child of Array.from(el.children)) {
-        if (child.tagName.toLowerCase() === "legend") {
-          const t2 = trim(textContentVisible(child));
-          if (t2) return cap(t2);
-          break;
-        }
-      }
-      return "";
-    }
-    if (tag === "form" || tag === "nav" || tag === "header" || tag === "main" || tag === "aside" || tag === "footer" || tag === "section" || tag === "article" || tag === "dialog") {
-      return "";
-    }
-    if (tag === "ul" || tag === "ol" || tag === "menu" || tag === "li" || tag === "table" || tag === "tr" || tag === "td" || tag === "th" || tag === "p" || tag === "code" || tag === "pre" || tag === "blockquote" || tag === "details") {
-      return "";
-    }
-    const inner = trim(textContentVisible(el));
-    if (inner) return cap(inner);
-    const t = trim(el.getAttribute("title"));
-    return cap(t);
-  }
-  __name(accname, "accname");
-  function collectState(el, role) {
-    const state = {};
-    const tag = el.tagName.toLowerCase();
-    if (el.getAttribute("aria-disabled") === "true" || el.disabled) {
-      state.disabled = true;
-    }
-    const ariaChecked = el.getAttribute("aria-checked");
-    if (ariaChecked === "true") state.checked = true;
-    else if (ariaChecked === "mixed") state.checked = "mixed";
-    else if (tag === "input" && (el.type === "checkbox" || el.type === "radio") && el.checked) {
-      state.checked = true;
-    }
-    const ariaPressed = el.getAttribute("aria-pressed");
-    if (ariaPressed === "true") state.pressed = true;
-    else if (ariaPressed === "mixed") state.pressed = "mixed";
-    if (el.getAttribute("aria-expanded") === "true") state.expanded = true;
-    if (el.getAttribute("aria-selected") === "true") state.selected = true;
-    else if (tag === "option" && el.selected) {
-      state.selected = true;
-    }
-    if (rootForScope(el).activeElement === el) state.active = true;
-    if (role === "heading") {
-      if (tag === "h1") state.level = 1;
-      else if (tag === "h2") state.level = 2;
-      else if (tag === "h3") state.level = 3;
-      else if (tag === "h4") state.level = 4;
-      else if (tag === "h5") state.level = 5;
-      else if (tag === "h6") state.level = 6;
-      const ariaLevel = el.getAttribute("aria-level");
-      if (ariaLevel) {
-        const n = Number.parseInt(ariaLevel, 10);
-        if (Number.isFinite(n) && n > 0) state.level = n;
-      }
-    }
-    return Object.keys(state).length > 0 ? state : void 0;
-  }
-  __name(collectState, "collectState");
-  const pageOrigin = (() => {
-    try {
-      return window.location.origin;
-    } catch {
-      return "";
-    }
-  })();
-  function normaliseHref(raw) {
-    if (!raw) return void 0;
-    let href = raw.trim();
-    if (!href) return void 0;
-    if (pageOrigin && href.startsWith(pageOrigin)) {
-      href = href.slice(pageOrigin.length) || "/";
-    }
-    return href;
-  }
-  __name(normaliseHref, "normaliseHref");
-  const REF_REGEX = /^e\d+$/;
-  const html = document.documentElement;
-  let refCounter = Number.parseInt(
-    html.getAttribute("data-unotest-ref-counter") || "0",
-    10
-  );
-  if (!Number.isFinite(refCounter) || refCounter < 0) refCounter = 0;
-  function ensureRef(el, role) {
-    const existing = el.getAttribute("data-unotest-ref");
-    if (existing && REF_REGEX.test(existing)) return existing;
-    refCounter += 1;
-    const ref = "e" + refCounter;
-    el.setAttribute("data-unotest-ref", ref);
-    const interactive = INTERACTIVE_ROLES.has(role);
-    el.setAttribute("data-unotest-ref-kind", interactive ? "i" : "n");
-    return ref;
-  }
-  __name(ensureRef, "ensureRef");
   let totalNodes = 0;
   let totalRefs = 0;
   let frameCounter = 0;
   function shouldInclude(role) {
     if (!role) return false;
-    if (INTERACTIVE_ROLES.has(role)) return true;
+    if (h.interactiveRoles.has(role)) return true;
     if (NAMED_STRUCTURAL_ROLES.has(role)) return true;
     if (LANDMARK_ROLES.has(role)) return true;
     if (role === "caption") return true;
@@ -2833,7 +2113,7 @@ function ariaSnapshotAlgorithm() {
   }
   __name(shouldInclude, "shouldInclude");
   function makeRef(el, role, name, refPrefix) {
-    const localRef = ensureRef(el, role);
+    const localRef = h.ensureRef(el, h.interactiveRoles.has(role) ? "i" : "n");
     el.setAttribute("data-unotest-ref-role", role);
     el.setAttribute("data-unotest-ref-name", name);
     totalRefs += 1;
@@ -2853,7 +2133,7 @@ function ariaSnapshotAlgorithm() {
   function descendInto(parent, bucket, refPrefix, parentName) {
     const buf = { value: "" };
     function flush() {
-      const t = trim(buf.value);
+      const t = h.trim(buf.value);
       if (t) pushText(t, bucket, parentName);
       buf.value = "";
     }
@@ -2865,7 +2145,7 @@ function ariaSnapshotAlgorithm() {
       }
       if (node.nodeType !== 1) return;
       const el = node;
-      if (!isVisible(el)) return;
+      if (!h.isVisible(el)) return;
       const tag = el.tagName.toLowerCase();
       if (tag === "script" || tag === "style" || tag === "noscript") return;
       if (tag === "iframe") {
@@ -2873,7 +2153,7 @@ function ariaSnapshotAlgorithm() {
         visit(el, bucket, refPrefix, parentName);
         return;
       }
-      const role = computeRole(el);
+      const role = h.computeRole(el);
       if (shouldInclude(role)) {
         flush();
         visit(el, bucket, refPrefix, parentName);
@@ -2897,7 +2177,7 @@ function ariaSnapshotAlgorithm() {
   function visit(el, parentBucket, refPrefix, _parentName) {
     const tag = el.tagName.toLowerCase();
     if (tag === "iframe") {
-      const name2 = accname(el);
+      const name2 = h.accname(el);
       const ref = makeRef(el, "iframe", name2, refPrefix);
       const node2 = { role: "iframe", name: name2, ref, children: [] };
       let inner = null;
@@ -2915,23 +2195,23 @@ function ariaSnapshotAlgorithm() {
       parentBucket.push(node2);
       return;
     }
-    const role = computeRole(el);
-    const name = accname(el);
+    const role = h.computeRole(el);
+    const name = h.accname(el);
     const node = { role, name, children: [] };
     node.ref = makeRef(el, role, name, refPrefix);
     if (role === "link") {
-      const url = normaliseHref(
+      const url = h.normaliseHref(
         el.getAttribute("href")
       );
       if (url) node.url = url;
     }
-    const state = collectState(el, role);
+    const state = h.collectState(el, role);
     if (state) node.state = state;
     totalNodes += 1;
     parentBucket.push(node);
     if (role === "paragraph" || role === "code") {
       if (!node.name) {
-        const t = trim(textContentVisible(el));
+        const t = h.trim(h.textContentVisible(el));
         if (t) node.name = t;
       }
       return;
@@ -3004,7 +2284,7 @@ function ariaSnapshotAlgorithm() {
   if (body) {
     descendInto(body, rootBucket, "", "");
   }
-  html.setAttribute("data-unotest-ref-counter", String(refCounter));
+  h.persistRefCounter();
   for (const r of rootBucket) collapseRepetitiveRows(r);
   const recounted = recountTree(rootBucket);
   totalNodes = recounted.nodes;
@@ -3095,12 +2375,31 @@ function pickerOverlayAlgorithm(op) {
     }, "onScroll")
   };
   const norm = /* @__PURE__ */ __name((s) => (s ?? "").replace(/\s+/g, " ").trim(), "norm");
+  const deepElementFromPoint = /* @__PURE__ */ __name((x, y) => {
+    let el = document.elementFromPoint(x, y);
+    while (el && el.shadowRoot) {
+      const inner = el.shadowRoot.elementFromPoint(x, y);
+      if (!inner || inner === el) break;
+      el = inner;
+    }
+    return el;
+  }, "deepElementFromPoint");
+  const closestRef = /* @__PURE__ */ __name((el, sel) => {
+    let node = el;
+    while (node) {
+      const found = node.closest(sel);
+      if (found) return found;
+      const root = node.getRootNode();
+      node = root instanceof ShadowRoot ? root.host : null;
+    }
+    return null;
+  }, "closestRef");
   const targetFrom = /* @__PURE__ */ __name((el) => {
     if (!el) return null;
     const sel = state.mode === "locator" ? `[${KIND_ATTR}="i"]` : `[${REF_ATTR}]`;
-    return el.closest(sel);
+    return closestRef(el, sel);
   }, "targetFrom");
-  const refOf = /* @__PURE__ */ __name((el) => el instanceof Element ? el.closest(`[${REF_ATTR}]`) : null, "refOf");
+  const refOf = /* @__PURE__ */ __name((el) => el instanceof Element ? closestRef(el, `[${REF_ATTR}]`) : null, "refOf");
   const push = /* @__PURE__ */ __name((node, action, extra) => {
     const ref = node.getAttribute(REF_ATTR);
     if (!ref) return;
@@ -3145,7 +2444,7 @@ function pickerOverlayAlgorithm(op) {
   }, "clearHighlight");
   state.onMove = (e) => {
     if (!e.isTrusted) return;
-    const node = targetFrom(document.elementFromPoint(e.clientX, e.clientY));
+    const node = targetFrom(deepElementFromPoint(e.clientX, e.clientY));
     if (!node) {
       clearHighlight();
       return;
@@ -3153,7 +2452,7 @@ function pickerOverlayAlgorithm(op) {
     state.current = node;
     showHighlight(node);
   };
-  const overTarget = /* @__PURE__ */ __name((e) => targetFrom(document.elementFromPoint(e.clientX, e.clientY)), "overTarget");
+  const overTarget = /* @__PURE__ */ __name((e) => targetFrom(deepElementFromPoint(e.clientX, e.clientY)), "overTarget");
   const swallow = /* @__PURE__ */ __name((e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -3342,175 +2641,9 @@ function serializeRuntimeDom() {
 __name(serializeRuntimeDom, "serializeRuntimeDom");
 
 // src/inspection/find-element.ts
+import { composeInjectedScript as composeInjectedScript3 } from "@unotest/grounder-client/dom-walker";
 import { findElementAlgorithm as findElementAlgorithmInjectable } from "@unotest/web/internal/page-inject";
-function findElementAlgorithm(args) {
-  function* deepWalk(root) {
-    const children = root.children;
-    for (let i = 0; i < children.length; i++) {
-      const el = children[i];
-      yield el;
-      const sr = el.shadowRoot;
-      if (sr) yield* deepWalk(sr);
-      yield* deepWalk(el);
-    }
-  }
-  __name(deepWalk, "deepWalk");
-  function parentOrHost(node) {
-    const parent = node.parentNode;
-    if (!parent) return null;
-    if (parent instanceof ShadowRoot) return parent.host;
-    return parent instanceof Element ? parent : null;
-  }
-  __name(parentOrHost, "parentOrHost");
-  function rootForScope(el) {
-    const root = el.getRootNode();
-    return root instanceof ShadowRoot ? root : document;
-  }
-  __name(rootForScope, "rootForScope");
-  function getElementByIdInScope(el, id) {
-    return rootForScope(el).getElementById(id);
-  }
-  __name(getElementByIdInScope, "getElementByIdInScope");
-  function isVisible(el) {
-    if (!el.getClientRects || el.getClientRects().length === 0) return false;
-    const cs = window.getComputedStyle(el);
-    if (cs.display === "none" || cs.visibility === "hidden") return false;
-    if (Number.parseFloat(cs.opacity || "1") < 0.01) return false;
-    for (let p = el; p; p = parentOrHost(p)) {
-      if (p.getAttribute && p.getAttribute("aria-hidden") === "true") return false;
-    }
-    const r = el.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) return false;
-    return true;
-  }
-  __name(isVisible, "isVisible");
-  function implicitRole(el) {
-    const tag = el.tagName.toLowerCase();
-    if (tag === "a") return el.hasAttribute("href") ? "link" : null;
-    if (tag === "button") return "button";
-    if (tag === "summary") return "button";
-    if (tag === "textarea") return "textbox";
-    if (tag === "select") {
-      const s = el;
-      return s.multiple || s.size > 1 ? "listbox" : "combobox";
-    }
-    if (tag === "input") {
-      const t = (el.type || "text").toLowerCase();
-      if (t === "button" || t === "submit" || t === "reset" || t === "image") return "button";
-      if (t === "checkbox") return "checkbox";
-      if (t === "radio") return "radio";
-      if (t === "range") return "slider";
-      if (t === "number") return "spinbutton";
-      if (t === "search") return "searchbox";
-      if (t === "hidden") return null;
-      return "textbox";
-    }
-    if (/^h[1-6]$/.test(tag)) return "heading";
-    if (tag === "nav") return "navigation";
-    if (tag === "header") return "banner";
-    if (tag === "main") return "main";
-    if (tag === "aside") return "complementary";
-    if (tag === "footer") return "contentinfo";
-    if (tag === "form") return "form";
-    if (tag === "article") return "article";
-    if (tag === "dialog") return "dialog";
-    if (tag === "section") {
-      return el.hasAttribute("aria-label") || el.hasAttribute("aria-labelledby") ? "region" : null;
-    }
-    if (tag === "ul" || tag === "ol" || tag === "menu") return "list";
-    if (tag === "li") return "listitem";
-    if (tag === "table") return "table";
-    if (tag === "tr") return "row";
-    if (tag === "td") return "cell";
-    if (tag === "th") {
-      const scope = (el.getAttribute("scope") || "").toLowerCase();
-      return scope === "row" ? "rowheader" : "columnheader";
-    }
-    if (tag === "p") return "paragraph";
-    if (tag === "figure") return "figure";
-    if (tag === "img") {
-      const alt = el.getAttribute("alt");
-      if (alt === "") return null;
-      return "img";
-    }
-    if (tag === "details" || tag === "fieldset") return "group";
-    if (tag === "iframe") return "iframe";
-    return null;
-  }
-  __name(implicitRole, "implicitRole");
-  function computeRole(el) {
-    const explicit = el.getAttribute("role");
-    if (explicit) return explicit.split(/\s+/)[0].toLowerCase();
-    return implicitRole(el);
-  }
-  __name(computeRole, "computeRole");
-  function trim(s) {
-    return (s ?? "").replace(/\s+/g, " ").trim();
-  }
-  __name(trim, "trim");
-  function textContentVisible(el) {
-    const ht = el;
-    if (typeof ht.innerText === "string") return ht.innerText;
-    return el.textContent ?? "";
-  }
-  __name(textContentVisible, "textContentVisible");
-  const MAX_NAME = 200;
-  function cap(s) {
-    return s.length > MAX_NAME ? s.slice(0, MAX_NAME - 1) + "\u2026" : s;
-  }
-  __name(cap, "cap");
-  function accname(el, visited) {
-    const seen = visited ?? /* @__PURE__ */ new Set();
-    if (seen.has(el)) return "";
-    seen.add(el);
-    const labelledby = el.getAttribute("aria-labelledby");
-    if (labelledby) {
-      const parts = [];
-      for (const id of labelledby.split(/\s+/)) {
-        if (!id) continue;
-        const ref = getElementByIdInScope(el, id);
-        if (ref && !seen.has(ref)) {
-          const n = accname(ref, seen);
-          if (n) parts.push(n);
-        }
-      }
-      const joined = trim(parts.join(" "));
-      if (joined) return cap(joined);
-    }
-    const ariaLabel = trim(el.getAttribute("aria-label"));
-    if (ariaLabel) return cap(ariaLabel);
-    const tag = el.tagName.toLowerCase();
-    if (tag === "input" || tag === "textarea") {
-      const ph = trim(el.placeholder);
-      if (ph) return cap(ph);
-      const t = trim(el.getAttribute("title"));
-      if (t) return cap(t);
-      return "";
-    }
-    if (tag === "img") return cap(trim(el.getAttribute("alt")));
-    if (tag === "form" || tag === "nav" || tag === "header" || tag === "main" || tag === "aside" || tag === "footer" || tag === "section" || tag === "article" || tag === "dialog" || tag === "ul" || tag === "ol" || tag === "menu" || tag === "li" || tag === "table" || tag === "tr" || tag === "td" || tag === "th" || tag === "p" || tag === "code" || tag === "pre" || tag === "blockquote" || tag === "fieldset" || tag === "details") {
-      return "";
-    }
-    return cap(trim(textContentVisible(el)));
-  }
-  __name(accname, "accname");
-  const REF_REGEX = /^e\d+$/;
-  const html = document.documentElement;
-  let refCounter = Number.parseInt(
-    html.getAttribute("data-unotest-ref-counter") || "0",
-    10
-  );
-  if (!Number.isFinite(refCounter) || refCounter < 0) refCounter = 0;
-  function ensureRef(el) {
-    const existing = el.getAttribute("data-unotest-ref");
-    if (existing && REF_REGEX.test(existing)) return existing;
-    refCounter += 1;
-    const ref = "e" + refCounter;
-    el.setAttribute("data-unotest-ref", ref);
-    el.setAttribute("data-unotest-ref-kind", "n");
-    return ref;
-  }
-  __name(ensureRef, "ensureRef");
+function findElementAlgorithm(h, args) {
   let scopeRoot = document;
   if (args.near) {
     const scoped = document.querySelector(
@@ -3521,12 +2654,12 @@ function findElementAlgorithm(args) {
   const wantName = args.name ? args.name.toLowerCase() : null;
   const hits = [];
   function visitOne(el) {
-    if (!isVisible(el)) return;
-    const role = computeRole(el);
+    if (!h.isVisible(el)) return;
+    const role = h.computeRole(el);
     if (role === args.role) {
       if (wantName === null) {
         hits.push(el);
-      } else if (accname(el).toLowerCase().includes(wantName)) {
+      } else if (h.accname(el).toLowerCase().includes(wantName)) {
         hits.push(el);
       }
     }
@@ -3535,10 +2668,10 @@ function findElementAlgorithm(args) {
   if (scopeRoot !== document) {
     const sr = scopeRoot.shadowRoot;
     if (sr) {
-      for (const el of deepWalk(sr)) visitOne(el);
+      for (const el of h.deepWalk(sr)) visitOne(el);
     }
   }
-  for (const el of deepWalk(scopeRoot)) visitOne(el);
+  for (const el of h.deepWalk(scopeRoot)) visitOne(el);
   const totalCount = hits.length;
   let selected = hits;
   if (args.nth !== void 0) {
@@ -3549,28 +2682,28 @@ function findElementAlgorithm(args) {
   }
   function namedAncestors(el) {
     const chain = [];
-    let p = parentOrHost(el);
+    let p = h.parentOrHost(el);
     while (p) {
-      const role = computeRole(p);
+      const role = h.computeRole(p);
       if (role) {
-        const name = accname(p);
+        const name = h.accname(p);
         if (role !== "generic" || name) {
-          chain.push({ role, name, ref: ensureRef(p) });
+          chain.push({ role, name, ref: h.ensureRef(p, "n") });
         }
       }
-      p = parentOrHost(p);
+      p = h.parentOrHost(p);
     }
     return chain.reverse().slice(-4);
   }
   __name(namedAncestors, "namedAncestors");
   const matches = selected.map((el, idx) => ({
-    ref: ensureRef(el),
+    ref: h.ensureRef(el, "n"),
     role: args.role,
-    name: accname(el),
+    name: h.accname(el),
     index: args.nth !== void 0 ? args.nth : idx,
     ancestors: namedAncestors(el)
   }));
-  html.setAttribute("data-unotest-ref-counter", String(refCounter));
+  h.persistRefCounter();
   const query = { role: args.role };
   if (args.name !== void 0) query.name = args.name;
   if (args.near !== void 0) query.near = args.near;
@@ -3653,9 +2786,13 @@ function inspectElementRaw(el) {
     "colgroup",
     "col"
   ]);
-  const rawText = STRUCTURAL_TAGS.has(tag) ? "" : (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200);
+  const structural = STRUCTURAL_TAGS.has(tag);
+  const rawText = structural ? "" : (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200);
   const text = rawText || void 0;
   if (!name && text) name = text;
+  const CONTAINER_TEXT_CAP = 120;
+  const containerFull = structural && !name ? (e.textContent ?? "").replace(/\s+/g, " ").trim() : "";
+  const containerText = containerFull && containerFull.length <= CONTAINER_TEXT_CAP ? containerFull : void 0;
   const href = tag === "a" ? e.getAttribute("href") ?? void 0 : void 0;
   const placeholder = e.placeholder?.trim() || void 0;
   const alt = e.getAttribute("alt")?.trim() || void 0;
@@ -3735,6 +2872,7 @@ function inspectElementRaw(el) {
     alt,
     titleAttr,
     text,
+    containerText,
     href,
     elementId,
     nameAttr,
@@ -3763,6 +2901,9 @@ function inspectElementRaw(el) {
     if (tag2 === "footer") return "contentinfo";
     if (tag2 === "aside") return "complementary";
     if (tag2 === "form") return "form";
+    if (tag2 === "li") return "listitem";
+    if (tag2 === "tr") return "row";
+    if (tag2 === "article") return "article";
     return void 0;
   }
   __name(inferRole, "inferRole");