@bbearai/react-native 0.8.3 → 0.9.0

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);
@@ -12932,7 +12935,7 @@ var BugBearClient = class {
   async updateAssignmentStatus(assignmentId, status, options) {
     try {
       await this.ensureReady();
-      const { data: currentAssignment, error: fetchError } = await this.supabase.from("test_assignments").select("status, started_at").eq("id", assignmentId).single();
+      const { data: currentAssignment, error: fetchError } = await this.supabase.from("test_assignments").select("status, started_at, tester_id, project_id").eq("id", assignmentId).single();
       if (fetchError || !currentAssignment) {
         console.error("BugBear: Assignment not found", {
           message: fetchError?.message,
@@ -12953,6 +12956,19 @@ var BugBearClient = class {
           const completedAt = /* @__PURE__ */ new Date();
           durationSeconds = Math.round((completedAt.getTime() - startedAt.getTime()) / 1e3);
           updateData.duration_seconds = durationSeconds;
+          if (currentAssignment.tester_id && currentAssignment.project_id) {
+            try {
+              const { data: activeTime } = await this.supabase.rpc("compute_assignment_active_time", {
+                p_tester_id: currentAssignment.tester_id,
+                p_project_id: currentAssignment.project_id,
+                p_started_at: currentAssignment.started_at,
+                p_completed_at: updateData.completed_at
+              });
+              updateData.active_seconds = typeof activeTime === "number" ? activeTime : Math.min(durationSeconds, 1800);
+            } catch {
+              updateData.active_seconds = Math.min(durationSeconds, 1800);
+            }
+          }
         }
       }
       if (options?.notes) {
@@ -13031,6 +13047,7 @@ var BugBearClient = class {
         started_at: (/* @__PURE__ */ new Date()).toISOString(),
         completed_at: null,
         duration_seconds: null,
+        active_seconds: null,
         skip_reason: null
       }).eq("id", assignmentId).eq("status", current.status);
       if (error) {
@@ -13880,6 +13897,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 +14337,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 +14558,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 +15063,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 +17082,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 +17099,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 +17208,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 +17298,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 +17413,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 +17434,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 +17491,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 +17872,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 +17922,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 +17971,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 +18515,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 +18530,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 +18559,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 +18638,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,
@@ -18790,14 +19129,31 @@ function BugBearButton({
 }) {
   const { shouldShowWidget, testerInfo, isLoading, unreadCount, assignments, widgetMode, widgetColorScheme } = useBugBear();
   const { currentScreen, canGoBack, push, pop, replace, reset } = useNavigation();
-  const [modalVisible, setModalVisible] = (0, import_react23.useState)(false);
+  const [panelVisible, setPanelVisible] = (0, import_react23.useState)(false);
+  const panelAnim = (0, import_react23.useRef)(new import_react_native22.Animated.Value(0)).current;
   const styles5 = (0, import_react23.useMemo)(() => createStyles16(), [widgetColorScheme]);
   const screenCaptureRef = (0, import_react23.useRef)(null);
-  const openModal = () => {
+  const openPanel = () => {
     captureAppScreen().then((uri) => {
       screenCaptureRef.current = uri;
     });
-    setModalVisible(true);
+    setPanelVisible(true);
+    import_react_native22.Animated.spring(panelAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      friction: 8,
+      tension: 65
+    }).start();
+  };
+  const closePanel = () => {
+    import_react_native22.Keyboard.dismiss();
+    import_react_native22.Animated.timing(panelAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start(() => {
+      setPanelVisible(false);
+    });
   };
   const getInitialPosition = () => {
     const buttonSize = 56;
@@ -18848,7 +19204,7 @@ function BugBearButton({
           tension: 40
         }).start();
         if (!isDragging.current && Math.abs(gs.dx) < 5 && Math.abs(gs.dy) < 5) {
-          openModal();
+          openPanel();
         }
         isDragging.current = false;
       }
@@ -18856,6 +19212,19 @@ function BugBearButton({
   ).current;
   const pendingTests = widgetMode === "qa" ? assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length : 0;
   const badgeCount = pendingTests + unreadCount;
+  (0, import_react23.useEffect)(() => {
+    if (!panelVisible || import_react_native22.Platform.OS !== "android") return;
+    const handler = import_react_native22.BackHandler.addEventListener("hardwareBackPress", () => {
+      if (canGoBack) {
+        import_react_native22.Keyboard.dismiss();
+        pop();
+      } else {
+        closePanel();
+      }
+      return true;
+    });
+    return () => handler.remove();
+  }, [panelVisible, canGoBack]);
   if (!shouldShowWidget) return null;
   const getHeaderTitle = () => {
     switch (currentScreen.name) {
@@ -18894,8 +19263,7 @@ function BugBearButton({
     }
   };
   const handleClose = () => {
-    import_react_native22.Keyboard.dismiss();
-    setModalVisible(false);
+    closePanel();
   };
   const nav = {
     push: (screen) => {
@@ -18967,7 +19335,7 @@ function BugBearButton({
         return /* @__PURE__ */ import_react23.default.createElement(HomeScreen, { nav });
     }
   };
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, !panelVisible && /* @__PURE__ */ import_react23.default.createElement(
     import_react_native22.Animated.View,
     {
       style: [styles5.fabContainer, { transform: pan.getTranslateTransform() }, buttonStyle],
@@ -18977,27 +19345,37 @@ function BugBearButton({
       import_react_native22.TouchableOpacity,
       {
         style: styles5.fab,
-        onPress: openModal,
+        onPress: openPanel,
         activeOpacity: draggable ? 1 : 0.7
       },
       /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Image, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles5.fabIcon }),
       badgeCount > 0 && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.badge }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
     )
-  ), /* @__PURE__ */ import_react23.default.createElement(
-    import_react_native22.Modal,
+  ), panelVisible && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.panelWrapper, pointerEvents: "box-none" }, /* @__PURE__ */ import_react23.default.createElement(
+    import_react_native22.KeyboardAvoidingView,
     {
-      visible: modalVisible,
-      animationType: "slide",
-      transparent: true,
-      onRequestClose: handleClose
+      behavior: import_react_native22.Platform.OS === "ios" ? "padding" : "height",
+      style: styles5.panelKeyboardAvoid,
+      pointerEvents: "box-none"
     },
     /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native22.KeyboardAvoidingView,
+      import_react_native22.Animated.View,
       {
-        behavior: import_react_native22.Platform.OS === "ios" ? "padding" : "height",
-        style: styles5.modalOverlay
+        style: [
+          styles5.panelContainer,
+          {
+            transform: [{
+              translateY: panelAnim.interpolate({
+                inputRange: [0, 1],
+                outputRange: [screenHeight, 0]
+              })
+            }]
+          }
+        ]
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.modalContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.header }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerLeft }, canGoBack ? /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => nav.pop(), style: styles5.backButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.backText }, "\u2190 Back")) : /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerTitleRow }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerActions }, currentScreen.name !== "HOME" && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => nav.reset(), style: styles5.homeButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.homeIcon }, "\u2302")), /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: handleClose, style: styles5.closeButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.closeText }, "\u2715")))), /* @__PURE__ */ import_react23.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.panelHandle }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.panelHandleBar })),
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.header }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerLeft }, canGoBack ? /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => nav.pop(), style: styles5.backButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.backText }, "\u2190 Back")) : /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerTitleRow }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.headerActions }, currentScreen.name !== "HOME" && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: () => nav.reset(), style: styles5.homeButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.homeIcon }, "\u2302")), /* @__PURE__ */ import_react23.default.createElement(import_react_native22.TouchableOpacity, { onPress: handleClose, style: styles5.closeButton }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.closeText }, "\u2715")))),
+      /* @__PURE__ */ import_react23.default.createElement(
         import_react_native22.ScrollView,
         {
           style: styles5.content,
@@ -19006,9 +19384,9 @@ function BugBearButton({
           showsVerticalScrollIndicator: false
         },
         isLoading ? /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles5.loadingContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native22.ActivityIndicator, { size: "large", color: colors.blue }), /* @__PURE__ */ import_react23.default.createElement(import_react_native22.Text, { style: styles5.loadingText }, "Loading...")) : renderScreen()
-      ))
+      )
     )
-  ));
+  )));
 }
 function createStyles16() {
   return import_react_native22.StyleSheet.create({
@@ -19052,18 +19430,42 @@ function createStyles16() {
       fontSize: 11,
       fontWeight: "700"
     },
-    // Modal
-    modalOverlay: {
+    // Panel (replaces Modal — no backdrop, app stays interactive)
+    panelWrapper: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 9998,
+      justifyContent: "flex-end"
+    },
+    panelKeyboardAvoid: {
       flex: 1,
-      justifyContent: "flex-end",
-      backgroundColor: "rgba(0,0,0,0.5)"
+      justifyContent: "flex-end"
     },
-    modalContainer: {
+    panelContainer: {
       backgroundColor: colors.bg,
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
-      maxHeight: "85%",
-      minHeight: "50%"
+      maxHeight: "70%",
+      minHeight: "40%",
+      shadowColor: colors.onBright,
+      shadowOffset: { width: 0, height: -4 },
+      shadowOpacity: 0.25,
+      shadowRadius: 12,
+      elevation: 16
+    },
+    panelHandle: {
+      alignItems: "center",
+      paddingTop: 8,
+      paddingBottom: 4
+    },
+    panelHandleBar: {
+      width: 36,
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: colors.border
     },
     // Header
     header: {
@@ -19146,7 +19548,7 @@ function createStyles16() {
     },
     contentContainer: {
       padding: 16,
-      paddingBottom: 32
+      paddingBottom: import_react_native22.Platform.OS === "ios" ? 50 : 28
     },
     // Loading
     loadingContainer: {