sitepong 0.2.8 → 0.2.9

package/dist/entries/rn.js

@@ -3315,600 +3315,6 @@ function SensitiveView(props) {
   );
 }
 
-// src/react-native/error-handler.ts
-function setupRNErrorHandler(options = {}) {
-  const {
-    captureFatal = true,
-    captureNonFatal = true,
-    capturePromiseRejections = true
-  } = options;
-  const teardowns = [];
-  if (typeof ErrorUtils !== "undefined") {
-    const previousHandler = ErrorUtils.getGlobalHandler();
-    ErrorUtils.setGlobalHandler((error, isFatal) => {
-      if (isFatal && captureFatal || !isFatal && captureNonFatal) {
-        captureError(error, {
-          tags: {
-            fatal: String(isFatal),
-            handler: "react-native-global"
-          }
-        });
-        flushScreenRecording().catch(() => {
-        });
-      }
-      if (previousHandler) {
-        previousHandler(error, isFatal);
-      }
-    });
-    teardowns.push(() => {
-      if (previousHandler) {
-        ErrorUtils.setGlobalHandler(previousHandler);
-      }
-    });
-  }
-  if (capturePromiseRejections) {
-    if (typeof global !== "undefined") {
-      const rejectionHandler = (event) => {
-        const err = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
-        captureError(err, {
-          tags: { handler: "unhandled-promise-rejection" }
-        });
-        flushScreenRecording().catch(() => {
-        });
-      };
-      if (typeof globalThis.addEventListener === "function") {
-        globalThis.addEventListener("unhandledrejection", rejectionHandler);
-        teardowns.push(() => {
-          globalThis.removeEventListener("unhandledrejection", rejectionHandler);
-        });
-      }
-    }
-  }
-  return () => {
-    for (const teardown of teardowns) {
-      teardown();
-    }
-  };
-}
-
-// src/react-native/navigation.ts
-function createNavigationTracker(navigationRef, options = {}) {
-  const {
-    trackScreenViews = true,
-    addBreadcrumbs = true,
-    screenNameFilter
-  } = options;
-  let currentRouteName;
-  const unsubscribe = navigationRef.addListener("state", () => {
-    const route = navigationRef.getCurrentRoute();
-    if (!route) return;
-    const previousRouteName = currentRouteName;
-    currentRouteName = route.name;
-    if (previousRouteName === currentRouteName) return;
-    const screenName = screenNameFilter ? screenNameFilter(currentRouteName) : currentRouteName;
-    if (!screenName) return;
-    setCurrentScreen(screenName);
-    if (trackScreenViews) {
-      track("$screen_view", {
-        screen_name: screenName,
-        previous_screen: previousRouteName,
-        params: route.params
-      });
-    }
-    if (addBreadcrumbs) {
-      addBreadcrumb({
-        type: "navigation",
-        category: "screen",
-        message: `Navigated to ${screenName}`,
-        data: {
-          from: previousRouteName,
-          to: screenName
-        }
-      });
-    }
-  });
-  return () => {
-    unsubscribe();
-    setCurrentScreen(void 0);
-  };
-}
-
-// src/react-native/network.ts
-function setupNetworkInterception(options = {}) {
-  const {
-    addBreadcrumbs = true,
-    ignoreUrls = [/sitepong\.com/],
-    maxDataSize = 1024
-  } = options;
-  if (typeof XMLHttpRequest === "undefined") {
-    return () => {
-    };
-  }
-  const originalOpen = XMLHttpRequest.prototype.open;
-  const originalSend = XMLHttpRequest.prototype.send;
-  XMLHttpRequest.prototype.open = function(method, url, ...rest) {
-    const xhr = this;
-    xhr._sitepong_method = method;
-    xhr._sitepong_url = String(url);
-    return originalOpen.apply(this, [method, url, ...rest]);
-  };
-  XMLHttpRequest.prototype.send = function(body) {
-    const xhr = this;
-    const url = xhr._sitepong_url || "";
-    const method = xhr._sitepong_method || "GET";
-    const shouldIgnore = ignoreUrls.some((pattern) => {
-      if (typeof pattern === "string") return url.includes(pattern);
-      return pattern.test(url);
-    });
-    if (shouldIgnore) {
-      return originalSend.call(this, body);
-    }
-    xhr._sitepong_startTime = Date.now();
-    const onLoadEnd = () => {
-      const duration = xhr._sitepong_startTime ? Date.now() - xhr._sitepong_startTime : void 0;
-      if (addBreadcrumbs) {
-        addBreadcrumb({
-          type: "http",
-          category: "xhr",
-          message: `${method} ${url}`,
-          level: xhr.status >= 400 ? "error" : "info",
-          data: {
-            method,
-            url: url.length > maxDataSize ? url.substring(0, maxDataSize) : url,
-            status_code: xhr.status,
-            duration_ms: duration
-          }
-        });
-      }
-    };
-    this.addEventListener("loadend", onLoadEnd);
-    return originalSend.call(this, body);
-  };
-  return () => {
-    XMLHttpRequest.prototype.open = originalOpen;
-    XMLHttpRequest.prototype.send = originalSend;
-  };
-}
-var RNAutocaptureModule = class {
-  constructor(options = {}) {
-    this.appStateSubscription = null;
-    this.currentAppState = "active";
-    this.options = {
-      trackAppState: options.trackAppState ?? true
-    };
-  }
-  start() {
-    if (this.options.trackAppState) {
-      this.setupAppStateTracking();
-    }
-  }
-  stop() {
-    if (this.appStateSubscription) {
-      this.appStateSubscription.remove();
-      this.appStateSubscription = null;
-    }
-  }
-  setupAppStateTracking() {
-    try {
-      this.currentAppState = reactNative.AppState.currentState;
-      this.appStateSubscription = reactNative.AppState.addEventListener("change", (nextAppState) => {
-        const previousState = this.currentAppState;
-        this.currentAppState = nextAppState;
-        if (previousState !== nextAppState) {
-          track("$app_state_change", {
-            from: previousState,
-            to: nextAppState
-          });
-          if (previousState.match(/inactive|background/) && nextAppState === "active") {
-            track("$app_foreground", {
-              previous_state: previousState
-            });
-          } else if (previousState === "active" && nextAppState.match(/inactive|background/)) {
-            track("$app_background", {
-              next_state: nextAppState
-            });
-          }
-        }
-      });
-    } catch {
-    }
-  }
-};
-
-// src/react-native/performance.ts
-var coldStartTimestamp = null;
-var coldStartTracked = false;
-function markColdStart() {
-  coldStartTimestamp = Date.now();
-}
-var RNPerformanceManager = class {
-  constructor() {
-    this.screenRenderStarts = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Track cold start time from markColdStart() to now.
-   * Should be called once the app is interactive (e.g., in the root component's useEffect).
-   */
-  trackColdStart() {
-    if (coldStartTracked || !coldStartTimestamp) return;
-    const duration = Date.now() - coldStartTimestamp;
-    coldStartTracked = true;
-    track("$cold_start", {
-      duration_ms: duration
-    });
-  }
-  /**
-   * Start tracking a screen render. Call before rendering starts.
-   */
-  startScreenRender(screenName) {
-    this.screenRenderStarts.set(screenName, Date.now());
-  }
-  /**
-   * End tracking a screen render. Call after rendering completes.
-   */
-  endScreenRender(screenName) {
-    const startTime = this.screenRenderStarts.get(screenName);
-    if (startTime === void 0) return null;
-    this.screenRenderStarts.delete(screenName);
-    const duration = Date.now() - startTime;
-    track("$screen_render", {
-      screen_name: screenName,
-      duration_ms: duration
-    });
-    return duration;
-  }
-  /**
-   * Track a screen render using a useEffect-friendly pattern.
-   * Returns a cleanup function.
-   */
-  trackScreenRender(screenName) {
-    this.startScreenRender(screenName);
-    return () => {
-      this.endScreenRender(screenName);
-    };
-  }
-};
-
-// src/react-native/push.ts
-var cachedDeviceContext = null;
-function getEndpoint() {
-  const cfg = sitepong.config;
-  return cfg?.endpoint || "https://ingest.sitepong.com";
-}
-function getApiKey() {
-  const cfg = sitepong.config;
-  return cfg?.apiKey || "";
-}
-function getDeviceContext() {
-  if (cachedDeviceContext) return cachedDeviceContext;
-  try {
-    const info = collectDeviceInfo();
-    cachedDeviceContext = {
-      platform: info.platform,
-      appVersion: info.appVersion,
-      deviceModel: info.deviceModel,
-      osVersion: info.osVersion
-    };
-    fetchPersistentDeviceId().then((id) => {
-      if (id && cachedDeviceContext) cachedDeviceContext.deviceId = id;
-    });
-  } catch {
-    cachedDeviceContext = {};
-  }
-  return cachedDeviceContext;
-}
-async function postToIngest(path, body) {
-  const endpoint = getEndpoint();
-  const apiKey = getApiKey();
-  if (!apiKey) {
-    console.warn("[SitePong] Cannot register push token: SDK not initialized");
-    return;
-  }
-  try {
-    const response = await fetch(`${endpoint}${path}`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-API-Key": apiKey
-      },
-      body: JSON.stringify(body)
-    });
-    if (!response.ok) {
-      console.warn(`[SitePong] Push token registration failed: HTTP ${response.status}`);
-    }
-  } catch (err) {
-    console.warn("[SitePong] Push token registration failed:", err);
-  }
-}
-async function deleteFromIngest(path, body) {
-  const endpoint = getEndpoint();
-  const apiKey = getApiKey();
-  if (!apiKey) return;
-  try {
-    const response = await fetch(`${endpoint}${path}`, {
-      method: "DELETE",
-      headers: {
-        "Content-Type": "application/json",
-        "X-API-Key": apiKey
-      },
-      body: JSON.stringify(body)
-    });
-    if (!response.ok) {
-      console.warn(`[SitePong] Push token deactivation failed: HTTP ${response.status}`);
-    }
-  } catch (err) {
-    console.warn("[SitePong] Push token deactivation failed:", err);
-  }
-}
-function registerPushToken(token, options) {
-  const device = getDeviceContext();
-  postToIngest("/api/push/tokens", {
-    expo_push_token: token,
-    environment: options.environment,
-    device_id: device.deviceId,
-    platform: device.platform,
-    app_version: device.appVersion,
-    device_model: device.deviceModel,
-    os_version: device.osVersion
-  });
-}
-function registerDeviceToken(token, options) {
-  const device = getDeviceContext();
-  const tokenType = options.platform === "ios" ? "apns" : "fcm";
-  postToIngest("/api/push/tokens", {
-    native_device_token: token,
-    token_type: tokenType,
-    environment: options.environment,
-    device_id: device.deviceId,
-    platform: options.platform,
-    app_version: device.appVersion,
-    device_model: device.deviceModel,
-    os_version: device.osVersion
-  });
-}
-function registerLiveActivityToken(activityType, activityId, pushToken, options) {
-  const device = getDeviceContext();
-  postToIngest("/api/push/live-activity-tokens", {
-    activity_type: activityType,
-    activity_id: activityId,
-    push_token: pushToken,
-    environment: options.environment,
-    device_id: device.deviceId
-  });
-}
-function registerPushToStartToken(activityType, pushToStartToken, options) {
-  const device = getDeviceContext();
-  postToIngest("/api/push/push-to-start-tokens", {
-    activity_type: activityType,
-    push_to_start_token: pushToStartToken,
-    environment: options.environment,
-    device_id: device.deviceId
-  });
-}
-function endLiveActivity(activityType, activityId) {
-  deleteFromIngest("/api/push/live-activity-tokens", {
-    activity_type: activityType,
-    activity_id: activityId
-  });
-}
-var SitePongRNContext = React2.createContext({
-  isInitialized: false,
-  performanceManager: null
-});
-function SitePongRNProvider({
-  apiKey,
-  config = {},
-  asyncStorage,
-  navigationRef,
-  trackNetwork = true,
-  trackAppState = true,
-  captureErrors = true,
-  screenRecording,
-  devicePushToken,
-  devicePlatform,
-  pushEnvironment = "production",
-  pushUserId,
-  children
-}) {
-  const initialized = React2.useRef(false);
-  const [sdkReady, setSdkReady] = React2.useState(false);
-  const performanceManagerRef = React2.useRef(null);
-  React2.useEffect(() => {
-    if (initialized.current) return;
-    const teardowns = [];
-    const deviceInfo = collectDeviceInfo();
-    setRNDeviceInfo({
-      platform: "react-native",
-      osName: deviceInfo.platform,
-      osVersion: deviceInfo.osVersion,
-      deviceName: deviceInfo.deviceName,
-      deviceBrand: deviceInfo.deviceBrand,
-      deviceModel: deviceInfo.deviceModel,
-      appVersion: deviceInfo.appVersion,
-      screenWidth: deviceInfo.screenWidth,
-      screenHeight: deviceInfo.screenHeight,
-      isEmulator: deviceInfo.isEmulator
-    });
-    fetchPersistentDeviceId().then((id) => {
-      if (id) setNativeDeviceId(id);
-    }).catch(() => {
-    });
-    const storageAdapter = asyncStorage ? createAsyncStorageAdapter(asyncStorage) : void 0;
-    initRN({
-      apiKey,
-      ...config,
-      _storageAdapter: storageAdapter
-    });
-    if (captureErrors) {
-      const teardownErrors = setupRNErrorHandler();
-      teardowns.push(teardownErrors);
-    }
-    if (trackNetwork) {
-      const teardownNetwork = setupNetworkInterception();
-      teardowns.push(teardownNetwork);
-    }
-    if (trackAppState) {
-      const autocapture = new RNAutocaptureModule({ trackAppState: true });
-      autocapture.start();
-      teardowns.push(() => autocapture.stop());
-    }
-    if (navigationRef) {
-      const teardownNav = createNavigationTracker(navigationRef);
-      teardowns.push(teardownNav);
-    }
-    if (screenRecording?.enabled) {
-      const sessionId = `rn_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
-      const endpoint = config.endpoint || "https://ingest.sitepong.com";
-      startScreenRecordingOnError(apiKey, endpoint, sessionId, screenRecording);
-      teardowns.push(() => stopScreenRecording());
-    }
-    if (devicePushToken && devicePlatform) {
-      registerDeviceToken(devicePushToken, { platform: devicePlatform, environment: pushEnvironment});
-    }
-    performanceManagerRef.current = new RNPerformanceManager();
-    performanceManagerRef.current.trackColdStart();
-    initialized.current = true;
-    setSdkReady(true);
-    return () => {
-      for (const teardown of teardowns) {
-        teardown();
-      }
-    };
-  }, [apiKey]);
-  const value = {
-    isInitialized: sdkReady,
-    performanceManager: performanceManagerRef.current
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(SitePongRNContext.Provider, { value, children });
-}
-function useSitePongRNContext() {
-  return React2.useContext(SitePongRNContext);
-}
-function useScreenTrack(screenName) {
-  const { performanceManager } = React2.useContext(SitePongRNContext);
-  React2.useEffect(() => {
-    if (!performanceManager) return;
-    performanceManager.startScreenRender(screenName);
-    return () => {
-      performanceManager.endScreenRender(screenName);
-    };
-  }, [screenName, performanceManager]);
-}
-function useAppState() {
-  const [appState, setAppState] = React2.useState("active");
-  React2.useEffect(() => {
-    setAppState(reactNative.AppState.currentState);
-    const subscription = reactNative.AppState.addEventListener("change", (nextState) => {
-      setAppState(nextState);
-    });
-    return () => subscription.remove();
-  }, []);
-  return appState;
-}
-function useRemoteConfig() {
-  const [config, setConfig] = React2.useState(() => getRemoteConfig());
-  React2.useEffect(() => {
-    setConfig(getRemoteConfig());
-    const unsubscribe = onRemoteConfigChange((newConfig) => {
-      setConfig(newConfig);
-    });
-    return unsubscribe;
-  }, []);
-  return config;
-}
-function useRNPerformance(screenName) {
-  const { performanceManager } = React2.useContext(SitePongRNContext);
-  const [duration, setDuration] = React2.useState(null);
-  const startTimeRef = React2.useRef(Date.now());
-  React2.useEffect(() => {
-    startTimeRef.current = Date.now();
-    const handle = requestAnimationFrame(() => {
-      const d = Date.now() - startTimeRef.current;
-      setDuration(d);
-      if (performanceManager) {
-        performanceManager.startScreenRender(screenName);
-        performanceManager.endScreenRender(screenName);
-      }
-    });
-    return () => cancelAnimationFrame(handle);
-  }, [screenName, performanceManager]);
-  return { duration };
-}
-var warnedMissing = false;
-function loadBridge() {
-  return getScreenRecorderModule();
-}
-var started = false;
-function startWatchtower(config) {
-  if (started) return;
-  const bridge = loadBridge();
-  if (!bridge) {
-    if (!warnedMissing) {
-      warnedMissing = true;
-      console.warn(
-        "[SitePong] Watchtower is enabled but the native module is unavailable. Rebuild the native app (npx expo prebuild && npx expo run:ios) so the bundled SitePong native module is linked."
-      );
-    }
-    return;
-  }
-  bridge.watchtowerStart({
-    apiKey: config.apiKey,
-    projectId: config.projectId,
-    endpoint: config.endpoint,
-    sampleRate: config.sampleRate ?? 0.1,
-    platform: config.platform ?? "react-native-ios"
-  });
-  started = true;
-  if (config.distinctId) setWatchtowerUser(config.distinctId);
-}
-function setWatchtowerUser(distinctId) {
-  try {
-    loadBridge()?.watchtowerSetUser(distinctId);
-  } catch {
-  }
-}
-function getWatchtowerSessionId() {
-  try {
-    return loadBridge()?.watchtowerGetSessionId() ?? null;
-  } catch {
-    return null;
-  }
-}
-function stopWatchtower() {
-  if (!started) return;
-  loadBridge()?.watchtowerStop();
-  started = false;
-}
-function subscribeNavigationToWatchtower(navigationRef) {
-  const unsubscribe = createNavigationTracker(navigationRef, {
-    screenNameFilter: (name) => {
-      try {
-        loadBridge()?.watchtowerSetScreen(name);
-      } catch {
-      }
-      return name;
-    }
-  });
-  try {
-    const route = navigationRef.getCurrentRoute?.();
-    if (route?.name) loadBridge()?.watchtowerSetScreen(route.name);
-  } catch {
-  }
-  return unsubscribe;
-}
-function WatchtowerProvider(props) {
-  const { config, navigationRef, children } = props;
-  React2__default.default.useEffect(() => {
-    startWatchtower(config);
-    const unsubscribe = subscribeNavigationToWatchtower(navigationRef);
-    return () => {
-      unsubscribe();
-      stopWatchtower();
-    };
-  }, []);
-  return React2__default.default.createElement(React2__default.default.Fragment, null, children);
-}
-
 // ../watchtower-recorder/dist/index.mjs
 var CreateElementNode = (id, parentID, index, tag) => [8, id, parentID, index, tag];
 var CreateTextNode = (id, parentID, index) => [
@@ -3936,6 +3342,12 @@ var RemoveNodeAttribute = (id, name) => [
   name
 ];
 var SetNodeData = (id, data) => [14, id, data];
+var SetNodeScroll = (id, x, y) => [
+  16,
+  id,
+  x,
+  y
+];
 var MobileTap = (id, hesitationMs, label, selector, normX, normY) => [68, id, hesitationMs, label, selector, normX, normY];
 var ScreenView = (name, prevName) => [
   200,
@@ -3957,677 +3369,1419 @@ var Mirror = class {
     __publicField(this, "byId", /* @__PURE__ */ new Map());
     __publicField(this, "next", 1);
   }
-  // 0 is reserved for "no/root parent"
-  /** Existing id for a node, or undefined if never registered. */
-  peek(key) {
-    return this.ids.get(key);
+  // 0 is reserved for "no/root parent"
+  /** Existing id for a node, or undefined if never registered. */
+  peek(key) {
+    return this.ids.get(key);
+  }
+  /** Id for a node, assigning a fresh one on first sight. Second tuple element
+   *  is true when the id was just created (→ emit a Create* message). */
+  getId(key) {
+    const existing = this.ids.get(key);
+    if (existing !== void 0) return [existing, false];
+    const id = this.next++;
+    this.ids.set(key, id);
+    this.byId.set(id, key);
+    return [id, true];
+  }
+  getKey(id) {
+    return this.byId.get(id);
+  }
+  /** Drop a node's id (on unmount). Idempotent. */
+  release(key) {
+    const id = this.ids.get(key);
+    if (id === void 0) return void 0;
+    this.ids.delete(key);
+    this.byId.delete(id);
+    return id;
+  }
+  get size() {
+    return this.byId.size;
+  }
+};
+var emptyIndex = () => /* @__PURE__ */ new Map();
+function indexTree(tree, mirror, prev) {
+  const next = /* @__PURE__ */ new Map();
+  const order = [];
+  walk(tree, (node, parent, idx) => {
+    const [id] = mirror.getId(node.key);
+    const parentId = parent ? mirror.getId(parent.key)[0] : 0;
+    next.set(id, {
+      id,
+      parentId,
+      index: idx,
+      tag: node.tag,
+      attrs: node.attrs,
+      text: node.text
+    });
+    order.push(id);
+  });
+  return { next, order };
+}
+function attrDiff(id, prev, next) {
+  const out = [];
+  for (const k of Object.keys(next)) {
+    if (prev[k] !== next[k]) out.push(SetNodeAttribute(id, k, next[k]));
+  }
+  for (const k of Object.keys(prev)) {
+    if (!(k in next)) out.push(RemoveNodeAttribute(id, k));
+  }
+  return out;
+}
+function diff(prev, next, mirror) {
+  const { next: nextIndex, order } = indexTree(next, mirror);
+  const messages = [];
+  const removed = /* @__PURE__ */ new Set();
+  for (const id of prev.keys()) if (!nextIndex.has(id)) removed.add(id);
+  for (const id of removed) {
+    const rec = prev.get(id);
+    if (!removed.has(rec.parentId)) messages.push(RemoveNode(id));
+  }
+  for (const id of order) {
+    const rec = nextIndex.get(id);
+    const before = prev.get(id);
+    if (!before) {
+      if (rec.tag === "#text") {
+        messages.push(CreateTextNode(id, rec.parentId, rec.index));
+      } else {
+        messages.push(CreateElementNode(id, rec.parentId, rec.index, rec.tag));
+      }
+      for (const k of Object.keys(rec.attrs)) messages.push(SetNodeAttribute(id, k, rec.attrs[k]));
+      if (rec.text !== void 0 && rec.text !== "") messages.push(SetNodeData(id, rec.text));
+    } else {
+      if (before.parentId !== rec.parentId || before.index !== rec.index) {
+        messages.push(MoveNode(id, rec.parentId, rec.index));
+      }
+      messages.push(...attrDiff(id, before.attrs, rec.attrs));
+      if ((before.text ?? "") !== (rec.text ?? "")) messages.push(SetNodeData(id, rec.text ?? ""));
+    }
+  }
+  return { messages, index: nextIndex };
+}
+function stableAnchor(step) {
+  if (step.attrs.testID) return `@${step.attrs.testID}`;
+  if (step.attrs.nativeID) return `#${step.attrs.nativeID}`;
+  return null;
+}
+function computeSelector(path) {
+  if (path.length === 0) return "";
+  const self = path[path.length - 1];
+  const own = stableAnchor(self);
+  if (own) return own;
+  const parts = [];
+  for (let i = path.length - 1; i >= 0; i--) {
+    const step = path[i];
+    const anchor = stableAnchor(step);
+    if (anchor && i !== path.length - 1) {
+      parts.unshift(anchor);
+      return parts.join(" > ");
+    }
+    const a11y = step.attrs.accessibilityLabel;
+    const comp = step.attrs.rnComponent;
+    if (i === path.length - 1 && a11y) {
+      parts.unshift(`${step.tag}[a11y="${truncate(a11y)}"]`);
+    } else if (comp && comp !== step.tag) {
+      parts.unshift(`${comp}`);
+    } else {
+      parts.unshift(`${step.tag}:nth-of-type(${step.nthOfType})`);
+    }
+  }
+  return parts.join(" > ");
+}
+function truncate(s, n = 40) {
+  return s.length > n ? s.slice(0, n) : s;
+}
+function computeLabel(attrs, text) {
+  if (attrs.accessibilityLabel) return truncate(attrs.accessibilityLabel, 100);
+  if (attrs.testID) return attrs.testID;
+  if (text && text.trim()) return truncate(text.trim(), 100);
+  if (attrs.rnComponent) return attrs.rnComponent;
+  return "";
+}
+var RAGE_WINDOW_MS = 800;
+var RAGE_MIN_COUNT = 3;
+var OUTCOME_WINDOW_MS = 1e3;
+var TOGGLE_ATTR_MAX = 4;
+var OUTCOME_LABELS = {
+  navigated: "Navigated to a new screen",
+  opened_overlay: "Opened a modal / overlay",
+  closed_overlay: "Dismissed a modal / overlay",
+  toggled: "Toggled UI state",
+  content_changed: "Updated on-screen content",
+  no_effect: "Nothing changed (dead tap)"
+};
+var InteractionAnalyzer = class {
+  constructor() {
+    __publicField(this, "activity", []);
+    __publicField(this, "screenViews", []);
+    __publicField(this, "taps", []);
+  }
+  recordActivity(a) {
+    this.activity.push(a);
+  }
+  recordScreenView(t) {
+    this.screenViews.push(t);
+  }
+  /** Register a tap; returns whether it is (so far) a rage tap and the count. */
+  recordTap(tap) {
+    this.taps.push(tap);
+    const from = tap.t - RAGE_WINDOW_MS;
+    const sameSel = this.taps.filter((x) => x.selector === tap.selector && x.t >= from && x.t <= tap.t);
+    return { rage: sameSel.length >= RAGE_MIN_COUNT, count: sameSel.length };
+  }
+  /**
+   * Evaluate a tap once its outcome window has closed. Classifies the post-tap
+   * mutation diff into a semantic outcome and flags dead/rage.
+   */
+  evaluate(tap) {
+    const end = tap.t + OUTCOME_WINDOW_MS;
+    const win = this.activity.filter((a) => a.t > tap.t && a.t <= end);
+    const navigated = this.screenViews.some((t) => t > tap.t && t <= end);
+    const sum = (f) => win.reduce((n, a) => n + f(a), 0);
+    const structural = sum((a) => a.create) + sum((a) => a.remove) + sum((a) => a.move);
+    const attrs = sum((a) => a.attr) + sum((a) => a.text);
+    const mutationCount = structural + attrs;
+    const overlayAdd = win.some((a) => a.overlayAdd);
+    const overlayRemove = win.some((a) => a.overlayRemove);
+    let kind;
+    if (navigated) kind = "navigated";
+    else if (overlayAdd) kind = "opened_overlay";
+    else if (overlayRemove) kind = "closed_overlay";
+    else if (mutationCount === 0) kind = "no_effect";
+    else if (structural === 0 && attrs <= TOGGLE_ATTR_MAX) kind = "toggled";
+    else kind = "content_changed";
+    const from = tap.t - RAGE_WINDOW_MS;
+    const rageCount = this.taps.filter(
+      (x) => x.selector === tap.selector && x.t >= from && x.t <= tap.t
+    ).length;
+    let frustration = null;
+    if (kind === "no_effect") frustration = { kind: "dead", count: 1 };
+    if (rageCount >= RAGE_MIN_COUNT) frustration = { kind: "rage", count: rageCount };
+    return { frustration, outcome: { kind, label: OUTCOME_LABELS[kind], mutationCount } };
+  }
+};
+var OVERLAY_TAGS = /* @__PURE__ */ new Set(["Modal"]);
+function isOverlayRecord(tag, attrs) {
+  if (tag && OVERLAY_TAGS.has(tag)) return true;
+  if (attrs && (attrs.wtOverlay === "true" || attrs.role === "dialog")) return true;
+  return false;
+}
+var Recorder = class {
+  constructor() {
+    __publicField(this, "mirror", new Mirror());
+    __publicField(this, "index", emptyIndex());
+    __publicField(this, "analyzer", new InteractionAnalyzer());
+    __publicField(this, "stream", []);
+    __publicField(this, "pending", []);
+    __publicField(this, "viewport", { w: 0, h: 0 });
+  }
+  emit(t, m) {
+    this.stream.push({ t, m });
+  }
+  setViewport(w, h, t) {
+    this.viewport = { w, h };
+    this.emit(t, [5, w, h]);
+  }
+  /** Feed a fresh tree snapshot; diffs against the last and streams mutations. */
+  commit(tree, t) {
+    const prev = this.index;
+    const { messages, index } = diff(prev, tree, this.mirror);
+    for (const m of messages) this.emit(t, m);
+    const newIds = /* @__PURE__ */ new Set();
+    for (const m of messages) {
+      if (m[0] === 8 || m[0] === 9) newIds.add(m[1]);
+    }
+    let create = 0, remove = 0, move = 0, attr = 0, text = 0;
+    let overlayAdd = false, overlayRemove = false;
+    for (const m of messages) {
+      switch (m[0]) {
+        case 8:
+          create++;
+          if (isOverlayRecord(index.get(m[1])?.tag, index.get(m[1])?.attrs)) overlayAdd = true;
+          break;
+        case 9:
+          create++;
+          break;
+        case 11:
+          remove++;
+          if (isOverlayRecord(prev.get(m[1])?.tag, prev.get(m[1])?.attrs)) overlayRemove = true;
+          break;
+        case 10:
+          move++;
+          break;
+        case 12:
+        case 13:
+          if (!newIds.has(m[1])) attr++;
+          break;
+        case 14:
+          if (!newIds.has(m[1])) text++;
+          break;
+      }
+    }
+    const activity = { t, create, remove, move, attr, text, overlayAdd, overlayRemove };
+    this.analyzer.recordActivity(activity);
+    this.index = index;
+    this.drainPending(t);
+  }
+  tap(input, t) {
+    const [id] = this.mirror.getId(input.key);
+    const selector = computeSelector(input.path);
+    const label = computeLabel(input.attrs, input.text);
+    const nx = Math.round(input.normX * 1e4);
+    const ny = Math.round(input.normY * 1e4);
+    this.emit(t, MobileTap(id, input.hesitationMs ?? 0, label, selector, nx, ny));
+    this.analyzer.recordTap({ t, nodeId: id, selector });
+    this.pending.push({ t, nodeId: id, selector });
+    this.drainPending(t);
   }
-  /** Id for a node, assigning a fresh one on first sight. Second tuple element
-   *  is true when the id was just created (→ emit a Create* message). */
-  getId(key) {
-    const existing = this.ids.get(key);
-    if (existing !== void 0) return [existing, false];
-    const id = this.next++;
-    this.ids.set(key, id);
-    this.byId.set(id, key);
-    return [id, true];
+  screenView(name, prevName, t) {
+    this.emit(t, ScreenView(name, prevName));
+    this.analyzer.recordScreenView(t);
+    this.drainPending(t);
   }
-  getKey(id) {
-    return this.byId.get(id);
+  /** Record a scroll offset for a node (absolute content offset, px). The player
+   *  translates the node's children by (-x,-y), reproducing the scroll/drag —
+   *  the RN fiber walk can't see native-driven scroll, so it's fed from gestures. */
+  scroll(key, x, y, t) {
+    const [id] = this.mirror.getId(key);
+    this.emit(t, SetNodeScroll(id, Math.round(x), Math.round(y)));
   }
-  /** Drop a node's id (on unmount). Idempotent. */
-  release(key) {
-    const id = this.ids.get(key);
-    if (id === void 0) return void 0;
-    this.ids.delete(key);
-    this.byId.delete(id);
-    return id;
+  /** Record a node scroll/offset change (from a drag/scroll gesture). */
+  setNodeScroll(nodeId, scrollX, scrollY, t) {
+    this.emit(t, [16, nodeId, scrollX, scrollY]);
   }
-  get size() {
-    return this.byId.size;
+  /** Evaluate any pending taps whose outcome window has closed by time `t`. */
+  drainPending(t) {
+    const ready = this.pending.filter((p) => t >= p.t + OUTCOME_WINDOW_MS);
+    if (!ready.length) return;
+    this.pending = this.pending.filter((p) => t < p.t + OUTCOME_WINDOW_MS);
+    for (const p of ready) this.evaluateTap(p);
+  }
+  evaluateTap(p) {
+    const at = p.t + OUTCOME_WINDOW_MS;
+    const v = this.analyzer.evaluate(p);
+    if (v.frustration) {
+      this.emit(at, Frustration(v.frustration.kind, p.nodeId, p.selector, v.frustration.count));
+    }
+    this.emit(at, TapOutcome(p.nodeId, v.outcome.kind, v.outcome.label, v.outcome.mutationCount));
+  }
+  /** Explicit clock advance (adapter ticker) to close outcome windows even when
+   *  no commit/tap arrives. */
+  advance(t) {
+    this.drainPending(t);
+  }
+  /** Flush all remaining pending taps (session end). `_t` is the session-end
+   *  clock, accepted for API symmetry with advance(); evaluation uses each tap's
+   *  own outcome window. */
+  finalize(_t) {
+    const ready = this.pending;
+    this.pending = [];
+    for (const p of ready) this.evaluateTap(p);
+    this.stream.sort((a, b) => a.t - b.t);
+  }
+  getStream() {
+    return [...this.stream].sort((a, b) => a.t - b.t);
+  }
+  /** Total messages emitted so far (insertion order). Adapters use this as the
+   *  cursor for incremental delta flushing — see `sliceStream`. */
+  get emittedCount() {
+    return this.stream.length;
+  }
+  /** Messages emitted since insertion index `from`, in EMISSION order (not
+   *  sorted by time). This is the delta an adapter ships each flush; the cursor
+   *  is the count it last confirmed stored. Late-drained outcome messages (whose
+   *  `t` is earlier than emission time) appear here at their emission position,
+   *  so the server appends verbatim and the reader sorts by `t`. */
+  sliceStream(from) {
+    return this.stream.slice(Math.max(0, from));
+  }
+  get viewportSize() {
+    return this.viewport;
   }
 };
-var emptyIndex = () => /* @__PURE__ */ new Map();
-function indexTree(tree, mirror, prev) {
-  const next = /* @__PURE__ */ new Map();
-  const order = [];
-  walk(tree, (node, parent, idx) => {
-    const [id] = mirror.getId(node.key);
-    const parentId = parent ? mirror.getId(parent.key)[0] : 0;
-    next.set(id, {
-      id,
-      parentId,
-      index: idx,
-      tag: node.tag,
-      attrs: node.attrs,
-      text: node.text
-    });
-    order.push(id);
-  });
-  return { next, order };
+
+// src/react-native/structural/install-hook.ts
+var g = globalThis;
+var hookState = g.__SITEPONG_STRUCTURAL_HOOK_STATE__ ?? (g.__SITEPONG_STRUCTURAL_HOOK_STATE__ = {
+  latestRoot: null,
+  dirty: false
+});
+function record(root) {
+  hookState.latestRoot = root;
+  hookState.dirty = true;
 }
-function attrDiff(id, prev, next) {
-  const out = [];
-  for (const k of Object.keys(next)) {
-    if (prev[k] !== next[k]) out.push(SetNodeAttribute(id, k, next[k]));
+function installStructuralHook() {
+  if (g.__SITEPONG_STRUCTURAL_HOOK_INSTALLED__) return;
+  const existing = g.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  if (existing) {
+    const prevRaw = existing.onCommitFiberRoot;
+    const prev = typeof prevRaw === "function" ? prevRaw.bind(existing) : null;
+    existing.onCommitFiberRoot = (id, root, ...rest) => {
+      record(root);
+      return prev ? prev(id, root, ...rest) : void 0;
+    };
+  } else {
+    const renderers = /* @__PURE__ */ new Map();
+    g.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
+      renderers,
+      supportsFiber: true,
+      inject(renderer) {
+        const id = renderers.size + 1;
+        renderers.set(id, renderer);
+        return id;
+      },
+      onCommitFiberRoot(_id, root) {
+        record(root);
+      },
+      onCommitFiberUnmount() {
+      },
+      onScheduleFiberRoot() {
+      },
+      on() {
+      },
+      off() {
+      },
+      sub() {
+        return () => {
+        };
+      },
+      checkDCE() {
+      }
+    };
   }
-  for (const k of Object.keys(prev)) {
-    if (!(k in next)) out.push(RemoveNodeAttribute(id, k));
+  g.__SITEPONG_STRUCTURAL_HOOK_INSTALLED__ = true;
+}
+var HostComponent = 5;
+var HostText = 6;
+function mapTag(type) {
+  if (typeof type !== "string") return "View";
+  const t = type;
+  if (/TextInput|TextField/i.test(t)) return "TextInput";
+  if (/Image/i.test(t)) return "Image";
+  if (/ScrollView/i.test(t)) return "ScrollView";
+  if (/Modal/i.test(t)) return "Modal";
+  if (/Text|RawText/i.test(t)) return "Text";
+  if (/Pressable|Button|Touchable/i.test(t)) return "Pressable";
+  return "View";
+}
+function nativeTagOf(stateNode) {
+  if (!stateNode) return void 0;
+  return stateNode.__nativeTag ?? stateNode._nativeTag ?? stateNode.canonical?.nativeTag ?? stateNode.canonical?._nativeTag ?? (typeof stateNode === "number" ? stateNode : void 0);
+}
+var STYLE_KEYS = /* @__PURE__ */ new Set([
+  "flex",
+  "flexDirection",
+  "flexGrow",
+  "flexShrink",
+  "flexWrap",
+  "alignItems",
+  "alignSelf",
+  "justifyContent",
+  "width",
+  "height",
+  "minWidth",
+  "minHeight",
+  "maxWidth",
+  "maxHeight",
+  "margin",
+  "marginTop",
+  "marginBottom",
+  "marginLeft",
+  "marginRight",
+  "marginHorizontal",
+  "marginVertical",
+  "padding",
+  "paddingTop",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "paddingHorizontal",
+  "paddingVertical",
+  "backgroundColor",
+  "borderRadius",
+  "borderWidth",
+  "borderColor",
+  "opacity",
+  "position",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  "color",
+  "fontSize",
+  "fontWeight",
+  "textAlign",
+  "lineHeight",
+  "gap",
+  "overflow",
+  "shadowColor",
+  "shadowOpacity",
+  "shadowRadius",
+  "elevation",
+  "transform",
+  "zIndex",
+  "aspectRatio"
+]);
+function extractStyle(style) {
+  try {
+    const flat = reactNative.StyleSheet.flatten(style);
+    if (!flat) return void 0;
+    const out = {};
+    for (const k of Object.keys(flat)) if (STYLE_KEYS.has(k)) out[k] = flat[k];
+    return Object.keys(out).length ? JSON.stringify(out) : void 0;
+  } catch {
+    return void 0;
   }
-  return out;
 }
-function diff(prev, next, mirror) {
-  const { next: nextIndex, order } = indexTree(next, mirror);
-  const messages = [];
-  const removed = /* @__PURE__ */ new Set();
-  for (const id of prev.keys()) if (!nextIndex.has(id)) removed.add(id);
-  for (const id of removed) {
-    const rec = prev.get(id);
-    if (!removed.has(rec.parentId)) messages.push(RemoveNode(id));
+function extractAttrs(tag, props, componentName2) {
+  const attrs = {};
+  if (!props) return attrs;
+  if (props.testID) attrs.testID = String(props.testID);
+  if (props.nativeID) attrs.nativeID = String(props.nativeID);
+  if (props.accessibilityLabel) attrs.accessibilityLabel = String(props.accessibilityLabel);
+  if (props.accessibilityRole) attrs.role = String(props.accessibilityRole);
+  if (props["aria-label"]) attrs.accessibilityLabel = String(props["aria-label"]);
+  const style = extractStyle(props.style);
+  if (style) attrs.style = style;
+  if (tag === "Image") {
+    const uri = props.source?.uri ?? (typeof props.source === "string" ? props.source : void 0);
+    if (uri) attrs.src = String(uri);
   }
-  for (const id of order) {
-    const rec = nextIndex.get(id);
-    const before = prev.get(id);
-    if (!before) {
-      if (rec.tag === "#text") {
-        messages.push(CreateTextNode(id, rec.parentId, rec.index));
-      } else {
-        messages.push(CreateElementNode(id, rec.parentId, rec.index, rec.tag));
-      }
-      for (const k of Object.keys(rec.attrs)) messages.push(SetNodeAttribute(id, k, rec.attrs[k]));
-      if (rec.text !== void 0 && rec.text !== "") messages.push(SetNodeData(id, rec.text));
-    } else {
-      if (before.parentId !== rec.parentId || before.index !== rec.index) {
-        messages.push(MoveNode(id, rec.parentId, rec.index));
-      }
-      messages.push(...attrDiff(id, before.attrs, rec.attrs));
-      if ((before.text ?? "") !== (rec.text ?? "")) messages.push(SetNodeData(id, rec.text ?? ""));
+  if (componentName2) attrs.rnComponent = componentName2;
+  if (props.wtOverlay || props.accessibilityViewIsModal) attrs.wtOverlay = "true";
+  if (props.wtSensitive || props.secureTextEntry) attrs.wtSensitive = "true";
+  return attrs;
+}
+function collectText(fiber) {
+  let out = "";
+  const visit = (f) => {
+    if (!f) return;
+    if (f.tag === HostText) {
+      const p = f.memoizedProps;
+      if (typeof p === "string") out += p;
+      else if (p && typeof p.text === "string") out += p.text;
+    } else if (f.tag === HostComponent && typeof f.type === "string" && /RawText|VirtualText/i.test(f.type)) {
+      const p = f.memoizedProps;
+      if (p && typeof p.text === "string") out += p.text;
     }
+    visit(f.child);
+    visit(f.sibling);
+  };
+  visit(fiber.child);
+  return out;
+}
+function buildHostChildren(fiber, inheritedName, index, path, scrollTag) {
+  const out = [];
+  let f = fiber;
+  while (f) {
+    collectFrom(f, inheritedName, out, index, path, scrollTag);
+    f = f.sibling;
   }
-  return { messages, index: nextIndex };
+  return out;
 }
-function stableAnchor(step) {
-  if (step.attrs.testID) return `@${step.attrs.testID}`;
-  if (step.attrs.nativeID) return `#${step.attrs.nativeID}`;
-  return null;
+function componentName(fiber) {
+  const t = fiber?.type;
+  if (typeof t === "function") return t.displayName || t.name || void 0;
+  if (t && typeof t === "object") return t.displayName || void 0;
+  return void 0;
 }
-function computeSelector(path) {
-  if (path.length === 0) return "";
-  const self = path[path.length - 1];
-  const own = stableAnchor(self);
-  if (own) return own;
-  const parts = [];
-  for (let i = path.length - 1; i >= 0; i--) {
-    const step = path[i];
-    const anchor = stableAnchor(step);
-    if (anchor && i !== path.length - 1) {
-      parts.unshift(anchor);
-      return parts.join(" > ");
-    }
-    const a11y = step.attrs.accessibilityLabel;
-    const comp = step.attrs.rnComponent;
-    if (i === path.length - 1 && a11y) {
-      parts.unshift(`${step.tag}[a11y="${truncate(a11y)}"]`);
-    } else if (comp && comp !== step.tag) {
-      parts.unshift(`${comp}`);
-    } else {
-      parts.unshift(`${step.tag}:nth-of-type(${step.nthOfType})`);
-    }
+function collectFrom(fiber, inheritedName, out, index, parentPath, scrollTag) {
+  if (!fiber) return;
+  if (fiber.tag === HostComponent) {
+    const tag = mapTag(fiber.type);
+    const attrs = extractAttrs(tag, fiber.memoizedProps, inheritedName);
+    const stateNode = fiber.stateNode;
+    const key = stateNode && typeof stateNode === "object" ? stateNode : fiber;
+    const isTextLeaf = tag === "Text";
+    const text = isTextLeaf ? collectText(fiber) : void 0;
+    const nthOfType = out.filter((n) => n.tag === tag).length + 1;
+    const myPath = [...parentPath, { tag, attrs, nthOfType }];
+    const nt = nativeTagOf(stateNode);
+    const childScrollTag = tag === "ScrollView" && nt !== void 0 ? nt : scrollTag;
+    const children = isTextLeaf ? [] : buildHostChildren(fiber.child, void 0, index, myPath, childScrollTag);
+    const vnode = { key, tag, attrs, children, ...text ? { text } : {} };
+    out.push(vnode);
+    if (nt !== void 0) index.set(nt, { node: vnode, path: myPath, scrollAncestorTag: scrollTag });
+    return;
+  }
+  const name = componentName(fiber) ?? inheritedName;
+  let child = fiber.child;
+  while (child) {
+    collectFrom(child, name, out, index, parentPath, scrollTag);
+    child = child.sibling;
   }
-  return parts.join(" > ");
 }
-function truncate(s, n = 40) {
-  return s.length > n ? s.slice(0, n) : s;
+function walkFiberRoot(root) {
+  const index = /* @__PURE__ */ new Map();
+  const current = root?.current;
+  if (!current) return { tree: null, index };
+  const rootKey = root ?? current;
+  const children = buildHostChildren(current.child, void 0, index, [], void 0);
+  const tree = { key: rootKey, tag: "View", attrs: { style: JSON.stringify({ flex: 1 }) }, children };
+  return { tree, index };
 }
-function computeLabel(attrs, text) {
-  if (attrs.accessibilityLabel) return truncate(attrs.accessibilityLabel, 100);
-  if (attrs.testID) return attrs.testID;
-  if (text && text.trim()) return truncate(text.trim(), 100);
-  if (attrs.rnComponent) return attrs.rnComponent;
-  return "";
+
+// src/react-native/structural/capture.ts
+var WALK_BUDGET_MS = 24;
+var MAX_OVERLOAD_SKIP = 8;
+function genSessionId() {
+  const rand = Math.floor(Math.random() * 16777215).toString(36);
+  return `wt-${Date.now().toString(36)}-${rand}`;
 }
-var RAGE_WINDOW_MS = 800;
-var RAGE_MIN_COUNT = 3;
-var OUTCOME_WINDOW_MS = 1e3;
-var TOGGLE_ATTR_MAX = 4;
-var OUTCOME_LABELS = {
-  navigated: "Navigated to a new screen",
-  opened_overlay: "Opened a modal / overlay",
-  closed_overlay: "Dismissed a modal / overlay",
-  toggled: "Toggled UI state",
-  content_changed: "Updated on-screen content",
-  no_effect: "Nothing changed (dead tap)"
-};
-var InteractionAnalyzer = class {
+var StructuralCapture = class {
   constructor() {
-    __publicField(this, "activity", []);
-    __publicField(this, "screenViews", []);
-    __publicField(this, "taps", []);
+    this.recorder = new Recorder();
+    this.currentIndex = /* @__PURE__ */ new Map();
+    this.started = 0;
+    this.sampleTimer = null;
+    this.flushTimer = null;
+    this.screen = "";
+    this.prevScreen = "";
+    this.cfg = null;
+    this.sessionId = "";
+    this.running = false;
+    // Incremental delivery: cursor into the recorder's emission stream that has
+    // been CONFIRMED stored. Everything at index >= sentCount is unsent (the
+    // offline buffer). Advances only on a 2xx.
+    this.sentCount = 0;
+    this.flushing = false;
+    // Persistent per-ScrollView content offset (keyed by native tag), so scroll
+    // continues from where it was rather than resetting each gesture.
+    this.scrollOffsets = /* @__PURE__ */ new Map();
+    // Adaptive sampling: skip this many upcoming ticks after a heavy walk.
+    this.overloadSkip = 0;
+    this.appStateSub = null;
+    this.teardowns = [];
   }
-  recordActivity(a) {
-    this.activity.push(a);
+  now() {
+    return Date.now() - this.started;
   }
-  recordScreenView(t) {
-    this.screenViews.push(t);
+  isRunning() {
+    return this.running;
   }
-  /** Register a tap; returns whether it is (so far) a rage tap and the count. */
-  recordTap(tap) {
-    this.taps.push(tap);
-    const from = tap.t - RAGE_WINDOW_MS;
-    const sameSel = this.taps.filter((x) => x.selector === tap.selector && x.t >= from && x.t <= tap.t);
-    return { rage: sameSel.length >= RAGE_MIN_COUNT, count: sameSel.length };
+  getSessionId() {
+    return this.sessionId;
   }
-  /**
-   * Evaluate a tap once its outcome window has closed. Classifies the post-tap
-   * mutation diff into a semantic outcome and flags dead/rage.
-   */
-  evaluate(tap) {
-    const end = tap.t + OUTCOME_WINDOW_MS;
-    const win = this.activity.filter((a) => a.t > tap.t && a.t <= end);
-    const navigated = this.screenViews.some((t) => t > tap.t && t <= end);
-    const sum = (f) => win.reduce((n, a) => n + f(a), 0);
-    const structural = sum((a) => a.create) + sum((a) => a.remove) + sum((a) => a.move);
-    const attrs = sum((a) => a.attr) + sum((a) => a.text);
-    const mutationCount = structural + attrs;
-    const overlayAdd = win.some((a) => a.overlayAdd);
-    const overlayRemove = win.some((a) => a.overlayRemove);
-    let kind;
-    if (navigated) kind = "navigated";
-    else if (overlayAdd) kind = "opened_overlay";
-    else if (overlayRemove) kind = "closed_overlay";
-    else if (mutationCount === 0) kind = "no_effect";
-    else if (structural === 0 && attrs <= TOGGLE_ATTR_MAX) kind = "toggled";
-    else kind = "content_changed";
-    const from = tap.t - RAGE_WINDOW_MS;
-    const rageCount = this.taps.filter(
-      (x) => x.selector === tap.selector && x.t >= from && x.t <= tap.t
-    ).length;
-    let frustration = null;
-    if (kind === "no_effect") frustration = { kind: "dead", count: 1 };
-    if (rageCount >= RAGE_MIN_COUNT) frustration = { kind: "rage", count: rageCount };
-    return { frustration, outcome: { kind, label: OUTCOME_LABELS[kind], mutationCount } };
+  start(cfg) {
+    if (this.running) return;
+    installStructuralHook();
+    this.cfg = cfg;
+    this.sessionId = cfg.sessionId || genSessionId();
+    this.started = Date.now();
+    this.running = true;
+    this.sentCount = 0;
+    this.scrollOffsets.clear();
+    this.overloadSkip = 0;
+    const { width, height } = reactNative.Dimensions.get("window");
+    this.recorder.setViewport(Math.round(width), Math.round(height), 0);
+    this.sampleTimer = setInterval(() => this.sample(), cfg.sampleIntervalMs ?? 120);
+    this.flushTimer = setInterval(() => void this.flush(), cfg.flushIntervalMs ?? 4e3);
+    this.installCrashFlush();
+    this.installBackgroundFlush();
+    if (cfg.debug) console.log("[structural] started", this.sessionId);
+    setTimeout(() => this.sample(true), 0);
   }
-};
-var OVERLAY_TAGS = /* @__PURE__ */ new Set(["Modal"]);
-function isOverlayRecord(tag, attrs) {
-  if (tag && OVERLAY_TAGS.has(tag)) return true;
-  if (attrs && (attrs.wtOverlay === "true" || attrs.role === "dialog")) return true;
-  return false;
-}
-var Recorder = class {
-  constructor() {
-    __publicField(this, "mirror", new Mirror());
-    __publicField(this, "index", emptyIndex());
-    __publicField(this, "analyzer", new InteractionAnalyzer());
-    __publicField(this, "stream", []);
-    __publicField(this, "pending", []);
-    __publicField(this, "viewport", { w: 0, h: 0 });
+  /** Best-effort flush the pre-crash tail before the app tears down. */
+  installCrashFlush() {
+    if (typeof ErrorUtils === "undefined" || typeof ErrorUtils.setGlobalHandler !== "function") return;
+    const prev = ErrorUtils.getGlobalHandler?.();
+    ErrorUtils.setGlobalHandler((error, isFatal) => {
+      void this.flush();
+      if (typeof prev === "function") prev(error, isFatal);
+    });
+    this.teardowns.push(() => {
+      if (typeof prev === "function") ErrorUtils.setGlobalHandler(prev);
+    });
+  }
+  /** Flush on background/inactive so timer suspension doesn't strand the tail. */
+  installBackgroundFlush() {
+    const onChange = (state) => {
+      if (state === "background" || state === "inactive") void this.flush();
+    };
+    this.appStateSub = reactNative.AppState.addEventListener("change", onChange);
+    this.teardowns.push(() => {
+      this.appStateSub?.remove();
+      this.appStateSub = null;
+    });
+  }
+  sample(force = false) {
+    if (!this.running) return;
+    if (!force && this.overloadSkip > 0) {
+      this.overloadSkip--;
+      return;
+    }
+    if (!force && !hookState.dirty) return;
+    hookState.dirty = false;
+    const root = hookState.latestRoot;
+    if (!root) return;
+    const t0 = Date.now();
+    try {
+      const { tree, index } = walkFiberRoot(root);
+      this.currentIndex = index;
+      this.recorder.commit(tree, this.now());
+    } catch (e) {
+      if (this.cfg?.debug) console.log("[structural] sample error", String(e));
+    }
+    const cost = Date.now() - t0;
+    if (cost > WALK_BUDGET_MS) {
+      this.overloadSkip = Math.min(MAX_OVERLOAD_SKIP, Math.ceil(cost / WALK_BUDGET_MS));
+    }
   }
-  emit(t, m) {
-    this.stream.push({ t, m });
+  setScreen(name) {
+    if (!this.running || name === this.screen) return;
+    this.prevScreen = this.screen;
+    this.screen = name;
+    this.sample(true);
+    this.recorder.screenView(name, this.prevScreen, this.now());
   }
-  setViewport(w, h, t) {
-    this.viewport = { w, h };
-    this.emit(t, [5, w, h]);
+  /** Resolve a native touch to a node + emit a tap. `target` is the RN
+   *  nativeTag from `nativeEvent.target`. */
+  handleTap(target, pageX, pageY) {
+    if (!this.running) return;
+    const entry = this.currentIndex.get(target);
+    if (!entry) return;
+    const { width, height } = reactNative.Dimensions.get("window");
+    this.recorder.tap(
+      {
+        key: entry.node.key,
+        path: entry.path,
+        attrs: entry.node.attrs,
+        text: entry.node.text,
+        normX: pageX / (width || 1),
+        normY: pageY / (height || 1)
+      },
+      this.now()
+    );
   }
-  /** Feed a fresh tree snapshot; diffs against the last and streams mutations. */
-  commit(tree, t) {
-    const prev = this.index;
-    const { messages, index } = diff(prev, tree, this.mirror);
-    for (const m of messages) this.emit(t, m);
-    const newIds = /* @__PURE__ */ new Set();
-    for (const m of messages) {
-      if (m[0] === 8 || m[0] === 9) newIds.add(m[1]);
+  /** Feed a scroll/drag delta from a touch onto the nearest scrollable ancestor
+   *  of the touched node. `target` is the RN nativeTag under the finger; `dx`/`dy`
+   *  are content-offset deltas (px, sign = content motion). Native-driven scroll
+   *  never reaches the fiber walk, so this is the only way the replay can ride the
+   *  scroll instead of freezing on a stale frame. */
+  handleScroll(target, dx, dy) {
+    if (!this.running) return;
+    const leaf = this.currentIndex.get(target);
+    const scrollTag = leaf?.scrollAncestorTag;
+    if (scrollTag === void 0) return;
+    const scrollable = this.currentIndex.get(scrollTag);
+    if (!scrollable) return;
+    const cur = this.scrollOffsets.get(scrollTag) ?? { x: 0, y: 0 };
+    const next = { x: Math.max(0, cur.x + dx), y: Math.max(0, cur.y + dy) };
+    if (Math.abs(next.x - cur.x) < 1 && Math.abs(next.y - cur.y) < 1) return;
+    this.scrollOffsets.set(scrollTag, next);
+    this.recorder.scroll(scrollable.node.key, next.x, next.y, this.now());
+  }
+  /** Public best-effort flush — used by the shared RN error handler to push the
+   *  pre-crash tail (the in-class ErrorUtils hook covers apps that don't call
+   *  setupRNErrorHandler; both are idempotent via the `flushing` guard). */
+  async flushNow() {
+    await this.flush();
+  }
+  async flush() {
+    if (!this.cfg || this.flushing) return;
+    this.recorder.advance(this.now());
+    const from = this.sentCount;
+    const batch = this.recorder.sliceStream(from);
+    if (batch.length === 0) return;
+    this.flushing = true;
+    const vp = this.recorder.viewportSize;
+    try {
+      const headers = {
+        "content-type": "application/json",
+        "X-API-Key": this.cfg.apiKey
+      };
+      if (this.cfg.projectId) headers["X-Project-ID"] = this.cfg.projectId;
+      const res = await fetch(`${this.cfg.endpoint.replace(/\/$/, "")}/api/replay-stream`, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({
+          session_id: this.sessionId,
+          platform: this.cfg.platform,
+          viewport: { w: vp.w, h: vp.h },
+          seq_start: from,
+          messages: batch
+        })
+      });
+      if (res.ok) {
+        this.sentCount = from + batch.length;
+        if (this.cfg.debug) console.log("[structural] flushed", batch.length, "msgs @", from);
+      } else if (this.cfg.debug) {
+        console.log("[structural] flush rejected", res.status, "\u2014 will retry");
+      }
+    } catch (e) {
+      if (this.cfg.debug) console.log("[structural] flush failed", String(e), "\u2014 buffered");
+    } finally {
+      this.flushing = false;
     }
-    let create = 0, remove = 0, move = 0, attr = 0, text = 0;
-    let overlayAdd = false, overlayRemove = false;
-    for (const m of messages) {
-      switch (m[0]) {
-        case 8:
-          create++;
-          if (isOverlayRecord(index.get(m[1])?.tag, index.get(m[1])?.attrs)) overlayAdd = true;
-          break;
-        case 9:
-          create++;
-          break;
-        case 11:
-          remove++;
-          if (isOverlayRecord(prev.get(m[1])?.tag, prev.get(m[1])?.attrs)) overlayRemove = true;
-          break;
-        case 10:
-          move++;
-          break;
-        case 12:
-        case 13:
-          if (!newIds.has(m[1])) attr++;
-          break;
-        case 14:
-          if (!newIds.has(m[1])) text++;
-          break;
+  }
+  async stop() {
+    if (!this.running) return;
+    this.recorder.finalize(this.now());
+    if (this.sampleTimer) clearInterval(this.sampleTimer);
+    if (this.flushTimer) clearInterval(this.flushTimer);
+    this.sampleTimer = null;
+    this.flushTimer = null;
+    this.running = false;
+    for (const t of this.teardowns.splice(0)) {
+      try {
+        t();
+      } catch {
       }
     }
-    const activity = { t, create, remove, move, attr, text, overlayAdd, overlayRemove };
-    this.analyzer.recordActivity(activity);
-    this.index = index;
-    this.drainPending(t);
+    await this.flush();
   }
-  tap(input, t) {
-    const [id] = this.mirror.getId(input.key);
-    const selector = computeSelector(input.path);
-    const label = computeLabel(input.attrs, input.text);
-    const nx = Math.round(input.normX * 1e4);
-    const ny = Math.round(input.normY * 1e4);
-    this.emit(t, MobileTap(id, input.hesitationMs ?? 0, label, selector, nx, ny));
-    this.analyzer.recordTap({ t, nodeId: id, selector });
-    this.pending.push({ t, nodeId: id, selector });
-    this.drainPending(t);
+};
+var structuralCapture = new StructuralCapture();
+
+// src/react-native/error-handler.ts
+function setupRNErrorHandler(options = {}) {
+  const {
+    captureFatal = true,
+    captureNonFatal = true,
+    capturePromiseRejections = true
+  } = options;
+  const teardowns = [];
+  if (typeof ErrorUtils !== "undefined") {
+    const previousHandler = ErrorUtils.getGlobalHandler();
+    ErrorUtils.setGlobalHandler((error, isFatal) => {
+      if (isFatal && captureFatal || !isFatal && captureNonFatal) {
+        captureError(error, {
+          tags: {
+            fatal: String(isFatal),
+            handler: "react-native-global"
+          }
+        });
+        flushScreenRecording().catch(() => {
+        });
+        if (structuralCapture.isRunning()) {
+          void structuralCapture.flushNow().catch(() => {
+          });
+        }
+      }
+      if (previousHandler) {
+        previousHandler(error, isFatal);
+      }
+    });
+    teardowns.push(() => {
+      if (previousHandler) {
+        ErrorUtils.setGlobalHandler(previousHandler);
+      }
+    });
   }
-  screenView(name, prevName, t) {
-    this.emit(t, ScreenView(name, prevName));
-    this.analyzer.recordScreenView(t);
-    this.drainPending(t);
+  if (capturePromiseRejections) {
+    if (typeof global !== "undefined") {
+      const rejectionHandler = (event) => {
+        const err = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
+        captureError(err, {
+          tags: { handler: "unhandled-promise-rejection" }
+        });
+        flushScreenRecording().catch(() => {
+        });
+        if (structuralCapture.isRunning()) {
+          void structuralCapture.flushNow().catch(() => {
+          });
+        }
+      };
+      if (typeof globalThis.addEventListener === "function") {
+        globalThis.addEventListener("unhandledrejection", rejectionHandler);
+        teardowns.push(() => {
+          globalThis.removeEventListener("unhandledrejection", rejectionHandler);
+        });
+      }
+    }
   }
-  /** Evaluate any pending taps whose outcome window has closed by time `t`. */
-  drainPending(t) {
-    const ready = this.pending.filter((p) => t >= p.t + OUTCOME_WINDOW_MS);
-    if (!ready.length) return;
-    this.pending = this.pending.filter((p) => t < p.t + OUTCOME_WINDOW_MS);
-    for (const p of ready) this.evaluateTap(p);
+  return () => {
+    for (const teardown of teardowns) {
+      teardown();
+    }
+  };
+}
+
+// src/react-native/navigation.ts
+function createNavigationTracker(navigationRef, options = {}) {
+  const {
+    trackScreenViews = true,
+    addBreadcrumbs = true,
+    screenNameFilter
+  } = options;
+  let currentRouteName;
+  const unsubscribe = navigationRef.addListener("state", () => {
+    const route = navigationRef.getCurrentRoute();
+    if (!route) return;
+    const previousRouteName = currentRouteName;
+    currentRouteName = route.name;
+    if (previousRouteName === currentRouteName) return;
+    const screenName = screenNameFilter ? screenNameFilter(currentRouteName) : currentRouteName;
+    if (!screenName) return;
+    setCurrentScreen(screenName);
+    if (trackScreenViews) {
+      track("$screen_view", {
+        screen_name: screenName,
+        previous_screen: previousRouteName,
+        params: route.params
+      });
+    }
+    if (addBreadcrumbs) {
+      addBreadcrumb({
+        type: "navigation",
+        category: "screen",
+        message: `Navigated to ${screenName}`,
+        data: {
+          from: previousRouteName,
+          to: screenName
+        }
+      });
+    }
+  });
+  return () => {
+    unsubscribe();
+    setCurrentScreen(void 0);
+  };
+}
+
+// src/react-native/network.ts
+function setupNetworkInterception(options = {}) {
+  const {
+    addBreadcrumbs = true,
+    ignoreUrls = [/sitepong\.com/],
+    maxDataSize = 1024
+  } = options;
+  if (typeof XMLHttpRequest === "undefined") {
+    return () => {
+    };
   }
-  evaluateTap(p) {
-    const at = p.t + OUTCOME_WINDOW_MS;
-    const v = this.analyzer.evaluate(p);
-    if (v.frustration) {
-      this.emit(at, Frustration(v.frustration.kind, p.nodeId, p.selector, v.frustration.count));
+  const originalOpen = XMLHttpRequest.prototype.open;
+  const originalSend = XMLHttpRequest.prototype.send;
+  XMLHttpRequest.prototype.open = function(method, url, ...rest) {
+    const xhr = this;
+    xhr._sitepong_method = method;
+    xhr._sitepong_url = String(url);
+    return originalOpen.apply(this, [method, url, ...rest]);
+  };
+  XMLHttpRequest.prototype.send = function(body) {
+    const xhr = this;
+    const url = xhr._sitepong_url || "";
+    const method = xhr._sitepong_method || "GET";
+    const shouldIgnore = ignoreUrls.some((pattern) => {
+      if (typeof pattern === "string") return url.includes(pattern);
+      return pattern.test(url);
+    });
+    if (shouldIgnore) {
+      return originalSend.call(this, body);
     }
-    this.emit(at, TapOutcome(p.nodeId, v.outcome.kind, v.outcome.label, v.outcome.mutationCount));
-  }
-  /** Explicit clock advance (adapter ticker) to close outcome windows even when
-   *  no commit/tap arrives. */
-  advance(t) {
-    this.drainPending(t);
+    xhr._sitepong_startTime = Date.now();
+    const onLoadEnd = () => {
+      const duration = xhr._sitepong_startTime ? Date.now() - xhr._sitepong_startTime : void 0;
+      if (addBreadcrumbs) {
+        addBreadcrumb({
+          type: "http",
+          category: "xhr",
+          message: `${method} ${url}`,
+          level: xhr.status >= 400 ? "error" : "info",
+          data: {
+            method,
+            url: url.length > maxDataSize ? url.substring(0, maxDataSize) : url,
+            status_code: xhr.status,
+            duration_ms: duration
+          }
+        });
+      }
+    };
+    this.addEventListener("loadend", onLoadEnd);
+    return originalSend.call(this, body);
+  };
+  return () => {
+    XMLHttpRequest.prototype.open = originalOpen;
+    XMLHttpRequest.prototype.send = originalSend;
+  };
+}
+var RNAutocaptureModule = class {
+  constructor(options = {}) {
+    this.appStateSubscription = null;
+    this.currentAppState = "active";
+    this.options = {
+      trackAppState: options.trackAppState ?? true
+    };
   }
-  /** Flush all remaining pending taps (session end). `_t` is the session-end
-   *  clock, accepted for API symmetry with advance(); evaluation uses each tap's
-   *  own outcome window. */
-  finalize(_t) {
-    const ready = this.pending;
-    this.pending = [];
-    for (const p of ready) this.evaluateTap(p);
-    this.stream.sort((a, b) => a.t - b.t);
+  start() {
+    if (this.options.trackAppState) {
+      this.setupAppStateTracking();
+    }
   }
-  getStream() {
-    return [...this.stream].sort((a, b) => a.t - b.t);
+  stop() {
+    if (this.appStateSubscription) {
+      this.appStateSubscription.remove();
+      this.appStateSubscription = null;
+    }
   }
-  get viewportSize() {
-    return this.viewport;
+  setupAppStateTracking() {
+    try {
+      this.currentAppState = reactNative.AppState.currentState;
+      this.appStateSubscription = reactNative.AppState.addEventListener("change", (nextAppState) => {
+        const previousState = this.currentAppState;
+        this.currentAppState = nextAppState;
+        if (previousState !== nextAppState) {
+          track("$app_state_change", {
+            from: previousState,
+            to: nextAppState
+          });
+          if (previousState.match(/inactive|background/) && nextAppState === "active") {
+            track("$app_foreground", {
+              previous_state: previousState
+            });
+          } else if (previousState === "active" && nextAppState.match(/inactive|background/)) {
+            track("$app_background", {
+              next_state: nextAppState
+            });
+          }
+        }
+      });
+    } catch {
+    }
   }
 };
 
-// src/react-native/structural/install-hook.ts
-var g = globalThis;
-var hookState = g.__SITEPONG_STRUCTURAL_HOOK_STATE__ ?? (g.__SITEPONG_STRUCTURAL_HOOK_STATE__ = {
-  latestRoot: null,
-  dirty: false
-});
-function record(root) {
-  hookState.latestRoot = root;
-  hookState.dirty = true;
+// src/react-native/performance.ts
+var coldStartTimestamp = null;
+var coldStartTracked = false;
+function markColdStart() {
+  coldStartTimestamp = Date.now();
 }
-function installStructuralHook() {
-  if (g.__SITEPONG_STRUCTURAL_HOOK_INSTALLED__) return;
-  const existing = g.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (existing) {
-    const prevRaw = existing.onCommitFiberRoot;
-    const prev = typeof prevRaw === "function" ? prevRaw.bind(existing) : null;
-    existing.onCommitFiberRoot = (id, root, ...rest) => {
-      record(root);
-      return prev ? prev(id, root, ...rest) : void 0;
-    };
-  } else {
-    const renderers = /* @__PURE__ */ new Map();
-    g.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
-      renderers,
-      supportsFiber: true,
-      inject(renderer) {
-        const id = renderers.size + 1;
-        renderers.set(id, renderer);
-        return id;
-      },
-      onCommitFiberRoot(_id, root) {
-        record(root);
-      },
-      onCommitFiberUnmount() {
-      },
-      onScheduleFiberRoot() {
-      },
-      on() {
-      },
-      off() {
-      },
-      sub() {
-        return () => {
-        };
-      },
-      checkDCE() {
-      }
-    };
+var RNPerformanceManager = class {
+  constructor() {
+    this.screenRenderStarts = /* @__PURE__ */ new Map();
   }
-  g.__SITEPONG_STRUCTURAL_HOOK_INSTALLED__ = true;
-}
-var HostComponent = 5;
-var HostText = 6;
-function mapTag(type) {
-  if (typeof type !== "string") return "View";
-  const t = type;
-  if (/TextInput|TextField/i.test(t)) return "TextInput";
-  if (/Image/i.test(t)) return "Image";
-  if (/ScrollView/i.test(t)) return "ScrollView";
-  if (/Modal/i.test(t)) return "Modal";
-  if (/Text|RawText/i.test(t)) return "Text";
-  if (/Pressable|Button|Touchable/i.test(t)) return "Pressable";
-  return "View";
-}
-function nativeTagOf(stateNode) {
-  if (!stateNode) return void 0;
-  return stateNode.__nativeTag ?? stateNode._nativeTag ?? stateNode.canonical?.nativeTag ?? stateNode.canonical?._nativeTag ?? (typeof stateNode === "number" ? stateNode : void 0);
-}
-var STYLE_KEYS = /* @__PURE__ */ new Set([
-  "flex",
-  "flexDirection",
-  "flexGrow",
-  "flexShrink",
-  "flexWrap",
-  "alignItems",
-  "alignSelf",
-  "justifyContent",
-  "width",
-  "height",
-  "minWidth",
-  "minHeight",
-  "maxWidth",
-  "maxHeight",
-  "margin",
-  "marginTop",
-  "marginBottom",
-  "marginLeft",
-  "marginRight",
-  "marginHorizontal",
-  "marginVertical",
-  "padding",
-  "paddingTop",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingRight",
-  "paddingHorizontal",
-  "paddingVertical",
-  "backgroundColor",
-  "borderRadius",
-  "borderWidth",
-  "borderColor",
-  "opacity",
-  "position",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  "color",
-  "fontSize",
-  "fontWeight",
-  "textAlign",
-  "lineHeight",
-  "gap",
-  "overflow",
-  "shadowColor",
-  "shadowOpacity",
-  "shadowRadius",
-  "elevation",
-  "transform",
-  "zIndex",
-  "aspectRatio"
-]);
-function extractStyle(style) {
+  /**
+   * Track cold start time from markColdStart() to now.
+   * Should be called once the app is interactive (e.g., in the root component's useEffect).
+   */
+  trackColdStart() {
+    if (coldStartTracked || !coldStartTimestamp) return;
+    const duration = Date.now() - coldStartTimestamp;
+    coldStartTracked = true;
+    track("$cold_start", {
+      duration_ms: duration
+    });
+  }
+  /**
+   * Start tracking a screen render. Call before rendering starts.
+   */
+  startScreenRender(screenName) {
+    this.screenRenderStarts.set(screenName, Date.now());
+  }
+  /**
+   * End tracking a screen render. Call after rendering completes.
+   */
+  endScreenRender(screenName) {
+    const startTime = this.screenRenderStarts.get(screenName);
+    if (startTime === void 0) return null;
+    this.screenRenderStarts.delete(screenName);
+    const duration = Date.now() - startTime;
+    track("$screen_render", {
+      screen_name: screenName,
+      duration_ms: duration
+    });
+    return duration;
+  }
+  /**
+   * Track a screen render using a useEffect-friendly pattern.
+   * Returns a cleanup function.
+   */
+  trackScreenRender(screenName) {
+    this.startScreenRender(screenName);
+    return () => {
+      this.endScreenRender(screenName);
+    };
+  }
+};
+
+// src/react-native/push.ts
+var cachedDeviceContext = null;
+function getEndpoint() {
+  const cfg = sitepong.config;
+  return cfg?.endpoint || "https://ingest.sitepong.com";
+}
+function getApiKey() {
+  const cfg = sitepong.config;
+  return cfg?.apiKey || "";
+}
+function getDeviceContext() {
+  if (cachedDeviceContext) return cachedDeviceContext;
   try {
-    const flat = reactNative.StyleSheet.flatten(style);
-    if (!flat) return void 0;
-    const out = {};
-    for (const k of Object.keys(flat)) if (STYLE_KEYS.has(k)) out[k] = flat[k];
-    return Object.keys(out).length ? JSON.stringify(out) : void 0;
+    const info = collectDeviceInfo();
+    cachedDeviceContext = {
+      platform: info.platform,
+      appVersion: info.appVersion,
+      deviceModel: info.deviceModel,
+      osVersion: info.osVersion
+    };
+    fetchPersistentDeviceId().then((id) => {
+      if (id && cachedDeviceContext) cachedDeviceContext.deviceId = id;
+    });
   } catch {
-    return void 0;
+    cachedDeviceContext = {};
   }
+  return cachedDeviceContext;
 }
-function extractAttrs(tag, props, componentName2) {
-  const attrs = {};
-  if (!props) return attrs;
-  if (props.testID) attrs.testID = String(props.testID);
-  if (props.nativeID) attrs.nativeID = String(props.nativeID);
-  if (props.accessibilityLabel) attrs.accessibilityLabel = String(props.accessibilityLabel);
-  if (props.accessibilityRole) attrs.role = String(props.accessibilityRole);
-  if (props["aria-label"]) attrs.accessibilityLabel = String(props["aria-label"]);
-  const style = extractStyle(props.style);
-  if (style) attrs.style = style;
-  if (tag === "Image") {
-    const uri = props.source?.uri ?? (typeof props.source === "string" ? props.source : void 0);
-    if (uri) attrs.src = String(uri);
+async function postToIngest(path, body) {
+  const endpoint = getEndpoint();
+  const apiKey = getApiKey();
+  if (!apiKey) {
+    console.warn("[SitePong] Cannot register push token: SDK not initialized");
+    return;
+  }
+  try {
+    const response = await fetch(`${endpoint}${path}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-Key": apiKey
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      console.warn(`[SitePong] Push token registration failed: HTTP ${response.status}`);
+    }
+  } catch (err) {
+    console.warn("[SitePong] Push token registration failed:", err);
   }
-  if (componentName2) attrs.rnComponent = componentName2;
-  if (props.wtOverlay || props.accessibilityViewIsModal) attrs.wtOverlay = "true";
-  if (props.wtSensitive || props.secureTextEntry) attrs.wtSensitive = "true";
-  return attrs;
 }
-function collectText(fiber) {
-  let out = "";
-  const visit = (f) => {
-    if (!f) return;
-    if (f.tag === HostText) {
-      const p = f.memoizedProps;
-      if (typeof p === "string") out += p;
-      else if (p && typeof p.text === "string") out += p.text;
-    } else if (f.tag === HostComponent && typeof f.type === "string" && /RawText|VirtualText/i.test(f.type)) {
-      const p = f.memoizedProps;
-      if (p && typeof p.text === "string") out += p.text;
+async function deleteFromIngest(path, body) {
+  const endpoint = getEndpoint();
+  const apiKey = getApiKey();
+  if (!apiKey) return;
+  try {
+    const response = await fetch(`${endpoint}${path}`, {
+      method: "DELETE",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-Key": apiKey
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      console.warn(`[SitePong] Push token deactivation failed: HTTP ${response.status}`);
     }
-    visit(f.child);
-    visit(f.sibling);
+  } catch (err) {
+    console.warn("[SitePong] Push token deactivation failed:", err);
+  }
+}
+function registerPushToken(token, options) {
+  const device = getDeviceContext();
+  postToIngest("/api/push/tokens", {
+    expo_push_token: token,
+    environment: options.environment,
+    device_id: device.deviceId,
+    platform: device.platform,
+    app_version: device.appVersion,
+    device_model: device.deviceModel,
+    os_version: device.osVersion
+  });
+}
+function registerDeviceToken(token, options) {
+  const device = getDeviceContext();
+  const tokenType = options.platform === "ios" ? "apns" : "fcm";
+  postToIngest("/api/push/tokens", {
+    native_device_token: token,
+    token_type: tokenType,
+    environment: options.environment,
+    device_id: device.deviceId,
+    platform: options.platform,
+    app_version: device.appVersion,
+    device_model: device.deviceModel,
+    os_version: device.osVersion
+  });
+}
+function registerLiveActivityToken(activityType, activityId, pushToken, options) {
+  const device = getDeviceContext();
+  postToIngest("/api/push/live-activity-tokens", {
+    activity_type: activityType,
+    activity_id: activityId,
+    push_token: pushToken,
+    environment: options.environment,
+    device_id: device.deviceId
+  });
+}
+function registerPushToStartToken(activityType, pushToStartToken, options) {
+  const device = getDeviceContext();
+  postToIngest("/api/push/push-to-start-tokens", {
+    activity_type: activityType,
+    push_to_start_token: pushToStartToken,
+    environment: options.environment,
+    device_id: device.deviceId
+  });
+}
+function endLiveActivity(activityType, activityId) {
+  deleteFromIngest("/api/push/live-activity-tokens", {
+    activity_type: activityType,
+    activity_id: activityId
+  });
+}
+var SitePongRNContext = React2.createContext({
+  isInitialized: false,
+  performanceManager: null
+});
+function SitePongRNProvider({
+  apiKey,
+  config = {},
+  asyncStorage,
+  navigationRef,
+  trackNetwork = true,
+  trackAppState = true,
+  captureErrors = true,
+  screenRecording,
+  devicePushToken,
+  devicePlatform,
+  pushEnvironment = "production",
+  pushUserId,
+  children
+}) {
+  const initialized = React2.useRef(false);
+  const [sdkReady, setSdkReady] = React2.useState(false);
+  const performanceManagerRef = React2.useRef(null);
+  React2.useEffect(() => {
+    if (initialized.current) return;
+    const teardowns = [];
+    const deviceInfo = collectDeviceInfo();
+    setRNDeviceInfo({
+      platform: "react-native",
+      osName: deviceInfo.platform,
+      osVersion: deviceInfo.osVersion,
+      deviceName: deviceInfo.deviceName,
+      deviceBrand: deviceInfo.deviceBrand,
+      deviceModel: deviceInfo.deviceModel,
+      appVersion: deviceInfo.appVersion,
+      screenWidth: deviceInfo.screenWidth,
+      screenHeight: deviceInfo.screenHeight,
+      isEmulator: deviceInfo.isEmulator
+    });
+    fetchPersistentDeviceId().then((id) => {
+      if (id) setNativeDeviceId(id);
+    }).catch(() => {
+    });
+    const storageAdapter = asyncStorage ? createAsyncStorageAdapter(asyncStorage) : void 0;
+    initRN({
+      apiKey,
+      ...config,
+      _storageAdapter: storageAdapter
+    });
+    if (captureErrors) {
+      const teardownErrors = setupRNErrorHandler();
+      teardowns.push(teardownErrors);
+    }
+    if (trackNetwork) {
+      const teardownNetwork = setupNetworkInterception();
+      teardowns.push(teardownNetwork);
+    }
+    if (trackAppState) {
+      const autocapture = new RNAutocaptureModule({ trackAppState: true });
+      autocapture.start();
+      teardowns.push(() => autocapture.stop());
+    }
+    if (navigationRef) {
+      const teardownNav = createNavigationTracker(navigationRef);
+      teardowns.push(teardownNav);
+    }
+    if (screenRecording?.enabled) {
+      const sessionId = `rn_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
+      const endpoint = config.endpoint || "https://ingest.sitepong.com";
+      startScreenRecordingOnError(apiKey, endpoint, sessionId, screenRecording);
+      teardowns.push(() => stopScreenRecording());
+    }
+    if (devicePushToken && devicePlatform) {
+      registerDeviceToken(devicePushToken, { platform: devicePlatform, environment: pushEnvironment});
+    }
+    performanceManagerRef.current = new RNPerformanceManager();
+    performanceManagerRef.current.trackColdStart();
+    initialized.current = true;
+    setSdkReady(true);
+    return () => {
+      for (const teardown of teardowns) {
+        teardown();
+      }
+    };
+  }, [apiKey]);
+  const value = {
+    isInitialized: sdkReady,
+    performanceManager: performanceManagerRef.current
   };
-  visit(fiber.child);
-  return out;
+  return /* @__PURE__ */ jsxRuntime.jsx(SitePongRNContext.Provider, { value, children });
 }
-function buildHostChildren(fiber, inheritedName, index, path) {
-  const out = [];
-  let f = fiber;
-  while (f) {
-    collectFrom(f, inheritedName, out, index, path);
-    f = f.sibling;
-  }
-  return out;
+function useSitePongRNContext() {
+  return React2.useContext(SitePongRNContext);
+}
+function useScreenTrack(screenName) {
+  const { performanceManager } = React2.useContext(SitePongRNContext);
+  React2.useEffect(() => {
+    if (!performanceManager) return;
+    performanceManager.startScreenRender(screenName);
+    return () => {
+      performanceManager.endScreenRender(screenName);
+    };
+  }, [screenName, performanceManager]);
 }
-function componentName(fiber) {
-  const t = fiber?.type;
-  if (typeof t === "function") return t.displayName || t.name || void 0;
-  if (t && typeof t === "object") return t.displayName || void 0;
-  return void 0;
+function useAppState() {
+  const [appState, setAppState] = React2.useState("active");
+  React2.useEffect(() => {
+    setAppState(reactNative.AppState.currentState);
+    const subscription = reactNative.AppState.addEventListener("change", (nextState) => {
+      setAppState(nextState);
+    });
+    return () => subscription.remove();
+  }, []);
+  return appState;
 }
-function collectFrom(fiber, inheritedName, out, index, parentPath) {
-  if (!fiber) return;
-  if (fiber.tag === HostComponent) {
-    const tag = mapTag(fiber.type);
-    const attrs = extractAttrs(tag, fiber.memoizedProps, inheritedName);
-    const stateNode = fiber.stateNode;
-    const key = stateNode && typeof stateNode === "object" ? stateNode : fiber;
-    const isTextLeaf = tag === "Text";
-    const text = isTextLeaf ? collectText(fiber) : void 0;
-    const nthOfType = out.filter((n) => n.tag === tag).length + 1;
-    const myPath = [...parentPath, { tag, attrs, nthOfType }];
-    const children = isTextLeaf ? [] : buildHostChildren(fiber.child, void 0, index, myPath);
-    const vnode = { key, tag, attrs, children, ...text ? { text } : {} };
-    out.push(vnode);
-    const nt = nativeTagOf(stateNode);
-    if (nt !== void 0) index.set(nt, { node: vnode, path: myPath });
-    return;
-  }
-  const name = componentName(fiber) ?? inheritedName;
-  let child = fiber.child;
-  while (child) {
-    collectFrom(child, name, out, index, parentPath);
-    child = child.sibling;
-  }
+function useRemoteConfig() {
+  const [config, setConfig] = React2.useState(() => getRemoteConfig());
+  React2.useEffect(() => {
+    setConfig(getRemoteConfig());
+    const unsubscribe = onRemoteConfigChange((newConfig) => {
+      setConfig(newConfig);
+    });
+    return unsubscribe;
+  }, []);
+  return config;
 }
-function walkFiberRoot(root) {
-  const index = /* @__PURE__ */ new Map();
-  const current = root?.current;
-  if (!current) return { tree: null, index };
-  const rootKey = root ?? current;
-  const children = buildHostChildren(current.child, void 0, index, []);
-  const tree = { key: rootKey, tag: "View", attrs: { style: JSON.stringify({ flex: 1 }) }, children };
-  return { tree, index };
+function useRNPerformance(screenName) {
+  const { performanceManager } = React2.useContext(SitePongRNContext);
+  const [duration, setDuration] = React2.useState(null);
+  const startTimeRef = React2.useRef(Date.now());
+  React2.useEffect(() => {
+    startTimeRef.current = Date.now();
+    const handle = requestAnimationFrame(() => {
+      const d = Date.now() - startTimeRef.current;
+      setDuration(d);
+      if (performanceManager) {
+        performanceManager.startScreenRender(screenName);
+        performanceManager.endScreenRender(screenName);
+      }
+    });
+    return () => cancelAnimationFrame(handle);
+  }, [screenName, performanceManager]);
+  return { duration };
 }
-
-// src/react-native/structural/capture.ts
-function genSessionId() {
-  const rand = Math.floor(Math.random() * 16777215).toString(36);
-  return `wt-${Date.now().toString(36)}-${rand}`;
+var warnedMissing = false;
+function loadBridge() {
+  return getScreenRecorderModule();
 }
-var StructuralCapture = class {
-  constructor() {
-    this.recorder = new Recorder();
-    this.currentIndex = /* @__PURE__ */ new Map();
-    this.started = 0;
-    this.sampleTimer = null;
-    this.flushTimer = null;
-    this.screen = "";
-    this.prevScreen = "";
-    this.cfg = null;
-    this.sessionId = "";
-    this.running = false;
-  }
-  now() {
-    return Date.now() - this.started;
-  }
-  isRunning() {
-    return this.running;
-  }
-  getSessionId() {
-    return this.sessionId;
-  }
-  start(cfg) {
-    if (this.running) return;
-    installStructuralHook();
-    this.cfg = cfg;
-    this.sessionId = cfg.sessionId || genSessionId();
-    this.started = Date.now();
-    this.running = true;
-    const { width, height } = reactNative.Dimensions.get("window");
-    this.recorder.setViewport(Math.round(width), Math.round(height), 0);
-    this.sampleTimer = setInterval(() => this.sample(), cfg.sampleIntervalMs ?? 120);
-    this.flushTimer = setInterval(() => void this.flush(), cfg.flushIntervalMs ?? 4e3);
-    if (cfg.debug) console.log("[structural] started", this.sessionId);
-    setTimeout(() => this.sample(true), 0);
-  }
-  sample(force = false) {
-    if (!this.running) return;
-    if (!force && !hookState.dirty) return;
-    hookState.dirty = false;
-    const root = hookState.latestRoot;
-    if (!root) return;
-    try {
-      const { tree, index } = walkFiberRoot(root);
-      this.currentIndex = index;
-      this.recorder.commit(tree, this.now());
-    } catch (e) {
-      if (this.cfg?.debug) console.log("[structural] sample error", String(e));
+var started = false;
+function startWatchtower(config) {
+  if (started) return;
+  const bridge = loadBridge();
+  if (!bridge) {
+    if (!warnedMissing) {
+      warnedMissing = true;
+      console.warn(
+        "[SitePong] Watchtower is enabled but the native module is unavailable. Rebuild the native app (npx expo prebuild && npx expo run:ios) so the bundled SitePong native module is linked."
+      );
     }
+    return;
   }
-  setScreen(name) {
-    if (!this.running || name === this.screen) return;
-    this.prevScreen = this.screen;
-    this.screen = name;
-    this.sample(true);
-    this.recorder.screenView(name, this.prevScreen, this.now());
+  bridge.watchtowerStart({
+    apiKey: config.apiKey,
+    projectId: config.projectId,
+    endpoint: config.endpoint,
+    sampleRate: config.sampleRate ?? 0.1,
+    platform: config.platform ?? "react-native-ios"
+  });
+  started = true;
+  if (config.distinctId) setWatchtowerUser(config.distinctId);
+}
+function setWatchtowerUser(distinctId) {
+  try {
+    loadBridge()?.watchtowerSetUser(distinctId);
+  } catch {
   }
-  /** Resolve a native touch to a node + emit a tap. `target` is the RN
-   *  nativeTag from `nativeEvent.target`. */
-  handleTap(target, pageX, pageY) {
-    if (!this.running) return;
-    const entry = this.currentIndex.get(target);
-    if (!entry) return;
-    const { width, height } = reactNative.Dimensions.get("window");
-    this.recorder.tap(
-      {
-        key: entry.node.key,
-        path: entry.path,
-        attrs: entry.node.attrs,
-        text: entry.node.text,
-        normX: pageX / (width || 1),
-        normY: pageY / (height || 1)
-      },
-      this.now()
-    );
+}
+function getWatchtowerSessionId() {
+  try {
+    return loadBridge()?.watchtowerGetSessionId() ?? null;
+  } catch {
+    return null;
   }
-  async flush() {
-    if (!this.running || !this.cfg) return;
-    this.recorder.advance(this.now());
-    const messages = this.recorder.getStream();
-    if (messages.length === 0) return;
-    const vp = this.recorder.viewportSize;
-    try {
-      const headers = {
-        "content-type": "application/json",
-        "X-API-Key": this.cfg.apiKey
-      };
-      if (this.cfg.projectId) headers["X-Project-ID"] = this.cfg.projectId;
-      await fetch(`${this.cfg.endpoint.replace(/\/$/, "")}/api/replay-stream`, {
-        method: "POST",
-        headers,
-        body: JSON.stringify({
-          session_id: this.sessionId,
-          platform: this.cfg.platform,
-          viewport: { w: vp.w, h: vp.h },
-          messages
-        })
-      });
-      if (this.cfg.debug) console.log("[structural] flushed", messages.length, "messages");
-    } catch (e) {
-      if (this.cfg.debug) console.log("[structural] flush failed", String(e));
+}
+function stopWatchtower() {
+  if (!started) return;
+  loadBridge()?.watchtowerStop();
+  started = false;
+}
+function subscribeNavigationToWatchtower(navigationRef) {
+  const unsubscribe = createNavigationTracker(navigationRef, {
+    screenNameFilter: (name) => {
+      try {
+        loadBridge()?.watchtowerSetScreen(name);
+      } catch {
+      }
+      return name;
     }
+  });
+  try {
+    const route = navigationRef.getCurrentRoute?.();
+    if (route?.name) loadBridge()?.watchtowerSetScreen(route.name);
+  } catch {
   }
-  async stop() {
-    if (!this.running) return;
-    this.recorder.finalize(this.now());
-    if (this.sampleTimer) clearInterval(this.sampleTimer);
-    if (this.flushTimer) clearInterval(this.flushTimer);
-    this.sampleTimer = null;
-    this.flushTimer = null;
-    this.running = false;
-    await this.flush();
-  }
-};
-var structuralCapture = new StructuralCapture();
+  return unsubscribe;
+}
+function WatchtowerProvider(props) {
+  const { config, navigationRef, children } = props;
+  React2__default.default.useEffect(() => {
+    startWatchtower(config);
+    const unsubscribe = subscribeNavigationToWatchtower(navigationRef);
+    return () => {
+      unsubscribe();
+      stopWatchtower();
+    };
+  }, []);
+  return React2__default.default.createElement(React2__default.default.Fragment, null, children);
+}
 var TAP_MOVE_THRESHOLD_PX = 12;
 function StructuralCaptureProvider({ children, ...cfg }) {
+  const cfgRef = React2.useRef(cfg);
+  cfgRef.current = cfg;
   React2.useEffect(() => {
-    structuralCapture.start(cfg);
+    structuralCapture.start(cfgRef.current);
     return () => {
       void structuralCapture.stop();
     };
   }, []);
-  const startPos = React2.useRef(null);
+  const gesture = React2.useRef(null);
   const onTouchStart = (e) => {
-    const { pageX, pageY } = e.nativeEvent;
-    startPos.current = { x: pageX, y: pageY };
+    const ne = e.nativeEvent;
+    gesture.current = {
+      startX: ne.pageX,
+      startY: ne.pageY,
+      lastX: ne.pageX,
+      lastY: ne.pageY,
+      target: Number(ne.target),
+      scrolling: false
+    };
+  };
+  const onTouchMove = (e) => {
+    const g2 = gesture.current;
+    if (!g2) return;
+    const ne = e.nativeEvent;
+    const movedFar = Math.abs(ne.pageX - g2.startX) > TAP_MOVE_THRESHOLD_PX || Math.abs(ne.pageY - g2.startY) > TAP_MOVE_THRESHOLD_PX;
+    if (movedFar) g2.scrolling = true;
+    if (g2.scrolling) {
+      const dx = g2.lastX - ne.pageX;
+      const dy = g2.lastY - ne.pageY;
+      structuralCapture.handleScroll(g2.target, dx, dy);
+    }
+    g2.lastX = ne.pageX;
+    g2.lastY = ne.pageY;
   };
   const onTouchEnd = (e) => {
+    const g2 = gesture.current;
+    gesture.current = null;
+    if (!g2) return;
+    if (g2.scrolling) return;
     const ne = e.nativeEvent;
-    const s = startPos.current;
-    startPos.current = null;
-    if (!s) return;
-    if (Math.abs(ne.pageX - s.x) > TAP_MOVE_THRESHOLD_PX || Math.abs(ne.pageY - s.y) > TAP_MOVE_THRESHOLD_PX) {
+    if (Math.abs(ne.pageX - g2.startX) > TAP_MOVE_THRESHOLD_PX || Math.abs(ne.pageY - g2.startY) > TAP_MOVE_THRESHOLD_PX) {
       return;
     }
-    structuralCapture.handleTap(Number(ne.target), ne.pageX, ne.pageY);
+    structuralCapture.handleTap(g2.target, ne.pageX, ne.pageY);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { flex: 1 }, onTouchStart, onTouchEnd, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { flex: 1 }, onTouchStart, onTouchMove, onTouchEnd, children });
 }
 function useStructuralScreen(name) {
   React2.useEffect(() => {