@bbearai/react-native 0.8.3 → 0.9.0

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);
@@ -12899,7 +12902,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,
@@ -12920,6 +12923,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) {
@@ -12998,6 +13014,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) {
@@ -13847,6 +13864,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 +14304,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 +14525,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 +15030,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 +15147,13 @@ 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, useEffect as useEffect12, 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,
@@ -15032,7 +15161,8 @@ import {
   PanResponder,
   Animated as Animated2,
   ActivityIndicator as ActivityIndicator3,
-  Keyboard as Keyboard4
+  Keyboard as Keyboard4,
+  BackHandler
 } from "react-native";
 
 // src/widget/logo.ts
@@ -16934,6 +17064,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 +17081,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 +17190,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 +17280,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 +17390,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 +17416,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 +17473,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 +17502,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 +17623,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 +17700,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 +17831,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 +17849,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 +17904,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 +17953,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 +18136,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 +18192,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 +18490,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 +18512,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 +18541,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 +18620,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 +18654,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 +18665,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 +18891,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 +18909,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 +18956,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 +18966,7 @@ function SessionFindingScreen({ nav }) {
       returnKeyType: "next"
     }
   )), /* @__PURE__ */ React20.createElement(View20, { style: styles5.inputSection }, /* @__PURE__ */ React20.createElement(
-    TextInput10,
+    TextInput11,
     {
       value: description,
       onChangeText: setDescription,
@@ -18772,14 +19111,31 @@ 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 [panelVisible, setPanelVisible] = useState18(false);
+  const panelAnim = useRef6(new Animated2.Value(0)).current;
   const styles5 = useMemo16(() => createStyles16(), [widgetColorScheme]);
   const screenCaptureRef = useRef6(null);
-  const openModal = () => {
+  const openPanel = () => {
     captureAppScreen().then((uri) => {
       screenCaptureRef.current = uri;
     });
-    setModalVisible(true);
+    setPanelVisible(true);
+    Animated2.spring(panelAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      friction: 8,
+      tension: 65
+    }).start();
+  };
+  const closePanel = () => {
+    Keyboard4.dismiss();
+    Animated2.timing(panelAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start(() => {
+      setPanelVisible(false);
+    });
   };
   const getInitialPosition = () => {
     const buttonSize = 56;
@@ -18830,7 +19186,7 @@ function BugBearButton({
           tension: 40
         }).start();
         if (!isDragging.current && Math.abs(gs.dx) < 5 && Math.abs(gs.dy) < 5) {
-          openModal();
+          openPanel();
         }
         isDragging.current = false;
       }
@@ -18838,6 +19194,19 @@ function BugBearButton({
   ).current;
   const pendingTests = widgetMode === "qa" ? assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length : 0;
   const badgeCount = pendingTests + unreadCount;
+  useEffect12(() => {
+    if (!panelVisible || Platform5.OS !== "android") return;
+    const handler = BackHandler.addEventListener("hardwareBackPress", () => {
+      if (canGoBack) {
+        Keyboard4.dismiss();
+        pop();
+      } else {
+        closePanel();
+      }
+      return true;
+    });
+    return () => handler.remove();
+  }, [panelVisible, canGoBack]);
   if (!shouldShowWidget) return null;
   const getHeaderTitle = () => {
     switch (currentScreen.name) {
@@ -18876,8 +19245,7 @@ function BugBearButton({
     }
   };
   const handleClose = () => {
-    Keyboard4.dismiss();
-    setModalVisible(false);
+    closePanel();
   };
   const nav = {
     push: (screen) => {
@@ -18949,7 +19317,7 @@ function BugBearButton({
         return /* @__PURE__ */ React21.createElement(HomeScreen, { nav });
     }
   };
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, !panelVisible && /* @__PURE__ */ React21.createElement(
     Animated2.View,
     {
       style: [styles5.fabContainer, { transform: pan.getTranslateTransform() }, buttonStyle],
@@ -18959,28 +19327,38 @@ function BugBearButton({
       TouchableOpacity18,
       {
         style: styles5.fab,
-        onPress: openModal,
+        onPress: openPanel,
         activeOpacity: draggable ? 1 : 0.7
       },
       /* @__PURE__ */ React21.createElement(Image4, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles5.fabIcon }),
       badgeCount > 0 && /* @__PURE__ */ React21.createElement(View21, { style: styles5.badge }, /* @__PURE__ */ React21.createElement(Text19, { style: styles5.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
     )
-  ), /* @__PURE__ */ React21.createElement(
-    Modal3,
+  ), panelVisible && /* @__PURE__ */ React21.createElement(View21, { style: styles5.panelWrapper, pointerEvents: "box-none" }, /* @__PURE__ */ React21.createElement(
+    KeyboardAvoidingView,
     {
-      visible: modalVisible,
-      animationType: "slide",
-      transparent: true,
-      onRequestClose: handleClose
+      behavior: Platform5.OS === "ios" ? "padding" : "height",
+      style: styles5.panelKeyboardAvoid,
+      pointerEvents: "box-none"
     },
     /* @__PURE__ */ React21.createElement(
-      KeyboardAvoidingView,
+      Animated2.View,
       {
-        behavior: Platform5.OS === "ios" ? "padding" : "height",
-        style: styles5.modalOverlay
+        style: [
+          styles5.panelContainer,
+          {
+            transform: [{
+              translateY: panelAnim.interpolate({
+                inputRange: [0, 1],
+                outputRange: [screenHeight, 0]
+              })
+            }]
+          }
+        ]
       },
-      /* @__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,
+      /* @__PURE__ */ React21.createElement(View21, { style: styles5.panelHandle }, /* @__PURE__ */ React21.createElement(View21, { style: styles5.panelHandleBar })),
+      /* @__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(
+        ScrollView4,
         {
           style: styles5.content,
           contentContainerStyle: styles5.contentContainer,
@@ -18988,9 +19366,9 @@ function BugBearButton({
           showsVerticalScrollIndicator: false
         },
         isLoading ? /* @__PURE__ */ React21.createElement(View21, { style: styles5.loadingContainer }, /* @__PURE__ */ React21.createElement(ActivityIndicator3, { size: "large", color: colors.blue }), /* @__PURE__ */ React21.createElement(Text19, { style: styles5.loadingText }, "Loading...")) : renderScreen()
-      ))
+      )
     )
-  ));
+  )));
 }
 function createStyles16() {
   return StyleSheet21.create({
@@ -19034,18 +19412,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: {
@@ -19128,7 +19530,7 @@ function createStyles16() {
     },
     contentContainer: {
       padding: 16,
-      paddingBottom: 32
+      paddingBottom: Platform5.OS === "ios" ? 50 : 28
     },
     // Loading
     loadingContainer: {