@bbearai/react-native 0.5.1 → 0.5.3

package/dist/index.mjs

@@ -12214,6 +12214,72 @@ var BugBearClient = class {
       return null;
     }
   }
+  /**
+   * Get issue counts for the tester (Open, Done, Reopened)
+   * Used by the widget HomeScreen cards
+   */
+  async getIssueCounts() {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return { open: 0, done: 0, reopened: 0 };
+      const { data, error } = await this.supabase.rpc("get_tester_issue_counts", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id
+      });
+      if (error) {
+        console.error("BugBear: Failed to fetch issue counts", formatPgError(error));
+        return { open: 0, done: 0, reopened: 0 };
+      }
+      return {
+        open: data?.open ?? 0,
+        done: data?.done ?? 0,
+        reopened: data?.reopened ?? 0
+      };
+    } catch (err) {
+      console.error("BugBear: Error fetching issue counts", err);
+      return { open: 0, done: 0, reopened: 0 };
+    }
+  }
+  /**
+   * Get issues for the tester by category.
+   * Returns enriched data: done issues include verification proof,
+   * reopened issues include original bug context.
+   */
+  async getIssues(category) {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return [];
+      const { data, error } = await this.supabase.rpc("get_tester_issues", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id,
+        p_category: category
+      });
+      if (error) {
+        console.error("BugBear: Failed to fetch issues", formatPgError(error));
+        return [];
+      }
+      return (data || []).map((row) => ({
+        id: row.id,
+        title: row.title || "Untitled",
+        description: row.description,
+        reportType: row.report_type,
+        severity: row.severity || null,
+        status: row.status,
+        screenshotUrls: row.screenshot_urls || [],
+        route: row.app_context?.currentRoute || void 0,
+        reporterName: row.reporter_name || void 0,
+        createdAt: row.created_at,
+        updatedAt: row.updated_at,
+        verifiedByName: row.verified_by_name || void 0,
+        verifiedAt: row.verified_at || void 0,
+        originalBugId: row.original_bug_id || void 0,
+        originalBugTitle: row.original_bug_title || void 0
+      }));
+    } catch (err) {
+      console.error("BugBear: Error fetching issues", err);
+      return [];
+    }
+  }
   /**
    * Basic email format validation (defense in depth)
    */
@@ -13020,6 +13086,10 @@ var BugBearContext = createContext({
   updateTesterProfile: async () => ({ success: false }),
   refreshTesterInfo: async () => {
   },
+  // Issue tracking
+  issueCounts: { open: 0, done: 0, reopened: 0 },
+  refreshIssueCounts: async () => {
+  },
   dashboardUrl: void 0,
   onError: void 0
 });
@@ -13035,6 +13105,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const [isLoading, setIsLoading] = useState(true);
   const [threads, setThreads] = useState([]);
   const [unreadCount, setUnreadCount] = useState(0);
+  const [issueCounts, setIssueCounts] = useState({ open: 0, done: 0, reopened: 0 });
   const [activeSession, setActiveSession] = useState(null);
   const [sessionFindings, setSessionFindings] = useState([]);
   const hasInitialized = useRef(false);
@@ -13141,6 +13212,11 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     if (!client) return null;
     return client.uploadImageFromUri(uri, void 0, bucket);
   }, [client]);
+  const refreshIssueCounts = useCallback(async () => {
+    if (!client) return;
+    const counts = await client.getIssueCounts();
+    setIssueCounts(counts);
+  }, [client]);
   const initializeBugBear = useCallback(async (bugBearClient) => {
     setIsLoading(true);
     try {
@@ -13153,16 +13229,18 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       setTesterInfo(info);
       setIsTester(!!info);
       if (info && qaEnabled) {
-        const [newAssignments, newThreads, session] = await Promise.all([
+        const [newAssignments, newThreads, session, counts] = await Promise.all([
           bugBearClient.getAssignedTests(),
           bugBearClient.getThreadsForTester(),
-          bugBearClient.getActiveSession()
+          bugBearClient.getActiveSession(),
+          bugBearClient.getIssueCounts()
         ]);
         setAssignments(newAssignments);
         setThreads(newThreads);
         const totalUnread = newThreads.reduce((sum, t) => sum + t.unreadCount, 0);
         setUnreadCount(totalUnread);
         setActiveSession(session);
+        setIssueCounts(counts);
         if (session) {
           const findings = await bugBearClient.getSessionFindings(session.id);
           setSessionFindings(findings);
@@ -13230,6 +13308,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo,
+        // Issue tracking
+        issueCounts,
+        refreshIssueCounts,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
       }
@@ -13239,21 +13320,21 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 }
 
 // src/BugBearButton.tsx
-import React14, { useState as useState10, useRef as useRef3 } from "react";
+import React16, { useState as useState11, useRef as useRef3 } from "react";
 import {
-  View as View13,
-  Text as Text13,
-  Image as Image3,
-  TouchableOpacity as TouchableOpacity12,
+  View as View15,
+  Text as Text15,
+  Image as Image4,
+  TouchableOpacity as TouchableOpacity14,
   Modal as Modal2,
   ScrollView as ScrollView3,
-  StyleSheet as StyleSheet14,
+  StyleSheet as StyleSheet16,
   Dimensions as Dimensions2,
   KeyboardAvoidingView,
   Platform as Platform4,
   PanResponder,
   Animated,
-  ActivityIndicator as ActivityIndicator2,
+  ActivityIndicator as ActivityIndicator3,
   Keyboard as Keyboard2
 } from "react-native";
 
@@ -13476,10 +13557,11 @@ var templateInfo = {
 import React2, { useEffect as useEffect2 } from "react";
 import { View, Text, TouchableOpacity, StyleSheet as StyleSheet2, Linking } from "react-native";
 function HomeScreen({ nav }) {
-  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, dashboardUrl } = useBugBear();
+  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl } = useBugBear();
   useEffect2(() => {
     refreshAssignments();
     refreshThreads();
+    refreshIssueCounts();
   }, []);
   const pendingAssignments = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
   const pendingCount = pendingAssignments.length;
@@ -13545,6 +13627,33 @@ function HomeScreen({ nav }) {
     /* @__PURE__ */ React2.createElement(Text, { style: styles.actionIcon }, "\u{1F4AC}"),
     /* @__PURE__ */ React2.createElement(Text, { style: styles.actionLabel }, "Messages"),
     unreadCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: [styles.actionBadge, styles.actionBadgeMsg] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.actionBadgeText }, unreadCount))
+  )), /* @__PURE__ */ React2.createElement(View, { style: styles.issueGrid }, /* @__PURE__ */ React2.createElement(
+    TouchableOpacity,
+    {
+      style: [styles.issueCard, styles.issueCardOpen],
+      onPress: () => nav.push({ name: "ISSUE_LIST", category: "open" }),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountOpen }, issueCounts.open),
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Open")
+  ), /* @__PURE__ */ React2.createElement(
+    TouchableOpacity,
+    {
+      style: [styles.issueCard, styles.issueCardDone],
+      onPress: () => nav.push({ name: "ISSUE_LIST", category: "done" }),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountDone }, issueCounts.done),
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Done")
+  ), /* @__PURE__ */ React2.createElement(
+    TouchableOpacity,
+    {
+      style: [styles.issueCard, styles.issueCardReopened],
+      onPress: () => nav.push({ name: "ISSUE_LIST", category: "reopened" }),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountReopened }, issueCounts.reopened),
+    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Reopened")
   )), totalTests > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.progressSection }, /* @__PURE__ */ React2.createElement(View, { style: styles.progressBar }, /* @__PURE__ */ React2.createElement(View, { style: [styles.progressFill, { width: `${Math.round(completedCount / totalTests * 100)}%` }] })), /* @__PURE__ */ React2.createElement(Text, { style: styles.progressText }, completedCount, "/", totalTests, " tests completed")), dashboardUrl && /* @__PURE__ */ React2.createElement(
     TouchableOpacity,
     {
@@ -13562,6 +13671,7 @@ function HomeScreen({ nav }) {
       onPress: () => {
         refreshAssignments();
         refreshThreads();
+        refreshIssueCounts();
       }
     },
     /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh")
@@ -13732,6 +13842,54 @@ var styles = StyleSheet2.create({
     color: colors.textMuted,
     marginLeft: 8
   },
+  issueGrid: {
+    flexDirection: "row",
+    gap: 10,
+    marginBottom: 20
+  },
+  issueCard: {
+    flex: 1,
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 10,
+    paddingVertical: 12,
+    paddingHorizontal: 8,
+    alignItems: "center"
+  },
+  issueCardOpen: {
+    borderTopWidth: 3,
+    borderTopColor: "#f97316"
+  },
+  issueCardDone: {
+    borderTopWidth: 3,
+    borderTopColor: "#22c55e"
+  },
+  issueCardReopened: {
+    borderTopWidth: 3,
+    borderTopColor: "#ef4444"
+  },
+  issueCountOpen: {
+    fontSize: 22,
+    fontWeight: "700",
+    color: "#f97316"
+  },
+  issueCountDone: {
+    fontSize: 22,
+    fontWeight: "700",
+    color: "#22c55e"
+  },
+  issueCountReopened: {
+    fontSize: 22,
+    fontWeight: "700",
+    color: "#ef4444"
+  },
+  issueLabel: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: colors.textSecondary,
+    marginTop: 2
+  },
   refreshButton: {
     alignItems: "center",
     paddingVertical: 8
@@ -14087,10 +14245,16 @@ function TestListScreen({ nav }) {
   const filterAssignment = (a) => {
     if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
     if (filter === "pending") return a.status === "pending" || a.status === "in_progress";
-    if (filter === "completed") return a.status === "passed" || a.status === "failed";
+    if (filter === "done") return a.status === "passed";
+    if (filter === "reopened") return a.status === "failed";
     return true;
   };
-  return /* @__PURE__ */ React4.createElement(View3, null, /* @__PURE__ */ React4.createElement(View3, { style: styles3.filterBar }, ["all", "pending", "completed"].map((f) => /* @__PURE__ */ React4.createElement(TouchableOpacity3, { key: f, style: [styles3.filterBtn, filter === f && styles3.filterBtnActive], onPress: () => setFilter(f) }, /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.filterBtnText, filter === f && styles3.filterBtnTextActive] }, f === "all" ? `All (${assignments.length})` : f === "pending" ? `To Do (${assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length})` : `Done (${assignments.filter((a) => a.status === "passed" || a.status === "failed").length})`)))), availableRoles.length >= 2 && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleSection }, /* @__PURE__ */ React4.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement(View3, null, /* @__PURE__ */ React4.createElement(View3, { style: styles3.filterBar }, [
+    { key: "all", label: "All", count: assignments.length },
+    { key: "pending", label: "To Do", count: assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length },
+    { key: "done", label: "Done", count: assignments.filter((a) => a.status === "passed").length },
+    { key: "reopened", label: "Re Opened", count: assignments.filter((a) => a.status === "failed").length }
+  ].map((f) => /* @__PURE__ */ React4.createElement(TouchableOpacity3, { key: f.key, style: [styles3.filterBtn, filter === f.key && styles3.filterBtnActive], onPress: () => setFilter(f.key) }, /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.filterBtnText, filter === f.key && styles3.filterBtnTextActive] }, f.label, " (", f.count, ")")))), availableRoles.length >= 2 && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleSection }, /* @__PURE__ */ React4.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ React4.createElement(
     TouchableOpacity3,
     {
       style: [styles3.roleBtn, !roleFilter && styles3.roleBtnActive],
@@ -14128,7 +14292,19 @@ function TestListScreen({ nav }) {
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleBadgeRow }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name))))
+        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleBadgeRow }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name)))),
+        /* @__PURE__ */ React4.createElement(View3, { style: [
+          styles3.statusPill,
+          {
+            backgroundColor: assignment.status === "passed" ? "#14532d" : assignment.status === "failed" ? "#450a0a" : assignment.status === "in_progress" ? "#172554" : "#27272a",
+            borderColor: assignment.status === "passed" ? "#166534" : assignment.status === "failed" ? "#7f1d1d" : assignment.status === "in_progress" ? "#1e3a5f" : "#3f3f46"
+          }
+        ] }, /* @__PURE__ */ React4.createElement(Text3, { style: [
+          styles3.statusPillText,
+          {
+            color: assignment.status === "passed" ? "#4ade80" : assignment.status === "failed" ? "#f87171" : assignment.status === "in_progress" ? "#60a5fa" : "#d4d4d8"
+          }
+        ] }, badge.label))
       );
     }));
   }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
@@ -14166,6 +14342,8 @@ var styles3 = StyleSheet4.create({
   retestTag: { backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 1 },
   retestTagText: { fontSize: 10, fontWeight: "600", color: "#fbbf24" },
   testMeta: { fontSize: 11, color: colors.textDim },
+  statusPill: { paddingHorizontal: 8, paddingVertical: 3, borderRadius: 6, borderWidth: 1, marginLeft: 8 },
+  statusPillText: { fontSize: 10, fontWeight: "600" },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }
 });
@@ -15050,6 +15228,308 @@ var styles12 = StyleSheet13.create({
   platformTextActive: { color: colors.blueLight }
 });
 
+// src/widget/screens/IssueListScreen.tsx
+import React14, { useState as useState10, useEffect as useEffect8 } from "react";
+import { View as View13, Text as Text13, TouchableOpacity as TouchableOpacity12, StyleSheet as StyleSheet14, ActivityIndicator as ActivityIndicator2 } from "react-native";
+var CATEGORY_CONFIG = {
+  open: { label: "Open Issues", accent: "#f97316", emptyIcon: "\u2705", emptyText: "No open issues" },
+  done: { label: "Done", accent: "#22c55e", emptyIcon: "\u{1F389}", emptyText: "No completed issues yet" },
+  reopened: { label: "Reopened", accent: "#ef4444", emptyIcon: "\u{1F44D}", emptyText: "No reopened issues" }
+};
+var SEVERITY_COLORS = {
+  critical: "#ef4444",
+  high: "#f97316",
+  medium: "#eab308",
+  low: "#71717a"
+};
+function IssueListScreen({ nav, category }) {
+  const { client } = useBugBear();
+  const [issues, setIssues] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const config = CATEGORY_CONFIG[category];
+  useEffect8(() => {
+    let cancelled = false;
+    setLoading(true);
+    (async () => {
+      if (!client) return;
+      const data = await client.getIssues(category);
+      if (!cancelled) {
+        setIssues(data);
+        setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, category]);
+  if (loading) {
+    return /* @__PURE__ */ React14.createElement(View13, { style: styles13.emptyContainer }, /* @__PURE__ */ React14.createElement(ActivityIndicator2, { size: "small", color: colors.textMuted }), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.emptyText }, "Loading..."));
+  }
+  if (issues.length === 0) {
+    return /* @__PURE__ */ React14.createElement(View13, { style: styles13.emptyContainer }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.emptyIcon }, config.emptyIcon), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.emptyText }, config.emptyText));
+  }
+  return /* @__PURE__ */ React14.createElement(View13, null, issues.map((issue) => /* @__PURE__ */ React14.createElement(
+    TouchableOpacity12,
+    {
+      key: issue.id,
+      style: styles13.issueCard,
+      onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
+      activeOpacity: 0.7
+    },
+    /* @__PURE__ */ React14.createElement(View13, { style: styles13.topRow }, issue.severity && /* @__PURE__ */ React14.createElement(View13, { style: [styles13.severityDot, { backgroundColor: SEVERITY_COLORS[issue.severity] || colors.textDim }] }), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.issueTitle, numberOfLines: 1 }, issue.title)),
+    /* @__PURE__ */ React14.createElement(View13, { style: styles13.bottomRow }, issue.route && /* @__PURE__ */ React14.createElement(Text13, { style: styles13.routeText, numberOfLines: 1 }, issue.route), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.timeText }, formatRelativeTime(issue.updatedAt))),
+    category === "done" && issue.verifiedByName && /* @__PURE__ */ React14.createElement(View13, { style: styles13.verifiedBadge }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.verifiedBadgeText }, "\u2714", " Verified by ", issue.verifiedByName)),
+    category === "reopened" && issue.originalBugTitle && /* @__PURE__ */ React14.createElement(View13, { style: styles13.reopenedBadge }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.reopenedBadgeText, numberOfLines: 1 }, "\u{1F504}", " Retest of: ", issue.originalBugTitle))
+  )));
+}
+var styles13 = StyleSheet14.create({
+  emptyContainer: {
+    alignItems: "center",
+    paddingVertical: 40
+  },
+  emptyIcon: {
+    fontSize: 36,
+    marginBottom: 8
+  },
+  emptyText: {
+    color: colors.textMuted,
+    fontSize: 14,
+    marginTop: 4
+  },
+  issueCard: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 10,
+    padding: 14,
+    marginBottom: 8
+  },
+  topRow: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  severityDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginTop: 5
+  },
+  issueTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: colors.textPrimary,
+    flex: 1
+  },
+  bottomRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginTop: 6
+  },
+  routeText: {
+    fontSize: 11,
+    color: colors.textDim,
+    maxWidth: "60%"
+  },
+  timeText: {
+    fontSize: 11,
+    color: colors.textDim,
+    marginLeft: "auto"
+  },
+  verifiedBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#14532d",
+    borderWidth: 1,
+    borderColor: "#166534",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    marginTop: 6,
+    alignSelf: "flex-start"
+  },
+  verifiedBadgeText: {
+    fontSize: 10,
+    fontWeight: "600",
+    color: "#4ade80"
+  },
+  reopenedBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    marginTop: 6,
+    alignSelf: "flex-start"
+  },
+  reopenedBadgeText: {
+    fontSize: 10,
+    fontWeight: "600",
+    color: "#fbbf24"
+  }
+});
+
+// src/widget/screens/IssueDetailScreen.tsx
+import React15 from "react";
+import { View as View14, Text as Text14, Image as Image3, StyleSheet as StyleSheet15, Linking as Linking2, TouchableOpacity as TouchableOpacity13 } from "react-native";
+var STATUS_LABELS = {
+  new: { label: "New", bg: "#1e3a5f", color: "#60a5fa" },
+  triaging: { label: "Triaging", bg: "#1e3a5f", color: "#60a5fa" },
+  confirmed: { label: "Confirmed", bg: "#422006", color: "#fbbf24" },
+  in_progress: { label: "In Progress", bg: "#1e3a5f", color: "#60a5fa" },
+  fixed: { label: "Fixed", bg: "#14532d", color: "#4ade80" },
+  ready_to_test: { label: "Ready to Test", bg: "#422006", color: "#fbbf24" },
+  verified: { label: "Verified", bg: "#14532d", color: "#4ade80" },
+  resolved: { label: "Resolved", bg: "#14532d", color: "#4ade80" },
+  reviewed: { label: "Reviewed", bg: "#14532d", color: "#4ade80" },
+  closed: { label: "Closed", bg: "#27272a", color: "#71717a" },
+  wont_fix: { label: "Won't Fix", bg: "#27272a", color: "#71717a" },
+  duplicate: { label: "Duplicate", bg: "#27272a", color: "#71717a" }
+};
+var SEVERITY_CONFIG = {
+  critical: { label: "Critical", color: "#ef4444", bg: "#7f1d1d" },
+  high: { label: "High", color: "#f97316", bg: "#431407" },
+  medium: { label: "Medium", color: "#eab308", bg: "#422006" },
+  low: { label: "Low", color: "#71717a", bg: "#27272a" }
+};
+function IssueDetailScreen({ nav, issue }) {
+  const statusConfig = STATUS_LABELS[issue.status] || { label: issue.status, bg: "#27272a", color: "#a1a1aa" };
+  const severityConfig = issue.severity ? SEVERITY_CONFIG[issue.severity] : null;
+  return /* @__PURE__ */ React15.createElement(View14, null, /* @__PURE__ */ React15.createElement(View14, { style: styles14.badgeRow }, /* @__PURE__ */ React15.createElement(View14, { style: [styles14.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React15.createElement(Text14, { style: [styles14.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React15.createElement(View14, { style: [styles14.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React15.createElement(Text14, { style: [styles14.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.title }, issue.title), issue.route && /* @__PURE__ */ React15.createElement(Text14, { style: styles14.route }, issue.route), issue.description && /* @__PURE__ */ React15.createElement(View14, { style: styles14.descriptionCard }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React15.createElement(View14, { style: styles14.verifiedCard }, /* @__PURE__ */ React15.createElement(View14, { style: styles14.verifiedHeader }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.verifiedIcon }, "\u2705"), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ React15.createElement(View14, { style: styles14.originalBugCard }, /* @__PURE__ */ React15.createElement(View14, { style: styles14.originalBugHeader }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React15.createElement(View14, { style: styles14.screenshotSection }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React15.createElement(View14, { style: styles14.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ React15.createElement(TouchableOpacity13, { key: i, onPress: () => Linking2.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ React15.createElement(Image3, { source: { uri: url }, style: styles14.screenshotThumb }))))), /* @__PURE__ */ React15.createElement(View14, { style: styles14.metaSection }, issue.reporterName && /* @__PURE__ */ React15.createElement(Text14, { style: styles14.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))));
+}
+var styles14 = StyleSheet15.create({
+  badgeRow: {
+    flexDirection: "row",
+    gap: 8,
+    flexWrap: "wrap",
+    marginBottom: 12
+  },
+  badge: {
+    paddingHorizontal: 10,
+    paddingVertical: 3,
+    borderRadius: 6
+  },
+  badgeText: {
+    fontSize: 11,
+    fontWeight: "600"
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "700",
+    color: colors.textPrimary,
+    marginBottom: 8,
+    lineHeight: 21
+  },
+  route: {
+    fontSize: 12,
+    color: colors.textDim,
+    marginBottom: 12
+  },
+  descriptionCard: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 12
+  },
+  descriptionText: {
+    fontSize: 13,
+    color: colors.textSecondary,
+    lineHeight: 19
+  },
+  verifiedCard: {
+    backgroundColor: "#14532d",
+    borderWidth: 1,
+    borderColor: "#166534",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 12
+  },
+  verifiedHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 4
+  },
+  verifiedIcon: {
+    fontSize: 16
+  },
+  verifiedTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#4ade80"
+  },
+  verifiedBody: {
+    fontSize: 12,
+    color: "#86efac"
+  },
+  originalBugCard: {
+    backgroundColor: "#422006",
+    borderWidth: 1,
+    borderColor: "#854d0e",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 12
+  },
+  originalBugHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 4
+  },
+  originalBugIcon: {
+    fontSize: 16
+  },
+  originalBugTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#fbbf24"
+  },
+  originalBugBody: {
+    fontSize: 12,
+    color: "#fde68a"
+  },
+  screenshotSection: {
+    marginBottom: 12
+  },
+  screenshotLabel: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: colors.textMuted,
+    marginBottom: 8
+  },
+  screenshotRow: {
+    flexDirection: "row",
+    gap: 8
+  },
+  screenshotThumb: {
+    width: 80,
+    height: 60,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: colors.border
+  },
+  metaSection: {
+    borderTopWidth: 1,
+    borderTopColor: colors.border,
+    paddingTop: 12,
+    marginTop: 4
+  },
+  metaText: {
+    fontSize: 12,
+    color: colors.textDim,
+    marginBottom: 4
+  },
+  metaTextSmall: {
+    fontSize: 11,
+    color: colors.textDim
+  }
+});
+
 // src/BugBearButton.tsx
 var screenWidth = Dimensions2.get("window").width;
 var screenHeight = Dimensions2.get("window").height;
@@ -15064,7 +15544,7 @@ function BugBearButton({
 }) {
   const { shouldShowWidget, testerInfo, isLoading, unreadCount, assignments } = useBugBear();
   const { currentScreen, canGoBack, push, pop, replace, reset } = useNavigation();
-  const [modalVisible, setModalVisible] = useState10(false);
+  const [modalVisible, setModalVisible] = useState11(false);
   const getInitialPosition = () => {
     const buttonSize = 56;
     const margin = 16;
@@ -15143,6 +15623,10 @@ function BugBearButton({
         return currentScreen.thread.subject || "Thread";
       case "COMPOSE_MESSAGE":
         return "New Message";
+      case "ISSUE_LIST":
+        return currentScreen.category === "open" ? "Open Issues" : currentScreen.category === "done" ? "Done" : "Reopened";
+      case "ISSUE_DETAIL":
+        return "Issue Detail";
       case "PROFILE":
         return "Profile";
       default:
@@ -15176,46 +15660,50 @@ function BugBearButton({
   const renderScreen = () => {
     switch (currentScreen.name) {
       case "HOME":
-        return /* @__PURE__ */ React14.createElement(HomeScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(HomeScreen, { nav });
       case "TEST_DETAIL":
-        return /* @__PURE__ */ React14.createElement(TestDetailScreen, { testId: currentScreen.testId, nav });
+        return /* @__PURE__ */ React16.createElement(TestDetailScreen, { testId: currentScreen.testId, nav });
       case "TEST_LIST":
-        return /* @__PURE__ */ React14.createElement(TestListScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(TestListScreen, { nav });
       case "TEST_FEEDBACK":
-        return /* @__PURE__ */ React14.createElement(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
+        return /* @__PURE__ */ React16.createElement(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
       case "REPORT":
-        return /* @__PURE__ */ React14.createElement(ReportScreen, { nav, prefill: currentScreen.prefill });
+        return /* @__PURE__ */ React16.createElement(ReportScreen, { nav, prefill: currentScreen.prefill });
       case "REPORT_SUCCESS":
-        return /* @__PURE__ */ React14.createElement(ReportSuccessScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(ReportSuccessScreen, { nav });
       case "MESSAGE_LIST":
-        return /* @__PURE__ */ React14.createElement(MessageListScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(MessageListScreen, { nav });
       case "THREAD_DETAIL":
-        return /* @__PURE__ */ React14.createElement(ThreadDetailScreen, { thread: currentScreen.thread, nav });
+        return /* @__PURE__ */ React16.createElement(ThreadDetailScreen, { thread: currentScreen.thread, nav });
       case "COMPOSE_MESSAGE":
-        return /* @__PURE__ */ React14.createElement(ComposeMessageScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(ComposeMessageScreen, { nav });
+      case "ISSUE_LIST":
+        return /* @__PURE__ */ React16.createElement(IssueListScreen, { nav, category: currentScreen.category });
+      case "ISSUE_DETAIL":
+        return /* @__PURE__ */ React16.createElement(IssueDetailScreen, { nav, issue: currentScreen.issue });
       case "PROFILE":
-        return /* @__PURE__ */ React14.createElement(ProfileScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(ProfileScreen, { nav });
       default:
-        return /* @__PURE__ */ React14.createElement(HomeScreen, { nav });
+        return /* @__PURE__ */ React16.createElement(HomeScreen, { nav });
     }
   };
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
     Animated.View,
     {
-      style: [styles13.fabContainer, { transform: pan.getTranslateTransform() }, buttonStyle],
+      style: [styles15.fabContainer, { transform: pan.getTranslateTransform() }, buttonStyle],
       ...panResponder.panHandlers
     },
-    /* @__PURE__ */ React14.createElement(
-      TouchableOpacity12,
+    /* @__PURE__ */ React16.createElement(
+      TouchableOpacity14,
       {
-        style: styles13.fab,
+        style: styles15.fab,
         onPress: () => setModalVisible(true),
         activeOpacity: draggable ? 1 : 0.7
       },
-      /* @__PURE__ */ React14.createElement(Image3, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles13.fabIcon }),
-      badgeCount > 0 && /* @__PURE__ */ React14.createElement(View13, { style: styles13.badge }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
+      /* @__PURE__ */ React16.createElement(Image4, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles15.fabIcon }),
+      badgeCount > 0 && /* @__PURE__ */ React16.createElement(View15, { style: styles15.badge }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
     )
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React16.createElement(
     Modal2,
     {
       visible: modalVisible,
@@ -15223,26 +15711,26 @@ function BugBearButton({
       transparent: true,
       onRequestClose: handleClose
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React16.createElement(
       KeyboardAvoidingView,
       {
         behavior: Platform4.OS === "ios" ? "padding" : "height",
-        style: styles13.modalOverlay
+        style: styles15.modalOverlay
       },
-      /* @__PURE__ */ React14.createElement(View13, { style: styles13.modalContainer }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.header }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerLeft }, canGoBack ? /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerNavRow }, /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => nav.pop(), style: styles13.backButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.backText }, "\u2190 Back")), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => nav.reset(), style: styles13.homeButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React14.createElement(View13, { style: styles13.headerTitleRow }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React14.createElement(Text13, { style: styles13.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: handleClose, style: styles13.closeButton }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.closeText }, "\u2715"))), /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React16.createElement(View15, { style: styles15.modalContainer }, /* @__PURE__ */ React16.createElement(View15, { style: styles15.header }, /* @__PURE__ */ React16.createElement(View15, { style: styles15.headerLeft }, canGoBack ? /* @__PURE__ */ React16.createElement(View15, { style: styles15.headerNavRow }, /* @__PURE__ */ React16.createElement(TouchableOpacity14, { onPress: () => nav.pop(), style: styles15.backButton }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.backText }, "\u2190 Back")), /* @__PURE__ */ React16.createElement(TouchableOpacity14, { onPress: () => nav.reset(), style: styles15.homeButton }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React16.createElement(View15, { style: styles15.headerTitleRow }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React16.createElement(TouchableOpacity14, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React16.createElement(Text15, { style: styles15.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React16.createElement(TouchableOpacity14, { onPress: handleClose, style: styles15.closeButton }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.closeText }, "\u2715"))), /* @__PURE__ */ React16.createElement(
         ScrollView3,
         {
-          style: styles13.content,
-          contentContainerStyle: styles13.contentContainer,
+          style: styles15.content,
+          contentContainerStyle: styles15.contentContainer,
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false
         },
-        isLoading ? /* @__PURE__ */ React14.createElement(View13, { style: styles13.loadingContainer }, /* @__PURE__ */ React14.createElement(ActivityIndicator2, { size: "large", color: colors.blue }), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.loadingText }, "Loading...")) : renderScreen()
+        isLoading ? /* @__PURE__ */ React16.createElement(View15, { style: styles15.loadingContainer }, /* @__PURE__ */ React16.createElement(ActivityIndicator3, { size: "large", color: colors.blue }), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.loadingText }, "Loading...")) : renderScreen()
       ))
     )
   ));
 }
-var styles13 = StyleSheet14.create({
+var styles15 = StyleSheet16.create({
   // FAB
   fabContainer: {
     position: "absolute",
@@ -15384,8 +15872,8 @@ var styles13 = StyleSheet14.create({
 });
 
 // src/BugBearErrorBoundary.tsx
-import React15, { Component } from "react";
-import { View as View14, Text as Text14, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet15 } from "react-native";
+import React17, { Component } from "react";
+import { View as View16, Text as Text16, TouchableOpacity as TouchableOpacity15, StyleSheet as StyleSheet17 } from "react-native";
 var BugBearErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -15430,7 +15918,7 @@ var BugBearErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ React15.createElement(View14, { style: styles14.container }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.title }, "Something went wrong"), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.message }, error.message), /* @__PURE__ */ React15.createElement(TouchableOpacity13, { style: styles14.button, onPress: this.reset }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.buttonText }, "Try Again")), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.caption }, "The error has been captured by BugBear"));
+      return /* @__PURE__ */ React17.createElement(View16, { style: styles16.container }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.title }, "Something went wrong"), /* @__PURE__ */ React17.createElement(Text16, { style: styles16.message }, error.message), /* @__PURE__ */ React17.createElement(TouchableOpacity15, { style: styles16.button, onPress: this.reset }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.buttonText }, "Try Again")), /* @__PURE__ */ React17.createElement(Text16, { style: styles16.caption }, "The error has been captured by BugBear"));
     }
     return children;
   }
@@ -15441,7 +15929,7 @@ function useErrorContext() {
     getEnhancedContext: () => contextCapture.getEnhancedContext()
   };
 }
-var styles14 = StyleSheet15.create({
+var styles16 = StyleSheet17.create({
   container: {
     padding: 20,
     margin: 20,