@bbearai/react-native 0.8.3 → 0.8.4

package/dist/index.js

@@ -12235,6 +12235,9 @@ var BugBearClient = class {
     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);
@@ -13880,6 +13883,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,
@@ -14319,6 +14323,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);
@@ -14453,6 +14544,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 import_react_native.StyleSheet.create({
     card: {
@@ -14955,6 +15049,28 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     }
     return () => subscription.remove();
   }, [client]);
+  (0, import_react.useEffect)(() => {
+    if (!client || !isTester) return;
+    let mounted = true;
+    const platform = import_react_native2.Platform.OS === "ios" ? "ios" : "android";
+    client.startPresence(platform);
+    const subscription = import_react_native2.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]);
   (0, import_react.useEffect)(() => {
     if (!client || !isTester) return;
     if (widgetMode === "qa" && !isQAEnabled) return;
@@ -16952,6 +17068,8 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
   const [severity, setSeverity] = (0, import_react12.useState)("medium");
   const [category, setCategory] = (0, import_react12.useState)(null);
   const [description, setDescription] = (0, import_react12.useState)("");
+  const [myIssues, setMyIssues] = (0, import_react12.useState)([]);
+  const [similarReports, setSimilarReports] = (0, import_react12.useState)([]);
   const [affectedScreen, setAffectedScreen] = (0, import_react12.useState)("");
   const [submitting, setSubmitting] = (0, import_react12.useState)(false);
   const [error, setError] = (0, import_react12.useState)(null);
@@ -16967,6 +17085,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
   }, [autoCaptureUri, onAutoCaptureConsumed]);
   const isRetestFailure = prefill?.type === "test_fail";
   const isBugType = reportType === "bug" || reportType === "test_fail";
+  (0, import_react12.useEffect)(() => {
+    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]);
+  (0, import_react12.useEffect)(() => {
+    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]);
   (0, import_react12.useEffect)(() => {
     if (reportType === "feedback" || reportType === "suggestion") {
       setCategory("other");
@@ -17041,7 +17194,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), /* @__PURE__ */ import_react12.default.createElement(
+  ), similarReports.length > 0 && /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: {
+    marginTop: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: withAlpha(colors.orange, 0.1),
+    borderWidth: 1,
+    borderColor: withAlpha(colors.orange, 0.3)
+  } }, /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: { fontSize: 12, fontWeight: "600", color: colors.orange, marginBottom: 8 } }, "Similar reports you've already filed:"), similarReports.map((issue) => /* @__PURE__ */ import_react12.default.createElement(
+    import_react_native11.TouchableOpacity,
+    {
+      key: issue.id,
+      onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+        paddingVertical: 6
+      }
+    },
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 4,
+      backgroundColor: issue.severity === "critical" ? colors.red : issue.severity === "high" ? colors.orange : colors.yellow
+    } }),
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_react_native11.Text,
+      {
+        numberOfLines: 1,
+        style: { fontSize: 12, color: colors.textPrimary, flex: 1 }
+      },
+      issue.title
+    ),
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: { fontSize: 11, color: colors.textMuted } }, issue.status)
+  )))), /* @__PURE__ */ import_react12.default.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -17097,7 +17284,41 @@ function ReportScreen({ nav, prefill, autoCaptureUri, onAutoCaptureConsumed }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), isBugType && /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: styles5.section }, /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: shared.label }, "Which screen?"), /* @__PURE__ */ import_react12.default.createElement(
+  ), similarReports.length > 0 && /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: {
+    marginTop: 8,
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: withAlpha(colors.orange, 0.1),
+    borderWidth: 1,
+    borderColor: withAlpha(colors.orange, 0.3)
+  } }, /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: { fontSize: 12, fontWeight: "600", color: colors.orange, marginBottom: 8 } }, "Similar reports you've already filed:"), similarReports.map((issue) => /* @__PURE__ */ import_react12.default.createElement(
+    import_react_native11.TouchableOpacity,
+    {
+      key: issue.id,
+      onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+        paddingVertical: 6
+      }
+    },
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 4,
+      backgroundColor: issue.severity === "critical" ? colors.red : issue.severity === "high" ? colors.orange : colors.yellow
+    } }),
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_react_native11.Text,
+      {
+        numberOfLines: 1,
+        style: { fontSize: 12, color: colors.textPrimary, flex: 1 }
+      },
+      issue.title
+    ),
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: { fontSize: 11, color: colors.textMuted } }, issue.status)
+  )))), isBugType && /* @__PURE__ */ import_react12.default.createElement(import_react_native11.View, { style: styles5.section }, /* @__PURE__ */ import_react12.default.createElement(import_react_native11.Text, { style: shared.label }, "Which screen?"), /* @__PURE__ */ import_react12.default.createElement(
     import_react_native11.TextInput,
     {
       style: styles5.screenInput,
@@ -17178,6 +17399,19 @@ var import_react_native13 = require("react-native");
 function MessageListScreen({ nav }) {
   const { threads, unreadCount, refreshThreads, dashboardUrl, isLoading, widgetColorScheme } = useBugBear();
   const styles5 = (0, import_react14.useMemo)(() => createStyles7(), [widgetColorScheme]);
+  const [activeFilter, setActiveFilter] = (0, import_react14.useState)("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__ */ import_react14.default.createElement(MessageListScreenSkeleton, null);
   return /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, null, /* @__PURE__ */ import_react14.default.createElement(
     import_react_native13.TouchableOpacity,
@@ -17186,14 +17420,54 @@ function MessageListScreen({ nav }) {
       onPress: () => nav.push({ name: "COMPOSE_MESSAGE" })
     },
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.newMsgText }, "\u2709\uFE0F New Message")
-  ), threads.length === 0 ? /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: shared.emptyState }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, null, threads.map((thread) => /* @__PURE__ */ import_react14.default.createElement(
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_react_native13.ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      style: { paddingBottom: 12 },
+      contentContainerStyle: { paddingHorizontal: 16, gap: 8 }
+    },
+    filterChips.map((chip) => /* @__PURE__ */ import_react14.default.createElement(
+      import_react_native13.TouchableOpacity,
+      {
+        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__ */ import_react14.default.createElement(import_react_native13.Text, { style: {
+        fontSize: 12,
+        fontWeight: "500",
+        color: activeFilter === chip.key ? colors.blue : colors.textSecondary
+      } }, chip.label),
+      chip.count !== void 0 && chip.count > 0 && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: {
+        backgroundColor: colors.blue,
+        borderRadius: 8,
+        minWidth: 16,
+        height: 16,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 4
+      } }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: { fontSize: 10, fontWeight: "bold", color: colors.onPrimary } }, chip.count))
+    ))
+  ), filteredThreads.length === 0 ? /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: shared.emptyState }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, null, filteredThreads.map((thread) => /* @__PURE__ */ import_react14.default.createElement(
     import_react_native13.TouchableOpacity,
     {
       key: thread.id,
       style: [styles5.threadItem, thread.unreadCount > 0 && styles5.threadItemUnread],
       onPress: () => nav.push({ name: "THREAD_DETAIL", thread })
     },
-    /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadLeft }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadInfo }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadTitleRow }, thread.isPinned && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
+    /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadLeft }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadInfo }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadTitleRow }, thread.isPinned && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.threadType === "report" && thread.reporterName && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: { fontSize: 11, color: colors.textMuted } }, "Reported by: ", thread.reporterName), thread.lastMessage && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.threadRight }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.unreadBadge }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: [styles5.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
   ))), dashboardUrl && /* @__PURE__ */ import_react14.default.createElement(
     import_react_native13.TouchableOpacity,
@@ -17203,7 +17477,7 @@ function MessageListScreen({ nav }) {
       activeOpacity: 0.7
     },
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.dashboardLinkText }, "\u{1F310}", " View on Dashboard ", "\u2192")
-  ), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.footer }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.refreshText }, "\u21BB Refresh"))));
+  ), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.View, { style: styles5.footer }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.footerText }, filteredThreads.length, " thread", filteredThreads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ import_react14.default.createElement(import_react_native13.TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles5.refreshText }, "\u21BB Refresh"))));
 }
 function createStyles7() {
   return import_react_native13.StyleSheet.create({
@@ -17584,7 +17858,17 @@ function IssueListScreen({ nav, category }) {
   const [loading, setLoading] = (0, import_react18.useState)(true);
   const [counts, setCounts] = (0, import_react18.useState)(null);
   const [sortMode, setSortMode] = (0, import_react18.useState)("severity");
+  const [searchQuery, setSearchQuery] = (0, import_react18.useState)("");
+  const [debouncedQuery, setDebouncedQuery] = (0, import_react18.useState)("");
   const config = CATEGORY_CONFIG[activeCategory];
+  (0, import_react18.useEffect)(() => {
+    const timer = setTimeout(() => setDebouncedQuery(searchQuery), 300);
+    return () => clearTimeout(timer);
+  }, [searchQuery]);
+  (0, import_react18.useEffect)(() => {
+    setSearchQuery("");
+    setDebouncedQuery("");
+  }, [activeCategory]);
   (0, import_react18.useEffect)(() => {
     if (!client) return;
     client.getIssueCounts().then(setCounts).catch(() => {
@@ -17624,6 +17908,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__ */ import_react18.default.createElement(import_react_native17.View, null, /* @__PURE__ */ import_react18.default.createElement(import_react_native17.View, { style: styles5.tabBar }, CATEGORIES.map((cat) => {
     const catConfig = CATEGORY_CONFIG[cat];
     const isActive = activeCategory === cat;
@@ -17670,7 +17957,25 @@ function IssueListScreen({ nav, category }) {
       styles5.sortBtnText,
       sortMode === s2.key && styles5.sortBtnTextActive
     ] }, s2.label)
-  ))), loading ? /* @__PURE__ */ import_react18.default.createElement(IssueListScreenSkeleton, null) : sortedIssues.length === 0 ? /* @__PURE__ */ import_react18.default.createElement(import_react_native17.View, { style: styles5.emptyContainer }, /* @__PURE__ */ import_react18.default.createElement(import_react_native17.Text, { style: styles5.emptyIcon }, config.emptyIcon), /* @__PURE__ */ import_react18.default.createElement(import_react_native17.Text, { style: styles5.emptyText }, config.emptyText)) : sortedIssues.map((issue) => /* @__PURE__ */ import_react18.default.createElement(
+  ))), /* @__PURE__ */ import_react18.default.createElement(import_react_native17.View, { style: { paddingHorizontal: 16, paddingBottom: 12 } }, /* @__PURE__ */ import_react18.default.createElement(
+    import_react_native17.TextInput,
+    {
+      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__ */ import_react18.default.createElement(IssueListScreenSkeleton, null) : searchFilteredIssues.length === 0 ? /* @__PURE__ */ import_react18.default.createElement(import_react_native17.View, { style: styles5.emptyContainer }, /* @__PURE__ */ import_react18.default.createElement(import_react_native17.Text, { style: styles5.emptyIcon }, debouncedQuery ? "\u{1F50D}" : config.emptyIcon), /* @__PURE__ */ import_react18.default.createElement(import_react_native17.Text, { style: styles5.emptyText }, debouncedQuery ? "No matching issues" : config.emptyText)) : searchFilteredIssues.map((issue) => /* @__PURE__ */ import_react18.default.createElement(
     import_react_native17.TouchableOpacity,
     {
       key: issue.id,
@@ -18196,11 +18501,13 @@ function SessionStartScreen({ nav }) {
   const styles5 = (0, import_react20.useMemo)(() => createStyles13(), [widgetColorScheme]);
   const [focusArea, setFocusArea] = (0, import_react20.useState)("");
   const [isStarting, setIsStarting] = (0, import_react20.useState)(false);
+  const [error, setError] = (0, import_react20.useState)(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);
     import_react_native19.Keyboard.dismiss();
     setIsStarting(true);
     try {
@@ -18209,6 +18516,10 @@ 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);
@@ -18234,7 +18545,7 @@ function SessionStartScreen({ nav }) {
       activeOpacity: 0.7
     },
     /* @__PURE__ */ import_react20.default.createElement(import_react_native19.Text, { style: [styles5.chipText, focusArea === name && styles5.chipTextActive] }, name)
-  )))), /* @__PURE__ */ import_react20.default.createElement(
+  )))), error && /* @__PURE__ */ import_react20.default.createElement(import_react_native19.View, { style: styles5.errorBox }, /* @__PURE__ */ import_react20.default.createElement(import_react_native19.Text, { style: styles5.errorText }, error)), /* @__PURE__ */ import_react20.default.createElement(
     import_react_native19.TouchableOpacity,
     {
       style: [styles5.startBtn, isStarting && styles5.startBtnDisabled],
@@ -18313,6 +18624,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,

package/dist/index.mjs

@@ -12202,6 +12202,9 @@ var BugBearClient = class {
     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);
@@ -13847,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,
@@ -14286,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);
@@ -14420,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: {
@@ -14922,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;
@@ -15017,14 +15133,14 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 }
 
 // src/BugBearButton.tsx
-import React21, { useState as useState17, 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,
@@ -16934,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);
@@ -16949,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");
@@ -17023,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,
@@ -17079,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,
@@ -17155,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,
@@ -17168,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,
@@ -17185,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({
@@ -17214,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;
@@ -17335,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;
@@ -17412,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) {
@@ -17543,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 }) {
@@ -17561,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(() => {
@@ -17606,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;
@@ -17652,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,
@@ -17817,17 +18122,17 @@ function createStyles11() {
 }
 
 // src/widget/screens/IssueDetailScreen.tsx
-import React17, { useMemo as useMemo12, useState as useState13, 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 TextInput8, ActivityIndicator as ActivityIndicator2 } 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, reopenReport } = useBugBear();
   const styles5 = useMemo12(() => createStyles12(), [widgetColorScheme]);
-  const [showReopenForm, setShowReopenForm] = useState13(false);
-  const [reopenReason, setReopenReason] = useState13("");
-  const [isSubmitting, setIsSubmitting] = useState13(false);
-  const [reopenError, setReopenError] = useState13(null);
-  const [wasReopened, setWasReopened] = useState13(false);
+  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 },
@@ -17873,7 +18178,7 @@ function IssueDetailScreen({ nav, issue }) {
     },
     /* @__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(
-    TextInput8,
+    TextInput9,
     {
       value: reopenReason,
       onChangeText: setReopenReason,
@@ -18171,18 +18476,20 @@ function createStyles12() {
 }
 
 // src/widget/screens/SessionStartScreen.tsx
-import React18, { useState as useState14, useMemo as useMemo13 } from "react";
-import { View as View18, Text as Text16, TextInput as TextInput9, 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] = useState14("");
-  const [isStarting, setIsStarting] = useState14(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 {
@@ -18191,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(
-    TextInput9,
+    TextInput10,
     {
       value: focusArea,
       onChangeText: setFocusArea,
@@ -18216,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],
@@ -18295,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,
@@ -18315,7 +18640,7 @@ function createStyles13() {
 }
 
 // src/widget/screens/SessionActiveScreen.tsx
-import React19, { useState as useState15, 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();
@@ -18326,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] = useState15(false);
-  const [elapsed, setElapsed] = useState15(0);
+  const [isEnding, setIsEnding] = useState16(false);
+  const [elapsed, setElapsed] = useState16(0);
   const timerRef = useRef5(null);
   useEffect11(() => {
     refreshSession();
@@ -18552,8 +18877,8 @@ function createStyles14() {
 }
 
 // src/widget/screens/SessionFindingScreen.tsx
-import React20, { useState as useState16, useMemo as useMemo15 } from "react";
-import { View as View20, Text as Text18, TextInput as TextInput10, 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" },
@@ -18570,11 +18895,11 @@ function SessionFindingScreen({ nav }) {
     { value: "low", label: "Low", color: colors.textMuted },
     { value: "observation", label: "Note", color: colors.textDim }
   ], [widgetColorScheme]);
-  const [type, setType] = useState16("bug");
-  const [severity, setSeverity] = useState16("medium");
-  const [title, setTitle] = useState16("");
-  const [description, setDescription] = useState16("");
-  const [isSubmitting, setIsSubmitting] = useState16(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();
@@ -18617,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(
-    TextInput10,
+    TextInput11,
     {
       value: title,
       onChangeText: setTitle,
@@ -18627,7 +18952,7 @@ function SessionFindingScreen({ nav }) {
       returnKeyType: "next"
     }
   )), /* @__PURE__ */ React20.createElement(View20, { style: styles5.inputSection }, /* @__PURE__ */ React20.createElement(
-    TextInput10,
+    TextInput11,
     {
       value: description,
       onChangeText: setDescription,
@@ -18772,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] = useState17(false);
+  const [modalVisible, setModalVisible] = useState18(false);
   const styles5 = useMemo16(() => createStyles16(), [widgetColorScheme]);
   const screenCaptureRef = useRef6(null);
   const openModal = () => {
@@ -18980,7 +19305,7 @@ 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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -55,7 +55,7 @@
     }
   },
   "devDependencies": {
-    "@bbearai/core": "^0.7.0",
+    "@bbearai/core": "^0.8.0",
     "@eslint/js": "^9.39.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",