@bbearai/react-native 0.3.11 → 0.4.1

package/dist/index.mjs

@@ -11594,6 +11594,18 @@ var ContextCaptureManager = class {
   }
 };
 var contextCapture = new ContextCaptureManager();
+function captureError(error, errorInfo) {
+  return {
+    errorMessage: error.message,
+    errorStack: error.stack,
+    componentStack: errorInfo?.componentStack
+  };
+}
+var formatPgError = (e) => {
+  if (!e || typeof e !== "object") return { raw: e };
+  const { message, code, details, hint } = e;
+  return { message, code, details, hint };
+};
 var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
 var getEnvVar = (key) => {
   try {
@@ -11761,9 +11773,9 @@ 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);
+        console.error("BugBear: Failed to fetch assignments", formatPgError(error));
         return [];
       }
       const mapped = (data || []).map((item) => ({
@@ -11915,7 +11927,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 +11940,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) {
@@ -11988,7 +12003,7 @@ var BugBearClient = class {
       }
       const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
       if (error) {
-        console.error("BugBear: Failed to skip assignment", error);
+        console.error("BugBear: Failed to skip assignment", formatPgError(error));
         return { success: false, error: error.message };
       }
       return { success: true };
@@ -12154,6 +12169,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", formatPgError(error));
+        return null;
+      }
+      return data;
+    } catch (err) {
+      console.error("BugBear: Error fetching tester stats", err);
+      return null;
+    }
+  }
   /**
    * Basic email format validation (defense in depth)
    */
@@ -12296,7 +12333,7 @@ var BugBearClient = class {
       if (updates.platforms !== void 0) updateData.platforms = updates.platforms;
       const { error } = await this.supabase.from("testers").update(updateData).eq("id", testerInfo.id);
       if (error) {
-        console.error("BugBear: updateTesterProfile error", error);
+        console.error("BugBear: updateTesterProfile error", formatPgError(error));
         return { success: false, error: error.message };
       }
       return { success: true };
@@ -12318,14 +12355,14 @@ var BugBearClient = class {
    */
   async isQAEnabled() {
     try {
-      const { data, error } = await this.supabase.from("projects").select("is_qa_enabled").eq("id", this.config.projectId).single();
+      const { data, error } = await this.supabase.rpc("check_qa_enabled", {
+        p_project_id: this.config.projectId
+      });
       if (error) {
-        if (error.code !== "PGRST116") {
-          console.warn("BugBear: Could not check QA status", error.message || error.code || "Unknown error");
-        }
+        console.warn("BugBear: Could not check QA status", error.message || error.code || "Unknown error");
         return true;
       }
-      return data?.is_qa_enabled ?? true;
+      return data ?? true;
     } catch (err) {
       return true;
     }
@@ -12355,7 +12392,7 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload screenshot", error);
+        console.error("BugBear: Failed to upload screenshot", formatPgError(error));
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
@@ -12386,7 +12423,7 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload image from URI", error);
+        console.error("BugBear: Failed to upload image from URI", formatPgError(error));
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
@@ -12461,7 +12498,7 @@ var BugBearClient = class {
       }
       const { data, error } = await query;
       if (error) {
-        console.error("BugBear: Failed to fetch fix requests", error);
+        console.error("BugBear: Failed to fetch fix requests", formatPgError(error));
         return [];
       }
       return (data || []).map((fr) => ({
@@ -12487,75 +12524,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", formatPgError(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,9 +12571,9 @@ 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);
+        console.error("BugBear: Failed to fetch messages", formatPgError(error));
         return [];
       }
       return (data || []).map((msg) => ({
@@ -12620,10 +12617,9 @@ var BugBearClient = class {
       }
       const { error } = await this.supabase.from("discussion_messages").insert(insertData);
       if (error) {
-        console.error("BugBear: Failed to send message", error);
+        console.error("BugBear: Failed to send message", formatPgError(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) {
@@ -12737,7 +12733,7 @@ var BugBearClient = class {
         p_platform: options.platform || null
       });
       if (error) {
-        console.error("BugBear: Failed to start session", error);
+        console.error("BugBear: Failed to start session", formatPgError(error));
         return { success: false, error: error.message };
       }
       const session = await this.getSession(data);
@@ -12762,7 +12758,7 @@ var BugBearClient = class {
         p_routes_covered: options.routesCovered || null
       });
       if (error) {
-        console.error("BugBear: Failed to end session", error);
+        console.error("BugBear: Failed to end session", formatPgError(error));
         return { success: false, error: error.message };
       }
       const session = this.transformSession(data);
@@ -12810,7 +12806,7 @@ var BugBearClient = class {
       if (!testerInfo) return [];
       const { data, error } = await this.supabase.from("qa_sessions").select("*").eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).order("started_at", { ascending: false }).limit(limit);
       if (error) {
-        console.error("BugBear: Failed to fetch session history", error);
+        console.error("BugBear: Failed to fetch session history", formatPgError(error));
         return [];
       }
       return (data || []).map((s) => this.transformSession(s));
@@ -12838,7 +12834,7 @@ var BugBearClient = class {
         p_app_context: options.appContext || null
       });
       if (error) {
-        console.error("BugBear: Failed to add finding", error);
+        console.error("BugBear: Failed to add finding", formatPgError(error));
         return { success: false, error: error.message };
       }
       const finding = this.transformFinding(data);
@@ -12854,9 +12850,9 @@ 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);
+        console.error("BugBear: Failed to fetch findings", formatPgError(error));
         return [];
       }
       return (data || []).map((f) => this.transformFinding(f));
@@ -12874,7 +12870,7 @@ var BugBearClient = class {
         p_finding_id: findingId
       });
       if (error) {
-        console.error("BugBear: Failed to convert finding", error);
+        console.error("BugBear: Failed to convert finding", formatPgError(error));
         return { success: false, error: error.message };
       }
       return { success: true, bugId: data };
@@ -12895,7 +12891,7 @@ var BugBearClient = class {
         dismissed_at: (/* @__PURE__ */ new Date()).toISOString()
       }).eq("id", findingId);
       if (error) {
-        console.error("BugBear: Failed to dismiss finding", error);
+        console.error("BugBear: Failed to dismiss finding", formatPgError(error));
         return { success: false, error: error.message };
       }
       return { success: true };
@@ -12998,7 +12994,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 +13144,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 +13204,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo,
-        dashboardUrl: config.dashboardUrl
+        dashboardUrl: config.dashboardUrl,
+        onError: config.onError
       }
     },
     children
@@ -13729,6 +13730,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 +13753,39 @@ 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
+    setIsSubmitting(true);
+    try {
+      const result = await client.failAssignment(displayedAssignment.id);
+      if (!result.success) {
+        console.error("BugBear: Failed to mark assignment as failed", result.error);
       }
-    });
-  }, [client, displayedAssignment, refreshAssignments, nav]);
+      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 +13866,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" },
@@ -14421,6 +14436,7 @@ function ReportScreen({ nav, prefill }) {
   const [submitting, setSubmitting] = useState6(false);
   const [error, setError] = useState6(null);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
+  const isRetestFailure = prefill?.type === "test_fail";
   const isBugType = reportType === "bug" || reportType === "test_fail";
   const handleSubmit = async () => {
     if (!client || !description.trim()) return;
@@ -14460,7 +14476,50 @@ function ReportScreen({ nav, prefill }) {
       setSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React8.createElement(View7, null, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ React8.createElement(View7, { style: styles7.typeRow }, [
+  return /* @__PURE__ */ React8.createElement(View7, null, isRetestFailure ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(View7, { style: styles7.retestBanner }, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React8.createElement(View7, null, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.retestTitle }, "Bug Still Present"), /* @__PURE__ */ React8.createElement(Text7, { style: styles7.retestSubtitle }, "The fix did not resolve this issue"))), /* @__PURE__ */ React8.createElement(View7, { style: styles7.section }, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "Severity"), /* @__PURE__ */ React8.createElement(View7, { style: styles7.severityRow }, [
+    { sev: "critical", color: "#ef4444" },
+    { sev: "high", color: "#f97316" },
+    { sev: "medium", color: "#eab308" },
+    { sev: "low", color: "#6b7280" }
+  ].map(({ sev, color }) => /* @__PURE__ */ React8.createElement(
+    TouchableOpacity7,
+    {
+      key: sev,
+      style: [styles7.sevButton, severity === sev && { backgroundColor: `${color}30`, borderColor: color }],
+      onPress: () => setSeverity(sev)
+    },
+    /* @__PURE__ */ React8.createElement(Text7, { style: [styles7.sevText, severity === sev && { color }] }, sev)
+  )))), /* @__PURE__ */ React8.createElement(View7, { style: styles7.section }, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "What went wrong?"), /* @__PURE__ */ React8.createElement(
+    TextInput3,
+    {
+      style: styles7.descInput,
+      value: description,
+      onChangeText: setDescription,
+      placeholder: "Describe what you observed. What still doesn't work?",
+      placeholderTextColor: colors.textMuted,
+      multiline: true,
+      numberOfLines: 4,
+      textAlignVertical: "top"
+    }
+  )), /* @__PURE__ */ React8.createElement(
+    ImagePickerButtons,
+    {
+      images: images.images,
+      maxImages: 5,
+      onPickGallery: images.pickFromGallery,
+      onPickCamera: images.pickFromCamera,
+      onRemove: images.removeImage,
+      label: "Attachments (optional)"
+    }
+  ), error && /* @__PURE__ */ React8.createElement(View7, { style: styles7.errorBanner }, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.errorText }, error)), /* @__PURE__ */ React8.createElement(
+    TouchableOpacity7,
+    {
+      style: [shared.primaryButton, styles7.retestSubmitButton, (!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..." : error ? "Retry" : "Submit Failed Retest")
+  )) : /* @__PURE__ */ React8.createElement(React8.Fragment, 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}" },
     { type: "feedback", label: "Feedback", icon: "\u{1F4A1}" },
     { type: "suggestion", label: "Idea", icon: "\u2728" }
@@ -14525,7 +14584,7 @@ function ReportScreen({ nav, prefill }) {
       disabled: !description.trim() || submitting || images.isUploading
     },
     /* @__PURE__ */ React8.createElement(Text7, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
-  ));
+  )));
 }
 var styles7 = StyleSheet8.create({
   typeRow: { flexDirection: "row", gap: 10, marginBottom: 20 },
@@ -14542,7 +14601,12 @@ var styles7 = StyleSheet8.create({
   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 },
   errorBanner: { backgroundColor: "#7f1d1d", borderWidth: 1, borderColor: "#991b1b", borderRadius: 8, padding: 12, marginTop: 16 },
-  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 }
+  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 },
+  retestBanner: { flexDirection: "row", alignItems: "center", gap: 10, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 10, paddingVertical: 12, paddingHorizontal: 14, marginBottom: 20 },
+  retestIcon: { fontSize: 16 },
+  retestTitle: { fontSize: 15, fontWeight: "600", color: "#fbbf24", lineHeight: 20 },
+  retestSubtitle: { fontSize: 12, color: "#d97706", lineHeight: 16 },
+  retestSubmitButton: { backgroundColor: "#b45309" }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
@@ -15245,8 +15309,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.11",
+  "version": "0.4.1",
   "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",