@bbearai/react-native 0.3.7 → 0.3.8

package/dist/index.js

@@ -11392,6 +11392,239 @@ function shouldShowDeprecationWarning() {
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
 // ../core/dist/index.mjs
+var MAX_CONSOLE_LOGS = 50;
+var MAX_NETWORK_REQUESTS = 20;
+var MAX_NAVIGATION_HISTORY = 20;
+var MAX_RESPONSE_BODY_LENGTH = 500;
+var ContextCaptureManager = class {
+  constructor() {
+    this.consoleLogs = [];
+    this.networkRequests = [];
+    this.navigationHistory = [];
+    this.originalConsole = {};
+    this.isCapturing = false;
+  }
+  /**
+   * Start capturing console logs, network requests, and navigation
+   */
+  startCapture() {
+    if (this.isCapturing) return;
+    this.isCapturing = true;
+    this.captureConsole();
+    this.captureFetch();
+    this.captureNavigation();
+  }
+  /**
+   * Stop capturing and restore original functions
+   */
+  stopCapture() {
+    if (!this.isCapturing) return;
+    this.isCapturing = false;
+    if (this.originalConsole.log) console.log = this.originalConsole.log;
+    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
+    if (this.originalConsole.error) console.error = this.originalConsole.error;
+    if (this.originalConsole.info) console.info = this.originalConsole.info;
+    if (this.originalFetch && typeof window !== "undefined") {
+      window.fetch = this.originalFetch;
+    }
+    if (typeof window !== "undefined" && typeof history !== "undefined") {
+      if (this.originalPushState) {
+        history.pushState = this.originalPushState;
+      }
+      if (this.originalReplaceState) {
+        history.replaceState = this.originalReplaceState;
+      }
+      if (this.popstateHandler) {
+        window.removeEventListener("popstate", this.popstateHandler);
+      }
+    }
+  }
+  /**
+   * Get captured context for a bug report
+   */
+  getEnhancedContext() {
+    return {
+      consoleLogs: [...this.consoleLogs],
+      networkRequests: [...this.networkRequests],
+      navigationHistory: [...this.navigationHistory],
+      performanceMetrics: this.getPerformanceMetrics(),
+      environment: this.getEnvironmentInfo()
+    };
+  }
+  /**
+   * Get the auto-captured navigation history
+   */
+  getNavigationHistory() {
+    return [...this.navigationHistory];
+  }
+  /**
+   * Get the current route (last entry in navigation history, or window.location)
+   */
+  getCurrentRoute() {
+    if (this.navigationHistory.length > 0) {
+      return this.navigationHistory[this.navigationHistory.length - 1];
+    }
+    if (typeof window !== "undefined") {
+      return window.location.pathname;
+    }
+    return "unknown";
+  }
+  /**
+   * Manually track a navigation event (for React Native or custom routing)
+   */
+  trackNavigation(route) {
+    const last = this.navigationHistory[this.navigationHistory.length - 1];
+    if (route === last) return;
+    this.navigationHistory.push(route);
+    if (this.navigationHistory.length > MAX_NAVIGATION_HISTORY) {
+      this.navigationHistory.shift();
+    }
+  }
+  /**
+   * Clear captured data
+   */
+  clear() {
+    this.consoleLogs = [];
+    this.networkRequests = [];
+    this.navigationHistory = [];
+  }
+  /**
+   * Add a log entry manually (for custom logging)
+   */
+  addLog(level, message, args) {
+    this.consoleLogs.push({
+      level,
+      message,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      args
+    });
+    if (this.consoleLogs.length > MAX_CONSOLE_LOGS) {
+      this.consoleLogs = this.consoleLogs.slice(-MAX_CONSOLE_LOGS);
+    }
+  }
+  /**
+   * Add a network request manually
+   */
+  addNetworkRequest(request) {
+    this.networkRequests.push(request);
+    if (this.networkRequests.length > MAX_NETWORK_REQUESTS) {
+      this.networkRequests = this.networkRequests.slice(-MAX_NETWORK_REQUESTS);
+    }
+  }
+  captureConsole() {
+    if (typeof console === "undefined") return;
+    const levels = ["log", "warn", "error", "info"];
+    levels.forEach((level) => {
+      this.originalConsole[level] = console[level];
+      console[level] = (...args) => {
+        this.originalConsole[level]?.apply(console, args);
+        try {
+          const message = args.map((arg) => {
+            if (typeof arg === "string") return arg;
+            try {
+              return JSON.stringify(arg);
+            } catch {
+              return String(arg);
+            }
+          }).join(" ");
+          this.addLog(level, message.slice(0, 500));
+        } catch {
+        }
+      };
+    });
+  }
+  captureFetch() {
+    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    this.originalFetch = window.fetch;
+    const self2 = this;
+    window.fetch = async function(input, init) {
+      const startTime = Date.now();
+      const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
+      const method = init?.method || "GET";
+      try {
+        const response = await self2.originalFetch.call(window, input, init);
+        const requestEntry = {
+          method,
+          url: url.slice(0, 200),
+          // Limit URL length
+          status: response.status,
+          duration: Date.now() - startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        if (response.status >= 400) {
+          try {
+            const cloned = response.clone();
+            const body = await cloned.text();
+            if (body) {
+              requestEntry.responseBody = body.slice(0, MAX_RESPONSE_BODY_LENGTH);
+            }
+          } catch {
+          }
+        }
+        self2.addNetworkRequest(requestEntry);
+        return response;
+      } catch (error) {
+        self2.addNetworkRequest({
+          method,
+          url: url.slice(0, 200),
+          duration: Date.now() - startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          error: error instanceof Error ? error.message : "Unknown error"
+        });
+        throw error;
+      }
+    };
+  }
+  captureNavigation() {
+    if (typeof window === "undefined" || typeof history === "undefined") return;
+    this.trackNavigation(window.location.pathname);
+    const self2 = this;
+    this.originalPushState = history.pushState;
+    history.pushState = function(...args) {
+      self2.originalPushState.apply(history, args);
+      self2.trackNavigation(window.location.pathname);
+    };
+    this.originalReplaceState = history.replaceState;
+    history.replaceState = function(...args) {
+      self2.originalReplaceState.apply(history, args);
+      self2.trackNavigation(window.location.pathname);
+    };
+    this.popstateHandler = () => {
+      self2.trackNavigation(window.location.pathname);
+    };
+    window.addEventListener("popstate", this.popstateHandler);
+  }
+  getPerformanceMetrics() {
+    if (typeof window === "undefined" || typeof performance === "undefined") return void 0;
+    const metrics = {};
+    try {
+      const navigation = performance.getEntriesByType("navigation")[0];
+      if (navigation) {
+        metrics.pageLoadTime = Math.round(navigation.loadEventEnd - navigation.startTime);
+      }
+    } catch {
+    }
+    try {
+      const memory = performance.memory;
+      if (memory) {
+        metrics.memoryUsage = Math.round(memory.usedJSHeapSize / 1024 / 1024);
+      }
+    } catch {
+    }
+    return Object.keys(metrics).length > 0 ? metrics : void 0;
+  }
+  getEnvironmentInfo() {
+    if (typeof window === "undefined" || typeof navigator === "undefined") return void 0;
+    return {
+      language: navigator.language,
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      cookiesEnabled: navigator.cookieEnabled,
+      localStorage: typeof localStorage !== "undefined",
+      online: navigator.onLine
+    };
+  }
+};
+var contextCapture = new ContextCaptureManager();
 var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
 var getEnvVar = (key) => {
   try {
@@ -11413,22 +11646,40 @@ var BugBearClient = class {
     );
   }
   /**
-   * Track navigation for context
+   * Track navigation for context.
+   * Also forwards to contextCapture for auto-tracked navigation.
    */
   trackNavigation(route) {
     this.navigationHistory.push(route);
     if (this.navigationHistory.length > 10) {
       this.navigationHistory.shift();
     }
+    contextCapture.trackNavigation(route);
   }
   /**
-   * Get current navigation history
+   * Get current navigation history.
+   * Priority: config callback > manual tracking > auto-captured (pushState/popstate)
    */
   getNavigationHistory() {
     if (this.config.getNavigationHistory) {
       return this.config.getNavigationHistory();
     }
-    return [...this.navigationHistory];
+    if (this.navigationHistory.length > 0) {
+      return [...this.navigationHistory];
+    }
+    return contextCapture.getNavigationHistory();
+  }
+  /**
+   * Get current app context.
+   * Uses config.getAppContext() callback if provided, otherwise builds from available data.
+   */
+  getAppContext() {
+    if (this.config.getAppContext) {
+      return this.config.getAppContext();
+    }
+    return {
+      currentRoute: contextCapture.getCurrentRoute()
+    };
   }
   /**
    * Get current user info from host app or BugBear's own auth
@@ -11468,6 +11719,8 @@ var BugBearClient = class {
         project_id: this.config.projectId,
         reporter_id: userInfo.id,
         // User ID from host app (required)
+        reporter_name: testerInfo?.name || userInfo.name || null,
+        reporter_email: userInfo.email || null,
         tester_id: testerInfo?.id || null,
         // Tester record ID (optional)
         report_type: report.type,
@@ -11481,6 +11734,7 @@ var BugBearClient = class {
         app_context: report.appContext,
         device_info: report.deviceInfo || this.getDeviceInfo(),
         navigation_history: this.getNavigationHistory(),
+        enhanced_context: report.enhancedContext || contextCapture.getEnhancedContext(),
         assignment_id: report.assignmentId,
         test_case_id: report.testCaseId
       };
@@ -12714,163 +12968,6 @@ var BugBearClient = class {
 function createBugBear(config) {
   return new BugBearClient(config);
 }
-var MAX_CONSOLE_LOGS = 50;
-var MAX_NETWORK_REQUESTS = 20;
-var ContextCaptureManager = class {
-  constructor() {
-    this.consoleLogs = [];
-    this.networkRequests = [];
-    this.originalConsole = {};
-    this.isCapturing = false;
-  }
-  /**
-   * Start capturing console logs and network requests
-   */
-  startCapture() {
-    if (this.isCapturing) return;
-    this.isCapturing = true;
-    this.captureConsole();
-    this.captureFetch();
-  }
-  /**
-   * Stop capturing and restore original functions
-   */
-  stopCapture() {
-    if (!this.isCapturing) return;
-    this.isCapturing = false;
-    if (this.originalConsole.log) console.log = this.originalConsole.log;
-    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
-    if (this.originalConsole.error) console.error = this.originalConsole.error;
-    if (this.originalConsole.info) console.info = this.originalConsole.info;
-    if (this.originalFetch && typeof window !== "undefined") {
-      window.fetch = this.originalFetch;
-    }
-  }
-  /**
-   * Get captured context for a bug report
-   */
-  getEnhancedContext() {
-    return {
-      consoleLogs: [...this.consoleLogs],
-      networkRequests: [...this.networkRequests],
-      performanceMetrics: this.getPerformanceMetrics(),
-      environment: this.getEnvironmentInfo()
-    };
-  }
-  /**
-   * Clear captured data
-   */
-  clear() {
-    this.consoleLogs = [];
-    this.networkRequests = [];
-  }
-  /**
-   * Add a log entry manually (for custom logging)
-   */
-  addLog(level, message, args) {
-    this.consoleLogs.push({
-      level,
-      message,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      args
-    });
-    if (this.consoleLogs.length > MAX_CONSOLE_LOGS) {
-      this.consoleLogs = this.consoleLogs.slice(-MAX_CONSOLE_LOGS);
-    }
-  }
-  /**
-   * Add a network request manually
-   */
-  addNetworkRequest(request) {
-    this.networkRequests.push(request);
-    if (this.networkRequests.length > MAX_NETWORK_REQUESTS) {
-      this.networkRequests = this.networkRequests.slice(-MAX_NETWORK_REQUESTS);
-    }
-  }
-  captureConsole() {
-    if (typeof console === "undefined") return;
-    const levels = ["log", "warn", "error", "info"];
-    levels.forEach((level) => {
-      this.originalConsole[level] = console[level];
-      console[level] = (...args) => {
-        this.originalConsole[level]?.apply(console, args);
-        try {
-          const message = args.map((arg) => {
-            if (typeof arg === "string") return arg;
-            try {
-              return JSON.stringify(arg);
-            } catch {
-              return String(arg);
-            }
-          }).join(" ");
-          this.addLog(level, message.slice(0, 500));
-        } catch {
-        }
-      };
-    });
-  }
-  captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
-    this.originalFetch = window.fetch;
-    const self2 = this;
-    window.fetch = async function(input, init) {
-      const startTime = Date.now();
-      const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
-      const method = init?.method || "GET";
-      try {
-        const response = await self2.originalFetch.call(window, input, init);
-        self2.addNetworkRequest({
-          method,
-          url: url.slice(0, 200),
-          // Limit URL length
-          status: response.status,
-          duration: Date.now() - startTime,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-        return response;
-      } catch (error) {
-        self2.addNetworkRequest({
-          method,
-          url: url.slice(0, 200),
-          duration: Date.now() - startTime,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          error: error instanceof Error ? error.message : "Unknown error"
-        });
-        throw error;
-      }
-    };
-  }
-  getPerformanceMetrics() {
-    if (typeof window === "undefined" || typeof performance === "undefined") return void 0;
-    const metrics = {};
-    try {
-      const navigation = performance.getEntriesByType("navigation")[0];
-      if (navigation) {
-        metrics.pageLoadTime = Math.round(navigation.loadEventEnd - navigation.startTime);
-      }
-    } catch {
-    }
-    try {
-      const memory = performance.memory;
-      if (memory) {
-        metrics.memoryUsage = Math.round(memory.usedJSHeapSize / 1024 / 1024);
-      }
-    } catch {
-    }
-    return Object.keys(metrics).length > 0 ? metrics : void 0;
-  }
-  getEnvironmentInfo() {
-    if (typeof window === "undefined" || typeof navigator === "undefined") return void 0;
-    return {
-      language: navigator.language,
-      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-      cookiesEnabled: navigator.cookieEnabled,
-      localStorage: typeof localStorage !== "undefined",
-      online: navigator.onLine
-    };
-  }
-};
-var contextCapture = new ContextCaptureManager();
 
 // src/BugBearProvider.tsx
 var import_react_native = require("react-native");
@@ -13071,6 +13168,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   (0, import_react.useEffect)(() => {
     if (enabled && !hasInitialized.current) {
       hasInitialized.current = true;
+      contextCapture.startCapture();
       const newClient = createBugBear(config);
       setClient(newClient);
       initializeBugBear(newClient);
@@ -14296,12 +14394,18 @@ function ReportScreen({ nav, prefill }) {
   const [reportType, setReportType] = (0, import_react10.useState)(prefill?.type || "bug");
   const [severity, setSeverity] = (0, import_react10.useState)("medium");
   const [description, setDescription] = (0, import_react10.useState)("");
+  const [affectedScreen, setAffectedScreen] = (0, import_react10.useState)("");
   const [submitting, setSubmitting] = (0, import_react10.useState)(false);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
   const isBugType = reportType === "bug" || reportType === "test_fail";
   const handleSubmit = async () => {
     if (!client || !description.trim()) return;
     setSubmitting(true);
+    const baseContext = client.getAppContext();
+    const appContext = {
+      ...baseContext,
+      currentRoute: affectedScreen.trim() || baseContext.currentRoute
+    };
     const screenshotUrls = images.getScreenshotUrls();
     await client.submitReport({
       type: reportType,
@@ -14309,7 +14413,7 @@ function ReportScreen({ nav, prefill }) {
       severity: isBugType ? severity : void 0,
       assignmentId: prefill?.assignmentId,
       testCaseId: prefill?.testCaseId,
-      appContext: { currentRoute: "unknown" },
+      appContext,
       deviceInfo: getDeviceInfo(),
       screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
     });
@@ -14357,7 +14461,16 @@ function ReportScreen({ nav, prefill }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), /* @__PURE__ */ import_react10.default.createElement(
+  )), isBugType && /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.section }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.label }, "Which screen?"), /* @__PURE__ */ import_react10.default.createElement(
+    import_react_native9.TextInput,
+    {
+      style: styles7.screenInput,
+      value: affectedScreen,
+      onChangeText: setAffectedScreen,
+      placeholder: "e.g. Reservations, Settings...",
+      placeholderTextColor: colors.textMuted
+    }
+  ), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.screenHint }, "Which screen or area was the bug on? (optional)")), /* @__PURE__ */ import_react10.default.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -14388,7 +14501,9 @@ var styles7 = import_react_native9.StyleSheet.create({
   severityRow: { flexDirection: "row", gap: 8 },
   sevButton: { flex: 1, paddingVertical: 8, borderRadius: 8, alignItems: "center", borderWidth: 1, borderColor: colors.border, backgroundColor: colors.card },
   sevText: { fontSize: 12, fontWeight: "500", color: colors.textSecondary, textTransform: "capitalize" },
-  descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 }
+  descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 },
+  screenInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx

package/dist/index.mjs

@@ -11361,6 +11361,239 @@ function shouldShowDeprecationWarning() {
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
 // ../core/dist/index.mjs
+var MAX_CONSOLE_LOGS = 50;
+var MAX_NETWORK_REQUESTS = 20;
+var MAX_NAVIGATION_HISTORY = 20;
+var MAX_RESPONSE_BODY_LENGTH = 500;
+var ContextCaptureManager = class {
+  constructor() {
+    this.consoleLogs = [];
+    this.networkRequests = [];
+    this.navigationHistory = [];
+    this.originalConsole = {};
+    this.isCapturing = false;
+  }
+  /**
+   * Start capturing console logs, network requests, and navigation
+   */
+  startCapture() {
+    if (this.isCapturing) return;
+    this.isCapturing = true;
+    this.captureConsole();
+    this.captureFetch();
+    this.captureNavigation();
+  }
+  /**
+   * Stop capturing and restore original functions
+   */
+  stopCapture() {
+    if (!this.isCapturing) return;
+    this.isCapturing = false;
+    if (this.originalConsole.log) console.log = this.originalConsole.log;
+    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
+    if (this.originalConsole.error) console.error = this.originalConsole.error;
+    if (this.originalConsole.info) console.info = this.originalConsole.info;
+    if (this.originalFetch && typeof window !== "undefined") {
+      window.fetch = this.originalFetch;
+    }
+    if (typeof window !== "undefined" && typeof history !== "undefined") {
+      if (this.originalPushState) {
+        history.pushState = this.originalPushState;
+      }
+      if (this.originalReplaceState) {
+        history.replaceState = this.originalReplaceState;
+      }
+      if (this.popstateHandler) {
+        window.removeEventListener("popstate", this.popstateHandler);
+      }
+    }
+  }
+  /**
+   * Get captured context for a bug report
+   */
+  getEnhancedContext() {
+    return {
+      consoleLogs: [...this.consoleLogs],
+      networkRequests: [...this.networkRequests],
+      navigationHistory: [...this.navigationHistory],
+      performanceMetrics: this.getPerformanceMetrics(),
+      environment: this.getEnvironmentInfo()
+    };
+  }
+  /**
+   * Get the auto-captured navigation history
+   */
+  getNavigationHistory() {
+    return [...this.navigationHistory];
+  }
+  /**
+   * Get the current route (last entry in navigation history, or window.location)
+   */
+  getCurrentRoute() {
+    if (this.navigationHistory.length > 0) {
+      return this.navigationHistory[this.navigationHistory.length - 1];
+    }
+    if (typeof window !== "undefined") {
+      return window.location.pathname;
+    }
+    return "unknown";
+  }
+  /**
+   * Manually track a navigation event (for React Native or custom routing)
+   */
+  trackNavigation(route) {
+    const last = this.navigationHistory[this.navigationHistory.length - 1];
+    if (route === last) return;
+    this.navigationHistory.push(route);
+    if (this.navigationHistory.length > MAX_NAVIGATION_HISTORY) {
+      this.navigationHistory.shift();
+    }
+  }
+  /**
+   * Clear captured data
+   */
+  clear() {
+    this.consoleLogs = [];
+    this.networkRequests = [];
+    this.navigationHistory = [];
+  }
+  /**
+   * Add a log entry manually (for custom logging)
+   */
+  addLog(level, message, args) {
+    this.consoleLogs.push({
+      level,
+      message,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      args
+    });
+    if (this.consoleLogs.length > MAX_CONSOLE_LOGS) {
+      this.consoleLogs = this.consoleLogs.slice(-MAX_CONSOLE_LOGS);
+    }
+  }
+  /**
+   * Add a network request manually
+   */
+  addNetworkRequest(request) {
+    this.networkRequests.push(request);
+    if (this.networkRequests.length > MAX_NETWORK_REQUESTS) {
+      this.networkRequests = this.networkRequests.slice(-MAX_NETWORK_REQUESTS);
+    }
+  }
+  captureConsole() {
+    if (typeof console === "undefined") return;
+    const levels = ["log", "warn", "error", "info"];
+    levels.forEach((level) => {
+      this.originalConsole[level] = console[level];
+      console[level] = (...args) => {
+        this.originalConsole[level]?.apply(console, args);
+        try {
+          const message = args.map((arg) => {
+            if (typeof arg === "string") return arg;
+            try {
+              return JSON.stringify(arg);
+            } catch {
+              return String(arg);
+            }
+          }).join(" ");
+          this.addLog(level, message.slice(0, 500));
+        } catch {
+        }
+      };
+    });
+  }
+  captureFetch() {
+    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    this.originalFetch = window.fetch;
+    const self2 = this;
+    window.fetch = async function(input, init) {
+      const startTime = Date.now();
+      const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
+      const method = init?.method || "GET";
+      try {
+        const response = await self2.originalFetch.call(window, input, init);
+        const requestEntry = {
+          method,
+          url: url.slice(0, 200),
+          // Limit URL length
+          status: response.status,
+          duration: Date.now() - startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        if (response.status >= 400) {
+          try {
+            const cloned = response.clone();
+            const body = await cloned.text();
+            if (body) {
+              requestEntry.responseBody = body.slice(0, MAX_RESPONSE_BODY_LENGTH);
+            }
+          } catch {
+          }
+        }
+        self2.addNetworkRequest(requestEntry);
+        return response;
+      } catch (error) {
+        self2.addNetworkRequest({
+          method,
+          url: url.slice(0, 200),
+          duration: Date.now() - startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          error: error instanceof Error ? error.message : "Unknown error"
+        });
+        throw error;
+      }
+    };
+  }
+  captureNavigation() {
+    if (typeof window === "undefined" || typeof history === "undefined") return;
+    this.trackNavigation(window.location.pathname);
+    const self2 = this;
+    this.originalPushState = history.pushState;
+    history.pushState = function(...args) {
+      self2.originalPushState.apply(history, args);
+      self2.trackNavigation(window.location.pathname);
+    };
+    this.originalReplaceState = history.replaceState;
+    history.replaceState = function(...args) {
+      self2.originalReplaceState.apply(history, args);
+      self2.trackNavigation(window.location.pathname);
+    };
+    this.popstateHandler = () => {
+      self2.trackNavigation(window.location.pathname);
+    };
+    window.addEventListener("popstate", this.popstateHandler);
+  }
+  getPerformanceMetrics() {
+    if (typeof window === "undefined" || typeof performance === "undefined") return void 0;
+    const metrics = {};
+    try {
+      const navigation = performance.getEntriesByType("navigation")[0];
+      if (navigation) {
+        metrics.pageLoadTime = Math.round(navigation.loadEventEnd - navigation.startTime);
+      }
+    } catch {
+    }
+    try {
+      const memory = performance.memory;
+      if (memory) {
+        metrics.memoryUsage = Math.round(memory.usedJSHeapSize / 1024 / 1024);
+      }
+    } catch {
+    }
+    return Object.keys(metrics).length > 0 ? metrics : void 0;
+  }
+  getEnvironmentInfo() {
+    if (typeof window === "undefined" || typeof navigator === "undefined") return void 0;
+    return {
+      language: navigator.language,
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      cookiesEnabled: navigator.cookieEnabled,
+      localStorage: typeof localStorage !== "undefined",
+      online: navigator.onLine
+    };
+  }
+};
+var contextCapture = new ContextCaptureManager();
 var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
 var getEnvVar = (key) => {
   try {
@@ -11382,22 +11615,40 @@ var BugBearClient = class {
     );
   }
   /**
-   * Track navigation for context
+   * Track navigation for context.
+   * Also forwards to contextCapture for auto-tracked navigation.
    */
   trackNavigation(route) {
     this.navigationHistory.push(route);
     if (this.navigationHistory.length > 10) {
       this.navigationHistory.shift();
     }
+    contextCapture.trackNavigation(route);
   }
   /**
-   * Get current navigation history
+   * Get current navigation history.
+   * Priority: config callback > manual tracking > auto-captured (pushState/popstate)
    */
   getNavigationHistory() {
     if (this.config.getNavigationHistory) {
       return this.config.getNavigationHistory();
     }
-    return [...this.navigationHistory];
+    if (this.navigationHistory.length > 0) {
+      return [...this.navigationHistory];
+    }
+    return contextCapture.getNavigationHistory();
+  }
+  /**
+   * Get current app context.
+   * Uses config.getAppContext() callback if provided, otherwise builds from available data.
+   */
+  getAppContext() {
+    if (this.config.getAppContext) {
+      return this.config.getAppContext();
+    }
+    return {
+      currentRoute: contextCapture.getCurrentRoute()
+    };
   }
   /**
    * Get current user info from host app or BugBear's own auth
@@ -11437,6 +11688,8 @@ var BugBearClient = class {
         project_id: this.config.projectId,
         reporter_id: userInfo.id,
         // User ID from host app (required)
+        reporter_name: testerInfo?.name || userInfo.name || null,
+        reporter_email: userInfo.email || null,
         tester_id: testerInfo?.id || null,
         // Tester record ID (optional)
         report_type: report.type,
@@ -11450,6 +11703,7 @@ var BugBearClient = class {
         app_context: report.appContext,
         device_info: report.deviceInfo || this.getDeviceInfo(),
         navigation_history: this.getNavigationHistory(),
+        enhanced_context: report.enhancedContext || contextCapture.getEnhancedContext(),
         assignment_id: report.assignmentId,
         test_case_id: report.testCaseId
       };
@@ -12683,163 +12937,6 @@ var BugBearClient = class {
 function createBugBear(config) {
   return new BugBearClient(config);
 }
-var MAX_CONSOLE_LOGS = 50;
-var MAX_NETWORK_REQUESTS = 20;
-var ContextCaptureManager = class {
-  constructor() {
-    this.consoleLogs = [];
-    this.networkRequests = [];
-    this.originalConsole = {};
-    this.isCapturing = false;
-  }
-  /**
-   * Start capturing console logs and network requests
-   */
-  startCapture() {
-    if (this.isCapturing) return;
-    this.isCapturing = true;
-    this.captureConsole();
-    this.captureFetch();
-  }
-  /**
-   * Stop capturing and restore original functions
-   */
-  stopCapture() {
-    if (!this.isCapturing) return;
-    this.isCapturing = false;
-    if (this.originalConsole.log) console.log = this.originalConsole.log;
-    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
-    if (this.originalConsole.error) console.error = this.originalConsole.error;
-    if (this.originalConsole.info) console.info = this.originalConsole.info;
-    if (this.originalFetch && typeof window !== "undefined") {
-      window.fetch = this.originalFetch;
-    }
-  }
-  /**
-   * Get captured context for a bug report
-   */
-  getEnhancedContext() {
-    return {
-      consoleLogs: [...this.consoleLogs],
-      networkRequests: [...this.networkRequests],
-      performanceMetrics: this.getPerformanceMetrics(),
-      environment: this.getEnvironmentInfo()
-    };
-  }
-  /**
-   * Clear captured data
-   */
-  clear() {
-    this.consoleLogs = [];
-    this.networkRequests = [];
-  }
-  /**
-   * Add a log entry manually (for custom logging)
-   */
-  addLog(level, message, args) {
-    this.consoleLogs.push({
-      level,
-      message,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      args
-    });
-    if (this.consoleLogs.length > MAX_CONSOLE_LOGS) {
-      this.consoleLogs = this.consoleLogs.slice(-MAX_CONSOLE_LOGS);
-    }
-  }
-  /**
-   * Add a network request manually
-   */
-  addNetworkRequest(request) {
-    this.networkRequests.push(request);
-    if (this.networkRequests.length > MAX_NETWORK_REQUESTS) {
-      this.networkRequests = this.networkRequests.slice(-MAX_NETWORK_REQUESTS);
-    }
-  }
-  captureConsole() {
-    if (typeof console === "undefined") return;
-    const levels = ["log", "warn", "error", "info"];
-    levels.forEach((level) => {
-      this.originalConsole[level] = console[level];
-      console[level] = (...args) => {
-        this.originalConsole[level]?.apply(console, args);
-        try {
-          const message = args.map((arg) => {
-            if (typeof arg === "string") return arg;
-            try {
-              return JSON.stringify(arg);
-            } catch {
-              return String(arg);
-            }
-          }).join(" ");
-          this.addLog(level, message.slice(0, 500));
-        } catch {
-        }
-      };
-    });
-  }
-  captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
-    this.originalFetch = window.fetch;
-    const self2 = this;
-    window.fetch = async function(input, init) {
-      const startTime = Date.now();
-      const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
-      const method = init?.method || "GET";
-      try {
-        const response = await self2.originalFetch.call(window, input, init);
-        self2.addNetworkRequest({
-          method,
-          url: url.slice(0, 200),
-          // Limit URL length
-          status: response.status,
-          duration: Date.now() - startTime,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-        return response;
-      } catch (error) {
-        self2.addNetworkRequest({
-          method,
-          url: url.slice(0, 200),
-          duration: Date.now() - startTime,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          error: error instanceof Error ? error.message : "Unknown error"
-        });
-        throw error;
-      }
-    };
-  }
-  getPerformanceMetrics() {
-    if (typeof window === "undefined" || typeof performance === "undefined") return void 0;
-    const metrics = {};
-    try {
-      const navigation = performance.getEntriesByType("navigation")[0];
-      if (navigation) {
-        metrics.pageLoadTime = Math.round(navigation.loadEventEnd - navigation.startTime);
-      }
-    } catch {
-    }
-    try {
-      const memory = performance.memory;
-      if (memory) {
-        metrics.memoryUsage = Math.round(memory.usedJSHeapSize / 1024 / 1024);
-      }
-    } catch {
-    }
-    return Object.keys(metrics).length > 0 ? metrics : void 0;
-  }
-  getEnvironmentInfo() {
-    if (typeof window === "undefined" || typeof navigator === "undefined") return void 0;
-    return {
-      language: navigator.language,
-      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-      cookiesEnabled: navigator.cookieEnabled,
-      localStorage: typeof localStorage !== "undefined",
-      online: navigator.onLine
-    };
-  }
-};
-var contextCapture = new ContextCaptureManager();
 
 // src/BugBearProvider.tsx
 import { Platform, Dimensions } from "react-native";
@@ -13040,6 +13137,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   useEffect(() => {
     if (enabled && !hasInitialized.current) {
       hasInitialized.current = true;
+      contextCapture.startCapture();
       const newClient = createBugBear(config);
       setClient(newClient);
       initializeBugBear(newClient);
@@ -14279,12 +14377,18 @@ function ReportScreen({ nav, prefill }) {
   const [reportType, setReportType] = useState6(prefill?.type || "bug");
   const [severity, setSeverity] = useState6("medium");
   const [description, setDescription] = useState6("");
+  const [affectedScreen, setAffectedScreen] = useState6("");
   const [submitting, setSubmitting] = useState6(false);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
   const isBugType = reportType === "bug" || reportType === "test_fail";
   const handleSubmit = async () => {
     if (!client || !description.trim()) return;
     setSubmitting(true);
+    const baseContext = client.getAppContext();
+    const appContext = {
+      ...baseContext,
+      currentRoute: affectedScreen.trim() || baseContext.currentRoute
+    };
     const screenshotUrls = images.getScreenshotUrls();
     await client.submitReport({
       type: reportType,
@@ -14292,7 +14396,7 @@ function ReportScreen({ nav, prefill }) {
       severity: isBugType ? severity : void 0,
       assignmentId: prefill?.assignmentId,
       testCaseId: prefill?.testCaseId,
-      appContext: { currentRoute: "unknown" },
+      appContext,
       deviceInfo: getDeviceInfo(),
       screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
     });
@@ -14340,7 +14444,16 @@ function ReportScreen({ nav, prefill }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), /* @__PURE__ */ React8.createElement(
+  )), isBugType && /* @__PURE__ */ React8.createElement(View7, { style: styles7.section }, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "Which screen?"), /* @__PURE__ */ React8.createElement(
+    TextInput3,
+    {
+      style: styles7.screenInput,
+      value: affectedScreen,
+      onChangeText: setAffectedScreen,
+      placeholder: "e.g. Reservations, Settings...",
+      placeholderTextColor: colors.textMuted
+    }
+  ), /* @__PURE__ */ React8.createElement(Text7, { style: styles7.screenHint }, "Which screen or area was the bug on? (optional)")), /* @__PURE__ */ React8.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -14371,7 +14484,9 @@ var styles7 = StyleSheet8.create({
   severityRow: { flexDirection: "row", gap: 8 },
   sevButton: { flex: 1, paddingVertical: 8, borderRadius: 8, alignItems: "center", borderWidth: 1, borderColor: colors.border, backgroundColor: colors.card },
   sevText: { fontSize: 12, fontWeight: "500", color: colors.textSecondary, textTransform: "capitalize" },
-  descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 }
+  descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 },
+  screenInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",