veo-sdk 0.6.4 → 0.6.5

package/dist/index.mjs

@@ -5,7 +5,7 @@ export { closeGuidePreview, previewGuide } from './chunk-CMPOHTUM.mjs';
 import './chunk-PTG3BTJE.mjs';
 
 // 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";
@@ -530,13 +530,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 isInteractive = 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 isInteractive = 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 (isInteractive) return current;
       current = current.parentElement;
       depth++;
@@ -548,6 +558,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 = {}) {
@@ -1267,7 +1287,7 @@ function init(config) {
     // Fallback de carga del builder para bundlers: `import()` dinámico → el bundler
     // lo code-splitea (solo se descarga en modo builder). Así el consumidor por
     // bundler NO necesita copiar `veo-builder.js` ni setear `builderUrl`.
-    () => import('./builder-5F2EFT4X.mjs').then((m) => m.initBuilderMode()),
+    () => import('./builder-O75QIFKQ.mjs').then((m) => m.initBuilderMode()),
     // Detector de tema: también por `import()` dinámico → chunk aparte que el
     // bundler solo descarga cuando toca detectar (como mucho una vez al día).
     () => import('./detect-theme-X4K3TLUL.mjs')