@bbearai/react-native 0.3.10 → 0.4.0

package/dist/index.d.mts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { BugBearConfig, BugBearClient, TesterInfo, TestAssignment, DeviceInfo, TesterThread, TesterMessage, QASession, QAFinding, StartSessionOptions, AddFindingOptions, TesterProfileUpdate, AppContext } from '@bbearai/core';
+import React, { ReactNode, Component, ErrorInfo } from 'react';
+import * as _bbearai_core from '@bbearai/core';
+import { BugBearConfig, BugBearClient, TesterInfo, TestAssignment, DeviceInfo, TesterThread, TesterMessage, QASession, QAFinding, StartSessionOptions, AddFindingOptions, TesterProfileUpdate, AppContext, captureError } from '@bbearai/core';
 export { AppContext, BugBearConfig, BugBearReport, DeviceInfo, MessageSenderType, ReportType, Severity, TestAssignment, TesterInfo, TesterMessage, TesterThread, ThreadPriority, ThreadType } from '@bbearai/core';
 
 interface BugBearContextValue {
@@ -74,6 +75,8 @@ interface BugBearContextValue {
     refreshTesterInfo: () => Promise<void>;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */
     dashboardUrl?: string;
+    /** Error handler from config — wire to your error reporting service */
+    onError?: (error: Error, context?: Record<string, unknown>) => void;
 }
 declare function useBugBear(): BugBearContextValue;
 interface BugBearProviderProps {
@@ -110,4 +113,36 @@ interface BugBearButtonProps {
 }
 declare function BugBearButton({ position, buttonStyle, draggable, initialX, initialY, minY, maxYOffset, }: BugBearButtonProps): React.JSX.Element | null;
 
-export { BugBearButton, BugBearProvider, useBugBear };
+interface Props {
+    children: ReactNode;
+    /** Fallback UI to show when an error occurs */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Called when an error is captured (React ErrorInfo included) */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Error reporter from BugBearConfig — wire to Sentry.captureException etc. */
+    errorReporter?: (error: Error, context?: Record<string, unknown>) => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+/**
+ * Error boundary that captures React Native errors and integrates with BugBear
+ */
+declare class BugBearErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): Partial<State>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+/**
+ * Hook to get current error context for manual error reporting
+ */
+declare function useErrorContext(): {
+    captureError: typeof captureError;
+    getEnhancedContext: () => _bbearai_core.EnhancedBugContext;
+};
+
+export { BugBearButton, BugBearErrorBoundary, BugBearProvider, useBugBear, useErrorContext };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { BugBearConfig, BugBearClient, TesterInfo, TestAssignment, DeviceInfo, TesterThread, TesterMessage, QASession, QAFinding, StartSessionOptions, AddFindingOptions, TesterProfileUpdate, AppContext } from '@bbearai/core';
+import React, { ReactNode, Component, ErrorInfo } from 'react';
+import * as _bbearai_core from '@bbearai/core';
+import { BugBearConfig, BugBearClient, TesterInfo, TestAssignment, DeviceInfo, TesterThread, TesterMessage, QASession, QAFinding, StartSessionOptions, AddFindingOptions, TesterProfileUpdate, AppContext, captureError } from '@bbearai/core';
 export { AppContext, BugBearConfig, BugBearReport, DeviceInfo, MessageSenderType, ReportType, Severity, TestAssignment, TesterInfo, TesterMessage, TesterThread, ThreadPriority, ThreadType } from '@bbearai/core';
 
 interface BugBearContextValue {
@@ -74,6 +75,8 @@ interface BugBearContextValue {
     refreshTesterInfo: () => Promise<void>;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */
     dashboardUrl?: string;
+    /** Error handler from config — wire to your error reporting service */
+    onError?: (error: Error, context?: Record<string, unknown>) => void;
 }
 declare function useBugBear(): BugBearContextValue;
 interface BugBearProviderProps {
@@ -110,4 +113,36 @@ interface BugBearButtonProps {
 }
 declare function BugBearButton({ position, buttonStyle, draggable, initialX, initialY, minY, maxYOffset, }: BugBearButtonProps): React.JSX.Element | null;
 
-export { BugBearButton, BugBearProvider, useBugBear };
+interface Props {
+    children: ReactNode;
+    /** Fallback UI to show when an error occurs */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Called when an error is captured (React ErrorInfo included) */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Error reporter from BugBearConfig — wire to Sentry.captureException etc. */
+    errorReporter?: (error: Error, context?: Record<string, unknown>) => void;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+/**
+ * Error boundary that captures React Native errors and integrates with BugBear
+ */
+declare class BugBearErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): Partial<State>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+/**
+ * Hook to get current error context for manual error reporting
+ */
+declare function useErrorContext(): {
+    captureError: typeof captureError;
+    getEnhancedContext: () => _bbearai_core.EnhancedBugContext;
+};
+
+export { BugBearButton, BugBearErrorBoundary, BugBearProvider, useBugBear, useErrorContext };

package/dist/index.js

@@ -31,8 +31,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   BugBearButton: () => BugBearButton,
+  BugBearErrorBoundary: () => BugBearErrorBoundary,
   BugBearProvider: () => BugBearProvider,
-  useBugBear: () => useBugBear
+  useBugBear: () => useBugBear,
+  useErrorContext: () => useErrorContext
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -11534,7 +11536,7 @@ var ContextCaptureManager = class {
     });
   }
   captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    if (typeof window === "undefined" || typeof fetch === "undefined" || typeof document === "undefined") return;
     this.originalFetch = window.fetch;
     const self2 = this;
     window.fetch = async function(input, init) {
@@ -11625,6 +11627,13 @@ var ContextCaptureManager = class {
   }
 };
 var contextCapture = new ContextCaptureManager();
+function captureError(error, errorInfo) {
+  return {
+    errorMessage: error.message,
+    errorStack: error.stack,
+    componentStack: errorInfo?.componentStack
+  };
+}
 var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
 var getEnvVar = (key) => {
   try {
@@ -11792,7 +11801,7 @@ var BugBearClient = class {
               sort_order
             )
           )
-        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true });
+        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).limit(100);
       if (error) {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
@@ -11946,7 +11955,7 @@ var BugBearClient = class {
       if (options?.testResult) {
         updateData.test_result = options.testResult;
       }
-      const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
+      const { data: updatedRow, error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId).eq("status", currentAssignment.status).select("id").maybeSingle();
       if (error) {
         console.error("BugBear: Failed to update assignment status", {
           message: error.message,
@@ -11959,6 +11968,9 @@ var BugBearClient = class {
         });
         return { success: false, error: error.message };
       }
+      if (!updatedRow) {
+        return { success: false, error: "Assignment status has changed. Please refresh and try again." };
+      }
       if (options?.feedback && ["passed", "failed", "blocked"].includes(status)) {
         const { data: assignmentData, error: fetchError2 } = await this.supabase.from("test_assignments").select("test_case_id").eq("id", assignmentId).single();
         if (fetchError2) {
@@ -12185,6 +12197,28 @@ var BugBearClient = class {
       return null;
     }
   }
+  /**
+   * Get detailed assignment stats for the current tester via RPC.
+   * Returns counts by status (pending, in_progress, passed, failed, blocked, skipped, total).
+   */
+  async getTesterStats() {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return null;
+      const { data, error } = await this.supabase.rpc("get_tester_stats", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id
+      });
+      if (error) {
+        console.error("BugBear: Failed to fetch tester stats", error);
+        return null;
+      }
+      return data;
+    } catch (err) {
+      console.error("BugBear: Error fetching tester stats", err);
+      return null;
+    }
+  }
   /**
    * Basic email format validation (defense in depth)
    */
@@ -12518,75 +12552,35 @@ var BugBearClient = class {
     try {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) return [];
-      const { data: threads, error } = await this.supabase.from("discussion_threads").select(`
-          id,
-          subject,
-          thread_type,
-          priority,
-          is_pinned,
-          is_resolved,
-          last_message_at,
-          created_at
-        `).eq("project_id", this.config.projectId).or(`audience.eq.all,audience_tester_ids.cs.{${testerInfo.id}}`).order("is_pinned", { ascending: false }).order("last_message_at", { ascending: false });
+      const { data, error } = await this.supabase.rpc("get_threads_with_unread", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id
+      });
       if (error) {
-        console.error("BugBear: Failed to fetch threads", error);
+        console.error("BugBear: Failed to fetch threads via RPC", error);
         return [];
       }
-      if (!threads || threads.length === 0) return [];
-      const threadIds = threads.map((t) => t.id);
-      const { data: readStatuses } = await this.supabase.from("discussion_read_status").select("thread_id, last_read_at, last_read_message_id").eq("tester_id", testerInfo.id).in("thread_id", threadIds);
-      const readStatusMap = new Map(
-        (readStatuses || []).map((rs) => [rs.thread_id, rs])
-      );
-      const { data: lastMessages } = await this.supabase.from("discussion_messages").select(`
-          id,
-          thread_id,
-          sender_type,
-          sender_name,
-          content,
-          created_at,
-          attachments
-        `).in("thread_id", threadIds).order("created_at", { ascending: false });
-      const lastMessageMap = /* @__PURE__ */ new Map();
-      for (const msg of lastMessages || []) {
-        if (!lastMessageMap.has(msg.thread_id)) {
-          lastMessageMap.set(msg.thread_id, msg);
-        }
-      }
-      const unreadCounts = await Promise.all(
-        threads.map(async (thread) => {
-          const readStatus = readStatusMap.get(thread.id);
-          const lastReadAt = readStatus?.last_read_at || "1970-01-01T00:00:00Z";
-          const { count, error: countError } = await this.supabase.from("discussion_messages").select("*", { count: "exact", head: true }).eq("thread_id", thread.id).gt("created_at", lastReadAt);
-          return { threadId: thread.id, count: countError ? 0 : count || 0 };
-        })
-      );
-      const unreadCountMap = new Map(
-        unreadCounts.map((uc) => [uc.threadId, uc.count])
-      );
-      return threads.map((thread) => {
-        const lastMsg = lastMessageMap.get(thread.id);
-        return {
-          id: thread.id,
-          subject: thread.subject,
-          threadType: thread.thread_type,
-          priority: thread.priority,
-          isPinned: thread.is_pinned,
-          isResolved: thread.is_resolved,
-          lastMessageAt: thread.last_message_at,
-          createdAt: thread.created_at,
-          unreadCount: unreadCountMap.get(thread.id) || 0,
-          lastMessage: lastMsg ? {
-            id: lastMsg.id,
-            threadId: lastMsg.thread_id,
-            senderType: lastMsg.sender_type,
-            senderName: lastMsg.sender_name,
-            content: lastMsg.content,
-            createdAt: lastMsg.created_at,
-            attachments: lastMsg.attachments || []
-          } : void 0
-        };
-      });
+      if (!data || data.length === 0) return [];
+      return data.map((row) => ({
+        id: row.thread_id,
+        subject: row.thread_subject,
+        threadType: row.thread_type,
+        priority: row.thread_priority,
+        isPinned: row.is_pinned,
+        isResolved: row.is_resolved,
+        lastMessageAt: row.last_message_at,
+        createdAt: row.created_at,
+        unreadCount: Number(row.unread_count) || 0,
+        lastMessage: row.last_message_preview ? {
+          id: "",
+          threadId: row.thread_id,
+          senderType: row.last_message_sender_type || "system",
+          senderName: row.last_message_sender_name || "",
+          content: row.last_message_preview,
+          createdAt: row.last_message_at,
+          attachments: []
+        } : void 0
+      }));
     } catch (err) {
       console.error("BugBear: Error fetching threads", err);
       return [];
@@ -12605,7 +12599,7 @@ var BugBearClient = class {
           content,
           created_at,
           attachments
-        `).eq("thread_id", threadId).order("created_at", { ascending: true });
+        `).eq("thread_id", threadId).order("created_at", { ascending: true }).limit(200);
       if (error) {
         console.error("BugBear: Failed to fetch messages", error);
         return [];
@@ -12654,7 +12648,6 @@ var BugBearClient = class {
         console.error("BugBear: Failed to send message", error);
         return false;
       }
-      await this.supabase.from("discussion_threads").update({ last_message_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", threadId);
       await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
@@ -12885,7 +12878,7 @@ var BugBearClient = class {
    */
   async getSessionFindings(sessionId) {
     try {
-      const { data, error } = await this.supabase.from("qa_findings").select("*").eq("session_id", sessionId).order("created_at", { ascending: true });
+      const { data, error } = await this.supabase.from("qa_findings").select("*").eq("session_id", sessionId).order("created_at", { ascending: true }).limit(100);
       if (error) {
         console.error("BugBear: Failed to fetch findings", error);
         return [];
@@ -13029,7 +13022,8 @@ var BugBearContext = (0, import_react.createContext)({
   updateTesterProfile: async () => ({ success: false }),
   refreshTesterInfo: async () => {
   },
-  dashboardUrl: void 0
+  dashboardUrl: void 0,
+  onError: void 0
 });
 function useBugBear() {
   return (0, import_react.useContext)(BugBearContext);
@@ -13178,6 +13172,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       }
     } catch (err) {
       console.error("BugBear: Init error", err);
+      if (err instanceof Error) {
+        config.onError?.(err, { phase: "init" });
+      }
     } finally {
       setIsLoading(false);
     }
@@ -13235,7 +13232,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo,
-        dashboardUrl: config.dashboardUrl
+        dashboardUrl: config.dashboardUrl,
+        onError: config.onError
       }
     },
     children
@@ -13745,6 +13743,7 @@ function TestDetailScreen({ testId, nav }) {
   const [selectedSkipReason, setSelectedSkipReason] = (0, import_react4.useState)(null);
   const [skipNotes, setSkipNotes] = (0, import_react4.useState)("");
   const [skipping, setSkipping] = (0, import_react4.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
     setCriteriaResults({});
     setShowSteps(true);
@@ -13767,26 +13766,36 @@ function TestDetailScreen({ testId, nav }) {
   const allTests = assignments;
   const currentIndex = displayedAssignment ? assignments.indexOf(displayedAssignment) : -1;
   const handlePass = (0, import_react4.useCallback)(async () => {
-    if (!client || !displayedAssignment) return;
+    if (!client || !displayedAssignment || isSubmitting) 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]);
+    setIsSubmitting(true);
+    try {
+      await client.passAssignment(displayedAssignment.id);
+      await refreshAssignments();
+      nav.replace({ name: "TEST_FEEDBACK", status: "passed", assignmentId: displayedAssignment.id });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleFail = (0, import_react4.useCallback)(async () => {
-    if (!client || !displayedAssignment) return;
+    if (!client || !displayedAssignment || isSubmitting) return;
     import_react_native4.Keyboard.dismiss();
-    await client.failAssignment(displayedAssignment.id);
-    await refreshAssignments();
-    nav.replace({
-      name: "REPORT",
-      prefill: {
-        type: "test_fail",
-        assignmentId: displayedAssignment.id,
-        testCaseId: displayedAssignment.testCase.id
-      }
-    });
-  }, [client, displayedAssignment, refreshAssignments, nav]);
+    setIsSubmitting(true);
+    try {
+      await client.failAssignment(displayedAssignment.id);
+      await refreshAssignments();
+      nav.replace({
+        name: "REPORT",
+        prefill: {
+          type: "test_fail",
+          assignmentId: displayedAssignment.id,
+          testCaseId: displayedAssignment.testCase.id
+        }
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleSkip = (0, import_react4.useCallback)(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
     import_react_native4.Keyboard.dismiss();
@@ -13867,7 +13876,7 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.actionButtons }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.failBtn], onPress: handleFail }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.failBtnText }, "Fail")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.skipBtn], onPress: () => setShowSkipModal(true) }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.passBtn], onPress: handlePass }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.passBtnText }, "Pass"))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.modalOverlay }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.modalContent }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.modalSubtitle }, "Select a reason:"), [
+  ), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.actionButtons }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.modalOverlay }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.modalContent }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.modalSubtitle }, "Select a reason:"), [
     { reason: "blocked", label: "\u{1F6AB} Blocked by a bug" },
     { reason: "not_ready", label: "\u{1F6A7} Feature not ready" },
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
@@ -14435,32 +14444,46 @@ function ReportScreen({ nav, prefill }) {
   const [description, setDescription] = (0, import_react10.useState)("");
   const [affectedScreen, setAffectedScreen] = (0, import_react10.useState)("");
   const [submitting, setSubmitting] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)(null);
   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,
-      description: description.trim(),
-      severity: isBugType ? severity : void 0,
-      assignmentId: prefill?.assignmentId,
-      testCaseId: prefill?.testCaseId,
-      appContext,
-      deviceInfo: getDeviceInfo(),
-      screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
-    });
-    if (prefill?.assignmentId) {
-      await refreshAssignments();
+    setError(null);
+    try {
+      const baseContext = client.getAppContext();
+      const appContext = {
+        ...baseContext,
+        currentRoute: affectedScreen.trim() || baseContext.currentRoute
+      };
+      const screenshotUrls = images.getScreenshotUrls();
+      const result = await client.submitReport({
+        type: reportType,
+        description: description.trim(),
+        severity: isBugType ? severity : void 0,
+        assignmentId: prefill?.assignmentId,
+        testCaseId: prefill?.testCaseId,
+        appContext,
+        deviceInfo: getDeviceInfo(),
+        screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+      if (!result.success) {
+        console.error("BugBear: Report submission failed", result.error);
+        setError(result.error || "Failed to submit report. Please try again.");
+        setSubmitting(false);
+        return;
+      }
+      if (prefill?.assignmentId) {
+        await refreshAssignments();
+      }
+      setSubmitting(false);
+      nav.replace({ name: "REPORT_SUCCESS" });
+    } catch (err) {
+      console.error("BugBear: Report submission error", err);
+      setError(err instanceof Error ? err.message : "An unexpected error occurred. Please try again.");
+      setSubmitting(false);
     }
-    setSubmitting(false);
-    nav.replace({ name: "REPORT_SUCCESS" });
   };
   return /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, null, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.typeRow }, [
     { type: "bug", label: "Bug", icon: "\u{1F41B}" },
@@ -14519,14 +14542,14 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), /* @__PURE__ */ import_react10.default.createElement(
+  ), error && /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.errorBanner }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.errorText }, error)), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native9.TouchableOpacity,
     {
       style: [shared.primaryButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : "Submit Report")
+    /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
   ));
 }
 var styles7 = import_react_native9.StyleSheet.create({
@@ -14542,7 +14565,9 @@ var styles7 = import_react_native9.StyleSheet.create({
   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 },
   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 }
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 },
+  errorBanner: { backgroundColor: "#7f1d1d", borderWidth: 1, borderColor: "#991b1b", borderRadius: 8, padding: 12, marginTop: 16 },
+  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
@@ -15245,9 +15270,108 @@ var styles13 = import_react_native15.StyleSheet.create({
     fontSize: 14
   }
 });
+
+// src/BugBearErrorBoundary.tsx
+var import_react17 = __toESM(require("react"));
+var import_react_native16 = require("react-native");
+var BugBearErrorBoundary = class extends import_react17.Component {
+  constructor(props) {
+    super(props);
+    this.reset = () => {
+      this.setState({
+        hasError: false,
+        error: null,
+        errorInfo: null
+      });
+    };
+    this.state = {
+      hasError: false,
+      error: null,
+      errorInfo: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    captureError(error, {
+      componentStack: errorInfo.componentStack ?? void 0
+    });
+    console.error("BugBear: Error caught by ErrorBoundary", {
+      error: error.message,
+      componentStack: errorInfo.componentStack?.slice(0, 500)
+    });
+    this.props.onError?.(error, errorInfo);
+    this.props.errorReporter?.(error, {
+      componentStack: errorInfo.componentStack ?? void 0,
+      source: "BugBearErrorBoundary"
+    });
+  }
+  render() {
+    const { hasError, error } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError && error) {
+      if (typeof fallback === "function") {
+        return fallback(error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ import_react17.default.createElement(import_react_native16.View, { style: styles14.container }, /* @__PURE__ */ import_react17.default.createElement(import_react_native16.Text, { style: styles14.title }, "Something went wrong"), /* @__PURE__ */ import_react17.default.createElement(import_react_native16.Text, { style: styles14.message }, error.message), /* @__PURE__ */ import_react17.default.createElement(import_react_native16.TouchableOpacity, { style: styles14.button, onPress: this.reset }, /* @__PURE__ */ import_react17.default.createElement(import_react_native16.Text, { style: styles14.buttonText }, "Try Again")), /* @__PURE__ */ import_react17.default.createElement(import_react_native16.Text, { style: styles14.caption }, "The error has been captured by BugBear"));
+    }
+    return children;
+  }
+};
+function useErrorContext() {
+  return {
+    captureError,
+    getEnhancedContext: () => contextCapture.getEnhancedContext()
+  };
+}
+var styles14 = import_react_native16.StyleSheet.create({
+  container: {
+    padding: 20,
+    margin: 20,
+    backgroundColor: "#fef2f2",
+    borderWidth: 1,
+    borderColor: "#fecaca",
+    borderRadius: 8
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#991b1b",
+    marginBottom: 8
+  },
+  message: {
+    fontSize: 14,
+    color: "#7f1d1d",
+    marginBottom: 12
+  },
+  button: {
+    backgroundColor: "#dc2626",
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 6,
+    alignSelf: "flex-start"
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  caption: {
+    fontSize: 12,
+    color: "#9ca3af",
+    marginTop: 12
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BugBearButton,
+  BugBearErrorBoundary,
   BugBearProvider,
-  useBugBear
+  useBugBear,
+  useErrorContext
 });

package/dist/index.mjs

@@ -11503,7 +11503,7 @@ var ContextCaptureManager = class {
     });
   }
   captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    if (typeof window === "undefined" || typeof fetch === "undefined" || typeof document === "undefined") return;
     this.originalFetch = window.fetch;
     const self2 = this;
     window.fetch = async function(input, init) {
@@ -11594,6 +11594,13 @@ var ContextCaptureManager = class {
   }
 };
 var contextCapture = new ContextCaptureManager();
+function captureError(error, errorInfo) {
+  return {
+    errorMessage: error.message,
+    errorStack: error.stack,
+    componentStack: errorInfo?.componentStack
+  };
+}
 var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
 var getEnvVar = (key) => {
   try {
@@ -11761,7 +11768,7 @@ var BugBearClient = class {
               sort_order
             )
           )
-        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true });
+        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).limit(100);
       if (error) {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
@@ -11915,7 +11922,7 @@ var BugBearClient = class {
       if (options?.testResult) {
         updateData.test_result = options.testResult;
       }
-      const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
+      const { data: updatedRow, error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId).eq("status", currentAssignment.status).select("id").maybeSingle();
       if (error) {
         console.error("BugBear: Failed to update assignment status", {
           message: error.message,
@@ -11928,6 +11935,9 @@ var BugBearClient = class {
         });
         return { success: false, error: error.message };
       }
+      if (!updatedRow) {
+        return { success: false, error: "Assignment status has changed. Please refresh and try again." };
+      }
       if (options?.feedback && ["passed", "failed", "blocked"].includes(status)) {
         const { data: assignmentData, error: fetchError2 } = await this.supabase.from("test_assignments").select("test_case_id").eq("id", assignmentId).single();
         if (fetchError2) {
@@ -12154,6 +12164,28 @@ var BugBearClient = class {
       return null;
     }
   }
+  /**
+   * Get detailed assignment stats for the current tester via RPC.
+   * Returns counts by status (pending, in_progress, passed, failed, blocked, skipped, total).
+   */
+  async getTesterStats() {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return null;
+      const { data, error } = await this.supabase.rpc("get_tester_stats", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id
+      });
+      if (error) {
+        console.error("BugBear: Failed to fetch tester stats", error);
+        return null;
+      }
+      return data;
+    } catch (err) {
+      console.error("BugBear: Error fetching tester stats", err);
+      return null;
+    }
+  }
   /**
    * Basic email format validation (defense in depth)
    */
@@ -12487,75 +12519,35 @@ var BugBearClient = class {
     try {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) return [];
-      const { data: threads, error } = await this.supabase.from("discussion_threads").select(`
-          id,
-          subject,
-          thread_type,
-          priority,
-          is_pinned,
-          is_resolved,
-          last_message_at,
-          created_at
-        `).eq("project_id", this.config.projectId).or(`audience.eq.all,audience_tester_ids.cs.{${testerInfo.id}}`).order("is_pinned", { ascending: false }).order("last_message_at", { ascending: false });
+      const { data, error } = await this.supabase.rpc("get_threads_with_unread", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id
+      });
       if (error) {
-        console.error("BugBear: Failed to fetch threads", error);
+        console.error("BugBear: Failed to fetch threads via RPC", error);
         return [];
       }
-      if (!threads || threads.length === 0) return [];
-      const threadIds = threads.map((t) => t.id);
-      const { data: readStatuses } = await this.supabase.from("discussion_read_status").select("thread_id, last_read_at, last_read_message_id").eq("tester_id", testerInfo.id).in("thread_id", threadIds);
-      const readStatusMap = new Map(
-        (readStatuses || []).map((rs) => [rs.thread_id, rs])
-      );
-      const { data: lastMessages } = await this.supabase.from("discussion_messages").select(`
-          id,
-          thread_id,
-          sender_type,
-          sender_name,
-          content,
-          created_at,
-          attachments
-        `).in("thread_id", threadIds).order("created_at", { ascending: false });
-      const lastMessageMap = /* @__PURE__ */ new Map();
-      for (const msg of lastMessages || []) {
-        if (!lastMessageMap.has(msg.thread_id)) {
-          lastMessageMap.set(msg.thread_id, msg);
-        }
-      }
-      const unreadCounts = await Promise.all(
-        threads.map(async (thread) => {
-          const readStatus = readStatusMap.get(thread.id);
-          const lastReadAt = readStatus?.last_read_at || "1970-01-01T00:00:00Z";
-          const { count, error: countError } = await this.supabase.from("discussion_messages").select("*", { count: "exact", head: true }).eq("thread_id", thread.id).gt("created_at", lastReadAt);
-          return { threadId: thread.id, count: countError ? 0 : count || 0 };
-        })
-      );
-      const unreadCountMap = new Map(
-        unreadCounts.map((uc) => [uc.threadId, uc.count])
-      );
-      return threads.map((thread) => {
-        const lastMsg = lastMessageMap.get(thread.id);
-        return {
-          id: thread.id,
-          subject: thread.subject,
-          threadType: thread.thread_type,
-          priority: thread.priority,
-          isPinned: thread.is_pinned,
-          isResolved: thread.is_resolved,
-          lastMessageAt: thread.last_message_at,
-          createdAt: thread.created_at,
-          unreadCount: unreadCountMap.get(thread.id) || 0,
-          lastMessage: lastMsg ? {
-            id: lastMsg.id,
-            threadId: lastMsg.thread_id,
-            senderType: lastMsg.sender_type,
-            senderName: lastMsg.sender_name,
-            content: lastMsg.content,
-            createdAt: lastMsg.created_at,
-            attachments: lastMsg.attachments || []
-          } : void 0
-        };
-      });
+      if (!data || data.length === 0) return [];
+      return data.map((row) => ({
+        id: row.thread_id,
+        subject: row.thread_subject,
+        threadType: row.thread_type,
+        priority: row.thread_priority,
+        isPinned: row.is_pinned,
+        isResolved: row.is_resolved,
+        lastMessageAt: row.last_message_at,
+        createdAt: row.created_at,
+        unreadCount: Number(row.unread_count) || 0,
+        lastMessage: row.last_message_preview ? {
+          id: "",
+          threadId: row.thread_id,
+          senderType: row.last_message_sender_type || "system",
+          senderName: row.last_message_sender_name || "",
+          content: row.last_message_preview,
+          createdAt: row.last_message_at,
+          attachments: []
+        } : void 0
+      }));
     } catch (err) {
       console.error("BugBear: Error fetching threads", err);
       return [];
@@ -12574,7 +12566,7 @@ var BugBearClient = class {
           content,
           created_at,
           attachments
-        `).eq("thread_id", threadId).order("created_at", { ascending: true });
+        `).eq("thread_id", threadId).order("created_at", { ascending: true }).limit(200);
       if (error) {
         console.error("BugBear: Failed to fetch messages", error);
         return [];
@@ -12623,7 +12615,6 @@ var BugBearClient = class {
         console.error("BugBear: Failed to send message", error);
         return false;
       }
-      await this.supabase.from("discussion_threads").update({ last_message_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", threadId);
       await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
@@ -12854,7 +12845,7 @@ var BugBearClient = class {
    */
   async getSessionFindings(sessionId) {
     try {
-      const { data, error } = await this.supabase.from("qa_findings").select("*").eq("session_id", sessionId).order("created_at", { ascending: true });
+      const { data, error } = await this.supabase.from("qa_findings").select("*").eq("session_id", sessionId).order("created_at", { ascending: true }).limit(100);
       if (error) {
         console.error("BugBear: Failed to fetch findings", error);
         return [];
@@ -12998,7 +12989,8 @@ var BugBearContext = createContext({
   updateTesterProfile: async () => ({ success: false }),
   refreshTesterInfo: async () => {
   },
-  dashboardUrl: void 0
+  dashboardUrl: void 0,
+  onError: void 0
 });
 function useBugBear() {
   return useContext(BugBearContext);
@@ -13147,6 +13139,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       }
     } catch (err) {
       console.error("BugBear: Init error", err);
+      if (err instanceof Error) {
+        config.onError?.(err, { phase: "init" });
+      }
     } finally {
       setIsLoading(false);
     }
@@ -13204,7 +13199,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo,
-        dashboardUrl: config.dashboardUrl
+        dashboardUrl: config.dashboardUrl,
+        onError: config.onError
       }
     },
     children
@@ -13729,6 +13725,7 @@ function TestDetailScreen({ testId, nav }) {
   const [selectedSkipReason, setSelectedSkipReason] = useState2(null);
   const [skipNotes, setSkipNotes] = useState2("");
   const [skipping, setSkipping] = useState2(false);
+  const [isSubmitting, setIsSubmitting] = useState2(false);
   useEffect3(() => {
     setCriteriaResults({});
     setShowSteps(true);
@@ -13751,26 +13748,36 @@ function TestDetailScreen({ testId, nav }) {
   const allTests = assignments;
   const currentIndex = displayedAssignment ? assignments.indexOf(displayedAssignment) : -1;
   const handlePass = useCallback2(async () => {
-    if (!client || !displayedAssignment) return;
+    if (!client || !displayedAssignment || isSubmitting) return;
     Keyboard.dismiss();
-    await client.passAssignment(displayedAssignment.id);
-    await refreshAssignments();
-    nav.replace({ name: "TEST_FEEDBACK", status: "passed", assignmentId: displayedAssignment.id });
-  }, [client, displayedAssignment, refreshAssignments, nav]);
+    setIsSubmitting(true);
+    try {
+      await client.passAssignment(displayedAssignment.id);
+      await refreshAssignments();
+      nav.replace({ name: "TEST_FEEDBACK", status: "passed", assignmentId: displayedAssignment.id });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleFail = useCallback2(async () => {
-    if (!client || !displayedAssignment) return;
+    if (!client || !displayedAssignment || isSubmitting) return;
     Keyboard.dismiss();
-    await client.failAssignment(displayedAssignment.id);
-    await refreshAssignments();
-    nav.replace({
-      name: "REPORT",
-      prefill: {
-        type: "test_fail",
-        assignmentId: displayedAssignment.id,
-        testCaseId: displayedAssignment.testCase.id
-      }
-    });
-  }, [client, displayedAssignment, refreshAssignments, nav]);
+    setIsSubmitting(true);
+    try {
+      await client.failAssignment(displayedAssignment.id);
+      await refreshAssignments();
+      nav.replace({
+        name: "REPORT",
+        prefill: {
+          type: "test_fail",
+          assignmentId: displayedAssignment.id,
+          testCaseId: displayedAssignment.testCase.id
+        }
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleSkip = useCallback2(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
     Keyboard.dismiss();
@@ -13851,7 +13858,7 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ React3.createElement(Text2, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React3.createElement(View2, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React3.createElement(View2, { style: styles2.folderProgress }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ React3.createElement(View2, { style: styles2.actionButtons }, /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn], onPress: handleFail }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.failBtnText }, "Fail")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn], onPress: () => setShowSkipModal(true) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn], onPress: handlePass }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.passBtnText }, "Pass"))), /* @__PURE__ */ React3.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalOverlay }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalContent }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
+  ), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React3.createElement(View2, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React3.createElement(View2, { style: styles2.folderProgress }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ React3.createElement(View2, { style: styles2.actionButtons }, /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ React3.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalOverlay }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalContent }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
     { reason: "blocked", label: "\u{1F6AB} Blocked by a bug" },
     { reason: "not_ready", label: "\u{1F6A7} Feature not ready" },
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
@@ -14419,32 +14426,46 @@ function ReportScreen({ nav, prefill }) {
   const [description, setDescription] = useState6("");
   const [affectedScreen, setAffectedScreen] = useState6("");
   const [submitting, setSubmitting] = useState6(false);
+  const [error, setError] = useState6(null);
   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,
-      description: description.trim(),
-      severity: isBugType ? severity : void 0,
-      assignmentId: prefill?.assignmentId,
-      testCaseId: prefill?.testCaseId,
-      appContext,
-      deviceInfo: getDeviceInfo(),
-      screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
-    });
-    if (prefill?.assignmentId) {
-      await refreshAssignments();
+    setError(null);
+    try {
+      const baseContext = client.getAppContext();
+      const appContext = {
+        ...baseContext,
+        currentRoute: affectedScreen.trim() || baseContext.currentRoute
+      };
+      const screenshotUrls = images.getScreenshotUrls();
+      const result = await client.submitReport({
+        type: reportType,
+        description: description.trim(),
+        severity: isBugType ? severity : void 0,
+        assignmentId: prefill?.assignmentId,
+        testCaseId: prefill?.testCaseId,
+        appContext,
+        deviceInfo: getDeviceInfo(),
+        screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+      if (!result.success) {
+        console.error("BugBear: Report submission failed", result.error);
+        setError(result.error || "Failed to submit report. Please try again.");
+        setSubmitting(false);
+        return;
+      }
+      if (prefill?.assignmentId) {
+        await refreshAssignments();
+      }
+      setSubmitting(false);
+      nav.replace({ name: "REPORT_SUCCESS" });
+    } catch (err) {
+      console.error("BugBear: Report submission error", err);
+      setError(err instanceof Error ? err.message : "An unexpected error occurred. Please try again.");
+      setSubmitting(false);
     }
-    setSubmitting(false);
-    nav.replace({ name: "REPORT_SUCCESS" });
   };
   return /* @__PURE__ */ React8.createElement(View7, null, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ React8.createElement(View7, { style: styles7.typeRow }, [
     { type: "bug", label: "Bug", icon: "\u{1F41B}" },
@@ -14503,14 +14524,14 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), error && /* @__PURE__ */ React8.createElement(View7, { style: styles7.errorBanner }, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.errorText }, error)), /* @__PURE__ */ React8.createElement(
     TouchableOpacity7,
     {
       style: [shared.primaryButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ React8.createElement(Text7, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : "Submit Report")
+    /* @__PURE__ */ React8.createElement(Text7, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
   ));
 }
 var styles7 = StyleSheet8.create({
@@ -14526,7 +14547,9 @@ var styles7 = StyleSheet8.create({
   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 },
   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 }
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 },
+  errorBanner: { backgroundColor: "#7f1d1d", borderWidth: 1, borderColor: "#991b1b", borderRadius: 8, padding: 12, marginTop: 16 },
+  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
@@ -15229,8 +15252,107 @@ var styles13 = StyleSheet14.create({
     fontSize: 14
   }
 });
+
+// src/BugBearErrorBoundary.tsx
+import React15, { Component } from "react";
+import { View as View14, Text as Text14, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet15 } from "react-native";
+var BugBearErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.reset = () => {
+      this.setState({
+        hasError: false,
+        error: null,
+        errorInfo: null
+      });
+    };
+    this.state = {
+      hasError: false,
+      error: null,
+      errorInfo: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    captureError(error, {
+      componentStack: errorInfo.componentStack ?? void 0
+    });
+    console.error("BugBear: Error caught by ErrorBoundary", {
+      error: error.message,
+      componentStack: errorInfo.componentStack?.slice(0, 500)
+    });
+    this.props.onError?.(error, errorInfo);
+    this.props.errorReporter?.(error, {
+      componentStack: errorInfo.componentStack ?? void 0,
+      source: "BugBearErrorBoundary"
+    });
+  }
+  render() {
+    const { hasError, error } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError && error) {
+      if (typeof fallback === "function") {
+        return fallback(error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ React15.createElement(View14, { style: styles14.container }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.title }, "Something went wrong"), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.message }, error.message), /* @__PURE__ */ React15.createElement(TouchableOpacity13, { style: styles14.button, onPress: this.reset }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.buttonText }, "Try Again")), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.caption }, "The error has been captured by BugBear"));
+    }
+    return children;
+  }
+};
+function useErrorContext() {
+  return {
+    captureError,
+    getEnhancedContext: () => contextCapture.getEnhancedContext()
+  };
+}
+var styles14 = StyleSheet15.create({
+  container: {
+    padding: 20,
+    margin: 20,
+    backgroundColor: "#fef2f2",
+    borderWidth: 1,
+    borderColor: "#fecaca",
+    borderRadius: 8
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#991b1b",
+    marginBottom: 8
+  },
+  message: {
+    fontSize: 14,
+    color: "#7f1d1d",
+    marginBottom: 12
+  },
+  button: {
+    backgroundColor: "#dc2626",
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 6,
+    alignSelf: "flex-start"
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  caption: {
+    fontSize: 12,
+    color: "#9ca3af",
+    marginTop: 12
+  }
+});
 export {
   BugBearButton,
+  BugBearErrorBoundary,
   BugBearProvider,
-  useBugBear
+  useBugBear,
+  useErrorContext
 };

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.3.10",
+  "version": "0.4.0",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     }
   },
   "files": [
@@ -49,7 +49,7 @@
     }
   },
   "devDependencies": {
-    "@bbearai/core": "^0.2.0",
+    "@bbearai/core": "^0.3.0",
     "@eslint/js": "^9.39.2",
     "@types/react": "^18.2.0",
     "eslint": "^9.39.2",