@bbearai/react-native 0.2.0 → 0.2.1

package/dist/index.js

@@ -13009,6 +13009,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   }, [enabled, config, initializeBugBear]);
   const currentAssignment = assignments.find(
     (a) => a.status === "in_progress"
+  ) || assignments.find(
+    (a) => a.status === "pending"
   ) || assignments[0] || null;
   const shouldShowWidget = isQAEnabled && isTester;
   return /* @__PURE__ */ import_react.default.createElement(
@@ -13267,6 +13269,15 @@ function BugBearButton({
       else if (assignment.status === "skipped") folder.stats.skipped++;
       else folder.stats.pending++;
     }
+    const priorityOrder = { P0: 0, P1: 1, P2: 2, P3: 3 };
+    const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
+    for (const folder of groups.values()) {
+      folder.assignments.sort((a, b) => {
+        const statusDiff = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
+        if (statusDiff !== 0) return statusDiff;
+        return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
+      });
+    }
     const sortedGroups = Array.from(groups.values()).sort((a, b) => {
       if (!a.group && !b.group) return 0;
       if (!a.group) return 1;
@@ -13308,6 +13319,19 @@ function BugBearButton({
   }
   const pendingCount = assignments.filter((a) => a.status === "pending").length;
   const inProgressCount = assignments.filter((a) => a.status === "in_progress").length;
+  const passedCount = assignments.filter((a) => a.status === "passed").length;
+  const failedCount = assignments.filter((a) => a.status === "failed").length;
+  const [testFilter, setTestFilter] = (0, import_react2.useState)("all");
+  const handleNextTest = () => {
+    const nextTest = assignments.find(
+      (a) => a.id !== displayedAssignment?.id && (a.status === "pending" || a.status === "in_progress")
+    );
+    if (nextTest) {
+      setSelectedTestId(nextTest.id);
+      setTestView("detail");
+      setShowSteps(false);
+    }
+  };
   const handlePass = async () => {
     if (!displayedAssignment) return;
     setPendingFeedbackStatus("passed");
@@ -13375,7 +13399,7 @@ function BugBearButton({
       setShowFeedbackPrompt(false);
       setPendingFeedbackStatus(null);
       setActiveTab("report");
-      setReportType("test_fail");
+      setReportType("bug");
     }
   };
   const handleSkipFeedback = () => {
@@ -13450,14 +13474,19 @@ function BugBearButton({
       await markAsRead(thread.id);
     }
   };
+  const [messageSendError, setMessageSendError] = (0, import_react2.useState)(false);
   const handleSendReply = async () => {
     if (!selectedThread || !replyText.trim()) return;
     setSendingReply(true);
+    setMessageSendError(false);
     const success = await sendMessage(selectedThread.id, replyText.trim());
     if (success) {
       setReplyText("");
       const messages = await getThreadMessages(selectedThread.id);
       setThreadMessages(messages);
+    } else {
+      setMessageSendError(true);
+      setTimeout(() => setMessageSendError(false), 3e3);
     }
     setSendingReply(false);
   };
@@ -13762,7 +13791,7 @@ function BugBearButton({
           style: [styles.tab, activeTab === "tests" && styles.activeTab],
           onPress: () => setActiveTab("tests")
         },
-        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: [styles.tabText, activeTab === "tests" && styles.activeTabText] }, "Tests ", pendingCount > 0 && `(${pendingCount})`)
+        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: [styles.tabText, activeTab === "tests" && styles.activeTabText] }, "Tests ", assignments.length > 0 && `(${passedCount + failedCount}/${assignments.length})`)
       ), /* @__PURE__ */ import_react2.default.createElement(
         import_react_native2.TouchableOpacity,
         {
@@ -13786,7 +13815,15 @@ function BugBearButton({
         /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: [styles.tabText, activeTab === "report" && styles.activeTabText] }, "Report")
       )), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.ScrollView, { style: styles.content }, activeTab === "tests" && /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, assignments.length === 0 ? /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.emptyState }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.emptyEmoji }, "\u2705"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.emptyTitle }, "All caught up!"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.emptySubtitle }, "No tests assigned")) : testView === "list" ? (
         /* List View - Show tests grouped by folder */
-        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " assigned"), groupedAssignments.map((folder) => {
+        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " \xB7 ", passedCount, " passed \xB7 ", failedCount, " failed"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ import_react2.default.createElement(
+          import_react_native2.TouchableOpacity,
+          {
+            key: f,
+            style: [styles.filterChip, testFilter === f && styles.filterChipActive],
+            onPress: () => setTestFilter(f)
+          },
+          /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: [styles.filterChipText, testFilter === f && styles.filterChipTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${pendingCount + inProgressCount})` : `Done (${passedCount + failedCount})`)
+        ))), groupedAssignments.map((folder) => {
           const groupId = folder.group?.id || "ungrouped";
           const isCollapsed = collapsedFolders.has(groupId);
           const completedCount = folder.stats.passed + folder.stats.failed + folder.stats.skipped;
@@ -13806,7 +13843,11 @@ function BugBearButton({
                 { width: `${completedCount / folder.stats.total * 100}%` }
               ]
             }
-          )), !isCollapsed && folder.assignments.map((assignment) => {
+          )), !isCollapsed && folder.assignments.filter((a) => {
+            if (testFilter === "pending") return a.status === "pending" || a.status === "in_progress";
+            if (testFilter === "completed") return a.status === "passed" || a.status === "failed" || a.status === "skipped";
+            return true;
+          }).map((assignment) => {
             const statusBadge = getStatusBadge(assignment.status);
             return /* @__PURE__ */ import_react2.default.createElement(
               import_react_native2.TouchableOpacity,
@@ -13905,7 +13946,10 @@ function BugBearButton({
             style: styles.backButton
           },
           /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.backButtonText }, "\u2190 All Tests (", assignments.length, ")")
-        ), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testCard }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testHeader }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.testKey }, displayedAssignment.testCase.testKey), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testHeaderBadges }, displayedAssignment.testCase.track && /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: [styles.trackBadge, { backgroundColor: displayedAssignment.testCase.track.color }] }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.trackBadgeText }, templateInfo[displayedAssignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: [
+        ), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testCard }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testHeader }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.testKey }, displayedAssignment.testCase.testKey), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.testHeaderBadges }, (() => {
+          const badge = getStatusBadge(displayedAssignment.status);
+          return /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: [styles.statusBadge, { backgroundColor: badge.color + "20" }] }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.statusBadgeIcon }, badge.icon), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: [styles.statusBadgeText, { color: badge.color }] }, badge.label));
+        })(), displayedAssignment.testCase.track && /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: [styles.trackBadge, { backgroundColor: displayedAssignment.testCase.track.color }] }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.trackBadgeText }, templateInfo[displayedAssignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: [
           styles.priorityBadge,
           displayedAssignment.testCase.priority === "P0" && styles.priorityP0,
           displayedAssignment.testCase.priority === "P1" && styles.priorityP1
@@ -13946,7 +13990,14 @@ function BugBearButton({
             disabled: submitting || skipping
           },
           /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.passButtonText }, submitting ? "..." : "\u2713 Pass")
-        )))
+        )), pendingCount > 1 || pendingCount === 1 && displayedAssignment.status !== "pending" ? /* @__PURE__ */ import_react2.default.createElement(
+          import_react_native2.TouchableOpacity,
+          {
+            style: styles.nextTestButton,
+            onPress: handleNextTest
+          },
+          /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.nextTestButtonText }, "Next Test \u25B6")
+        ) : null)
       ) : null), activeTab === "messages" && /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, messageView === "compose" ? (
         /* Compose New Message View */
         /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: handleBackToThreadList, style: styles.backButton }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.backButtonText }, "\u2190 Back to Messages")), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.composeHeader }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.composeTitle }, "New Message"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.composeSubtitle }, "Send a message to the QA team")), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.composeForm }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.label }, "Subject"), /* @__PURE__ */ import_react2.default.createElement(
@@ -14330,7 +14381,7 @@ function BugBearButton({
         /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.closeProfileButtonText }, "\u2190 Back")
       ))), activeTab === "messages" && messageView === "thread" && selectedThread ? (
         /* Reply Composer */
-        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.replyComposer }, /* @__PURE__ */ import_react2.default.createElement(
+        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, messageSendError && /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.messageSendError }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.messageSendErrorText }, "Failed to send. Tap Send to retry.")), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.replyComposer }, /* @__PURE__ */ import_react2.default.createElement(
           import_react_native2.TextInput,
           {
             style: styles.replyInput,
@@ -14352,10 +14403,10 @@ function BugBearButton({
             disabled: !replyText.trim() || sendingReply
           },
           /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.sendButtonText }, sendingReply ? "..." : "Send")
-        ))
+        )))
       ) : (
         /* Standard Footer */
-        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))) : activeTab === "explore" ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, activeSession ? `${sessionFindings.length} findings` : "No active session"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshSession }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, pendingCount, " pending \xB7 ", inProgressCount, " in progress"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))))
+        /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))) : activeTab === "explore" ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, activeSession ? `${sessionFindings.length} findings` : "No active session"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshSession }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.footerText }, passedCount + failedCount, "/", assignments.length, " done \xB7 ", pendingCount, " pending"), /* @__PURE__ */ import_react2.default.createElement(import_react_native2.TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ import_react2.default.createElement(import_react_native2.Text, { style: styles.refreshText }, "\u21BB Refresh"))))
       ))
     )
   ), /* @__PURE__ */ import_react2.default.createElement(
@@ -14545,7 +14596,8 @@ var styles = import_react_native2.StyleSheet.create({
     justifyContent: "space-between",
     alignItems: "center",
     paddingHorizontal: 16,
-    paddingVertical: 12,
+    paddingTop: 12,
+    paddingBottom: import_react_native2.Platform.OS === "ios" ? 34 : 12,
     borderTopWidth: 1,
     borderTopColor: "#27272a",
     backgroundColor: "#09090b"
@@ -15293,7 +15345,9 @@ var styles = import_react_native2.StyleSheet.create({
   replyComposer: {
     flexDirection: "row",
     alignItems: "flex-end",
-    padding: 12,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    paddingBottom: import_react_native2.Platform.OS === "ios" ? 34 : 12,
     borderTopWidth: 1,
     borderTopColor: "#27272a",
     backgroundColor: "#18181b"
@@ -15888,6 +15942,56 @@ var styles = import_react_native2.StyleSheet.create({
     height: "100%",
     backgroundColor: "#22c55e",
     borderRadius: 2
+  },
+  nextTestButton: {
+    backgroundColor: "#27272a",
+    paddingVertical: 10,
+    borderRadius: 10,
+    alignItems: "center",
+    marginTop: 8,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  nextTestButtonText: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#a1a1aa"
+  },
+  filterBar: {
+    flexDirection: "row",
+    gap: 6,
+    marginBottom: 10
+  },
+  filterChip: {
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 12,
+    backgroundColor: "#27272a",
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  filterChipActive: {
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
+  },
+  filterChipText: {
+    fontSize: 12,
+    color: "#71717a"
+  },
+  filterChipTextActive: {
+    color: "#93c5fd"
+  },
+  messageSendError: {
+    backgroundColor: "#7f1d1d",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderTopWidth: 1,
+    borderTopColor: "#991b1b"
+  },
+  messageSendErrorText: {
+    fontSize: 12,
+    color: "#fca5a5",
+    textAlign: "center"
   }
 });
 var exploreStyles = import_react_native2.StyleSheet.create({

package/dist/index.mjs

@@ -12971,6 +12971,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   }, [enabled, config, initializeBugBear]);
   const currentAssignment = assignments.find(
     (a) => a.status === "in_progress"
+  ) || assignments.find(
+    (a) => a.status === "pending"
   ) || assignments[0] || null;
   const shouldShowWidget = isQAEnabled && isTester;
   return /* @__PURE__ */ React.createElement(
@@ -13242,6 +13244,15 @@ function BugBearButton({
       else if (assignment.status === "skipped") folder.stats.skipped++;
       else folder.stats.pending++;
     }
+    const priorityOrder = { P0: 0, P1: 1, P2: 2, P3: 3 };
+    const statusOrder = { in_progress: 0, pending: 1, failed: 2, skipped: 3, passed: 4 };
+    for (const folder of groups.values()) {
+      folder.assignments.sort((a, b) => {
+        const statusDiff = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
+        if (statusDiff !== 0) return statusDiff;
+        return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
+      });
+    }
     const sortedGroups = Array.from(groups.values()).sort((a, b) => {
       if (!a.group && !b.group) return 0;
       if (!a.group) return 1;
@@ -13283,6 +13294,19 @@ function BugBearButton({
   }
   const pendingCount = assignments.filter((a) => a.status === "pending").length;
   const inProgressCount = assignments.filter((a) => a.status === "in_progress").length;
+  const passedCount = assignments.filter((a) => a.status === "passed").length;
+  const failedCount = assignments.filter((a) => a.status === "failed").length;
+  const [testFilter, setTestFilter] = useState2("all");
+  const handleNextTest = () => {
+    const nextTest = assignments.find(
+      (a) => a.id !== displayedAssignment?.id && (a.status === "pending" || a.status === "in_progress")
+    );
+    if (nextTest) {
+      setSelectedTestId(nextTest.id);
+      setTestView("detail");
+      setShowSteps(false);
+    }
+  };
   const handlePass = async () => {
     if (!displayedAssignment) return;
     setPendingFeedbackStatus("passed");
@@ -13350,7 +13374,7 @@ function BugBearButton({
       setShowFeedbackPrompt(false);
       setPendingFeedbackStatus(null);
       setActiveTab("report");
-      setReportType("test_fail");
+      setReportType("bug");
     }
   };
   const handleSkipFeedback = () => {
@@ -13425,14 +13449,19 @@ function BugBearButton({
       await markAsRead(thread.id);
     }
   };
+  const [messageSendError, setMessageSendError] = useState2(false);
   const handleSendReply = async () => {
     if (!selectedThread || !replyText.trim()) return;
     setSendingReply(true);
+    setMessageSendError(false);
     const success = await sendMessage(selectedThread.id, replyText.trim());
     if (success) {
       setReplyText("");
       const messages = await getThreadMessages(selectedThread.id);
       setThreadMessages(messages);
+    } else {
+      setMessageSendError(true);
+      setTimeout(() => setMessageSendError(false), 3e3);
     }
     setSendingReply(false);
   };
@@ -13737,7 +13766,7 @@ function BugBearButton({
           style: [styles.tab, activeTab === "tests" && styles.activeTab],
           onPress: () => setActiveTab("tests")
         },
-        /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "tests" && styles.activeTabText] }, "Tests ", pendingCount > 0 && `(${pendingCount})`)
+        /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "tests" && styles.activeTabText] }, "Tests ", assignments.length > 0 && `(${passedCount + failedCount}/${assignments.length})`)
       ), /* @__PURE__ */ React2.createElement(
         TouchableOpacity,
         {
@@ -13761,7 +13790,15 @@ function BugBearButton({
         /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "report" && styles.activeTabText] }, "Report")
       )), /* @__PURE__ */ React2.createElement(ScrollView, { style: styles.content }, activeTab === "tests" && /* @__PURE__ */ React2.createElement(View, null, assignments.length === 0 ? /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u2705"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "All caught up!"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "No tests assigned")) : testView === "list" ? (
         /* List View - Show tests grouped by folder */
-        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " assigned"), groupedAssignments.map((folder) => {
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " \xB7 ", passedCount, " passed \xB7 ", failedCount, " failed"), /* @__PURE__ */ React2.createElement(View, { style: styles.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            key: f,
+            style: [styles.filterChip, testFilter === f && styles.filterChipActive],
+            onPress: () => setTestFilter(f)
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [styles.filterChipText, testFilter === f && styles.filterChipTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${pendingCount + inProgressCount})` : `Done (${passedCount + failedCount})`)
+        ))), groupedAssignments.map((folder) => {
           const groupId = folder.group?.id || "ungrouped";
           const isCollapsed = collapsedFolders.has(groupId);
           const completedCount = folder.stats.passed + folder.stats.failed + folder.stats.skipped;
@@ -13781,7 +13818,11 @@ function BugBearButton({
                 { width: `${completedCount / folder.stats.total * 100}%` }
               ]
             }
-          )), !isCollapsed && folder.assignments.map((assignment) => {
+          )), !isCollapsed && folder.assignments.filter((a) => {
+            if (testFilter === "pending") return a.status === "pending" || a.status === "in_progress";
+            if (testFilter === "completed") return a.status === "passed" || a.status === "failed" || a.status === "skipped";
+            return true;
+          }).map((assignment) => {
             const statusBadge = getStatusBadge(assignment.status);
             return /* @__PURE__ */ React2.createElement(
               TouchableOpacity,
@@ -13880,7 +13921,10 @@ function BugBearButton({
             style: styles.backButton
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.backButtonText }, "\u2190 All Tests (", assignments.length, ")")
-        ), /* @__PURE__ */ React2.createElement(View, { style: styles.testCard }, /* @__PURE__ */ React2.createElement(View, { style: styles.testHeader }, /* @__PURE__ */ React2.createElement(Text, { style: styles.testKey }, displayedAssignment.testCase.testKey), /* @__PURE__ */ React2.createElement(View, { style: styles.testHeaderBadges }, displayedAssignment.testCase.track && /* @__PURE__ */ React2.createElement(View, { style: [styles.trackBadge, { backgroundColor: displayedAssignment.testCase.track.color }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.trackBadgeText }, templateInfo[displayedAssignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ React2.createElement(View, { style: [
+        ), /* @__PURE__ */ React2.createElement(View, { style: styles.testCard }, /* @__PURE__ */ React2.createElement(View, { style: styles.testHeader }, /* @__PURE__ */ React2.createElement(Text, { style: styles.testKey }, displayedAssignment.testCase.testKey), /* @__PURE__ */ React2.createElement(View, { style: styles.testHeaderBadges }, (() => {
+          const badge = getStatusBadge(displayedAssignment.status);
+          return /* @__PURE__ */ React2.createElement(View, { style: [styles.statusBadge, { backgroundColor: badge.color + "20" }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.statusBadgeIcon }, badge.icon), /* @__PURE__ */ React2.createElement(Text, { style: [styles.statusBadgeText, { color: badge.color }] }, badge.label));
+        })(), displayedAssignment.testCase.track && /* @__PURE__ */ React2.createElement(View, { style: [styles.trackBadge, { backgroundColor: displayedAssignment.testCase.track.color }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.trackBadgeText }, templateInfo[displayedAssignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ React2.createElement(View, { style: [
           styles.priorityBadge,
           displayedAssignment.testCase.priority === "P0" && styles.priorityP0,
           displayedAssignment.testCase.priority === "P1" && styles.priorityP1
@@ -13921,7 +13965,14 @@ function BugBearButton({
             disabled: submitting || skipping
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.passButtonText }, submitting ? "..." : "\u2713 Pass")
-        )))
+        )), pendingCount > 1 || pendingCount === 1 && displayedAssignment.status !== "pending" ? /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            style: styles.nextTestButton,
+            onPress: handleNextTest
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: styles.nextTestButtonText }, "Next Test \u25B6")
+        ) : null)
       ) : null), activeTab === "messages" && /* @__PURE__ */ React2.createElement(View, null, messageView === "compose" ? (
         /* Compose New Message View */
         /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleBackToThreadList, style: styles.backButton }, /* @__PURE__ */ React2.createElement(Text, { style: styles.backButtonText }, "\u2190 Back to Messages")), /* @__PURE__ */ React2.createElement(View, { style: styles.composeHeader }, /* @__PURE__ */ React2.createElement(Text, { style: styles.composeTitle }, "New Message"), /* @__PURE__ */ React2.createElement(Text, { style: styles.composeSubtitle }, "Send a message to the QA team")), /* @__PURE__ */ React2.createElement(View, { style: styles.composeForm }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Subject"), /* @__PURE__ */ React2.createElement(
@@ -14305,7 +14356,7 @@ function BugBearButton({
         /* @__PURE__ */ React2.createElement(Text, { style: styles.closeProfileButtonText }, "\u2190 Back")
       ))), activeTab === "messages" && messageView === "thread" && selectedThread ? (
         /* Reply Composer */
-        /* @__PURE__ */ React2.createElement(View, { style: styles.replyComposer }, /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React2.createElement(View, null, messageSendError && /* @__PURE__ */ React2.createElement(View, { style: styles.messageSendError }, /* @__PURE__ */ React2.createElement(Text, { style: styles.messageSendErrorText }, "Failed to send. Tap Send to retry.")), /* @__PURE__ */ React2.createElement(View, { style: styles.replyComposer }, /* @__PURE__ */ React2.createElement(
           TextInput,
           {
             style: styles.replyInput,
@@ -14327,10 +14378,10 @@ function BugBearButton({
             disabled: !replyText.trim() || sendingReply
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.sendButtonText }, sendingReply ? "..." : "Send")
-        ))
+        )))
       ) : (
         /* Standard Footer */
-        /* @__PURE__ */ React2.createElement(View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : activeTab === "explore" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, activeSession ? `${sessionFindings.length} findings` : "No active session"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshSession }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, pendingCount, " pending \xB7 ", inProgressCount, " in progress"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))))
+        /* @__PURE__ */ React2.createElement(View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : activeTab === "explore" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, activeSession ? `${sessionFindings.length} findings` : "No active session"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshSession }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, passedCount + failedCount, "/", assignments.length, " done \xB7 ", pendingCount, " pending"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))))
       ))
     )
   ), /* @__PURE__ */ React2.createElement(
@@ -14520,7 +14571,8 @@ var styles = StyleSheet.create({
     justifyContent: "space-between",
     alignItems: "center",
     paddingHorizontal: 16,
-    paddingVertical: 12,
+    paddingTop: 12,
+    paddingBottom: Platform2.OS === "ios" ? 34 : 12,
     borderTopWidth: 1,
     borderTopColor: "#27272a",
     backgroundColor: "#09090b"
@@ -15268,7 +15320,9 @@ var styles = StyleSheet.create({
   replyComposer: {
     flexDirection: "row",
     alignItems: "flex-end",
-    padding: 12,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    paddingBottom: Platform2.OS === "ios" ? 34 : 12,
     borderTopWidth: 1,
     borderTopColor: "#27272a",
     backgroundColor: "#18181b"
@@ -15863,6 +15917,56 @@ var styles = StyleSheet.create({
     height: "100%",
     backgroundColor: "#22c55e",
     borderRadius: 2
+  },
+  nextTestButton: {
+    backgroundColor: "#27272a",
+    paddingVertical: 10,
+    borderRadius: 10,
+    alignItems: "center",
+    marginTop: 8,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  nextTestButtonText: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#a1a1aa"
+  },
+  filterBar: {
+    flexDirection: "row",
+    gap: 6,
+    marginBottom: 10
+  },
+  filterChip: {
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 12,
+    backgroundColor: "#27272a",
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  filterChipActive: {
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
+  },
+  filterChipText: {
+    fontSize: 12,
+    color: "#71717a"
+  },
+  filterChipTextActive: {
+    color: "#93c5fd"
+  },
+  messageSendError: {
+    backgroundColor: "#7f1d1d",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderTopWidth: 1,
+    borderTopColor: "#991b1b"
+  },
+  messageSendErrorText: {
+    fontSize: 12,
+    color: "#fca5a5",
+    textAlign: "center"
   }
 });
 var exploreStyles = StyleSheet.create({

package/package.json

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