@bbearai/react-native 0.8.1 → 0.8.3

package/dist/index.d.mts

@@ -79,6 +79,11 @@ interface BugBearContextValue {
     refreshTesterInfo: () => Promise<void>;
     issueCounts: IssueCounts;
     refreshIssueCounts: () => Promise<void>;
+    /** Reopen a done issue with a required reason */
+    reopenReport: (reportId: string, reason: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
     /** Number of queued offline operations waiting to be sent. */
     queuedCount: number;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */

package/dist/index.d.ts

@@ -79,6 +79,11 @@ interface BugBearContextValue {
     refreshTesterInfo: () => Promise<void>;
     issueCounts: IssueCounts;
     refreshIssueCounts: () => Promise<void>;
+    /** Reopen a done issue with a required reason */
+    reopenReport: (reportId: string, reason: string) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
     /** Number of queued offline operations waiting to be sent. */
     queuedCount: number;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */

package/dist/index.js

@@ -12230,6 +12230,7 @@ var BugBearClient = class {
     this.navigationHistory = [];
     this.reportSubmitInFlight = false;
     this._queue = null;
+    this._sessionStorage = new LocalStorageAdapter();
     this.realtimeChannels = [];
     this.monitor = null;
     this.initialized = false;
@@ -12307,6 +12308,10 @@ var BugBearClient = class {
     this.initOfflineQueue();
     this.initMonitoring();
   }
+  /** Cache key scoped to the active project. */
+  get sessionCacheKey() {
+    return `bugbear_session_${this.config.projectId ?? "unknown"}`;
+  }
   /** Initialize offline queue if configured. Shared by both init paths. */
   initOfflineQueue() {
     if (this.config.offlineQueue?.enabled) {
@@ -12370,6 +12375,26 @@ var BugBearClient = class {
     await this.pendingInit;
     if (this.initError) throw this.initError;
   }
+  /**
+   * Fire-and-forget call to a dashboard notification endpoint.
+   * Only works when apiKey is configured (needed for API auth).
+   * Failures are silently ignored — notifications are best-effort.
+   */
+  async notifyDashboard(path, body) {
+    if (!this.config.apiKey) return;
+    try {
+      const baseUrl = (this.config.apiBaseUrl || DEFAULT_API_BASE_URL).replace(/\/$/, "");
+      await fetch(`${baseUrl}/api/v1/notifications/${path}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${this.config.apiKey}`
+        },
+        body: JSON.stringify(body)
+      });
+    } catch {
+    }
+  }
   // ── Offline Queue ─────────────────────────────────────────
   /**
    * Access the offline queue (if enabled).
@@ -12396,6 +12421,48 @@ var BugBearClient = class {
     }
     await this._queue.load();
   }
+  // ── Session Cache ──────────────────────────────────────────
+  /**
+   * Swap the session cache storage adapter (for React Native — pass AsyncStorage).
+   * Must be called before getCachedSession() for persistence across app kills.
+   * Web callers don't need this — LocalStorageAdapter is the default.
+   */
+  setSessionStorage(adapter) {
+    this._sessionStorage = adapter;
+  }
+  /**
+   * Cache the active QA session locally for instant restore on app restart.
+   * Pass null to clear the cache (e.g. after ending a session).
+   */
+  async cacheSession(session) {
+    try {
+      if (session) {
+        await this._sessionStorage.setItem(this.sessionCacheKey, JSON.stringify(session));
+      } else {
+        await this._sessionStorage.removeItem(this.sessionCacheKey);
+      }
+    } catch {
+    }
+  }
+  /**
+   * Retrieve the cached QA session. Returns null if no cache, if stale (>24h),
+   * or if parsing fails. The DB fetch in initializeBugBear() is the source of truth.
+   */
+  async getCachedSession() {
+    try {
+      const raw = await this._sessionStorage.getItem(this.sessionCacheKey);
+      if (!raw) return null;
+      const session = JSON.parse(raw);
+      const age = Date.now() - new Date(session.startedAt).getTime();
+      if (age > 24 * 60 * 60 * 1e3) {
+        await this._sessionStorage.removeItem(this.sessionCacheKey);
+        return null;
+      }
+      return session;
+    } catch {
+      return null;
+    }
+  }
   registerQueueHandlers() {
     if (!this._queue) return;
     this._queue.registerHandler("report", async (payload) => {
@@ -12413,6 +12480,11 @@ var BugBearClient = class {
       if (error) return { success: false, error: error.message };
       return { success: true };
     });
+    this._queue.registerHandler("email_capture", async (payload) => {
+      const { error } = await this.supabase.from("email_captures").insert(payload).select("id").single();
+      if (error) return { success: false, error: error.message };
+      return { success: true };
+    });
   }
   // ── Realtime Subscriptions ─────────────────────────────────
   /** Whether realtime is enabled in config. */
@@ -12600,6 +12672,8 @@ var BugBearClient = class {
       if (this.config.onReportSubmitted) {
         this.config.onReportSubmitted(report);
       }
+      this.notifyDashboard("report", { reportId: data.id }).catch(() => {
+      });
       return { success: true, reportId: data.id };
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
@@ -12612,6 +12686,44 @@ var BugBearClient = class {
       this.reportSubmitInFlight = false;
     }
   }
+  /**
+   * Capture an email for QA testing.
+   * Called by the email interceptor — not typically called directly.
+   */
+  async captureEmail(payload) {
+    try {
+      await this.ready();
+      if (!payload.subject || !payload.to || payload.to.length === 0) {
+        return { success: false, error: "subject and to are required" };
+      }
+      const record = {
+        project_id: this.config.projectId,
+        to_addresses: payload.to,
+        from_address: payload.from || null,
+        subject: payload.subject,
+        html_content: payload.html || null,
+        text_content: payload.text || null,
+        template_id: payload.templateId || null,
+        metadata: payload.metadata || {},
+        capture_mode: payload.captureMode,
+        was_delivered: payload.wasDelivered,
+        delivery_status: payload.wasDelivered ? "sent" : "pending"
+      };
+      const { data, error } = await this.supabase.from("email_captures").insert(record).select("id").single();
+      if (error) {
+        if (this._queue && isNetworkError(error.message)) {
+          await this._queue.enqueue("email_capture", record);
+          return { success: false, queued: true, error: "Queued \u2014 will send when online" };
+        }
+        console.error("BugBear: Failed to capture email", error.message);
+        return { success: false, error: error.message };
+      }
+      return { success: true, captureId: data.id };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      return { success: false, error: message };
+    }
+  }
   /**
    * Get assigned tests for current user
    * First looks up the tester by email, then fetches their assignments
@@ -13233,6 +13345,32 @@ var BugBearClient = class {
       return [];
     }
   }
+  /**
+   * Reopen a done issue that the tester believes isn't actually fixed.
+   * Transitions the report from a done status back to 'confirmed'.
+   */
+  async reopenReport(reportId, reason) {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return { success: false, error: "Not authenticated as tester" };
+      const { data, error } = await this.supabase.rpc("reopen_report", {
+        p_report_id: reportId,
+        p_tester_id: testerInfo.id,
+        p_reason: reason
+      });
+      if (error) {
+        console.error("BugBear: Failed to reopen report", formatPgError(error));
+        return { success: false, error: error.message };
+      }
+      if (!data?.success) {
+        return { success: false, error: data?.error || "Failed to reopen report" };
+      }
+      return { success: true };
+    } catch (err) {
+      console.error("BugBear: Error reopening report", err);
+      return { success: false, error: "Unexpected error" };
+    }
+  }
   /**
    * Basic email format validation (defense in depth)
    */
@@ -13819,7 +13957,7 @@ var BugBearClient = class {
           insertData.attachments = safeAttachments;
         }
       }
-      const { error } = await this.supabase.from("discussion_messages").insert(insertData);
+      const { data: msgData, error } = await this.supabase.from("discussion_messages").insert(insertData).select("id").single();
       if (error) {
         if (this._queue && isNetworkError(error.message)) {
           await this._queue.enqueue("message", insertData);
@@ -13828,6 +13966,10 @@ var BugBearClient = class {
         console.error("BugBear: Failed to send message", formatPgError(error));
         return false;
       }
+      if (msgData?.id) {
+        this.notifyDashboard("message", { threadId, messageId: msgData.id }).catch(() => {
+        });
+      }
       await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
@@ -13953,6 +14095,7 @@ var BugBearClient = class {
       if (!session) {
         return { success: false, error: "Session created but could not be fetched" };
       }
+      await this.cacheSession(session);
       return { success: true, session };
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
@@ -13976,6 +14119,7 @@ var BugBearClient = class {
         return { success: false, error: error.message };
       }
       const session = this.transformSession(data);
+      await this.cacheSession(null);
       return { success: true, session };
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
@@ -13991,8 +14135,13 @@ var BugBearClient = class {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) return null;
       const { data, error } = await this.supabase.from("qa_sessions").select("*").eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).eq("status", "active").order("started_at", { ascending: false }).limit(1).maybeSingle();
-      if (error || !data) return null;
-      return this.transformSession(data);
+      if (error || !data) {
+        await this.cacheSession(null);
+        return null;
+      }
+      const session = this.transformSession(data);
+      await this.cacheSession(session);
+      return session;
     } catch (err) {
       console.error("BugBear: Error fetching active session", err);
       return null;
@@ -14510,6 +14659,7 @@ var BugBearContext = (0, import_react.createContext)({
   issueCounts: { open: 0, done: 0, reopened: 0 },
   refreshIssueCounts: async () => {
   },
+  reopenReport: async () => ({ success: false }),
   queuedCount: 0,
   dashboardUrl: void 0,
   onError: void 0
@@ -14651,6 +14801,14 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     const counts = await client.getIssueCounts();
     setIssueCounts(counts);
   }, [client]);
+  const reopenReport = (0, import_react.useCallback)(async (reportId, reason) => {
+    if (!client) return { success: false, error: "Client not initialized" };
+    const result = await client.reopenReport(reportId, reason);
+    if (result.success) {
+      await refreshIssueCounts();
+    }
+    return result;
+  }, [client, refreshIssueCounts]);
   const initializeBugBear = (0, import_react.useCallback)(async (bugBearClient) => {
     setIsLoading(true);
     try {
@@ -14736,6 +14894,10 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       setClient(newClient);
       (async () => {
         try {
+          const cachedSession = await newClient.getCachedSession();
+          if (cachedSession) {
+            setActiveSession(cachedSession);
+          }
           await initializeBugBear(newClient);
           if (newClient.monitor && config.monitoring) {
             const getCurrentRoute = () => contextCapture.getCurrentRoute();
@@ -14870,6 +15032,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         // Issue tracking
         issueCounts,
         refreshIssueCounts,
+        reopenReport,
         queuedCount,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
@@ -15601,6 +15764,17 @@ function TestDetailScreen({ testId, nav }) {
     setShowSteps(true);
     setShowDetails(false);
   }, [displayedAssignment?.id]);
+  (0, import_react5.useEffect)(() => {
+    if (!client || !displayedAssignment || displayedAssignment.status !== "pending") return;
+    let cancelled = false;
+    (async () => {
+      await client.updateAssignmentStatus(displayedAssignment.id, "in_progress");
+      if (!cancelled) await refreshAssignments();
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, displayedAssignment?.id, displayedAssignment?.status, refreshAssignments]);
   (0, import_react5.useEffect)(() => {
     const active = displayedAssignment?.status === "in_progress" ? displayedAssignment : null;
     if (!active?.startedAt) {
@@ -15651,17 +15825,6 @@ function TestDetailScreen({ testId, nav }) {
       setIsSubmitting(false);
     }
   }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
-  const handleStart = (0, import_react5.useCallback)(async () => {
-    if (!client || !displayedAssignment || isSubmitting) return;
-    import_react_native5.Keyboard.dismiss();
-    setIsSubmitting(true);
-    try {
-      await client.updateAssignmentStatus(displayedAssignment.id, "in_progress");
-      await refreshAssignments();
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, [client, displayedAssignment, refreshAssignments, isSubmitting]);
   const handleReopen = (0, import_react5.useCallback)(async () => {
     if (!client || !displayedAssignment || isSubmitting) return;
     import_react_native5.Keyboard.dismiss();
@@ -15807,15 +15970,7 @@ function TestDetailScreen({ testId, nav }) {
       disabled: isSubmitting
     },
     /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.passBtnText }, "Change to Pass")
-  ))) : displayedAssignment.status === "pending" ? /* @__PURE__ */ import_react5.default.createElement(
-    import_react_native5.TouchableOpacity,
-    {
-      style: [styles5.startBtn, isSubmitting && { opacity: 0.5 }],
-      onPress: handleStart,
-      disabled: isSubmitting
-    },
-    /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.startBtnText }, isSubmitting ? "Starting..." : displayedAssignment.isVerification ? "\u{1F50D} Start Verification" : "\u25B6 Start Test")
-  ) : /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles5.actionButtons }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.failBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Reporting..." : "Failing..." : displayedAssignment.isVerification ? "\u2717 Still Broken" : "Fail")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.skipBtnText }, "Skip")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.passBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Verifying..." : "Passing..." : displayedAssignment.isVerification ? "\u2713 Fix Verified" : "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: styles5.modalOverlay }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles5.modalContent }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.modalSubtitle }, "Select a reason:"), [
+  ))) : /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles5.actionButtons }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.failBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Reporting..." : "Failing..." : displayedAssignment.isVerification ? "\u2717 Still Broken" : "Fail")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.skipBtnText }, "Skip")), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: [styles5.actionBtn, styles5.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.passBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Verifying..." : "Passing..." : displayedAssignment.isVerification ? "\u2713 Fix Verified" : "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: styles5.modalOverlay }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles5.modalContent }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.modalTitle }, "Skip this test?"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles5.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" },
@@ -15929,9 +16084,6 @@ function createStyles2() {
     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 },
-    // Start Test button
-    startBtn: { paddingVertical: 16, borderRadius: 12, alignItems: "center", backgroundColor: colors.blueSurface, borderWidth: 1, borderColor: colors.blueAccent, marginTop: 8 },
-    startBtnText: { fontSize: 16, fontWeight: "600", color: colors.blueText },
     // Action buttons
     actionButtons: { flexDirection: "row", gap: 10, marginTop: 8 },
     actionBtn: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center" },
@@ -16044,17 +16196,23 @@ function TestListScreen({ nav }) {
       const keyMatch = a.testCase.testKey.toLowerCase().includes(q);
       if (!titleMatch && !keyMatch) return false;
     }
-    if (filter === "pending") return a.status === "pending" || a.status === "in_progress";
-    if (filter === "done") return a.status === "passed";
-    if (filter === "reopened") return a.status === "failed";
+    if (filter === "todo") {
+      return !a.isVerification && (a.status === "pending" || a.status === "in_progress" || a.status === "failed");
+    }
+    if (filter === "retest") {
+      return !!a.isVerification && (a.status === "pending" || a.status === "in_progress");
+    }
+    if (filter === "done") {
+      return a.status === "passed" || a.status === "skipped" || a.status === "blocked";
+    }
     return true;
   }, [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: styles5.filterBar }, [
     { key: "all", label: "All", count: assignments.length },
-    { key: "pending", label: "To Do", count: assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length },
-    { key: "done", label: "Done", count: assignments.filter((a) => a.status === "passed").length },
-    { key: "reopened", label: "Re Opened", count: assignments.filter((a) => a.status === "failed").length }
+    { key: "todo", label: "To Do", count: assignments.filter((a) => !a.isVerification && (a.status === "pending" || a.status === "in_progress" || a.status === "failed")).length },
+    { key: "retest", label: "Retest", count: assignments.filter((a) => !!a.isVerification && (a.status === "pending" || a.status === "in_progress")).length },
+    { key: "done", label: "Done", count: assignments.filter((a) => a.status === "passed" || a.status === "skipped" || a.status === "blocked").length }
   ].map((f) => /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { key: f.key, style: [styles5.filterBtn, filter === f.key && styles5.filterBtnActive], onPress: () => setFilter(f.key) }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles5.filterBtnText, filter === f.key && styles5.filterBtnTextActive] }, f.label, " (", f.count, ")")))), availableRoles.length >= 2 && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.roleSection }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles5.roleBar }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native6.TouchableOpacity,
     {
@@ -16157,7 +16315,13 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testBadge }, badge.icon),
-        /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.testInfo }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.retestTag }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.retestTagText }, "Retest")), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.roleBadgeRow }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testMeta }, " \xB7 "), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: [styles5.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles5.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name)))),
+        /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.testInfo }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.testMetaRow }, assignment.isVerification && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: [
+          styles5.retestTag,
+          assignment.status === "passed" && { backgroundColor: colors.greenDark, borderColor: colors.greenBorder }
+        ] }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [
+          styles5.retestTagText,
+          assignment.status === "passed" && { color: colors.greenLight }
+        ] }, assignment.status === "passed" ? "Verified" : "Retest")), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles5.roleBadgeRow }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles5.testMeta }, " \xB7 "), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: [styles5.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles5.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name)))),
         /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: [
           styles5.statusPill,
           {
@@ -17673,9 +17837,15 @@ function createStyles11() {
 // src/widget/screens/IssueDetailScreen.tsx
 var import_react19 = __toESM(require("react"));
 var import_react_native18 = require("react-native");
+var DONE_STATUSES = ["verified", "resolved", "closed", "reviewed"];
 function IssueDetailScreen({ nav, issue }) {
-  const { dashboardUrl, widgetColorScheme } = useBugBear();
+  const { dashboardUrl, widgetColorScheme, reopenReport } = useBugBear();
   const styles5 = (0, import_react19.useMemo)(() => createStyles12(), [widgetColorScheme]);
+  const [showReopenForm, setShowReopenForm] = (0, import_react19.useState)(false);
+  const [reopenReason, setReopenReason] = (0, import_react19.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react19.useState)(false);
+  const [reopenError, setReopenError] = (0, import_react19.useState)(null);
+  const [wasReopened, setWasReopened] = (0, import_react19.useState)(false);
   const STATUS_LABELS = (0, import_react19.useMemo)(() => ({
     new: { label: "New", bg: colors.blueDark, color: colors.blueLight },
     triaging: { label: "Triaging", bg: colors.blueDark, color: colors.blueLight },
@@ -17698,7 +17868,68 @@ function IssueDetailScreen({ nav, issue }) {
   }), [widgetColorScheme]);
   const statusConfig = STATUS_LABELS[issue.status] || { label: issue.status, bg: colors.card, color: colors.textSecondary };
   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: styles5.badgeRow }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles5.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles5.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles5.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles5.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.title }, issue.title), issue.route && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.route }, issue.route), issue.description && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.descriptionCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.verifiedCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.verifiedHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.verifiedIcon }, "\u2705"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.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: styles5.originalBugCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.originalBugHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugTitle }, "Original Bug")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.screenshotSection }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.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: styles5.screenshotThumb }))))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.metaSection }, issue.reporterName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ import_react19.default.createElement(
+  const isDone = DONE_STATUSES.includes(issue.status);
+  const handleReopen = (0, import_react19.useCallback)(async () => {
+    if (!reopenReason.trim()) return;
+    setIsSubmitting(true);
+    setReopenError(null);
+    const result = await reopenReport(issue.id, reopenReason.trim());
+    setIsSubmitting(false);
+    if (result.success) {
+      setWasReopened(true);
+      setShowReopenForm(false);
+    } else {
+      setReopenError(result.error || "Failed to reopen");
+    }
+  }, [reopenReason, reopenReport, issue.id]);
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, null, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.badgeRow }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles5.badge, { backgroundColor: wasReopened ? colors.yellowDark : statusConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles5.badgeText, { color: wasReopened ? colors.yellowLight : statusConfig.color }] }, wasReopened ? "Reopened" : statusConfig.label)), severityConfig && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: [styles5.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [styles5.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.title }, issue.title), issue.route && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.route }, issue.route), issue.description && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.descriptionCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.descriptionText }, issue.description)), wasReopened && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.reopenedCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.reopenedRow }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenedIcon }, "\u{1F504}"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenedText }, "Issue reopened \u2014 your team has been notified"))), issue.verifiedByName && !wasReopened && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.verifiedCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.verifiedHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.verifiedIcon }, "\u2705"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.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: styles5.originalBugCard }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.originalBugHeader }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugTitleText }, "Original Bug")), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.originalBugBody }, "Retest of: ", issue.originalBugTitle)), isDone && !wasReopened && !showReopenForm && /* @__PURE__ */ import_react19.default.createElement(
+    import_react_native18.TouchableOpacity,
+    {
+      style: styles5.reopenButton,
+      onPress: () => setShowReopenForm(true),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenButtonText }, "\u{1F504}", " Not Fixed \u2014 Reopen Issue")
+  ), showReopenForm && !wasReopened && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.reopenForm }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenFormTitle }, "Why isn't this fixed?"), /* @__PURE__ */ import_react19.default.createElement(
+    import_react_native18.TextInput,
+    {
+      value: reopenReason,
+      onChangeText: setReopenReason,
+      placeholder: "Describe what you're still seeing...",
+      placeholderTextColor: colors.textMuted,
+      style: styles5.reopenInput,
+      multiline: true,
+      autoFocus: true
+    }
+  ), reopenError && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenErrorText }, reopenError), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.reopenActions }, /* @__PURE__ */ import_react19.default.createElement(
+    import_react_native18.TouchableOpacity,
+    {
+      style: [
+        styles5.reopenSubmitButton,
+        (!reopenReason.trim() || isSubmitting) && styles5.reopenSubmitDisabled
+      ],
+      onPress: handleReopen,
+      disabled: isSubmitting || !reopenReason.trim(),
+      activeOpacity: 0.7
+    },
+    isSubmitting ? /* @__PURE__ */ import_react19.default.createElement(import_react_native18.ActivityIndicator, { size: "small", color: "#fff" }) : /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: [
+      styles5.reopenSubmitText,
+      !reopenReason.trim() && styles5.reopenSubmitTextDisabled
+    ] }, "Reopen Issue")
+  ), /* @__PURE__ */ import_react19.default.createElement(
+    import_react_native18.TouchableOpacity,
+    {
+      style: styles5.reopenCancelButton,
+      onPress: () => {
+        setShowReopenForm(false);
+        setReopenReason("");
+        setReopenError(null);
+      },
+      disabled: isSubmitting,
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.reopenCancelText }, "Cancel")
+  ))), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.screenshotSection }, /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.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: styles5.screenshotThumb }))))), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.View, { style: styles5.metaSection }, issue.reporterName && /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ import_react19.default.createElement(import_react_native18.Text, { style: styles5.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ import_react19.default.createElement(
     import_react_native18.TouchableOpacity,
     {
       style: styles5.dashboardLink,
@@ -17750,6 +17981,28 @@ function createStyles12() {
       color: colors.textSecondary,
       lineHeight: 19
     },
+    reopenedCard: {
+      backgroundColor: colors.yellowDark,
+      borderWidth: 1,
+      borderColor: colors.yellowBorder,
+      borderRadius: 8,
+      padding: 12,
+      marginBottom: 12
+    },
+    reopenedRow: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    },
+    reopenedIcon: {
+      fontSize: 14
+    },
+    reopenedText: {
+      fontSize: 13,
+      fontWeight: "600",
+      color: colors.yellowLight,
+      flex: 1
+    },
     verifiedCard: {
       backgroundColor: colors.greenDark,
       borderWidth: 1,
@@ -17793,7 +18046,7 @@ function createStyles12() {
     originalBugIcon: {
       fontSize: 16
     },
-    originalBugTitle: {
+    originalBugTitleText: {
       fontSize: 13,
       fontWeight: "600",
       color: colors.yellowLight
@@ -17802,6 +18055,89 @@ function createStyles12() {
       fontSize: 12,
       color: colors.yellowSubtle
     },
+    reopenButton: {
+      borderWidth: 1,
+      borderColor: colors.orange,
+      borderRadius: 8,
+      paddingVertical: 10,
+      paddingHorizontal: 16,
+      alignItems: "center",
+      marginBottom: 12
+    },
+    reopenButtonText: {
+      fontSize: 13,
+      fontWeight: "600",
+      color: colors.orange
+    },
+    reopenForm: {
+      backgroundColor: colors.card,
+      borderWidth: 1,
+      borderColor: colors.orange,
+      borderRadius: 8,
+      padding: 12,
+      marginBottom: 12
+    },
+    reopenFormTitle: {
+      fontSize: 13,
+      fontWeight: "600",
+      color: colors.orange,
+      marginBottom: 8
+    },
+    reopenInput: {
+      backgroundColor: colors.bg,
+      borderWidth: 1,
+      borderColor: colors.border,
+      borderRadius: 6,
+      padding: 8,
+      color: colors.textPrimary,
+      fontSize: 13,
+      lineHeight: 18,
+      minHeight: 60,
+      textAlignVertical: "top"
+    },
+    reopenErrorText: {
+      fontSize: 12,
+      color: colors.red,
+      marginTop: 6
+    },
+    reopenActions: {
+      flexDirection: "row",
+      gap: 8,
+      marginTop: 8
+    },
+    reopenSubmitButton: {
+      flex: 1,
+      backgroundColor: colors.orange,
+      borderRadius: 6,
+      paddingVertical: 8,
+      paddingHorizontal: 12,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    reopenSubmitDisabled: {
+      backgroundColor: colors.card,
+      opacity: 0.7
+    },
+    reopenSubmitText: {
+      fontSize: 13,
+      fontWeight: "600",
+      color: "#fff"
+    },
+    reopenSubmitTextDisabled: {
+      color: colors.textMuted
+    },
+    reopenCancelButton: {
+      borderWidth: 1,
+      borderColor: colors.border,
+      borderRadius: 6,
+      paddingVertical: 8,
+      paddingHorizontal: 12,
+      alignItems: "center"
+    },
+    reopenCancelText: {
+      fontSize: 13,
+      color: colors.textSecondary
+    },
     screenshotSection: {
       marginBottom: 12
     },