@bbearai/react-native 0.3.7 → 0.3.9

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
       };
@@ -11728,19 +11982,40 @@ var BugBearClient = class {
       return { success: false, error: message };
     }
   }
+  /**
+   * Pass a test assignment — convenience wrapper around updateAssignmentStatus
+   */
+  async passAssignment(assignmentId) {
+    return this.updateAssignmentStatus(assignmentId, "passed");
+  }
+  /**
+   * Fail a test assignment — convenience wrapper around updateAssignmentStatus
+   */
+  async failAssignment(assignmentId) {
+    return this.updateAssignmentStatus(assignmentId, "failed");
+  }
   /**
    * Skip a test assignment with a required reason
    * Marks the assignment as 'skipped' and records why it was skipped
    */
   async skipAssignment(assignmentId, reason, notes) {
+    let actualReason;
+    let actualNotes;
+    if (typeof reason === "object") {
+      actualReason = reason.reason;
+      actualNotes = reason.notes;
+    } else {
+      actualReason = reason;
+      actualNotes = notes;
+    }
     try {
       const updateData = {
         status: "skipped",
-        skip_reason: reason,
+        skip_reason: actualReason,
         completed_at: (/* @__PURE__ */ new Date()).toISOString()
       };
-      if (notes) {
-        updateData.notes = notes;
+      if (actualNotes) {
+        updateData.notes = actualNotes;
       }
       const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
       if (error) {
@@ -12714,163 +12989,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 +13189,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);
@@ -13380,7 +13499,7 @@ function HomeScreen({ nav }) {
     import_react_native3.TouchableOpacity,
     {
       style: styles.actionCard,
-      onPress: () => nav.push({ name: "TEST_DETAIL" }),
+      onPress: () => nav.push({ name: "TEST_LIST" }),
       activeOpacity: 0.7
     },
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.actionIcon }, "\u2705"),
@@ -13648,12 +13767,14 @@ function TestDetailScreen({ testId, nav }) {
   const currentIndex = displayedAssignment ? assignments.indexOf(displayedAssignment) : -1;
   const handlePass = (0, import_react4.useCallback)(async () => {
     if (!client || !displayedAssignment) return;
+    import_react_native4.Keyboard.dismiss();
     await client.passAssignment(displayedAssignment.id);
     await refreshAssignments();
     nav.replace({ name: "TEST_FEEDBACK", status: "passed", assignmentId: displayedAssignment.id });
   }, [client, displayedAssignment, refreshAssignments, nav]);
   const handleFail = (0, import_react4.useCallback)(async () => {
     if (!client || !displayedAssignment) return;
+    import_react_native4.Keyboard.dismiss();
     await client.failAssignment(displayedAssignment.id);
     await refreshAssignments();
     nav.replace({
@@ -13667,6 +13788,7 @@ function TestDetailScreen({ testId, nav }) {
   }, [client, displayedAssignment, refreshAssignments, nav]);
   const handleSkip = (0, import_react4.useCallback)(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
+    import_react_native4.Keyboard.dismiss();
     setSkipping(true);
     await client.skipAssignment(displayedAssignment.id, {
       reason: selectedSkipReason,
@@ -13735,7 +13857,9 @@ function TestDetailScreen({ testId, nav }) {
     {
       style: styles2.navigateButton,
       onPress: () => {
+        import_react_native4.Keyboard.dismiss();
         onNavigate(testCase.targetRoute);
+        nav.closeWidget?.();
       }
     },
     /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
@@ -14296,12 +14420,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 +14439,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 +14487,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 +14527,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
@@ -14859,10 +15000,29 @@ function BugBearButton({
     }
   };
   const handleClose = () => {
+    import_react_native15.Keyboard.dismiss();
     setModalVisible(false);
-    reset();
   };
-  const nav = { push, pop, replace, reset, canGoBack };
+  const nav = {
+    push: (screen) => {
+      import_react_native15.Keyboard.dismiss();
+      push(screen);
+    },
+    pop: () => {
+      import_react_native15.Keyboard.dismiss();
+      pop();
+    },
+    replace: (screen) => {
+      import_react_native15.Keyboard.dismiss();
+      replace(screen);
+    },
+    reset: () => {
+      import_react_native15.Keyboard.dismiss();
+      reset();
+    },
+    canGoBack,
+    closeWidget: handleClose
+  };
   const renderScreen = () => {
     switch (currentScreen.name) {
       case "HOME":
@@ -14919,7 +15079,7 @@ function BugBearButton({
         behavior: import_react_native15.Platform.OS === "ios" ? "padding" : "height",
         style: styles13.modalOverlay
       },
-      /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.modalContainer }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.header }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.headerLeft }, canGoBack ? /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: pop, style: styles13.backButton }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.backText }, "\u2190 Back")) : /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.headerTitleRow }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: handleClose, style: styles13.closeButton }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.closeText }, "\u2715"))), /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.modalContainer }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.header }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.headerLeft }, canGoBack ? /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.headerNavRow }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: () => nav.pop(), style: styles13.backButton }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.backText }, "\u2190 Back")), /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: () => nav.reset(), style: styles13.homeButton }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.headerTitleRow }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.TouchableOpacity, { onPress: handleClose, style: styles13.closeButton }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.closeText }, "\u2715"))), /* @__PURE__ */ import_react16.default.createElement(
         import_react_native15.ScrollView,
         {
           style: styles13.content,
@@ -15020,15 +15180,27 @@ var styles13 = import_react_native15.StyleSheet.create({
     flex: 1,
     textAlign: "center"
   },
+  headerNavRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
   backButton: {
     paddingVertical: 2,
-    paddingRight: 12
+    paddingRight: 4
   },
   backText: {
     fontSize: 15,
     color: colors.blue,
     fontWeight: "500"
   },
+  homeButton: {
+    paddingVertical: 2,
+    paddingHorizontal: 6
+  },
+  homeText: {
+    fontSize: 16
+  },
   closeButton: {
     width: 32,
     height: 32,