@bbearai/react-native 0.4.0 → 0.5.0

package/dist/index.js

@@ -11393,7 +11393,7 @@ function shouldShowDeprecationWarning() {
 }
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
-// ../core/dist/index.mjs
+// node_modules/@bbearai/core/dist/index.mjs
 var MAX_CONSOLE_LOGS = 50;
 var MAX_NETWORK_REQUESTS = 20;
 var MAX_NAVIGATION_HISTORY = 20;
@@ -11634,6 +11634,11 @@ function captureError(error, errorInfo) {
     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 {
@@ -11803,7 +11808,7 @@ var BugBearClient = class {
           )
         `).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) => ({
@@ -12031,7 +12036,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 };
@@ -12210,7 +12215,7 @@ var BugBearClient = class {
         p_tester_id: testerInfo.id
       });
       if (error) {
-        console.error("BugBear: Failed to fetch tester stats", error);
+        console.error("BugBear: Failed to fetch tester stats", formatPgError(error));
         return null;
       }
       return data;
@@ -12361,7 +12366,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 };
@@ -12383,14 +12388,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;
     }
@@ -12420,7 +12425,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);
@@ -12451,7 +12456,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);
@@ -12526,7 +12531,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) => ({
@@ -12557,7 +12562,7 @@ var BugBearClient = class {
         p_tester_id: testerInfo.id
       });
       if (error) {
-        console.error("BugBear: Failed to fetch threads via RPC", error);
+        console.error("BugBear: Failed to fetch threads via RPC", formatPgError(error));
         return [];
       }
       if (!data || data.length === 0) return [];
@@ -12601,7 +12606,7 @@ var BugBearClient = class {
           attachments
         `).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) => ({
@@ -12645,7 +12650,7 @@ 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.markThreadAsRead(threadId);
@@ -12761,7 +12766,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);
@@ -12786,7 +12791,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);
@@ -12834,7 +12839,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));
@@ -12862,7 +12867,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);
@@ -12880,7 +12885,7 @@ var BugBearClient = class {
     try {
       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));
@@ -12898,7 +12903,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 };
@@ -12919,7 +12924,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 };
@@ -13782,7 +13787,10 @@ function TestDetailScreen({ testId, nav }) {
     import_react_native4.Keyboard.dismiss();
     setIsSubmitting(true);
     try {
-      await client.failAssignment(displayedAssignment.id);
+      const result = await client.failAssignment(displayedAssignment.id);
+      if (!result.success) {
+        console.error("BugBear: Failed to mark assignment as failed", result.error);
+      }
       await refreshAssignments();
       nav.replace({
         name: "REPORT",
@@ -14013,10 +14021,19 @@ var import_react_native5 = require("react-native");
 function TestListScreen({ nav }) {
   const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = (0, import_react5.useState)("all");
+  const [roleFilter, setRoleFilter] = (0, import_react5.useState)(null);
   const [collapsedFolders, setCollapsedFolders] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
   (0, import_react5.useEffect)(() => {
     refreshAssignments();
   }, []);
+  const availableRoles = (0, import_react5.useMemo)(() => {
+    const roleMap = /* @__PURE__ */ new Map();
+    for (const a of assignments) {
+      if (a.testCase.role) roleMap.set(a.testCase.role.id, a.testCase.role);
+    }
+    return Array.from(roleMap.values());
+  }, [assignments]);
+  const selectedRole = availableRoles.find((r) => r.id === roleFilter);
   const groupedAssignments = (0, import_react5.useMemo)(() => {
     const groups = /* @__PURE__ */ new Map();
     for (const assignment of assignments) {
@@ -14060,16 +14077,39 @@ function TestListScreen({ nav }) {
     });
   }, []);
   const filterAssignment = (a) => {
+    if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
     if (filter === "pending") return a.status === "pending" || a.status === "in_progress";
     if (filter === "completed") return a.status === "passed" || a.status === "failed";
     return true;
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, null, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { key: f, style: [styles3.filterBtn, filter === f && styles3.filterBtnActive], onPress: () => setFilter(f) }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [styles3.filterBtnText, filter === f && styles3.filterBtnTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length})` : `Done (${assignments.filter((a) => a.status === "passed" || a.status === "failed").length})`)))), groupedAssignments.map((folder) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, null, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { key: f, style: [styles3.filterBtn, filter === f && styles3.filterBtnActive], onPress: () => setFilter(f) }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [styles3.filterBtnText, filter === f && styles3.filterBtnTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length})` : `Done (${assignments.filter((a) => a.status === "passed" || a.status === "failed").length})`)))), availableRoles.length >= 2 && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.roleSection }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ import_react5.default.createElement(
+    import_react_native5.TouchableOpacity,
+    {
+      style: [styles3.roleBtn, !roleFilter && styles3.roleBtnActive],
+      onPress: () => setRoleFilter(null)
+    },
+    /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [styles3.roleBtnText, !roleFilter && styles3.roleBtnTextActive] }, "All Roles")
+  ), availableRoles.map((role) => {
+    const isActive = roleFilter === role.id;
+    return /* @__PURE__ */ import_react5.default.createElement(
+      import_react_native5.TouchableOpacity,
+      {
+        key: role.id,
+        style: [
+          styles3.roleBtn,
+          isActive && { backgroundColor: role.color + "20", borderColor: role.color + "60", borderWidth: 1 }
+        ],
+        onPress: () => setRoleFilter(isActive ? null : role.id)
+      },
+      /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.roleDot, { backgroundColor: role.color }] }),
+      /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [styles3.roleBtnText, isActive && { color: role.color, fontWeight: "600" }] }, role.name)
+    );
+  })), selectedRole?.loginHint && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.loginHint, { backgroundColor: selectedRole.color + "10", borderColor: selectedRole.color + "30" }] }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.loginHintText }, "Log in as: ", selectedRole.loginHint))), groupedAssignments.map((folder) => {
     const folderId = folder.group?.id || "ungrouped";
     const isCollapsed = collapsedFolders.has(folderId);
     const filtered = folder.assignments.filter(filterAssignment);
     if (filtered.length === 0 && filter !== "all") return null;
-    return /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { key: folderId, style: styles3.folder }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderName }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.folderProgressFill, { width: `${Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100)}%` }] })), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
+    return /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { key: folderId, style: styles3.folder }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderName, numberOfLines: 1 }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.folderProgressFill, { width: `${folder.stats.total > 0 ? Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100) : 0}%` }] })), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
       const badge = getStatusBadge(assignment.status);
       const isCurrent = currentAssignment?.id === assignment.id;
       return /* @__PURE__ */ import_react5.default.createElement(
@@ -14080,17 +14120,28 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.retestTag }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
+        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.retestTag }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.roleBadgeRow }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name))))
       );
     }));
-  }), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.refreshText }, "\u21BB Refresh")));
+  }), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.refreshText }, "\u21BB", " Refresh")));
 }
 var styles3 = import_react_native5.StyleSheet.create({
-  filterBar: { flexDirection: "row", gap: 8, marginBottom: 16 },
+  filterBar: { flexDirection: "row", gap: 8, marginBottom: 8 },
   filterBtn: { paddingHorizontal: 12, paddingVertical: 6, borderRadius: 8, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
   filterBtnActive: { backgroundColor: colors.blue, borderColor: colors.blue },
   filterBtnText: { fontSize: 12, color: colors.textSecondary },
   filterBtnTextActive: { color: "#fff", fontWeight: "600" },
+  roleSection: { marginBottom: 12 },
+  roleBar: { flexDirection: "row", marginBottom: 6 },
+  roleBtn: { flexDirection: "row", alignItems: "center", gap: 5, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
+  roleBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  roleBtnText: { fontSize: 11, color: colors.textMuted },
+  roleBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
+  roleDot: { width: 6, height: 6, borderRadius: 3 },
+  loginHint: { borderRadius: 6, padding: 8, borderWidth: 1 },
+  loginHintText: { fontSize: 11, color: colors.textSecondary },
+  roleBadgeRow: { flexDirection: "row", alignItems: "center", gap: 3 },
+  roleBadgeDot: { width: 5, height: 5, borderRadius: 3 },
   folder: { marginBottom: 12 },
   folderHeader: { flexDirection: "row", alignItems: "center", gap: 8, paddingVertical: 8, paddingHorizontal: 4 },
   folderToggle: { fontSize: 10, color: colors.textMuted, width: 14 },
@@ -14103,7 +14154,7 @@ var styles3 = import_react_native5.StyleSheet.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
-  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6, flexWrap: "wrap" },
   retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
   retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
@@ -14446,6 +14497,7 @@ function ReportScreen({ nav, prefill }) {
   const [submitting, setSubmitting] = (0, import_react10.useState)(false);
   const [error, setError] = (0, import_react10.useState)(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;
@@ -14485,7 +14537,50 @@ function ReportScreen({ nav, prefill }) {
       setSubmitting(false);
     }
   };
-  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 }, [
+  return /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, null, isRetestFailure ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.retestBanner }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.retestIcon }, "\u{1F504}"), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, null, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.retestTitle }, "Bug Still Present"), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.retestSubtitle }, "The fix did not resolve this issue"))), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.section }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.label }, "Severity"), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.severityRow }, [
+    { sev: "critical", color: "#ef4444" },
+    { sev: "high", color: "#f97316" },
+    { sev: "medium", color: "#eab308" },
+    { sev: "low", color: "#6b7280" }
+  ].map(({ sev, color }) => /* @__PURE__ */ import_react10.default.createElement(
+    import_react_native9.TouchableOpacity,
+    {
+      key: sev,
+      style: [styles7.sevButton, severity === sev && { backgroundColor: `${color}30`, borderColor: color }],
+      onPress: () => setSeverity(sev)
+    },
+    /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: [styles7.sevText, severity === sev && { color }] }, sev)
+  )))), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.section }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.label }, "What went wrong?"), /* @__PURE__ */ import_react10.default.createElement(
+    import_react_native9.TextInput,
+    {
+      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__ */ import_react10.default.createElement(
+    ImagePickerButtons,
+    {
+      images: images.images,
+      maxImages: 5,
+      onPickGallery: images.pickFromGallery,
+      onPickCamera: images.pickFromCamera,
+      onRemove: images.removeImage,
+      label: "Attachments (optional)"
+    }
+  ), 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, styles7.retestSubmitButton, (!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..." : error ? "Retry" : "Submit Failed Retest")
+  )) : /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, 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}" },
     { type: "feedback", label: "Feedback", icon: "\u{1F4A1}" },
     { type: "suggestion", label: "Idea", icon: "\u2728" }
@@ -14550,7 +14645,7 @@ function ReportScreen({ nav, prefill }) {
       disabled: !description.trim() || submitting || images.isUploading
     },
     /* @__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({
   typeRow: { flexDirection: "row", gap: 10, marginBottom: 20 },
@@ -14567,7 +14662,12 @@ var styles7 = import_react_native9.StyleSheet.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

package/dist/index.mjs

@@ -11360,7 +11360,7 @@ function shouldShowDeprecationWarning() {
 }
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
-// ../core/dist/index.mjs
+// node_modules/@bbearai/core/dist/index.mjs
 var MAX_CONSOLE_LOGS = 50;
 var MAX_NETWORK_REQUESTS = 20;
 var MAX_NAVIGATION_HISTORY = 20;
@@ -11601,6 +11601,11 @@ function captureError(error, errorInfo) {
     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 {
@@ -11770,7 +11775,7 @@ var BugBearClient = class {
           )
         `).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) => ({
@@ -11998,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 };
@@ -12177,7 +12182,7 @@ var BugBearClient = class {
         p_tester_id: testerInfo.id
       });
       if (error) {
-        console.error("BugBear: Failed to fetch tester stats", error);
+        console.error("BugBear: Failed to fetch tester stats", formatPgError(error));
         return null;
       }
       return data;
@@ -12328,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 };
@@ -12350,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;
     }
@@ -12387,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);
@@ -12418,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);
@@ -12493,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) => ({
@@ -12524,7 +12529,7 @@ var BugBearClient = class {
         p_tester_id: testerInfo.id
       });
       if (error) {
-        console.error("BugBear: Failed to fetch threads via RPC", error);
+        console.error("BugBear: Failed to fetch threads via RPC", formatPgError(error));
         return [];
       }
       if (!data || data.length === 0) return [];
@@ -12568,7 +12573,7 @@ var BugBearClient = class {
           attachments
         `).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) => ({
@@ -12612,7 +12617,7 @@ 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.markThreadAsRead(threadId);
@@ -12728,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);
@@ -12753,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);
@@ -12801,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));
@@ -12829,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);
@@ -12847,7 +12852,7 @@ var BugBearClient = class {
     try {
       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));
@@ -12865,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 };
@@ -12886,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 };
@@ -13215,7 +13220,7 @@ import {
   Image as Image3,
   TouchableOpacity as TouchableOpacity12,
   Modal as Modal2,
-  ScrollView as ScrollView2,
+  ScrollView as ScrollView3,
   StyleSheet as StyleSheet14,
   Dimensions as Dimensions2,
   KeyboardAvoidingView,
@@ -13764,7 +13769,10 @@ function TestDetailScreen({ testId, nav }) {
     Keyboard.dismiss();
     setIsSubmitting(true);
     try {
-      await client.failAssignment(displayedAssignment.id);
+      const result = await client.failAssignment(displayedAssignment.id);
+      if (!result.success) {
+        console.error("BugBear: Failed to mark assignment as failed", result.error);
+      }
       await refreshAssignments();
       nav.replace({
         name: "REPORT",
@@ -13991,14 +13999,23 @@ var styles2 = StyleSheet3.create({
 
 // src/widget/screens/TestListScreen.tsx
 import React4, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect4 } from "react";
-import { View as View3, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet4 } from "react-native";
+import { View as View3, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet4, ScrollView } from "react-native";
 function TestListScreen({ nav }) {
   const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = useState3("all");
+  const [roleFilter, setRoleFilter] = useState3(null);
   const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
   useEffect4(() => {
     refreshAssignments();
   }, []);
+  const availableRoles = useMemo2(() => {
+    const roleMap = /* @__PURE__ */ new Map();
+    for (const a of assignments) {
+      if (a.testCase.role) roleMap.set(a.testCase.role.id, a.testCase.role);
+    }
+    return Array.from(roleMap.values());
+  }, [assignments]);
+  const selectedRole = availableRoles.find((r) => r.id === roleFilter);
   const groupedAssignments = useMemo2(() => {
     const groups = /* @__PURE__ */ new Map();
     for (const assignment of assignments) {
@@ -14042,16 +14059,39 @@ function TestListScreen({ nav }) {
     });
   }, []);
   const filterAssignment = (a) => {
+    if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
     if (filter === "pending") return a.status === "pending" || a.status === "in_progress";
     if (filter === "completed") return a.status === "passed" || a.status === "failed";
     return true;
   };
-  return /* @__PURE__ */ React4.createElement(View3, null, /* @__PURE__ */ React4.createElement(View3, { style: styles3.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ React4.createElement(TouchableOpacity3, { key: f, style: [styles3.filterBtn, filter === f && styles3.filterBtnActive], onPress: () => setFilter(f) }, /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.filterBtnText, filter === f && styles3.filterBtnTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length})` : `Done (${assignments.filter((a) => a.status === "passed" || a.status === "failed").length})`)))), groupedAssignments.map((folder) => {
+  return /* @__PURE__ */ React4.createElement(View3, null, /* @__PURE__ */ React4.createElement(View3, { style: styles3.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ React4.createElement(TouchableOpacity3, { key: f, style: [styles3.filterBtn, filter === f && styles3.filterBtnActive], onPress: () => setFilter(f) }, /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.filterBtnText, filter === f && styles3.filterBtnTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length})` : `Done (${assignments.filter((a) => a.status === "passed" || a.status === "failed").length})`)))), availableRoles.length >= 2 && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleSection }, /* @__PURE__ */ React4.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ React4.createElement(
+    TouchableOpacity3,
+    {
+      style: [styles3.roleBtn, !roleFilter && styles3.roleBtnActive],
+      onPress: () => setRoleFilter(null)
+    },
+    /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.roleBtnText, !roleFilter && styles3.roleBtnTextActive] }, "All Roles")
+  ), availableRoles.map((role) => {
+    const isActive = roleFilter === role.id;
+    return /* @__PURE__ */ React4.createElement(
+      TouchableOpacity3,
+      {
+        key: role.id,
+        style: [
+          styles3.roleBtn,
+          isActive && { backgroundColor: role.color + "20", borderColor: role.color + "60", borderWidth: 1 }
+        ],
+        onPress: () => setRoleFilter(isActive ? null : role.id)
+      },
+      /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleDot, { backgroundColor: role.color }] }),
+      /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.roleBtnText, isActive && { color: role.color, fontWeight: "600" }] }, role.name)
+    );
+  })), selectedRole?.loginHint && /* @__PURE__ */ React4.createElement(View3, { style: [styles3.loginHint, { backgroundColor: selectedRole.color + "10", borderColor: selectedRole.color + "30" }] }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.loginHintText }, "Log in as: ", selectedRole.loginHint))), groupedAssignments.map((folder) => {
     const folderId = folder.group?.id || "ungrouped";
     const isCollapsed = collapsedFolders.has(folderId);
     const filtered = folder.assignments.filter(filterAssignment);
     if (filtered.length === 0 && filter !== "all") return null;
-    return /* @__PURE__ */ React4.createElement(View3, { key: folderId, style: styles3.folder }, /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderName }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ React4.createElement(View3, { style: styles3.folderProgress }, /* @__PURE__ */ React4.createElement(View3, { style: [styles3.folderProgressFill, { width: `${Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100)}%` }] })), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
+    return /* @__PURE__ */ React4.createElement(View3, { key: folderId, style: styles3.folder }, /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderName, numberOfLines: 1 }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ React4.createElement(View3, { style: styles3.folderProgress }, /* @__PURE__ */ React4.createElement(View3, { style: [styles3.folderProgressFill, { width: `${folder.stats.total > 0 ? Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100) : 0}%` }] })), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
       const badge = getStatusBadge(assignment.status);
       const isCurrent = currentAssignment?.id === assignment.id;
       return /* @__PURE__ */ React4.createElement(
@@ -14062,17 +14102,28 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
+        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleBadgeRow }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name))))
       );
     }));
-  }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB Refresh")));
+  }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
 }
 var styles3 = StyleSheet4.create({
-  filterBar: { flexDirection: "row", gap: 8, marginBottom: 16 },
+  filterBar: { flexDirection: "row", gap: 8, marginBottom: 8 },
   filterBtn: { paddingHorizontal: 12, paddingVertical: 6, borderRadius: 8, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
   filterBtnActive: { backgroundColor: colors.blue, borderColor: colors.blue },
   filterBtnText: { fontSize: 12, color: colors.textSecondary },
   filterBtnTextActive: { color: "#fff", fontWeight: "600" },
+  roleSection: { marginBottom: 12 },
+  roleBar: { flexDirection: "row", marginBottom: 6 },
+  roleBtn: { flexDirection: "row", alignItems: "center", gap: 5, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
+  roleBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  roleBtnText: { fontSize: 11, color: colors.textMuted },
+  roleBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
+  roleDot: { width: 6, height: 6, borderRadius: 3 },
+  loginHint: { borderRadius: 6, padding: 8, borderWidth: 1 },
+  loginHintText: { fontSize: 11, color: colors.textSecondary },
+  roleBadgeRow: { flexDirection: "row", alignItems: "center", gap: 3 },
+  roleBadgeDot: { width: 5, height: 5, borderRadius: 3 },
   folder: { marginBottom: 12 },
   folderHeader: { flexDirection: "row", alignItems: "center", gap: 8, paddingVertical: 8, paddingHorizontal: 4 },
   folderToggle: { fontSize: 10, color: colors.textMuted, width: 14 },
@@ -14085,7 +14136,7 @@ var styles3 = StyleSheet4.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
-  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6, flexWrap: "wrap" },
   retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
   retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
@@ -14180,10 +14231,10 @@ import { View as View5, Text as Text5, TouchableOpacity as TouchableOpacity5, St
 
 // src/widget/ImagePreviewStrip.tsx
 import React5 from "react";
-import { View as View4, Text as Text4, TouchableOpacity as TouchableOpacity4, ScrollView, Image, ActivityIndicator, StyleSheet as StyleSheet5 } from "react-native";
+import { View as View4, Text as Text4, TouchableOpacity as TouchableOpacity4, ScrollView as ScrollView2, Image, ActivityIndicator, StyleSheet as StyleSheet5 } from "react-native";
 function ImagePreviewStrip({ images, onRemove }) {
   if (images.length === 0) return null;
-  return /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ React5.createElement(View4, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ React5.createElement(Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ React5.createElement(View4, { style: styles4.thumbOverlay }, /* @__PURE__ */ React5.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React5.createElement(View4, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbRemoveText }, "\u2715")))));
+  return /* @__PURE__ */ React5.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ React5.createElement(View4, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ React5.createElement(Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ React5.createElement(View4, { style: styles4.thumbOverlay }, /* @__PURE__ */ React5.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React5.createElement(View4, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbRemoveText }, "\u2715")))));
 }
 var styles4 = StyleSheet5.create({
   strip: {
@@ -14428,6 +14479,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;
@@ -14467,7 +14519,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" }
@@ -14532,7 +14627,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 },
@@ -14549,7 +14644,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
@@ -15100,7 +15200,7 @@ function BugBearButton({
         style: styles13.modalOverlay
       },
       /* @__PURE__ */ React14.createElement(View13, { style: styles13.modalContainer }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.header }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerLeft }, canGoBack ? /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerNavRow }, /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => nav.pop(), style: styles13.backButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.backText }, "\u2190 Back")), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => nav.reset(), style: styles13.homeButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerTitleRow }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: handleClose, style: styles13.closeButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.closeText }, "\u2715"))), /* @__PURE__ */ React14.createElement(
-        ScrollView2,
+        ScrollView3,
         {
           style: styles13.content,
           contentContainerStyle: styles13.contentContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -49,7 +49,7 @@
     }
   },
   "devDependencies": {
-    "@bbearai/core": "^0.3.0",
+    "@bbearai/core": "^0.4.0",
     "@eslint/js": "^9.39.2",
     "@types/react": "^18.2.0",
     "eslint": "^9.39.2",