@bbearai/react-native 0.3.5 → 0.3.7

package/dist/index.js

@@ -11543,7 +11543,7 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
       }
-      return (data || []).map((item) => ({
+      const mapped = (data || []).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -11576,6 +11576,12 @@ var BugBearClient = class {
           } : void 0
         }
       }));
+      mapped.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
+        return 0;
+      });
+      return mapped;
     } catch (err) {
       console.error("BugBear: Error fetching assignments", err);
       return [];
@@ -13340,7 +13346,13 @@ var import_react3 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
 function HomeScreen({ nav }) {
   const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, dashboardUrl } = useBugBear();
-  const pendingCount = assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length;
+  (0, import_react3.useEffect)(() => {
+    refreshAssignments();
+    refreshThreads();
+  }, []);
+  const pendingAssignments = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
+  const pendingCount = pendingAssignments.length;
+  const retestCount = pendingAssignments.filter((a) => a.isVerification).length;
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   const totalTests = assignments.length;
   return /* @__PURE__ */ import_react3.default.createElement(import_react_native3.View, null, pendingCount > 0 ? /* @__PURE__ */ import_react3.default.createElement(
@@ -13352,6 +13364,7 @@ function HomeScreen({ nav }) {
     },
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroCount }, pendingCount),
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
+    retestCount > 0 && /* @__PURE__ */ import_react3.default.createElement(import_react_native3.View, { style: styles.retestPill }, /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
     /* @__PURE__ */ import_react3.default.createElement(import_react_native3.Text, { style: styles.heroAction }, "Start Testing \u2192")
   ) : unreadCount > 0 ? /* @__PURE__ */ import_react3.default.createElement(
     import_react_native3.TouchableOpacity,
@@ -13455,6 +13468,22 @@ var styles = import_react_native3.StyleSheet.create({
     color: colors.blueText,
     marginTop: 2
   },
+  retestPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    marginTop: 8
+  },
+  retestPillText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#fbbf24"
+  },
   heroAction: {
     fontSize: 14,
     fontWeight: "600",
@@ -13665,7 +13694,7 @@ function TestDetailScreen({ testId, nav }) {
   const steps = testCase.steps;
   const info = templateInfo[template] || templateInfo.steps;
   const rubricMode = testCase.track?.rubricMode || "pass_fail";
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.container }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.topRow }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.positionInfo }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.timerBadge }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.viewAllLink }, "View All \u2192"))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { key: idx, style: styles2.step }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepNumber }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepBody }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.container }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.topRow }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.positionInfo }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.timerBadge }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.retestBanner }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { key: idx, style: styles2.step }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepNumber }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles2.stepBody }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
       key: idx,
@@ -13749,6 +13778,10 @@ function TestDetailScreen({ testId, nav }) {
 }
 var styles2 = import_react_native4.StyleSheet.create({
   container: { paddingBottom: 16 },
+  retestBanner: { flexDirection: "row", alignItems: "center", gap: 6, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 8, paddingVertical: 6, paddingHorizontal: 10, marginBottom: 10 },
+  retestIcon: { fontSize: 14 },
+  retestLabel: { fontSize: 13, fontWeight: "600", color: "#fbbf24" },
+  retestSub: { fontSize: 12, color: "#d97706" },
   topRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 12 },
   positionInfo: { flexDirection: "row", alignItems: "center", gap: 8 },
   positionText: { fontSize: 13, color: colors.textMuted },
@@ -13864,6 +13897,8 @@ function TestListScreen({ nav }) {
     const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
     for (const folder of groups.values()) {
       folder.assignments.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
         const sd = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
         if (sd !== 0) return sd;
         return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
@@ -13905,7 +13940,7 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority))
+        /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testInfo }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.retestTag }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
       );
     }));
   }), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.refreshText }, "\u21BB Refresh")));
@@ -13928,6 +13963,9 @@ var styles3 = import_react_native5.StyleSheet.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
+  retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }

package/dist/index.mjs

@@ -11512,7 +11512,7 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", error);
         return [];
       }
-      return (data || []).map((item) => ({
+      const mapped = (data || []).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -11545,6 +11545,12 @@ var BugBearClient = class {
           } : void 0
         }
       }));
+      mapped.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
+        return 0;
+      });
+      return mapped;
     } catch (err) {
       console.error("BugBear: Error fetching assignments", err);
       return [];
@@ -13319,11 +13325,17 @@ var templateInfo = {
 };
 
 // src/widget/screens/HomeScreen.tsx
-import React2 from "react";
+import React2, { useEffect as useEffect2 } from "react";
 import { View, Text, TouchableOpacity, StyleSheet as StyleSheet2, Linking } from "react-native";
 function HomeScreen({ nav }) {
   const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, dashboardUrl } = useBugBear();
-  const pendingCount = assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length;
+  useEffect2(() => {
+    refreshAssignments();
+    refreshThreads();
+  }, []);
+  const pendingAssignments = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
+  const pendingCount = pendingAssignments.length;
+  const retestCount = pendingAssignments.filter((a) => a.isVerification).length;
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   const totalTests = assignments.length;
   return /* @__PURE__ */ React2.createElement(View, null, pendingCount > 0 ? /* @__PURE__ */ React2.createElement(
@@ -13335,6 +13347,7 @@ function HomeScreen({ nav }) {
     },
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroCount }, pendingCount),
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
+    retestCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.retestPill }, /* @__PURE__ */ React2.createElement(Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
     /* @__PURE__ */ React2.createElement(Text, { style: styles.heroAction }, "Start Testing \u2192")
   ) : unreadCount > 0 ? /* @__PURE__ */ React2.createElement(
     TouchableOpacity,
@@ -13438,6 +13451,22 @@ var styles = StyleSheet2.create({
     color: colors.blueText,
     marginTop: 2
   },
+  retestPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    marginTop: 8
+  },
+  retestPillText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#fbbf24"
+  },
   heroAction: {
     fontSize: 14,
     fontWeight: "600",
@@ -13566,7 +13595,7 @@ var styles = StyleSheet2.create({
 });
 
 // src/widget/screens/TestDetailScreen.tsx
-import React3, { useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+import React3, { useState as useState2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
 import { View as View2, Text as Text2, TouchableOpacity as TouchableOpacity2, StyleSheet as StyleSheet3, Modal, TextInput } from "react-native";
 function TestDetailScreen({ testId, nav }) {
   const { client, assignments, currentAssignment, refreshAssignments, getDeviceInfo, onNavigate } = useBugBear();
@@ -13579,12 +13608,12 @@ function TestDetailScreen({ testId, nav }) {
   const [selectedSkipReason, setSelectedSkipReason] = useState2(null);
   const [skipNotes, setSkipNotes] = useState2("");
   const [skipping, setSkipping] = useState2(false);
-  useEffect2(() => {
+  useEffect3(() => {
     setCriteriaResults({});
     setShowSteps(true);
     setShowDetails(false);
   }, [displayedAssignment?.id]);
-  useEffect2(() => {
+  useEffect3(() => {
     const active = displayedAssignment?.status === "in_progress" ? displayedAssignment : null;
     if (!active?.startedAt) {
       setAssignmentElapsedTime(0);
@@ -13648,7 +13677,7 @@ function TestDetailScreen({ testId, nav }) {
   const steps = testCase.steps;
   const info = templateInfo[template] || templateInfo.steps;
   const rubricMode = testCase.track?.rubricMode || "pass_fail";
-  return /* @__PURE__ */ React3.createElement(View2, { style: styles2.container }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.topRow }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.positionInfo }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles2.timerBadge }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React3.createElement(View2, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.step }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepNumber }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepBody }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React3.createElement(React3.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement(View2, { style: styles2.container }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.topRow }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.positionInfo }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles2.timerBadge }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ React3.createElement(View2, { style: styles2.retestBanner }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React3.createElement(View2, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.step }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepNumber }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepBody }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React3.createElement(React3.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React3.createElement(
     TouchableOpacity2,
     {
       key: idx,
@@ -13732,6 +13761,10 @@ function TestDetailScreen({ testId, nav }) {
 }
 var styles2 = StyleSheet3.create({
   container: { paddingBottom: 16 },
+  retestBanner: { flexDirection: "row", alignItems: "center", gap: 6, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 8, paddingVertical: 6, paddingHorizontal: 10, marginBottom: 10 },
+  retestIcon: { fontSize: 14 },
+  retestLabel: { fontSize: 13, fontWeight: "600", color: "#fbbf24" },
+  retestSub: { fontSize: 12, color: "#d97706" },
   topRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 12 },
   positionInfo: { flexDirection: "row", alignItems: "center", gap: 8 },
   positionText: { fontSize: 13, color: colors.textMuted },
@@ -13847,6 +13880,8 @@ function TestListScreen({ nav }) {
     const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
     for (const folder of groups.values()) {
       folder.assignments.sort((a, b) => {
+        if (a.isVerification && !b.isVerification) return -1;
+        if (!a.isVerification && b.isVerification) return 1;
         const sd = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
         if (sd !== 0) return sd;
         return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
@@ -13888,7 +13923,7 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority))
+        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.key, " \xB7 ", assignment.testCase.priority)))
       );
     }));
   }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB Refresh")));
@@ -13911,6 +13946,9 @@ var styles3 = StyleSheet4.create({
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
+  testMetaRow: { flexDirection: "row", alignItems: "center", gap: 6 },
+  retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
+  retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }
@@ -14337,10 +14375,10 @@ var styles7 = StyleSheet8.create({
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
-import React9, { useEffect as useEffect3 } from "react";
+import React9, { useEffect as useEffect4 } from "react";
 import { View as View8, Text as Text8, StyleSheet as StyleSheet9 } from "react-native";
 function ReportSuccessScreen({ nav }) {
-  useEffect3(() => {
+  useEffect4(() => {
     const timer = setTimeout(() => nav.reset(), 2e3);
     return () => clearTimeout(timer);
   }, [nav]);
@@ -14399,7 +14437,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/widget/screens/ThreadDetailScreen.tsx
-import React11, { useState as useState7, useEffect as useEffect4 } from "react";
+import React11, { useState as useState7, useEffect as useEffect5 } from "react";
 import { View as View10, Text as Text10, TouchableOpacity as TouchableOpacity9, TextInput as TextInput4, StyleSheet as StyleSheet11, Image as Image2 } from "react-native";
 function ThreadDetailScreen({ thread, nav }) {
   const { getThreadMessages, sendMessage, markAsRead, uploadImage } = useBugBear();
@@ -14409,7 +14447,7 @@ function ThreadDetailScreen({ thread, nav }) {
   const [sending, setSending] = useState7(false);
   const [sendError, setSendError] = useState7(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
-  useEffect4(() => {
+  useEffect5(() => {
     (async () => {
       setLoading(true);
       const msgs = await getThreadMessages(thread.id);
@@ -14578,7 +14616,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/widget/screens/ProfileScreen.tsx
-import React13, { useState as useState9, useEffect as useEffect5 } from "react";
+import React13, { useState as useState9, useEffect as useEffect6 } from "react";
 import { View as View12, Text as Text12, TouchableOpacity as TouchableOpacity11, TextInput as TextInput6, StyleSheet as StyleSheet13 } from "react-native";
 function ProfileScreen({ nav }) {
   const { testerInfo, assignments, updateTesterProfile, refreshTesterInfo } = useBugBear();
@@ -14591,7 +14629,7 @@ function ProfileScreen({ nav }) {
   const [saved, setSaved] = useState9(false);
   const [showDetails, setShowDetails] = useState9(false);
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
-  useEffect5(() => {
+  useEffect6(() => {
     if (testerInfo) {
       setName(testerInfo.name);
       setAdditionalEmails(testerInfo.additionalEmails || []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",