@bbearai/react-native 0.3.6 → 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
       };
@@ -11543,7 +11797,7 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
       }
-      return (data || []).map((item) => ({
+      const mapped = (data || []).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -11576,6 +11830,12 @@ var BugBearClient = class {
           } : void 0
         }
       }));
+      mapped.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
+        return 0;
+      });
+      return mapped;
     } catch (err) {
       console.error("BugBear: Error fetching assignments", err);
       return [];
@@ -12708,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");
@@ -13065,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);
@@ -13344,7 +13448,9 @@ function HomeScreen({ nav }) {
     refreshAssignments();
     refreshThreads();
   }, []);
-  const pendingCount = assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length;
+  const pendingAssignments = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
+  const pendingCount = pendingAssignments.length;
+  const retestCount = pendingAssignments.filter((a) => a.isVerification).length;
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   const totalTests = assignments.length;
   return /* @__PURE__ */ import_react3.default.createElement(import_react_native3.View, null, pendingCount > 0 ? /* @__PURE__ */ import_react3.default.createElement(
@@ -13356,6 +13462,7 @@ function HomeScreen({ nav }) {
     },
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroCount }, pendingCount),
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
+    retestCount > 0 && /* @__PURE__ */ import_react3.default.createElement(import_react_native3.View, { style: styles.retestPill }, /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroAction }, "Start Testing \u2192")
   ) : unreadCount > 0 ? /* @__PURE__ */ import_react3.default.createElement(
     import_react_native3.TouchableOpacity,
@@ -13459,6 +13566,22 @@ var styles = import_react_native3.StyleSheet.create({
     color: colors.blueText,
     marginTop: 2
   },
+  retestPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    marginTop: 8
+  },
+  retestPillText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#fbbf24"
+  },
   heroAction: {
     fontSize: 14,
     fontWeight: "600",
@@ -13669,7 +13792,7 @@ function TestDetailScreen({ testId, nav }) {
   const steps = testCase.steps;
   const info = templateInfo[template] || templateInfo.steps;
   const rubricMode = testCase.track?.rubricMode || "pass_fail";
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.container }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.topRow }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.positionInfo }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.timerBadge }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.viewAllLink }, "View All \u2192"))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { key: idx, style: styles2.step }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepNumber }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepBody }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.container }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.topRow }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.positionInfo }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.timerBadge }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.retestBanner }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { key: idx, style: styles2.step }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepNumber }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepBody }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
       key: idx,
@@ -13753,6 +13876,10 @@ function TestDetailScreen({ testId, nav }) {
 }
 var styles2 = import_react_native4.StyleSheet.create({
   container: { paddingBottom: 16 },
+  retestBanner: { flexDirection: "row", alignItems: "center", gap: 6, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 8, paddingVertical: 6, paddingHorizontal: 10, marginBottom: 10 },
+  retestIcon: { fontSize: 14 },
+  retestLabel: { fontSize: 13, fontWeight: "600", color: "#fbbf24" },
+  retestSub: { fontSize: 12, color: "#d97706" },
   topRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 12 },
   positionInfo: { flexDirection: "row", alignItems: "center", gap: 8 },
   positionText: { fontSize: 13, color: colors.textMuted },
@@ -13868,6 +13995,8 @@ function TestListScreen({ nav }) {
     const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
     for (const folder of groups.values()) {
       folder.assignments.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
         const sd = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
         if (sd !== 0) return sd;
         return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
@@ -13909,7 +14038,7 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority))
+        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.retestTag }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
       );
     }));
   }), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.refreshText }, "\u21BB Refresh")));
@@ -13932,6 +14061,9 @@ var styles3 = import_react_native5.StyleSheet.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
+  retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }
@@ -14262,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,
@@ -14275,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
     });
@@ -14323,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,
@@ -14354,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
       };
@@ -11512,7 +11766,7 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
       }
-      return (data || []).map((item) => ({
+      const mapped = (data || []).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -11545,6 +11799,12 @@ var BugBearClient = class {
           } : void 0
         }
       }));
+      mapped.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
+        return 0;
+      });
+      return mapped;
     } catch (err) {
       console.error("BugBear: Error fetching assignments", err);
       return [];
@@ -12677,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";
@@ -13034,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);
@@ -13327,7 +13431,9 @@ function HomeScreen({ nav }) {
     refreshAssignments();
     refreshThreads();
   }, []);
-  const pendingCount = assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length;
+  const pendingAssignments = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
+  const pendingCount = pendingAssignments.length;
+  const retestCount = pendingAssignments.filter((a) => a.isVerification).length;
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   const totalTests = assignments.length;
   return /* @__PURE__ */ React2.createElement(View, null, pendingCount > 0 ? /* @__PURE__ */ React2.createElement(
@@ -13339,6 +13445,7 @@ function HomeScreen({ nav }) {
     },
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroCount }, pendingCount),
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
+    retestCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.retestPill }, /* @__PURE__ */ React2.createElement(Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroAction }, "Start Testing \u2192")
   ) : unreadCount > 0 ? /* @__PURE__ */ React2.createElement(
     TouchableOpacity,
@@ -13442,6 +13549,22 @@ var styles = StyleSheet2.create({
     color: colors.blueText,
     marginTop: 2
   },
+  retestPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    marginTop: 8
+  },
+  retestPillText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#fbbf24"
+  },
   heroAction: {
     fontSize: 14,
     fontWeight: "600",
@@ -13652,7 +13775,7 @@ function TestDetailScreen({ testId, nav }) {
   const steps = testCase.steps;
   const info = templateInfo[template] || templateInfo.steps;
   const rubricMode = testCase.track?.rubricMode || "pass_fail";
-  return /* @__PURE__ */ React3.createElement(View2, { style: styles2.container }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.topRow }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.positionInfo }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles2.timerBadge }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React3.createElement(View2, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.step }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepNumber }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepBody }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React3.createElement(React3.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement(View2, { style: styles2.container }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.topRow }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.positionInfo }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles2.timerBadge }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ React3.createElement(View2, { style: styles2.retestBanner }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React3.createElement(View2, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.step }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepNumber }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepBody }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React3.createElement(React3.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React3.createElement(
     TouchableOpacity2,
     {
       key: idx,
@@ -13736,6 +13859,10 @@ function TestDetailScreen({ testId, nav }) {
 }
 var styles2 = StyleSheet3.create({
   container: { paddingBottom: 16 },
+  retestBanner: { flexDirection: "row", alignItems: "center", gap: 6, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 8, paddingVertical: 6, paddingHorizontal: 10, marginBottom: 10 },
+  retestIcon: { fontSize: 14 },
+  retestLabel: { fontSize: 13, fontWeight: "600", color: "#fbbf24" },
+  retestSub: { fontSize: 12, color: "#d97706" },
   topRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 12 },
   positionInfo: { flexDirection: "row", alignItems: "center", gap: 8 },
   positionText: { fontSize: 13, color: colors.textMuted },
@@ -13851,6 +13978,8 @@ function TestListScreen({ nav }) {
     const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
     for (const folder of groups.values()) {
       folder.assignments.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
         const sd = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
         if (sd !== 0) return sd;
         return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
@@ -13892,7 +14021,7 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority))
+        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
       );
     }));
   }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB Refresh")));
@@ -13915,6 +14044,9 @@ var styles3 = StyleSheet4.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
+  retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }
@@ -14245,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,
@@ -14258,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
     });
@@ -14306,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,
@@ -14337,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.6",
+  "version": "0.3.8",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",