@bbearai/react-native 0.8.2 → 0.8.4

package/dist/index.mjs

@@ -12197,10 +12197,14 @@ var BugBearClient = class {
     this.navigationHistory = [];
     this.reportSubmitInFlight = false;
     this._queue = null;
+    this._sessionStorage = new LocalStorageAdapter();
     this.realtimeChannels = [];
     this.monitor = null;
     this.initialized = false;
     this.initError = null;
+    this._presenceSessionId = null;
+    this._presenceInterval = null;
+    this._presencePaused = false;
     this.config = config;
     if (config.apiKey) {
       this.pendingInit = this.resolveFromApiKey(config.apiKey);
@@ -12274,6 +12278,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) {
@@ -12337,6 +12345,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).
@@ -12363,6 +12391,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) => {
@@ -12380,6 +12450,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. */
@@ -12567,6 +12642,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";
@@ -12579,6 +12656,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
@@ -13200,6 +13315,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)
    */
@@ -13709,6 +13850,7 @@ var BugBearClient = class {
         lastMessageAt: row.last_message_at,
         createdAt: row.created_at,
         unreadCount: Number(row.unread_count) || 0,
+        reporterName: row.reporter_name || void 0,
         lastMessage: row.last_message_preview ? {
           id: "",
           threadId: row.thread_id,
@@ -13786,7 +13928,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);
@@ -13795,6 +13937,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) {
@@ -13920,6 +14066,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";
@@ -13943,6 +14090,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";
@@ -13958,8 +14106,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;
@@ -14137,6 +14290,93 @@ var BugBearClient = class {
       updatedAt: data.updated_at
     };
   }
+  // ─── Passive Presence Tracking ──────────────────────────────
+  /** Current presence session ID (null if not tracking). */
+  get presenceSessionId() {
+    return this._presenceSessionId;
+  }
+  /**
+   * Start passive presence tracking for this tester.
+   * Idempotent — reuses an existing active session if one exists.
+   */
+  async startPresence(platform) {
+    try {
+      await this.ensureReady();
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return null;
+      const { data, error } = await this.supabase.rpc("upsert_tester_presence", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id,
+        p_platform: platform
+      });
+      if (error) {
+        console.error("BugBear: Failed to start presence", formatPgError(error));
+        return null;
+      }
+      this._presenceSessionId = data;
+      this._presencePaused = false;
+      this.startPresenceHeartbeat();
+      return data;
+    } catch (err) {
+      console.error("BugBear: Error starting presence", err);
+      return null;
+    }
+  }
+  /** Gracefully end the current presence session. */
+  async endPresence() {
+    this.stopPresenceHeartbeat();
+    if (!this._presenceSessionId) return;
+    try {
+      await this.supabase.rpc("end_tester_presence", {
+        p_session_id: this._presenceSessionId
+      });
+    } catch {
+    }
+    this._presenceSessionId = null;
+  }
+  /** Pause heartbeat (tab hidden / app backgrounded). Sends one final beat. */
+  pausePresence() {
+    this._presencePaused = true;
+    this.heartbeatPresence();
+  }
+  /** Resume heartbeat after pause. Restarts if session was cleaned up. */
+  async resumePresence() {
+    if (!this._presenceSessionId) return;
+    this._presencePaused = false;
+    try {
+      const { data } = await this.supabase.rpc("heartbeat_tester_presence", {
+        p_session_id: this._presenceSessionId
+      });
+      if (!data) {
+        this._presenceSessionId = null;
+      }
+    } catch {
+      this._presenceSessionId = null;
+    }
+  }
+  async heartbeatPresence() {
+    if (!this._presenceSessionId || this._presencePaused) return;
+    try {
+      const { data, error } = await this.supabase.rpc("heartbeat_tester_presence", {
+        p_session_id: this._presenceSessionId
+      });
+      if (error || data === false) {
+        this.stopPresenceHeartbeat();
+        this._presenceSessionId = null;
+      }
+    } catch {
+    }
+  }
+  startPresenceHeartbeat() {
+    this.stopPresenceHeartbeat();
+    this._presenceInterval = setInterval(() => this.heartbeatPresence(), 6e4);
+  }
+  stopPresenceHeartbeat() {
+    if (this._presenceInterval) {
+      clearInterval(this._presenceInterval);
+      this._presenceInterval = null;
+    }
+  }
 };
 function createBugBear(config) {
   return new BugBearClient(config);
@@ -14271,6 +14511,9 @@ function setActiveColors(palette) {
   colors = palette;
   shared = createSharedStyles();
 }
+function withAlpha(hex, alpha) {
+  return hex + Math.round(alpha * 255).toString(16).padStart(2, "0");
+}
 function createSharedStyles() {
   return StyleSheet.create({
     card: {
@@ -14477,6 +14720,7 @@ var BugBearContext = createContext({
   issueCounts: { open: 0, done: 0, reopened: 0 },
   refreshIssueCounts: async () => {
   },
+  reopenReport: async () => ({ success: false }),
   queuedCount: 0,
   dashboardUrl: void 0,
   onError: void 0
@@ -14618,6 +14862,14 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     const counts = await client.getIssueCounts();
     setIssueCounts(counts);
   }, [client]);
+  const reopenReport = 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 = useCallback(async (bugBearClient) => {
     setIsLoading(true);
     try {
@@ -14703,6 +14955,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();
@@ -14760,6 +15016,28 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     }
     return () => subscription.remove();
   }, [client]);
+  useEffect(() => {
+    if (!client || !isTester) return;
+    let mounted = true;
+    const platform = Platform2.OS === "ios" ? "ios" : "android";
+    client.startPresence(platform);
+    const subscription = AppState.addEventListener("change", (nextState) => {
+      if (nextState === "active") {
+        client.resumePresence().then(() => {
+          if (mounted && !client.presenceSessionId) {
+            client.startPresence(platform);
+          }
+        });
+      } else if (nextState === "background" || nextState === "inactive") {
+        client.pausePresence();
+      }
+    });
+    return () => {
+      mounted = false;
+      subscription.remove();
+      client.endPresence();
+    };
+  }, [client, isTester]);
   useEffect(() => {
     if (!client || !isTester) return;
     if (widgetMode === "qa" && !isQAEnabled) return;
@@ -14837,6 +15115,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         // Issue tracking
         issueCounts,
         refreshIssueCounts,
+        reopenReport,
         queuedCount,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
@@ -14854,21 +15133,21 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 }
 
 // src/BugBearButton.tsx
-import React21, { useState as useState16, useRef as useRef6, useMemo as useMemo16 } from "react";
+import React21, { useState as useState18, useRef as useRef6, useMemo as useMemo16 } from "react";
 import {
   View as View21,
   Text as Text19,
   Image as Image4,
   TouchableOpacity as TouchableOpacity18,
   Modal as Modal3,
-  ScrollView as ScrollView3,
+  ScrollView as ScrollView4,
   StyleSheet as StyleSheet21,
   Dimensions as Dimensions2,
   KeyboardAvoidingView,
   Platform as Platform5,
   PanResponder,
   Animated as Animated2,
-  ActivityIndicator as ActivityIndicator2,
+  ActivityIndicator as ActivityIndicator3,
   Keyboard as Keyboard4
 } from "react-native";
 
@@ -15583,6 +15862,17 @@ function TestDetailScreen({ testId, nav }) {
     setShowSteps(true);
     setShowDetails(false);
   }, [displayedAssignment?.id]);
+  useEffect4(() => {
+    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]);
   useEffect4(() => {
     const active = displayedAssignment?.status === "in_progress" ? displayedAssignment : null;
     if (!active?.startedAt) {
@@ -15633,17 +15923,6 @@ function TestDetailScreen({ testId, nav }) {
       setIsSubmitting(false);
     }
   }, [client, displayedAssignment, refreshAssignments, nav, isSubmitting]);
-  const handleStart = useCallback2(async () => {
-    if (!client || !displayedAssignment || isSubmitting) return;
-    Keyboard.dismiss();
-    setIsSubmitting(true);
-    try {
-      await client.updateAssignmentStatus(displayedAssignment.id, "in_progress");
-      await refreshAssignments();
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, [client, displayedAssignment, refreshAssignments, isSubmitting]);
   const handleReopen = useCallback2(async () => {
     if (!client || !displayedAssignment || isSubmitting) return;
     Keyboard.dismiss();
@@ -15789,15 +16068,7 @@ function TestDetailScreen({ testId, nav }) {
       disabled: isSubmitting
     },
     /* @__PURE__ */ React4.createElement(Text2, { style: styles5.passBtnText }, "Change to Pass")
-  ))) : displayedAssignment.status === "pending" ? /* @__PURE__ */ React4.createElement(
-    TouchableOpacity2,
-    {
-      style: [styles5.startBtn, isSubmitting && { opacity: 0.5 }],
-      onPress: handleStart,
-      disabled: isSubmitting
-    },
-    /* @__PURE__ */ React4.createElement(Text2, { style: styles5.startBtnText }, isSubmitting ? "Starting..." : displayedAssignment.isVerification ? "\u{1F50D} Start Verification" : "\u25B6 Start Test")
-  ) : /* @__PURE__ */ React4.createElement(View4, { style: styles5.actionButtons }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.failBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Reporting..." : "Failing..." : displayedAssignment.isVerification ? "\u2717 Still Broken" : "Fail")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.skipBtnText }, "Skip")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.passBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Verifying..." : "Passing..." : displayedAssignment.isVerification ? "\u2713 Fix Verified" : "Pass"))), /* @__PURE__ */ React4.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React4.createElement(View4, { style: styles5.modalOverlay }, /* @__PURE__ */ React4.createElement(View4, { style: styles5.modalContent }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.modalTitle }, "Skip this test?"), /* @__PURE__ */ React4.createElement(Text2, { style: styles5.modalSubtitle }, "Select a reason:"), [
+  ))) : /* @__PURE__ */ React4.createElement(View4, { style: styles5.actionButtons }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.failBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Reporting..." : "Failing..." : displayedAssignment.isVerification ? "\u2717 Still Broken" : "Fail")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.skipBtnText }, "Skip")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles5.actionBtn, styles5.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.passBtnText }, isSubmitting ? displayedAssignment.isVerification ? "Verifying..." : "Passing..." : displayedAssignment.isVerification ? "\u2713 Fix Verified" : "Pass"))), /* @__PURE__ */ React4.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React4.createElement(View4, { style: styles5.modalOverlay }, /* @__PURE__ */ React4.createElement(View4, { style: styles5.modalContent }, /* @__PURE__ */ React4.createElement(Text2, { style: styles5.modalTitle }, "Skip this test?"), /* @__PURE__ */ React4.createElement(Text2, { 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" },
@@ -15911,9 +16182,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" },
@@ -16782,6 +17050,8 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
   const [severity, setSeverity] = useState8("medium");
   const [category, setCategory] = useState8(null);
   const [description, setDescription] = useState8("");
+  const [myIssues, setMyIssues] = useState8([]);
+  const [similarReports, setSimilarReports] = useState8([]);
   const [affectedScreen, setAffectedScreen] = useState8("");
   const [submitting, setSubmitting] = useState8(false);
   const [error, setError] = useState8(null);
@@ -16797,6 +17067,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
   }, [autoCaptureUri, onAutoCaptureConsumed]);
   const isRetestFailure = prefill?.type === "test_fail";
   const isBugType = reportType === "bug" || reportType === "test_fail";
+  useEffect6(() => {
+    if (!client?.getIssues) return;
+    let cancelled = false;
+    const load = async () => {
+      try {
+        const [open, done] = await Promise.all([
+          client.getIssues("open"),
+          client.getIssues("done")
+        ]);
+        if (!cancelled) setMyIssues([...open, ...done]);
+      } catch {
+      }
+    };
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  useEffect6(() => {
+    if (description.length < 10 || myIssues.length === 0) {
+      setSimilarReports([]);
+      return;
+    }
+    const words = description.toLowerCase().split(/\s+/).filter((w) => w.length > 3);
+    if (words.length === 0) {
+      setSimilarReports([]);
+      return;
+    }
+    const scored = myIssues.map((issue) => {
+      const text = `${issue.title || ""} ${issue.description || ""}`.toLowerCase();
+      const matches = words.filter((w) => text.includes(w)).length;
+      return { issue, score: matches / words.length };
+    }).filter((s2) => s2.score >= 0.3).sort((a, b) => b.score - a.score).slice(0, 3);
+    setSimilarReports(scored.map((s2) => s2.issue));
+  }, [description, myIssues]);
   useEffect6(() => {
     if (reportType === "feedback" || reportType === "suggestion") {
       setCategory("other");
@@ -16871,7 +17176,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), /* @__PURE__ */ React10.createElement(
+  ), similarReports.length > 0 && /* @__PURE__ */ React10.createElement(View10, { style: {
+    marginTop: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: withAlpha(colors.orange, 0.1),
+    borderWidth: 1,
+    borderColor: withAlpha(colors.orange, 0.3)
+  } }, /* @__PURE__ */ React10.createElement(Text8, { style: { fontSize: 12, fontWeight: "600", color: colors.orange, marginBottom: 8 } }, "Similar reports you've already filed:"), similarReports.map((issue) => /* @__PURE__ */ React10.createElement(
+    TouchableOpacity8,
+    {
+      key: issue.id,
+      onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+        paddingVertical: 6
+      }
+    },
+    /* @__PURE__ */ React10.createElement(View10, { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 4,
+      backgroundColor: issue.severity === "critical" ? colors.red : issue.severity === "high" ? colors.orange : colors.yellow
+    } }),
+    /* @__PURE__ */ React10.createElement(
+      Text8,
+      {
+        numberOfLines: 1,
+        style: { fontSize: 12, color: colors.textPrimary, flex: 1 }
+      },
+      issue.title
+    ),
+    /* @__PURE__ */ React10.createElement(Text8, { style: { fontSize: 11, color: colors.textMuted } }, issue.status)
+  )))), /* @__PURE__ */ React10.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -16927,7 +17266,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), isBugType && /* @__PURE__ */ React10.createElement(View10, { style: styles5.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Which screen?"), /* @__PURE__ */ React10.createElement(
+  ), similarReports.length > 0 && /* @__PURE__ */ React10.createElement(View10, { style: {
+    marginTop: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: withAlpha(colors.orange, 0.1),
+    borderWidth: 1,
+    borderColor: withAlpha(colors.orange, 0.3)
+  } }, /* @__PURE__ */ React10.createElement(Text8, { style: { fontSize: 12, fontWeight: "600", color: colors.orange, marginBottom: 8 } }, "Similar reports you've already filed:"), similarReports.map((issue) => /* @__PURE__ */ React10.createElement(
+    TouchableOpacity8,
+    {
+      key: issue.id,
+      onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+        paddingVertical: 6
+      }
+    },
+    /* @__PURE__ */ React10.createElement(View10, { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 4,
+      backgroundColor: issue.severity === "critical" ? colors.red : issue.severity === "high" ? colors.orange : colors.yellow
+    } }),
+    /* @__PURE__ */ React10.createElement(
+      Text8,
+      {
+        numberOfLines: 1,
+        style: { fontSize: 12, color: colors.textPrimary, flex: 1 }
+      },
+      issue.title
+    ),
+    /* @__PURE__ */ React10.createElement(Text8, { style: { fontSize: 11, color: colors.textMuted } }, issue.status)
+  )))), isBugType && /* @__PURE__ */ React10.createElement(View10, { style: styles5.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Which screen?"), /* @__PURE__ */ React10.createElement(
     TextInput4,
     {
       style: styles5.screenInput,
@@ -17003,11 +17376,24 @@ function createStyles6() {
 }
 
 // src/widget/screens/MessageListScreen.tsx
-import React12, { useMemo as useMemo7 } from "react";
-import { View as View12, Text as Text10, TouchableOpacity as TouchableOpacity9, StyleSheet as StyleSheet12, Linking as Linking3 } from "react-native";
+import React12, { useMemo as useMemo7, useState as useState9 } from "react";
+import { View as View12, Text as Text10, TouchableOpacity as TouchableOpacity9, ScrollView as ScrollView3, StyleSheet as StyleSheet12, Linking as Linking3 } from "react-native";
 function MessageListScreen({ nav }) {
   const { threads, unreadCount, refreshThreads, dashboardUrl, isLoading, widgetColorScheme } = useBugBear();
   const styles5 = useMemo7(() => createStyles7(), [widgetColorScheme]);
+  const [activeFilter, setActiveFilter] = useState9("all");
+  const filteredThreads = threads.filter((thread) => {
+    if (activeFilter === "all") return true;
+    if (activeFilter === "unread") return thread.unreadCount > 0;
+    return thread.threadType === activeFilter;
+  });
+  const filterChips = [
+    { key: "all", label: "All" },
+    { key: "report", label: "Bug Reports" },
+    { key: "direct", label: "Direct" },
+    { key: "announcement", label: "Announcements" },
+    { key: "unread", label: "Unread", count: threads.filter((t) => t.unreadCount > 0).length }
+  ];
   if (isLoading) return /* @__PURE__ */ React12.createElement(MessageListScreenSkeleton, null);
   return /* @__PURE__ */ React12.createElement(View12, null, /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
@@ -17016,14 +17402,54 @@ function MessageListScreen({ nav }) {
       onPress: () => nav.push({ name: "COMPOSE_MESSAGE" })
     },
     /* @__PURE__ */ React12.createElement(Text10, { style: styles5.newMsgText }, "\u2709\uFE0F New Message")
-  ), threads.length === 0 ? /* @__PURE__ */ React12.createElement(View12, { style: shared.emptyState }, /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ React12.createElement(View12, null, threads.map((thread) => /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React12.createElement(
+    ScrollView3,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      style: { paddingBottom: 12 },
+      contentContainerStyle: { paddingHorizontal: 16, gap: 8 }
+    },
+    filterChips.map((chip) => /* @__PURE__ */ React12.createElement(
+      TouchableOpacity9,
+      {
+        key: chip.key,
+        onPress: () => setActiveFilter(chip.key),
+        style: {
+          paddingVertical: 6,
+          paddingHorizontal: 12,
+          borderRadius: 16,
+          borderWidth: 1,
+          borderColor: activeFilter === chip.key ? colors.blue : colors.border,
+          backgroundColor: activeFilter === chip.key ? withAlpha(colors.blue, 0.15) : "transparent",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 4
+        }
+      },
+      /* @__PURE__ */ React12.createElement(Text10, { style: {
+        fontSize: 12,
+        fontWeight: "500",
+        color: activeFilter === chip.key ? colors.blue : colors.textSecondary
+      } }, chip.label),
+      chip.count !== void 0 && chip.count > 0 && /* @__PURE__ */ React12.createElement(View12, { style: {
+        backgroundColor: colors.blue,
+        borderRadius: 8,
+        minWidth: 16,
+        height: 16,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 4
+      } }, /* @__PURE__ */ React12.createElement(Text10, { style: { fontSize: 10, fontWeight: "bold", color: colors.onPrimary } }, chip.count))
+    ))
+  ), filteredThreads.length === 0 ? /* @__PURE__ */ React12.createElement(View12, { style: shared.emptyState }, /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ React12.createElement(View12, null, filteredThreads.map((thread) => /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
     {
       key: thread.id,
       style: [styles5.threadItem, thread.unreadCount > 0 && styles5.threadItemUnread],
       onPress: () => nav.push({ name: "THREAD_DETAIL", thread })
     },
-    /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadLeft }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadInfo }, /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadTitleRow }, thread.isPinned && /* @__PURE__ */ React12.createElement(Text10, { style: styles5.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
+    /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadLeft }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadInfo }, /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadTitleRow }, thread.isPinned && /* @__PURE__ */ React12.createElement(Text10, { style: styles5.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.threadType === "report" && thread.reporterName && /* @__PURE__ */ React12.createElement(Text10, { style: { fontSize: 11, color: colors.textMuted } }, "Reported by: ", thread.reporterName), thread.lastMessage && /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
     /* @__PURE__ */ React12.createElement(View12, { style: styles5.threadRight }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ React12.createElement(View12, { style: styles5.unreadBadge }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ React12.createElement(View12, { style: [styles5.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
   ))), dashboardUrl && /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
@@ -17033,7 +17459,7 @@ function MessageListScreen({ nav }) {
       activeOpacity: 0.7
     },
     /* @__PURE__ */ React12.createElement(Text10, { style: styles5.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
-  ), /* @__PURE__ */ React12.createElement(View12, { style: styles5.footer }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React12.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.refreshText }, "\u21BB Refresh"))));
+  ), /* @__PURE__ */ React12.createElement(View12, { style: styles5.footer }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.footerText }, filteredThreads.length, " thread", filteredThreads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React12.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React12.createElement(Text10, { style: styles5.refreshText }, "\u21BB Refresh"))));
 }
 function createStyles7() {
   return StyleSheet12.create({
@@ -17062,16 +17488,16 @@ function createStyles7() {
 }
 
 // src/widget/screens/ThreadDetailScreen.tsx
-import React13, { useState as useState9, useEffect as useEffect8, useMemo as useMemo8 } from "react";
+import React13, { useState as useState10, useEffect as useEffect8, useMemo as useMemo8 } from "react";
 import { View as View13, Text as Text11, TouchableOpacity as TouchableOpacity10, TextInput as TextInput5, StyleSheet as StyleSheet13, Image as Image2 } from "react-native";
 function ThreadDetailScreen({ thread, nav }) {
   const { getThreadMessages, sendMessage, markAsRead, uploadImage, widgetColorScheme } = useBugBear();
   const styles5 = useMemo8(() => createStyles8(), [widgetColorScheme]);
-  const [messages, setMessages] = useState9([]);
-  const [loading, setLoading] = useState9(true);
-  const [replyText, setReplyText] = useState9("");
-  const [sending, setSending] = useState9(false);
-  const [sendError, setSendError] = useState9(false);
+  const [messages, setMessages] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const [replyText, setReplyText] = useState10("");
+  const [sending, setSending] = useState10(false);
+  const [sendError, setSendError] = useState10(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
   useEffect8(() => {
     let cancelled = false;
@@ -17183,14 +17609,14 @@ function createStyles8() {
 }
 
 // src/widget/screens/ComposeMessageScreen.tsx
-import React14, { useState as useState10, useMemo as useMemo9 } from "react";
+import React14, { useState as useState11, useMemo as useMemo9 } from "react";
 import { View as View14, Text as Text12, TextInput as TextInput6, TouchableOpacity as TouchableOpacity11, StyleSheet as StyleSheet14 } from "react-native";
 function ComposeMessageScreen({ nav }) {
   const { createThread, uploadImage, widgetColorScheme } = useBugBear();
   const styles5 = useMemo9(() => createStyles9(), [widgetColorScheme]);
-  const [subject, setSubject] = useState10("");
-  const [message, setMessage] = useState10("");
-  const [sending, setSending] = useState10(false);
+  const [subject, setSubject] = useState11("");
+  const [message, setMessage] = useState11("");
+  const [sending, setSending] = useState11(false);
   const images = useImageAttachments(uploadImage, 3, "discussion-attachments");
   const handleSend = async () => {
     if (!subject.trim() || !message.trim() || sending || images.isUploading) return;
@@ -17260,19 +17686,19 @@ function createStyles9() {
 }
 
 // src/widget/screens/ProfileScreen.tsx
-import React15, { useState as useState11, useEffect as useEffect9, useMemo as useMemo10 } from "react";
+import React15, { useState as useState12, useEffect as useEffect9, useMemo as useMemo10 } from "react";
 import { View as View15, Text as Text13, TouchableOpacity as TouchableOpacity12, TextInput as TextInput7, StyleSheet as StyleSheet15 } from "react-native";
 function ProfileScreen({ nav }) {
   const { testerInfo, assignments, updateTesterProfile, refreshTesterInfo, widgetColorScheme } = useBugBear();
   const styles5 = useMemo10(() => createStyles10(), [widgetColorScheme]);
-  const [editing, setEditing] = useState11(false);
-  const [name, setName] = useState11(testerInfo?.name || "");
-  const [additionalEmails, setAdditionalEmails] = useState11(testerInfo?.additionalEmails || []);
-  const [newEmailInput, setNewEmailInput] = useState11("");
-  const [platforms, setPlatforms] = useState11(testerInfo?.platforms || []);
-  const [saving, setSaving] = useState11(false);
-  const [saved, setSaved] = useState11(false);
-  const [showDetails, setShowDetails] = useState11(false);
+  const [editing, setEditing] = useState12(false);
+  const [name, setName] = useState12(testerInfo?.name || "");
+  const [additionalEmails, setAdditionalEmails] = useState12(testerInfo?.additionalEmails || []);
+  const [newEmailInput, setNewEmailInput] = useState12("");
+  const [platforms, setPlatforms] = useState12(testerInfo?.platforms || []);
+  const [saving, setSaving] = useState12(false);
+  const [saved, setSaved] = useState12(false);
+  const [showDetails, setShowDetails] = useState12(false);
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   useEffect9(() => {
     if (testerInfo) {
@@ -17391,8 +17817,8 @@ function createStyles10() {
 }
 
 // src/widget/screens/IssueListScreen.tsx
-import React16, { useState as useState12, useEffect as useEffect10, useMemo as useMemo11 } from "react";
-import { View as View16, Text as Text14, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet16 } from "react-native";
+import React16, { useState as useState13, useEffect as useEffect10, useMemo as useMemo11 } from "react";
+import { View as View16, Text as Text14, TextInput as TextInput8, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet16 } from "react-native";
 var CATEGORIES = ["open", "done", "reopened"];
 var SEVERITY_ORDER2 = { critical: 0, high: 1, medium: 2, low: 3 };
 function IssueListScreen({ nav, category }) {
@@ -17409,12 +17835,22 @@ function IssueListScreen({ nav, category }) {
     medium: colors.yellow,
     low: colors.textMuted
   }), [widgetColorScheme]);
-  const [activeCategory, setActiveCategory] = useState12(category);
-  const [issues, setIssues] = useState12([]);
-  const [loading, setLoading] = useState12(true);
-  const [counts, setCounts] = useState12(null);
-  const [sortMode, setSortMode] = useState12("severity");
+  const [activeCategory, setActiveCategory] = useState13(category);
+  const [issues, setIssues] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [counts, setCounts] = useState13(null);
+  const [sortMode, setSortMode] = useState13("severity");
+  const [searchQuery, setSearchQuery] = useState13("");
+  const [debouncedQuery, setDebouncedQuery] = useState13("");
   const config = CATEGORY_CONFIG[activeCategory];
+  useEffect10(() => {
+    const timer = setTimeout(() => setDebouncedQuery(searchQuery), 300);
+    return () => clearTimeout(timer);
+  }, [searchQuery]);
+  useEffect10(() => {
+    setSearchQuery("");
+    setDebouncedQuery("");
+  }, [activeCategory]);
   useEffect10(() => {
     if (!client) return;
     client.getIssueCounts().then(setCounts).catch(() => {
@@ -17454,6 +17890,9 @@ function IssueListScreen({ nav, category }) {
     }
     return sorted;
   }, [issues, sortMode]);
+  const searchFilteredIssues = debouncedQuery ? sortedIssues.filter(
+    (issue) => (issue.title || "").toLowerCase().includes(debouncedQuery.toLowerCase()) || (issue.description || "").toLowerCase().includes(debouncedQuery.toLowerCase())
+  ) : sortedIssues;
   return /* @__PURE__ */ React16.createElement(View16, null, /* @__PURE__ */ React16.createElement(View16, { style: styles5.tabBar }, CATEGORIES.map((cat) => {
     const catConfig = CATEGORY_CONFIG[cat];
     const isActive = activeCategory === cat;
@@ -17500,7 +17939,25 @@ function IssueListScreen({ nav, category }) {
       styles5.sortBtnText,
       sortMode === s2.key && styles5.sortBtnTextActive
     ] }, s2.label)
-  ))), loading ? /* @__PURE__ */ React16.createElement(IssueListScreenSkeleton, null) : sortedIssues.length === 0 ? /* @__PURE__ */ React16.createElement(View16, { style: styles5.emptyContainer }, /* @__PURE__ */ React16.createElement(Text14, { style: styles5.emptyIcon }, config.emptyIcon), /* @__PURE__ */ React16.createElement(Text14, { style: styles5.emptyText }, config.emptyText)) : sortedIssues.map((issue) => /* @__PURE__ */ React16.createElement(
+  ))), /* @__PURE__ */ React16.createElement(View16, { style: { paddingHorizontal: 16, paddingBottom: 12 } }, /* @__PURE__ */ React16.createElement(
+    TextInput8,
+    {
+      value: searchQuery,
+      onChangeText: setSearchQuery,
+      placeholder: "Search my reports...",
+      placeholderTextColor: colors.textMuted,
+      style: {
+        padding: 8,
+        paddingHorizontal: 12,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: colors.border,
+        backgroundColor: colors.card,
+        color: colors.textPrimary,
+        fontSize: 13
+      }
+    }
+  )), loading ? /* @__PURE__ */ React16.createElement(IssueListScreenSkeleton, null) : searchFilteredIssues.length === 0 ? /* @__PURE__ */ React16.createElement(View16, { style: styles5.emptyContainer }, /* @__PURE__ */ React16.createElement(Text14, { style: styles5.emptyIcon }, debouncedQuery ? "\u{1F50D}" : config.emptyIcon), /* @__PURE__ */ React16.createElement(Text14, { style: styles5.emptyText }, debouncedQuery ? "No matching issues" : config.emptyText)) : searchFilteredIssues.map((issue) => /* @__PURE__ */ React16.createElement(
     TouchableOpacity13,
     {
       key: issue.id,
@@ -17665,11 +18122,17 @@ function createStyles11() {
 }
 
 // src/widget/screens/IssueDetailScreen.tsx
-import React17, { useMemo as useMemo12 } from "react";
-import { View as View17, Text as Text15, Image as Image3, StyleSheet as StyleSheet17, Linking as Linking4, TouchableOpacity as TouchableOpacity14 } from "react-native";
+import React17, { useMemo as useMemo12, useState as useState14, useCallback as useCallback5 } from "react";
+import { View as View17, Text as Text15, Image as Image3, StyleSheet as StyleSheet17, Linking as Linking4, TouchableOpacity as TouchableOpacity14, TextInput as TextInput9, ActivityIndicator as ActivityIndicator2 } from "react-native";
+var DONE_STATUSES = ["verified", "resolved", "closed", "reviewed"];
 function IssueDetailScreen({ nav, issue }) {
-  const { dashboardUrl, widgetColorScheme } = useBugBear();
+  const { dashboardUrl, widgetColorScheme, reopenReport } = useBugBear();
   const styles5 = useMemo12(() => createStyles12(), [widgetColorScheme]);
+  const [showReopenForm, setShowReopenForm] = useState14(false);
+  const [reopenReason, setReopenReason] = useState14("");
+  const [isSubmitting, setIsSubmitting] = useState14(false);
+  const [reopenError, setReopenError] = useState14(null);
+  const [wasReopened, setWasReopened] = useState14(false);
   const STATUS_LABELS = useMemo12(() => ({
     new: { label: "New", bg: colors.blueDark, color: colors.blueLight },
     triaging: { label: "Triaging", bg: colors.blueDark, color: colors.blueLight },
@@ -17692,7 +18155,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__ */ React17.createElement(View17, null, /* @__PURE__ */ React17.createElement(View17, { style: styles5.badgeRow }, /* @__PURE__ */ React17.createElement(View17, { style: [styles5.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles5.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React17.createElement(View17, { style: [styles5.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles5.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.title }, issue.title), issue.route && /* @__PURE__ */ React17.createElement(Text15, { style: styles5.route }, issue.route), issue.description && /* @__PURE__ */ React17.createElement(View17, { style: styles5.descriptionCard }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React17.createElement(View17, { style: styles5.verifiedCard }, /* @__PURE__ */ React17.createElement(View17, { style: styles5.verifiedHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.verifiedIcon }, "\u2705"), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React17.createElement(Text15, { 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__ */ React17.createElement(View17, { style: styles5.originalBugCard }, /* @__PURE__ */ React17.createElement(View17, { style: styles5.originalBugHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React17.createElement(View17, { style: styles5.screenshotSection }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React17.createElement(View17, { style: styles5.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: styles5.screenshotThumb }))))), /* @__PURE__ */ React17.createElement(View17, { style: styles5.metaSection }, issue.reporterName && /* @__PURE__ */ React17.createElement(Text15, { style: styles5.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ React17.createElement(
+  const isDone = DONE_STATUSES.includes(issue.status);
+  const handleReopen = useCallback5(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__ */ React17.createElement(View17, null, /* @__PURE__ */ React17.createElement(View17, { style: styles5.badgeRow }, /* @__PURE__ */ React17.createElement(View17, { style: [styles5.badge, { backgroundColor: wasReopened ? colors.yellowDark : statusConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles5.badgeText, { color: wasReopened ? colors.yellowLight : statusConfig.color }] }, wasReopened ? "Reopened" : statusConfig.label)), severityConfig && /* @__PURE__ */ React17.createElement(View17, { style: [styles5.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles5.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.title }, issue.title), issue.route && /* @__PURE__ */ React17.createElement(Text15, { style: styles5.route }, issue.route), issue.description && /* @__PURE__ */ React17.createElement(View17, { style: styles5.descriptionCard }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.descriptionText }, issue.description)), wasReopened && /* @__PURE__ */ React17.createElement(View17, { style: styles5.reopenedCard }, /* @__PURE__ */ React17.createElement(View17, { style: styles5.reopenedRow }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenedIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenedText }, "Issue reopened \u2014 your team has been notified"))), issue.verifiedByName && !wasReopened && /* @__PURE__ */ React17.createElement(View17, { style: styles5.verifiedCard }, /* @__PURE__ */ React17.createElement(View17, { style: styles5.verifiedHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.verifiedIcon }, "\u2705"), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React17.createElement(Text15, { 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__ */ React17.createElement(View17, { style: styles5.originalBugCard }, /* @__PURE__ */ React17.createElement(View17, { style: styles5.originalBugHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugTitleText }, "Original Bug")), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.originalBugBody }, "Retest of: ", issue.originalBugTitle)), isDone && !wasReopened && !showReopenForm && /* @__PURE__ */ React17.createElement(
+    TouchableOpacity14,
+    {
+      style: styles5.reopenButton,
+      onPress: () => setShowReopenForm(true),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenButtonText }, "\u{1F504}", " Not Fixed \u2014 Reopen Issue")
+  ), showReopenForm && !wasReopened && /* @__PURE__ */ React17.createElement(View17, { style: styles5.reopenForm }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenFormTitle }, "Why isn't this fixed?"), /* @__PURE__ */ React17.createElement(
+    TextInput9,
+    {
+      value: reopenReason,
+      onChangeText: setReopenReason,
+      placeholder: "Describe what you're still seeing...",
+      placeholderTextColor: colors.textMuted,
+      style: styles5.reopenInput,
+      multiline: true,
+      autoFocus: true
+    }
+  ), reopenError && /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenErrorText }, reopenError), /* @__PURE__ */ React17.createElement(View17, { style: styles5.reopenActions }, /* @__PURE__ */ React17.createElement(
+    TouchableOpacity14,
+    {
+      style: [
+        styles5.reopenSubmitButton,
+        (!reopenReason.trim() || isSubmitting) && styles5.reopenSubmitDisabled
+      ],
+      onPress: handleReopen,
+      disabled: isSubmitting || !reopenReason.trim(),
+      activeOpacity: 0.7
+    },
+    isSubmitting ? /* @__PURE__ */ React17.createElement(ActivityIndicator2, { size: "small", color: "#fff" }) : /* @__PURE__ */ React17.createElement(Text15, { style: [
+      styles5.reopenSubmitText,
+      !reopenReason.trim() && styles5.reopenSubmitTextDisabled
+    ] }, "Reopen Issue")
+  ), /* @__PURE__ */ React17.createElement(
+    TouchableOpacity14,
+    {
+      style: styles5.reopenCancelButton,
+      onPress: () => {
+        setShowReopenForm(false);
+        setReopenReason("");
+        setReopenError(null);
+      },
+      disabled: isSubmitting,
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React17.createElement(Text15, { style: styles5.reopenCancelText }, "Cancel")
+  ))), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React17.createElement(View17, { style: styles5.screenshotSection }, /* @__PURE__ */ React17.createElement(Text15, { style: styles5.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React17.createElement(View17, { style: styles5.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: styles5.screenshotThumb }))))), /* @__PURE__ */ React17.createElement(View17, { style: styles5.metaSection }, issue.reporterName && /* @__PURE__ */ React17.createElement(Text15, { style: styles5.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React17.createElement(Text15, { style: styles5.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))), dashboardUrl && /* @__PURE__ */ React17.createElement(
     TouchableOpacity14,
     {
       style: styles5.dashboardLink,
@@ -17744,6 +18268,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,
@@ -17787,7 +18333,7 @@ function createStyles12() {
     originalBugIcon: {
       fontSize: 16
     },
-    originalBugTitle: {
+    originalBugTitleText: {
       fontSize: 13,
       fontWeight: "600",
       color: colors.yellowLight
@@ -17796,6 +18342,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
     },
@@ -17847,18 +18476,20 @@ function createStyles12() {
 }
 
 // src/widget/screens/SessionStartScreen.tsx
-import React18, { useState as useState13, useMemo as useMemo13 } from "react";
-import { View as View18, Text as Text16, TextInput as TextInput8, TouchableOpacity as TouchableOpacity15, StyleSheet as StyleSheet18, Keyboard as Keyboard2 } from "react-native";
+import React18, { useState as useState15, useMemo as useMemo13 } from "react";
+import { View as View18, Text as Text16, TextInput as TextInput10, TouchableOpacity as TouchableOpacity15, StyleSheet as StyleSheet18, Keyboard as Keyboard2 } from "react-native";
 function SessionStartScreen({ nav }) {
   const { startSession, assignments, widgetColorScheme } = useBugBear();
   const styles5 = useMemo13(() => createStyles13(), [widgetColorScheme]);
-  const [focusArea, setFocusArea] = useState13("");
-  const [isStarting, setIsStarting] = useState13(false);
+  const [focusArea, setFocusArea] = useState15("");
+  const [isStarting, setIsStarting] = useState15(false);
+  const [error, setError] = useState15(null);
   const trackNames = Array.from(new Set(
     assignments.filter((a) => a.testCase.track?.name).map((a) => a.testCase.track.name)
   )).slice(0, 6);
   const handleStart = async () => {
     if (isStarting) return;
+    setError(null);
     Keyboard2.dismiss();
     setIsStarting(true);
     try {
@@ -17867,13 +18498,17 @@ function SessionStartScreen({ nav }) {
       });
       if (result.success) {
         nav.replace({ name: "SESSION_ACTIVE" });
+      } else {
+        const msg = result.error || "Failed to start session. Please try again.";
+        console.warn("BugBear: Session start failed:", msg);
+        setError(msg);
       }
     } finally {
       setIsStarting(false);
     }
   };
   return /* @__PURE__ */ React18.createElement(View18, null, /* @__PURE__ */ React18.createElement(View18, { style: styles5.header }, /* @__PURE__ */ React18.createElement(Text16, { style: styles5.headerIcon }, "\u{1F50D}"), /* @__PURE__ */ React18.createElement(Text16, { style: styles5.headerDesc }, "Start an exploratory QA session. Log findings as you go \u2014 bugs, concerns, suggestions, or questions.")), /* @__PURE__ */ React18.createElement(View18, { style: styles5.inputSection }, /* @__PURE__ */ React18.createElement(Text16, { style: styles5.label }, "What are you testing?"), /* @__PURE__ */ React18.createElement(
-    TextInput8,
+    TextInput10,
     {
       value: focusArea,
       onChangeText: setFocusArea,
@@ -17892,7 +18527,7 @@ function SessionStartScreen({ nav }) {
       activeOpacity: 0.7
     },
     /* @__PURE__ */ React18.createElement(Text16, { style: [styles5.chipText, focusArea === name && styles5.chipTextActive] }, name)
-  )))), /* @__PURE__ */ React18.createElement(
+  )))), error && /* @__PURE__ */ React18.createElement(View18, { style: styles5.errorBox }, /* @__PURE__ */ React18.createElement(Text16, { style: styles5.errorText }, error)), /* @__PURE__ */ React18.createElement(
     TouchableOpacity15,
     {
       style: [styles5.startBtn, isStarting && styles5.startBtnDisabled],
@@ -17971,6 +18606,20 @@ function createStyles13() {
     chipTextActive: {
       color: colors.blueLight
     },
+    errorBox: {
+      marginBottom: 12,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      backgroundColor: "rgba(239, 68, 68, 0.1)",
+      borderWidth: 1,
+      borderColor: "rgba(239, 68, 68, 0.3)",
+      borderRadius: 8
+    },
+    errorText: {
+      fontSize: 13,
+      color: "#f87171",
+      lineHeight: 18
+    },
     startBtn: {
       paddingVertical: 14,
       backgroundColor: colors.blueSurface,
@@ -17991,7 +18640,7 @@ function createStyles13() {
 }
 
 // src/widget/screens/SessionActiveScreen.tsx
-import React19, { useState as useState14, useEffect as useEffect11, useRef as useRef5, useMemo as useMemo14 } from "react";
+import React19, { useState as useState16, useEffect as useEffect11, useRef as useRef5, useMemo as useMemo14 } from "react";
 import { View as View19, Text as Text17, TouchableOpacity as TouchableOpacity16, StyleSheet as StyleSheet19 } from "react-native";
 function SessionActiveScreen({ nav }) {
   const { activeSession, sessionFindings, endSession, refreshSession, widgetColorScheme } = useBugBear();
@@ -18002,8 +18651,8 @@ function SessionActiveScreen({ nav }) {
     suggestion: { icon: "\u{1F4A1}", label: "Suggestion", color: colors.blue },
     question: { icon: "\u2753", label: "Question", color: colors.violet }
   }), [widgetColorScheme]);
-  const [isEnding, setIsEnding] = useState14(false);
-  const [elapsed, setElapsed] = useState14(0);
+  const [isEnding, setIsEnding] = useState16(false);
+  const [elapsed, setElapsed] = useState16(0);
   const timerRef = useRef5(null);
   useEffect11(() => {
     refreshSession();
@@ -18228,8 +18877,8 @@ function createStyles14() {
 }
 
 // src/widget/screens/SessionFindingScreen.tsx
-import React20, { useState as useState15, useMemo as useMemo15 } from "react";
-import { View as View20, Text as Text18, TextInput as TextInput9, TouchableOpacity as TouchableOpacity17, StyleSheet as StyleSheet20, Keyboard as Keyboard3 } from "react-native";
+import React20, { useState as useState17, useMemo as useMemo15 } from "react";
+import { View as View20, Text as Text18, TextInput as TextInput11, TouchableOpacity as TouchableOpacity17, StyleSheet as StyleSheet20, Keyboard as Keyboard3 } from "react-native";
 var FINDING_TYPES = [
   { value: "bug", icon: "\u{1F41B}", label: "Bug" },
   { value: "concern", icon: "\u26A0\uFE0F", label: "Concern" },
@@ -18246,11 +18895,11 @@ function SessionFindingScreen({ nav }) {
     { value: "low", label: "Low", color: colors.textMuted },
     { value: "observation", label: "Note", color: colors.textDim }
   ], [widgetColorScheme]);
-  const [type, setType] = useState15("bug");
-  const [severity, setSeverity] = useState15("medium");
-  const [title, setTitle] = useState15("");
-  const [description, setDescription] = useState15("");
-  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const [type, setType] = useState17("bug");
+  const [severity, setSeverity] = useState17("medium");
+  const [title, setTitle] = useState17("");
+  const [description, setDescription] = useState17("");
+  const [isSubmitting, setIsSubmitting] = useState17(false);
   const handleSubmit = async () => {
     if (!title.trim() || isSubmitting) return;
     Keyboard3.dismiss();
@@ -18293,7 +18942,7 @@ function SessionFindingScreen({ nav }) {
     },
     /* @__PURE__ */ React20.createElement(Text18, { style: [styles5.severityText, severity === s2.value && { color: s2.color }] }, s2.label)
   )))), /* @__PURE__ */ React20.createElement(View20, { style: styles5.inputSection }, /* @__PURE__ */ React20.createElement(
-    TextInput9,
+    TextInput11,
     {
       value: title,
       onChangeText: setTitle,
@@ -18303,7 +18952,7 @@ function SessionFindingScreen({ nav }) {
       returnKeyType: "next"
     }
   )), /* @__PURE__ */ React20.createElement(View20, { style: styles5.inputSection }, /* @__PURE__ */ React20.createElement(
-    TextInput9,
+    TextInput11,
     {
       value: description,
       onChangeText: setDescription,
@@ -18448,7 +19097,7 @@ function BugBearButton({
 }) {
   const { shouldShowWidget, testerInfo, isLoading, unreadCount, assignments, widgetMode, widgetColorScheme } = useBugBear();
   const { currentScreen, canGoBack, push, pop, replace, reset } = useNavigation();
-  const [modalVisible, setModalVisible] = useState16(false);
+  const [modalVisible, setModalVisible] = useState18(false);
   const styles5 = useMemo16(() => createStyles16(), [widgetColorScheme]);
   const screenCaptureRef = useRef6(null);
   const openModal = () => {
@@ -18656,14 +19305,14 @@ function BugBearButton({
         style: styles5.modalOverlay
       },
       /* @__PURE__ */ React21.createElement(View21, { style: styles5.modalContainer }, /* @__PURE__ */ React21.createElement(View21, { style: styles5.header }, /* @__PURE__ */ React21.createElement(View21, { style: styles5.headerLeft }, canGoBack ? /* @__PURE__ */ React21.createElement(TouchableOpacity18, { onPress: () => nav.pop(), style: styles5.backButton }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.backText }, "\u2190 Back")) : /* @__PURE__ */ React21.createElement(View21, { style: styles5.headerTitleRow }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React21.createElement(TouchableOpacity18, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React21.createElement(Text19, { style: styles5.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React21.createElement(View21, { style: styles5.headerActions }, currentScreen.name !== "HOME" && /* @__PURE__ */ React21.createElement(TouchableOpacity18, { onPress: () => nav.reset(), style: styles5.homeButton }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.homeIcon }, "\u2302")), /* @__PURE__ */ React21.createElement(TouchableOpacity18, { onPress: handleClose, style: styles5.closeButton }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.closeText }, "\u2715")))), /* @__PURE__ */ React21.createElement(
-        ScrollView3,
+        ScrollView4,
         {
           style: styles5.content,
           contentContainerStyle: styles5.contentContainer,
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false
         },
-        isLoading ? /* @__PURE__ */ React21.createElement(View21, { style: styles5.loadingContainer }, /* @__PURE__ */ React21.createElement(ActivityIndicator2, { size: "large", color: colors.blue }), /* @__PURE__ */ React21.createElement(Text19, { style: styles5.loadingText }, "Loading...")) : renderScreen()
+        isLoading ? /* @__PURE__ */ React21.createElement(View21, { style: styles5.loadingContainer }, /* @__PURE__ */ React21.createElement(ActivityIndicator3, { size: "large", color: colors.blue }), /* @__PURE__ */ React21.createElement(Text19, { style: styles5.loadingText }, "Loading...")) : renderScreen()
       ))
     )
   ));