@bbearai/react-native 0.6.0 → 0.6.2

package/dist/index.js

@@ -12007,8 +12007,8 @@ var BugBearClient = class {
         return { success: false, error: rateLimit.error };
       }
       if (!userInfo) {
-        console.error("BugBear: No user info available, cannot submit report");
-        return { success: false, error: "User not authenticated" };
+        console.error("BugBear: No user info available, cannot submit report. Ensure your BugBear config provides a getCurrentUser() callback that returns { id, email }.");
+        return { success: false, error: "Unable to identify user. Check that your app passes a getCurrentUser callback to BugBear config." };
       }
       const testerInfo = await this.getTesterInfo();
       fullReport = {
@@ -12071,10 +12071,11 @@ var BugBearClient = class {
       const pageSize = Math.min(options?.pageSize ?? 100, 100);
       const from = (options?.page ?? 0) * pageSize;
       const to = from + pageSize - 1;
-      const { data, error } = await this.supabase.from("test_assignments").select(`
+      const selectFields = `
           id,
           status,
           started_at,
+          completed_at,
           skip_reason,
           is_verification,
           original_report_id,
@@ -12109,20 +12110,23 @@ var BugBearClient = class {
               color,
               description,
               login_hint
-            )
+            ),
+            platforms
           )
-        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to);
-      if (error) {
-        console.error("BugBear: Failed to fetch assignments", formatPgError(error));
+        `;
+      const [pendingResult, completedResult] = await Promise.all([
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to),
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).order("completed_at", { ascending: false }).limit(100)
+      ]);
+      if (pendingResult.error) {
+        console.error("BugBear: Failed to fetch assignments", formatPgError(pendingResult.error));
         return [];
       }
-      const mapped = (data || []).filter((item) => {
-        if (!item.test_case) {
-          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
-          return false;
-        }
-        return true;
-      }).map((item) => ({
+      const allData = [
+        ...pendingResult.data || [],
+        ...completedResult.data || []
+      ];
+      const mapItem = (item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -12160,12 +12164,24 @@ var BugBearClient = class {
             color: item.test_case.role.color,
             description: item.test_case.role.description,
             loginHint: item.test_case.role.login_hint
-          } : void 0
+          } : void 0,
+          platforms: item.test_case.platforms || void 0
         }
-      }));
+      });
+      const mapped = allData.filter((item) => {
+        if (!item.test_case) {
+          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
+          return false;
+        }
+        return true;
+      }).map(mapItem);
       mapped.sort((a, b) => {
         if (a.isVerification && !b.isVerification) return -1;
         if (!a.isVerification && b.isVerification) return 1;
+        const aActive = a.status === "pending" || a.status === "in_progress";
+        const bActive = b.status === "pending" || b.status === "in_progress";
+        if (aActive && !bActive) return -1;
+        if (!aActive && bActive) return 1;
         return 0;
       });
       return mapped;
@@ -12330,6 +12346,36 @@ var BugBearClient = class {
   async failAssignment(assignmentId) {
     return this.updateAssignmentStatus(assignmentId, "failed");
   }
+  /**
+   * Reopen a completed assignment — sets it back to in_progress with a fresh timer.
+   * Clears completed_at and duration_seconds so it can be re-evaluated.
+   */
+  async reopenAssignment(assignmentId) {
+    try {
+      const { data: current, error: fetchError } = await this.supabase.from("test_assignments").select("status").eq("id", assignmentId).single();
+      if (fetchError || !current) {
+        return { success: false, error: "Assignment not found" };
+      }
+      if (current.status === "pending" || current.status === "in_progress") {
+        return { success: true };
+      }
+      const { error } = await this.supabase.from("test_assignments").update({
+        status: "in_progress",
+        started_at: (/* @__PURE__ */ new Date()).toISOString(),
+        completed_at: null,
+        duration_seconds: null,
+        skip_reason: null
+      }).eq("id", assignmentId).eq("status", current.status);
+      if (error) {
+        console.error("BugBear: Failed to reopen assignment", error);
+        return { success: false, error: error.message };
+      }
+      return { success: true };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      return { success: false, error: message };
+    }
+  }
   /**
    * Skip a test assignment with a required reason
    * Marks the assignment as 'skipped' and records why it was skipped
@@ -14470,6 +14516,39 @@ function TestDetailScreen({ testId, nav }) {
       setIsSubmitting(false);
     }
   }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
+  const handleReopen = (0, import_react5.useCallback)(async () => {
+    if (!client || !displayedAssignment || isSubmitting) return;
+    import_react_native5.Keyboard.dismiss();
+    setIsSubmitting(true);
+    try {
+      await client.reopenAssignment(displayedAssignment.id);
+      await refreshAssignments();
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, isSubmitting]);
+  const handleChangeResult = (0, import_react5.useCallback)(async (newStatus) => {
+    if (!client || !displayedAssignment || isSubmitting) return;
+    import_react_native5.Keyboard.dismiss();
+    setIsSubmitting(true);
+    try {
+      await client.reopenAssignment(displayedAssignment.id);
+      await client.updateAssignmentStatus(displayedAssignment.id, newStatus);
+      await refreshAssignments();
+      if (newStatus === "failed") {
+        nav.replace({
+          name: "REPORT",
+          prefill: {
+            type: "test_fail",
+            assignmentId: displayedAssignment.id,
+            testCaseId: displayedAssignment.testCase.id
+          }
+        });
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleSkip = (0, import_react5.useCallback)(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
     import_react_native5.Keyboard.dismiss();
@@ -14550,7 +14629,39 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.actionButtons }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.modalOverlay }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.modalContent }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.modalSubtitle }, "Select a reason:"), [
+  ), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.track && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.track.icon, " ", testCase.track.name), testCase.description && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [
+    styles2.completedBanner,
+    displayedAssignment.status === "passed" && styles2.completedBannerPass,
+    displayedAssignment.status === "failed" && styles2.completedBannerFail
+  ] }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.completedIcon }, displayedAssignment.status === "passed" ? "\u2705" : displayedAssignment.status === "failed" ? "\u274C" : displayedAssignment.status === "skipped" ? "\u23ED" : "\u{1F6AB}"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: [
+    styles2.completedLabel,
+    displayedAssignment.status === "passed" && { color: colors.green },
+    displayedAssignment.status === "failed" && { color: "#fca5a5" }
+  ] }, "Marked as ", displayedAssignment.status.charAt(0).toUpperCase() + displayedAssignment.status.slice(1))), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles2.actionButtons, { marginTop: 4 }] }, /* @__PURE__ */ import_react5.default.createElement(
+    import_react_native5.TouchableOpacity,
+    {
+      style: [styles2.actionBtn, styles2.reopenBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: handleReopen,
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.reopenBtnText }, isSubmitting ? "Reopening..." : "\u{1F504} Reopen Test")
+  ), displayedAssignment.status === "passed" && /* @__PURE__ */ import_react5.default.createElement(
+    import_react_native5.TouchableOpacity,
+    {
+      style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: () => handleChangeResult("failed"),
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.failBtnText }, "Change to Fail")
+  ), displayedAssignment.status === "failed" && /* @__PURE__ */ import_react5.default.createElement(
+    import_react_native5.TouchableOpacity,
+    {
+      style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: () => handleChangeResult("passed"),
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.passBtnText }, "Change to Pass")
+  ))) : /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.actionButtons }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.modalOverlay }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.modalContent }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.modalSubtitle }, "Select a reason:"), [
     { reason: "blocked", label: "\u{1F6AB} Blocked by a bug" },
     { reason: "not_ready", label: "\u{1F6A7} Feature not ready" },
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
@@ -14655,6 +14766,14 @@ var styles2 = import_react_native5.StyleSheet.create({
   detailDesc: { fontSize: 13, color: colors.textSecondary, lineHeight: 18 },
   folderProgress: { marginTop: 8 },
   folderName: { fontSize: 12, color: colors.textMuted },
+  // Completed state
+  completedBanner: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 6, paddingVertical: 8, paddingHorizontal: 12, borderRadius: 8, marginTop: 8, marginBottom: 8, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
+  completedBannerPass: { backgroundColor: colors.greenDark, borderColor: colors.green },
+  completedBannerFail: { backgroundColor: colors.redDark, borderColor: colors.red },
+  completedIcon: { fontSize: 14 },
+  completedLabel: { fontSize: 13, fontWeight: "600", color: colors.textSecondary },
+  reopenBtn: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.blue },
+  reopenBtnText: { fontSize: 14, fontWeight: "600", color: colors.blue },
   // Action buttons
   actionButtons: { flexDirection: "row", gap: 10, marginTop: 8 },
   actionBtn: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center" },
@@ -14685,10 +14804,11 @@ var styles2 = import_react_native5.StyleSheet.create({
 var import_react6 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
 function TestListScreen({ nav }) {
-  const { assignments, currentAssignment, refreshAssignments, isLoading } = useBugBear();
+  const { assignments, currentAssignment, refreshAssignments, dashboardUrl, isLoading } = useBugBear();
   const [filter, setFilter] = (0, import_react6.useState)("all");
   const [roleFilter, setRoleFilter] = (0, import_react6.useState)(null);
   const [trackFilter, setTrackFilter] = (0, import_react6.useState)(null);
+  const [platformFilter, setPlatformFilter] = (0, import_react6.useState)(import_react_native6.Platform.OS === "android" ? "android" : "ios");
   const [searchQuery, setSearchQuery] = (0, import_react6.useState)("");
   const [sortMode, setSortMode] = (0, import_react6.useState)("priority");
   const [collapsedFolders, setCollapsedFolders] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
@@ -14755,6 +14875,7 @@ function TestListScreen({ nav }) {
     });
   }, []);
   const filterAssignment = (0, import_react6.useCallback)((a) => {
+    if (platformFilter && a.testCase.platforms && !a.testCase.platforms.includes(platformFilter)) return false;
     if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
     if (trackFilter && a.testCase.track?.id !== trackFilter) return false;
     if (searchQuery) {
@@ -14767,7 +14888,7 @@ function TestListScreen({ nav }) {
     if (filter === "done") return a.status === "passed";
     if (filter === "reopened") return a.status === "failed";
     return true;
-  }, [roleFilter, trackFilter, searchQuery, filter]);
+  }, [platformFilter, roleFilter, trackFilter, searchQuery, filter]);
   if (isLoading) return /* @__PURE__ */ import_react6.default.createElement(TestListScreenSkeleton, null);
   return /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, null, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles3.filterBar }, [
     { key: "all", label: "All", count: assignments.length },
@@ -14805,7 +14926,32 @@ function TestListScreen({ nav }) {
       placeholderTextColor: colors.textMuted,
       style: styles3.searchInput
     }
-  )), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ import_react6.default.createElement(
+  )), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ import_react6.default.createElement(
+    import_react_native6.TouchableOpacity,
+    {
+      style: [styles3.platformBtn, !platformFilter && styles3.platformBtnActive],
+      onPress: () => setPlatformFilter(null)
+    },
+    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All")
+  ), [
+    { key: "web", label: "Web", icon: "\u{1F310}" },
+    { key: "ios", label: "iOS", icon: "\u{1F4F1}" },
+    { key: "android", label: "Android", icon: "\u{1F916}" }
+  ].map((p) => {
+    const isActive = platformFilter === p.key;
+    return /* @__PURE__ */ import_react6.default.createElement(
+      import_react_native6.TouchableOpacity,
+      {
+        key: p.key,
+        style: [
+          styles3.platformBtn,
+          isActive && { backgroundColor: colors.blue + "20", borderColor: colors.blue + "60", borderWidth: 1 }
+        ],
+        onPress: () => setPlatformFilter(isActive ? null : p.key)
+      },
+      /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, p.icon, " ", p.label)
+    );
+  })), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native6.TouchableOpacity,
     {
       style: [styles3.trackBtn, !trackFilter && styles3.trackBtnActive],
@@ -14866,7 +15012,15 @@ function TestListScreen({ nav }) {
         ] }, badge.label))
       );
     }));
-  }), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles3.refreshText }, "\u21BB", " Refresh")));
+  }), dashboardUrl && /* @__PURE__ */ import_react6.default.createElement(
+    import_react_native6.TouchableOpacity,
+    {
+      style: styles3.dashboardLink,
+      onPress: () => import_react_native6.Linking.openURL(`${dashboardUrl}/test-cases`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles3.dashboardLinkText }, "\u{1F310}", " Manage on Dashboard ", "\u2192")
+  ), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles3.refreshText }, "\u21BB", " Refresh")));
 }
 var styles3 = import_react_native6.StyleSheet.create({
   filterBar: { flexDirection: "row", gap: 8, marginBottom: 8 },
@@ -14905,6 +15059,11 @@ var styles3 = import_react_native6.StyleSheet.create({
   statusPillText: { fontSize: 10, fontWeight: "600" },
   searchContainer: { marginBottom: 8 },
   searchInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
+  platformBar: { flexDirection: "row", marginBottom: 8 },
+  platformBtn: { flexDirection: "row", alignItems: "center", gap: 4, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
+  platformBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  platformBtnText: { fontSize: 11, color: colors.textMuted },
+  platformBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
   trackSortRow: { flexDirection: "row", alignItems: "center", marginBottom: 10, gap: 8 },
   trackBtn: { flexDirection: "row", alignItems: "center", gap: 4, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
   trackBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
@@ -14915,7 +15074,9 @@ var styles3 = import_react_native6.StyleSheet.create({
   sortBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
   sortBtnText: { fontSize: 11, color: colors.textMuted },
   sortBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
-  refreshBtn: { alignItems: "center", paddingVertical: 12 },
+  dashboardLink: { alignItems: "center", paddingTop: 12 },
+  dashboardLinkText: { fontSize: 13, fontWeight: "500", color: colors.blue },
+  refreshBtn: { alignItems: "center", paddingVertical: 8 },
   refreshText: { fontSize: 13, color: colors.blue }
 });
 
@@ -15084,7 +15245,9 @@ var styles4 = import_react_native7.StyleSheet.create({
 
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
-  if (!IMAGE_PICKER_AVAILABLE) return null;
+  if (!IMAGE_PICKER_AVAILABLE) {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.section }, label && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.label }, label), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.unavailableRow }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.unavailableText }, "Install react-native-image-picker to enable photo attachments")));
+  }
   return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.section }, label && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.label }, label), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.buttonRow }, /* @__PURE__ */ import_react9.default.createElement(
     import_react_native8.TouchableOpacity,
     {
@@ -15139,6 +15302,18 @@ var styles5 = import_react_native8.StyleSheet.create({
     fontSize: 12,
     color: colors.textDim,
     marginLeft: 4
+  },
+  unavailableRow: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 8,
+    padding: 12
+  },
+  unavailableText: {
+    fontSize: 12,
+    color: colors.textDim,
+    fontStyle: "italic"
   }
 });
 
@@ -15639,7 +15814,7 @@ var styles9 = import_react_native12.StyleSheet.create({
 var import_react14 = __toESM(require("react"));
 var import_react_native13 = require("react-native");
 function MessageListScreen({ nav }) {
-  const { threads, unreadCount, refreshThreads, isLoading } = useBugBear();
+  const { threads, unreadCount, refreshThreads, dashboardUrl, isLoading } = useBugBear();
   if (isLoading) return /* @__PURE__ */ import_react14.default.createElement(MessageListScreenSkeleton, null);
   return /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, null, /* @__PURE__ */ import_react14.default.createElement(
     import_react_native13.TouchableOpacity,
@@ -15657,7 +15832,15 @@ function MessageListScreen({ nav }) {
     },
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.threadLeft }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.threadInfo }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.threadTitleRow }, thread.isPinned && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.threadRight }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.unreadBadge }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: [styles10.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
-  ))), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.footer }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.refreshText }, "\u21BB Refresh"))));
+  ))), dashboardUrl && /* @__PURE__ */ import_react14.default.createElement(
+    import_react_native13.TouchableOpacity,
+    {
+      style: styles10.dashboardLink,
+      onPress: () => import_react_native13.Linking.openURL(`${dashboardUrl}/discussions`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
+  ), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles10.footer }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles10.refreshText }, "\u21BB Refresh"))));
 }
 var styles10 = import_react_native13.StyleSheet.create({
   newMsgButton: { backgroundColor: colors.blue, paddingVertical: 12, borderRadius: 12, alignItems: "center", marginBottom: 16 },
@@ -15676,7 +15859,9 @@ var styles10 = import_react_native13.StyleSheet.create({
   unreadBadge: { backgroundColor: colors.blue, borderRadius: 10, minWidth: 20, height: 20, justifyContent: "center", alignItems: "center", paddingHorizontal: 6 },
   unreadText: { fontSize: 11, fontWeight: "bold", color: "#fff" },
   priorityDot: { width: 8, height: 8, borderRadius: 4 },
-  footer: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingTop: 12, paddingHorizontal: 4 },
+  dashboardLink: { alignItems: "center", paddingTop: 12 },
+  dashboardLinkText: { fontSize: 13, fontWeight: "500", color: colors.blue },
+  footer: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingTop: 8, paddingHorizontal: 4 },
   footerText: { fontSize: 12, color: colors.textMuted },
   refreshText: { fontSize: 13, color: colors.blue }
 });
@@ -16179,9 +16364,18 @@ var SEVERITY_CONFIG = {
   low: { label: "Low", color: "#71717a", bg: "#27272a" }
 };
 function IssueDetailScreen({ nav, issue }) {
+  const { dashboardUrl } = useBugBear();
   const statusConfig = STATUS_LABELS[issue.status] || { label: issue.status, bg: "#27272a", color: "#a1a1aa" };
   const severityConfig = issue.severity ? SEVERITY_CONFIG[issue.severity] : null;
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, null, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.badgeRow }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.descriptionCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.verifiedCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.verifiedHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.originalBugCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.originalBugHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.screenshotSection }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ import_react19.default.createElement(import_react_native18.TouchableOpacity, { key: i, onPress: () => import_react_native18.Linking.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Image, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))));
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, null, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.badgeRow }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.descriptionCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.verifiedCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.verifiedHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.originalBugCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.originalBugHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.screenshotSection }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ import_react19.default.createElement(import_react_native18.TouchableOpacity, { key: i, onPress: () => import_react_native18.Linking.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Image, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ import_react19.default.createElement(
+    import_react_native18.TouchableOpacity,
+    {
+      style: styles15.dashboardLink,
+      onPress: () => import_react_native18.Linking.openURL(`${dashboardUrl}/reports`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles15.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
+  ));
 }
 var styles15 = import_react_native18.StyleSheet.create({
   badgeRow: {
@@ -16310,6 +16504,18 @@ var styles15 = import_react_native18.StyleSheet.create({
   metaTextSmall: {
     fontSize: 11,
     color: colors.textDim
+  },
+  dashboardLink: {
+    alignItems: "center",
+    paddingVertical: 10,
+    marginTop: 12,
+    borderTopWidth: 1,
+    borderTopColor: colors.border
+  },
+  dashboardLinkText: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: colors.blue
   }
 });
 

package/dist/index.mjs

@@ -11974,8 +11974,8 @@ var BugBearClient = class {
         return { success: false, error: rateLimit.error };
       }
       if (!userInfo) {
-        console.error("BugBear: No user info available, cannot submit report");
-        return { success: false, error: "User not authenticated" };
+        console.error("BugBear: No user info available, cannot submit report. Ensure your BugBear config provides a getCurrentUser() callback that returns { id, email }.");
+        return { success: false, error: "Unable to identify user. Check that your app passes a getCurrentUser callback to BugBear config." };
       }
       const testerInfo = await this.getTesterInfo();
       fullReport = {
@@ -12038,10 +12038,11 @@ var BugBearClient = class {
       const pageSize = Math.min(options?.pageSize ?? 100, 100);
       const from = (options?.page ?? 0) * pageSize;
       const to = from + pageSize - 1;
-      const { data, error } = await this.supabase.from("test_assignments").select(`
+      const selectFields = `
           id,
           status,
           started_at,
+          completed_at,
           skip_reason,
           is_verification,
           original_report_id,
@@ -12076,20 +12077,23 @@ var BugBearClient = class {
               color,
               description,
               login_hint
-            )
+            ),
+            platforms
           )
-        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to);
-      if (error) {
-        console.error("BugBear: Failed to fetch assignments", formatPgError(error));
+        `;
+      const [pendingResult, completedResult] = await Promise.all([
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to),
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).order("completed_at", { ascending: false }).limit(100)
+      ]);
+      if (pendingResult.error) {
+        console.error("BugBear: Failed to fetch assignments", formatPgError(pendingResult.error));
         return [];
       }
-      const mapped = (data || []).filter((item) => {
-        if (!item.test_case) {
-          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
-          return false;
-        }
-        return true;
-      }).map((item) => ({
+      const allData = [
+        ...pendingResult.data || [],
+        ...completedResult.data || []
+      ];
+      const mapItem = (item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -12127,12 +12131,24 @@ var BugBearClient = class {
             color: item.test_case.role.color,
             description: item.test_case.role.description,
             loginHint: item.test_case.role.login_hint
-          } : void 0
+          } : void 0,
+          platforms: item.test_case.platforms || void 0
         }
-      }));
+      });
+      const mapped = allData.filter((item) => {
+        if (!item.test_case) {
+          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
+          return false;
+        }
+        return true;
+      }).map(mapItem);
       mapped.sort((a, b) => {
         if (a.isVerification && !b.isVerification) return -1;
         if (!a.isVerification && b.isVerification) return 1;
+        const aActive = a.status === "pending" || a.status === "in_progress";
+        const bActive = b.status === "pending" || b.status === "in_progress";
+        if (aActive && !bActive) return -1;
+        if (!aActive && bActive) return 1;
         return 0;
       });
       return mapped;
@@ -12297,6 +12313,36 @@ var BugBearClient = class {
   async failAssignment(assignmentId) {
     return this.updateAssignmentStatus(assignmentId, "failed");
   }
+  /**
+   * Reopen a completed assignment — sets it back to in_progress with a fresh timer.
+   * Clears completed_at and duration_seconds so it can be re-evaluated.
+   */
+  async reopenAssignment(assignmentId) {
+    try {
+      const { data: current, error: fetchError } = await this.supabase.from("test_assignments").select("status").eq("id", assignmentId).single();
+      if (fetchError || !current) {
+        return { success: false, error: "Assignment not found" };
+      }
+      if (current.status === "pending" || current.status === "in_progress") {
+        return { success: true };
+      }
+      const { error } = await this.supabase.from("test_assignments").update({
+        status: "in_progress",
+        started_at: (/* @__PURE__ */ new Date()).toISOString(),
+        completed_at: null,
+        duration_seconds: null,
+        skip_reason: null
+      }).eq("id", assignmentId).eq("status", current.status);
+      if (error) {
+        console.error("BugBear: Failed to reopen assignment", error);
+        return { success: false, error: error.message };
+      }
+      return { success: true };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      return { success: false, error: message };
+    }
+  }
   /**
    * Skip a test assignment with a required reason
    * Marks the assignment as 'skipped' and records why it was skipped
@@ -13733,7 +13779,7 @@ import {
   StyleSheet as StyleSheet18,
   Dimensions as Dimensions2,
   KeyboardAvoidingView,
-  Platform as Platform4,
+  Platform as Platform5,
   PanResponder,
   Animated as Animated2,
   ActivityIndicator as ActivityIndicator2,
@@ -14452,6 +14498,39 @@ function TestDetailScreen({ testId, nav }) {
       setIsSubmitting(false);
     }
   }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
+  const handleReopen = useCallback2(async () => {
+    if (!client || !displayedAssignment || isSubmitting) return;
+    Keyboard.dismiss();
+    setIsSubmitting(true);
+    try {
+      await client.reopenAssignment(displayedAssignment.id);
+      await refreshAssignments();
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, isSubmitting]);
+  const handleChangeResult = useCallback2(async (newStatus) => {
+    if (!client || !displayedAssignment || isSubmitting) return;
+    Keyboard.dismiss();
+    setIsSubmitting(true);
+    try {
+      await client.reopenAssignment(displayedAssignment.id);
+      await client.updateAssignmentStatus(displayedAssignment.id, newStatus);
+      await refreshAssignments();
+      if (newStatus === "failed") {
+        nav.replace({
+          name: "REPORT",
+          prefill: {
+            type: "test_fail",
+            assignmentId: displayedAssignment.id,
+            testCaseId: displayedAssignment.testCase.id
+          }
+        });
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
   const handleSkip = useCallback2(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
     Keyboard.dismiss();
@@ -14532,7 +14611,39 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ React4.createElement(Text2, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React4.createElement(View3, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React4.createElement(View3, { style: styles2.folderProgress }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ React4.createElement(View3, { style: styles2.actionButtons }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ React4.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalOverlay }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalContent }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
+  ), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React4.createElement(View3, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.track && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.track.icon, " ", testCase.track.name), testCase.description && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React4.createElement(View3, { style: styles2.folderProgress }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(View3, { style: [
+    styles2.completedBanner,
+    displayedAssignment.status === "passed" && styles2.completedBannerPass,
+    displayedAssignment.status === "failed" && styles2.completedBannerFail
+  ] }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.completedIcon }, displayedAssignment.status === "passed" ? "\u2705" : displayedAssignment.status === "failed" ? "\u274C" : displayedAssignment.status === "skipped" ? "\u23ED" : "\u{1F6AB}"), /* @__PURE__ */ React4.createElement(Text2, { style: [
+    styles2.completedLabel,
+    displayedAssignment.status === "passed" && { color: colors.green },
+    displayedAssignment.status === "failed" && { color: "#fca5a5" }
+  ] }, "Marked as ", displayedAssignment.status.charAt(0).toUpperCase() + displayedAssignment.status.slice(1))), /* @__PURE__ */ React4.createElement(View3, { style: [styles2.actionButtons, { marginTop: 4 }] }, /* @__PURE__ */ React4.createElement(
+    TouchableOpacity2,
+    {
+      style: [styles2.actionBtn, styles2.reopenBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: handleReopen,
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ React4.createElement(Text2, { style: styles2.reopenBtnText }, isSubmitting ? "Reopening..." : "\u{1F504} Reopen Test")
+  ), displayedAssignment.status === "passed" && /* @__PURE__ */ React4.createElement(
+    TouchableOpacity2,
+    {
+      style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: () => handleChangeResult("failed"),
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ React4.createElement(Text2, { style: styles2.failBtnText }, "Change to Fail")
+  ), displayedAssignment.status === "failed" && /* @__PURE__ */ React4.createElement(
+    TouchableOpacity2,
+    {
+      style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }],
+      onPress: () => handleChangeResult("passed"),
+      disabled: isSubmitting
+    },
+    /* @__PURE__ */ React4.createElement(Text2, { style: styles2.passBtnText }, "Change to Pass")
+  ))) : /* @__PURE__ */ React4.createElement(View3, { style: styles2.actionButtons }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ React4.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalOverlay }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalContent }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
     { reason: "blocked", label: "\u{1F6AB} Blocked by a bug" },
     { reason: "not_ready", label: "\u{1F6A7} Feature not ready" },
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
@@ -14637,6 +14748,14 @@ var styles2 = StyleSheet4.create({
   detailDesc: { fontSize: 13, color: colors.textSecondary, lineHeight: 18 },
   folderProgress: { marginTop: 8 },
   folderName: { fontSize: 12, color: colors.textMuted },
+  // Completed state
+  completedBanner: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 6, paddingVertical: 8, paddingHorizontal: 12, borderRadius: 8, marginTop: 8, marginBottom: 8, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
+  completedBannerPass: { backgroundColor: colors.greenDark, borderColor: colors.green },
+  completedBannerFail: { backgroundColor: colors.redDark, borderColor: colors.red },
+  completedIcon: { fontSize: 14 },
+  completedLabel: { fontSize: 13, fontWeight: "600", color: colors.textSecondary },
+  reopenBtn: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.blue },
+  reopenBtnText: { fontSize: 14, fontWeight: "600", color: colors.blue },
   // Action buttons
   actionButtons: { flexDirection: "row", gap: 10, marginTop: 8 },
   actionBtn: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center" },
@@ -14665,12 +14784,13 @@ var styles2 = StyleSheet4.create({
 
 // src/widget/screens/TestListScreen.tsx
 import React5, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect5 } from "react";
-import { View as View4, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet5, ScrollView, TextInput as TextInput2 } from "react-native";
+import { View as View4, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet5, ScrollView, TextInput as TextInput2, Platform as Platform3, Linking as Linking2 } from "react-native";
 function TestListScreen({ nav }) {
-  const { assignments, currentAssignment, refreshAssignments, isLoading } = useBugBear();
+  const { assignments, currentAssignment, refreshAssignments, dashboardUrl, isLoading } = useBugBear();
   const [filter, setFilter] = useState3("all");
   const [roleFilter, setRoleFilter] = useState3(null);
   const [trackFilter, setTrackFilter] = useState3(null);
+  const [platformFilter, setPlatformFilter] = useState3(Platform3.OS === "android" ? "android" : "ios");
   const [searchQuery, setSearchQuery] = useState3("");
   const [sortMode, setSortMode] = useState3("priority");
   const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
@@ -14737,6 +14857,7 @@ function TestListScreen({ nav }) {
     });
   }, []);
   const filterAssignment = useCallback3((a) => {
+    if (platformFilter && a.testCase.platforms && !a.testCase.platforms.includes(platformFilter)) return false;
     if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
     if (trackFilter && a.testCase.track?.id !== trackFilter) return false;
     if (searchQuery) {
@@ -14749,7 +14870,7 @@ function TestListScreen({ nav }) {
     if (filter === "done") return a.status === "passed";
     if (filter === "reopened") return a.status === "failed";
     return true;
-  }, [roleFilter, trackFilter, searchQuery, filter]);
+  }, [platformFilter, roleFilter, trackFilter, searchQuery, filter]);
   if (isLoading) return /* @__PURE__ */ React5.createElement(TestListScreenSkeleton, null);
   return /* @__PURE__ */ React5.createElement(View4, null, /* @__PURE__ */ React5.createElement(View4, { style: styles3.filterBar }, [
     { key: "all", label: "All", count: assignments.length },
@@ -14787,7 +14908,32 @@ function TestListScreen({ nav }) {
       placeholderTextColor: colors.textMuted,
       style: styles3.searchInput
     }
-  )), /* @__PURE__ */ React5.createElement(View4, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ React5.createElement(
+  )), /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ React5.createElement(
+    TouchableOpacity3,
+    {
+      style: [styles3.platformBtn, !platformFilter && styles3.platformBtnActive],
+      onPress: () => setPlatformFilter(null)
+    },
+    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All")
+  ), [
+    { key: "web", label: "Web", icon: "\u{1F310}" },
+    { key: "ios", label: "iOS", icon: "\u{1F4F1}" },
+    { key: "android", label: "Android", icon: "\u{1F916}" }
+  ].map((p) => {
+    const isActive = platformFilter === p.key;
+    return /* @__PURE__ */ React5.createElement(
+      TouchableOpacity3,
+      {
+        key: p.key,
+        style: [
+          styles3.platformBtn,
+          isActive && { backgroundColor: colors.blue + "20", borderColor: colors.blue + "60", borderWidth: 1 }
+        ],
+        onPress: () => setPlatformFilter(isActive ? null : p.key)
+      },
+      /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, p.icon, " ", p.label)
+    );
+  })), /* @__PURE__ */ React5.createElement(View4, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ React5.createElement(
     TouchableOpacity3,
     {
       style: [styles3.trackBtn, !trackFilter && styles3.trackBtnActive],
@@ -14848,7 +14994,15 @@ function TestListScreen({ nav }) {
         ] }, badge.label))
       );
     }));
-  }), /* @__PURE__ */ React5.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
+  }), dashboardUrl && /* @__PURE__ */ React5.createElement(
+    TouchableOpacity3,
+    {
+      style: styles3.dashboardLink,
+      onPress: () => Linking2.openURL(`${dashboardUrl}/test-cases`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React5.createElement(Text3, { style: styles3.dashboardLinkText }, "\u{1F310}", " Manage on Dashboard ", "\u2192")
+  ), /* @__PURE__ */ React5.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
 }
 var styles3 = StyleSheet5.create({
   filterBar: { flexDirection: "row", gap: 8, marginBottom: 8 },
@@ -14887,6 +15041,11 @@ var styles3 = StyleSheet5.create({
   statusPillText: { fontSize: 10, fontWeight: "600" },
   searchContainer: { marginBottom: 8 },
   searchInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
+  platformBar: { flexDirection: "row", marginBottom: 8 },
+  platformBtn: { flexDirection: "row", alignItems: "center", gap: 4, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
+  platformBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  platformBtnText: { fontSize: 11, color: colors.textMuted },
+  platformBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
   trackSortRow: { flexDirection: "row", alignItems: "center", marginBottom: 10, gap: 8 },
   trackBtn: { flexDirection: "row", alignItems: "center", gap: 4, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
   trackBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
@@ -14897,7 +15056,9 @@ var styles3 = StyleSheet5.create({
   sortBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
   sortBtnText: { fontSize: 11, color: colors.textMuted },
   sortBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
-  refreshBtn: { alignItems: "center", paddingVertical: 12 },
+  dashboardLink: { alignItems: "center", paddingTop: 12 },
+  dashboardLinkText: { fontSize: 13, fontWeight: "500", color: colors.blue },
+  refreshBtn: { alignItems: "center", paddingVertical: 8 },
   refreshText: { fontSize: 13, color: colors.blue }
 });
 
@@ -15066,7 +15227,9 @@ var styles4 = StyleSheet6.create({
 
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
-  if (!IMAGE_PICKER_AVAILABLE) return null;
+  if (!IMAGE_PICKER_AVAILABLE) {
+    return /* @__PURE__ */ React7.createElement(View6, { style: styles5.section }, label && /* @__PURE__ */ React7.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles5.unavailableRow }, /* @__PURE__ */ React7.createElement(Text5, { style: styles5.unavailableText }, "Install react-native-image-picker to enable photo attachments")));
+  }
   return /* @__PURE__ */ React7.createElement(View6, { style: styles5.section }, label && /* @__PURE__ */ React7.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles5.buttonRow }, /* @__PURE__ */ React7.createElement(
     TouchableOpacity5,
     {
@@ -15121,6 +15284,18 @@ var styles5 = StyleSheet7.create({
     fontSize: 12,
     color: colors.textDim,
     marginLeft: 4
+  },
+  unavailableRow: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 8,
+    padding: 12
+  },
+  unavailableText: {
+    fontSize: 12,
+    color: colors.textDim,
+    fontStyle: "italic"
   }
 });
 
@@ -15619,9 +15794,9 @@ var styles9 = StyleSheet11.create({
 
 // src/widget/screens/MessageListScreen.tsx
 import React12 from "react";
-import { View as View11, Text as Text10, TouchableOpacity as TouchableOpacity9, StyleSheet as StyleSheet12 } from "react-native";
+import { View as View11, Text as Text10, TouchableOpacity as TouchableOpacity9, StyleSheet as StyleSheet12, Linking as Linking3 } from "react-native";
 function MessageListScreen({ nav }) {
-  const { threads, unreadCount, refreshThreads, isLoading } = useBugBear();
+  const { threads, unreadCount, refreshThreads, dashboardUrl, isLoading } = useBugBear();
   if (isLoading) return /* @__PURE__ */ React12.createElement(MessageListScreenSkeleton, null);
   return /* @__PURE__ */ React12.createElement(View11, null, /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
@@ -15639,7 +15814,15 @@ function MessageListScreen({ nav }) {
     },
     /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadLeft }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadInfo }, /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadTitleRow }, thread.isPinned && /* @__PURE__ */ React12.createElement(Text10, { style: styles10.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
     /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadRight }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ React12.createElement(View11, { style: styles10.unreadBadge }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ React12.createElement(View11, { style: [styles10.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
-  ))), /* @__PURE__ */ React12.createElement(View11, { style: styles10.footer }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React12.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.refreshText }, "\u21BB Refresh"))));
+  ))), dashboardUrl && /* @__PURE__ */ React12.createElement(
+    TouchableOpacity9,
+    {
+      style: styles10.dashboardLink,
+      onPress: () => Linking3.openURL(`${dashboardUrl}/discussions`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React12.createElement(Text10, { style: styles10.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
+  ), /* @__PURE__ */ React12.createElement(View11, { style: styles10.footer }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React12.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.refreshText }, "\u21BB Refresh"))));
 }
 var styles10 = StyleSheet12.create({
   newMsgButton: { backgroundColor: colors.blue, paddingVertical: 12, borderRadius: 12, alignItems: "center", marginBottom: 16 },
@@ -15658,7 +15841,9 @@ var styles10 = StyleSheet12.create({
   unreadBadge: { backgroundColor: colors.blue, borderRadius: 10, minWidth: 20, height: 20, justifyContent: "center", alignItems: "center", paddingHorizontal: 6 },
   unreadText: { fontSize: 11, fontWeight: "bold", color: "#fff" },
   priorityDot: { width: 8, height: 8, borderRadius: 4 },
-  footer: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingTop: 12, paddingHorizontal: 4 },
+  dashboardLink: { alignItems: "center", paddingTop: 12 },
+  dashboardLinkText: { fontSize: 13, fontWeight: "500", color: colors.blue },
+  footer: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", paddingTop: 8, paddingHorizontal: 4 },
   footerText: { fontSize: 12, color: colors.textMuted },
   refreshText: { fontSize: 13, color: colors.blue }
 });
@@ -16139,7 +16324,7 @@ var styles14 = StyleSheet16.create({
 
 // src/widget/screens/IssueDetailScreen.tsx
 import React17 from "react";
-import { View as View16, Text as Text15, Image as Image3, StyleSheet as StyleSheet17, Linking as Linking2, TouchableOpacity as TouchableOpacity14 } from "react-native";
+import { View as View16, Text as Text15, Image as Image3, StyleSheet as StyleSheet17, Linking as Linking4, TouchableOpacity as TouchableOpacity14 } from "react-native";
 var STATUS_LABELS = {
   new: { label: "New", bg: "#1e3a5f", color: "#60a5fa" },
   triaging: { label: "Triaging", bg: "#1e3a5f", color: "#60a5fa" },
@@ -16161,9 +16346,18 @@ var SEVERITY_CONFIG = {
   low: { label: "Low", color: "#71717a", bg: "#27272a" }
 };
 function IssueDetailScreen({ nav, issue }) {
+  const { dashboardUrl } = useBugBear();
   const statusConfig = STATUS_LABELS[issue.status] || { label: issue.status, bg: "#27272a", color: "#a1a1aa" };
   const severityConfig = issue.severity ? SEVERITY_CONFIG[issue.severity] : null;
-  return /* @__PURE__ */ React17.createElement(View16, null, /* @__PURE__ */ React17.createElement(View16, { style: styles15.badgeRow }, /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ React17.createElement(View16, { style: styles15.descriptionCard }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotSection }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ React17.createElement(TouchableOpacity14, { key: i, onPress: () => Linking2.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ React17.createElement(Image3, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ React17.createElement(View16, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))));
+  return /* @__PURE__ */ React17.createElement(View16, null, /* @__PURE__ */ React17.createElement(View16, { style: styles15.badgeRow }, /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ React17.createElement(View16, { style: styles15.descriptionCard }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotSection }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ React17.createElement(TouchableOpacity14, { key: i, onPress: () => Linking4.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ React17.createElement(Image3, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ React17.createElement(View16, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ React17.createElement(
+    TouchableOpacity14,
+    {
+      style: styles15.dashboardLink,
+      onPress: () => Linking4.openURL(`${dashboardUrl}/reports`),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React17.createElement(Text15, { style: styles15.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
+  ));
 }
 var styles15 = StyleSheet17.create({
   badgeRow: {
@@ -16292,6 +16486,18 @@ var styles15 = StyleSheet17.create({
   metaTextSmall: {
     fontSize: 11,
     color: colors.textDim
+  },
+  dashboardLink: {
+    alignItems: "center",
+    paddingVertical: 10,
+    marginTop: 12,
+    borderTopWidth: 1,
+    borderTopColor: colors.border
+  },
+  dashboardLinkText: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: colors.blue
   }
 });
 
@@ -16479,7 +16685,7 @@ function BugBearButton({
     /* @__PURE__ */ React18.createElement(
       KeyboardAvoidingView,
       {
-        behavior: Platform4.OS === "ios" ? "padding" : "height",
+        behavior: Platform5.OS === "ios" ? "padding" : "height",
         style: styles16.modalOverlay
       },
       /* @__PURE__ */ React18.createElement(View17, { style: styles16.modalContainer }, /* @__PURE__ */ React18.createElement(View17, { style: styles16.header }, /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerLeft }, canGoBack ? /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerNavRow }, /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => nav.pop(), style: styles16.backButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.backText }, "\u2190 Back")), /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => nav.reset(), style: styles16.homeButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerTitleRow }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: handleClose, style: styles16.closeButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.closeText }, "\u2715"))), /* @__PURE__ */ React18.createElement(

package/package.json

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