veo-sdk 0.6.4 → 0.6.5

package/dist/index.cjs

@@ -6564,10 +6564,22 @@ function isInteractiveElement(element) {
 }
 function closestInteractive(element) {
   try {
-    return element.closest(INTERACTIVE_SELECTOR);
+    const bySelector = element.closest(INTERACTIVE_SELECTOR);
+    if (bySelector) return bySelector;
   } catch {
     return null;
   }
+  let current = element;
+  for (let depth = 0; current && depth < 5; depth++, current = current.parentElement) {
+    if (current instanceof HTMLElement) {
+      try {
+        const win = current.ownerDocument.defaultView;
+        if (win?.getComputedStyle(current).cursor === "pointer") return current;
+      } catch {
+      }
+    }
+  }
+  return null;
 }
 function elementLabelText(element, max = 120) {
   const clean = (raw) => (raw ?? "").replace(EMOJI_RE, "").replace(/\s+/g, " ").trim();
@@ -6607,6 +6619,15 @@ var init_interactive_elements = __esm({
       '[contenteditable="true"]',
       "[onclick]",
       "[data-veo-tag]",
+      // Acordeones, menús desplegables, tabs y toggles de apps modernas (React/Radix):
+      // el handler no está en el HTML, pero estos atributos delatan el control.
+      "[aria-expanded]",
+      "[aria-haspopup]",
+      "[aria-controls]",
+      "[aria-pressed]",
+      "[aria-selected]",
+      "[data-state]",
+      '[tabindex]:not([tabindex="-1"])',
       ...INTERACTIVE_ROLES.map((r) => `[role="${r}"]`)
     ].join(", ");
     EMOJI_RE = /\p{Extended_Pictographic}|\p{Emoji_Modifier}|\u{FE0F}|\u{200D}|\u{20E3}/gu;
@@ -8946,7 +8967,7 @@ var init_detect_theme = __esm({
 });
 
 // src/contract/v1.ts
-var SDK_VERSION = "0.6.4";
+var SDK_VERSION = "0.6.5";
 var DEFAULT_FLUSH_INTERVAL_MS = 5e3;
 var DEFAULT_FLUSH_BATCH_SIZE = 20;
 var DEFAULT_API_URL = "https://veo-backend-production-8c78.up.railway.app";
@@ -9495,13 +9516,23 @@ var DomListener = class {
     if (!this.throttle.shouldFire(target)) return;
     this.emit("change", target);
   }
-  /** Busca hacia arriba un ancestro "interactivo". Devuelve null si no hay ninguno. */
+  /**
+   * Busca hacia arriba un ancestro "interactivo". Devuelve null si no hay ninguno.
+   *
+   * Además de los controles nativos, reconoce los patrones de las apps modernas
+   * (React/Vue/Radix), donde el handler NO está en el HTML: acordeones, menús
+   * desplegables y tabs marcados con `aria-expanded`/`aria-haspopup`/`aria-controls`/
+   * `aria-pressed`/`aria-selected`/`data-state`, elementos enfocables por
+   * `tabindex`, y cualquier elemento cuyo cursor COMPUTADO sea `pointer` (antes
+   * solo se miraba el inline, que casi nadie usa: el cursor viene por clase).
+   */
   findMeaningfulAncestor(element) {
     let current = element;
     let depth = 0;
     while (current && current !== document.documentElement && depth < 5) {
       const tag = current.tagName.toLowerCase();
-      const isInteractive2 = tag === "button" || tag === "a" || tag === "input" || tag === "select" || tag === "textarea" || current.hasAttribute("data-veo-tag") || current.hasAttribute("role") || current.hasAttribute("onclick") || current instanceof HTMLElement && current.style.cursor === "pointer";
+      const tabindex = current.getAttribute("tabindex");
+      const isInteractive2 = tag === "button" || tag === "a" || tag === "input" || tag === "select" || tag === "textarea" || tag === "summary" || tag === "label" || current.hasAttribute("data-veo-tag") || current.hasAttribute("role") || current.hasAttribute("onclick") || current.hasAttribute("aria-expanded") || current.hasAttribute("aria-haspopup") || current.hasAttribute("aria-controls") || current.hasAttribute("aria-pressed") || current.hasAttribute("aria-selected") || current.hasAttribute("data-state") || current.hasAttribute("contenteditable") || tabindex !== null && tabindex !== "-1" || hasPointerCursor(current);
       if (isInteractive2) return current;
       current = current.parentElement;
       depth++;
@@ -9513,6 +9544,16 @@ var DomListener = class {
     this.client.track("$autocapture", payload);
   }
 };
+function hasPointerCursor(element) {
+  if (!(element instanceof HTMLElement)) return false;
+  if (element.style.cursor === "pointer") return true;
+  try {
+    const win = element.ownerDocument.defaultView;
+    return win ? win.getComputedStyle(element).cursor === "pointer" : false;
+  } catch {
+    return false;
+  }
+}
 
 // src/plugins/autocapture/index.ts
 function autocapturePlugin(config = {}) {