@bbearai/react-native 0.10.1 → 0.10.3

package/dist/index.d.mts

@@ -84,6 +84,8 @@ interface BugBearContextValue {
         success: boolean;
         error?: string;
     }>;
+    /** Track a navigation event (call from React Navigation's onStateChange) */
+    trackNavigation: (routeName: string) => void;
     /** Number of queued offline operations waiting to be sent. */
     queuedCount: number;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */

package/dist/index.d.ts

@@ -84,6 +84,8 @@ interface BugBearContextValue {
         success: boolean;
         error?: string;
     }>;
+    /** Track a navigation event (call from React Navigation's onStateChange) */
+    trackNavigation: (routeName: string) => void;
     /** Number of queued offline operations waiting to be sent. */
     queuedCount: number;
     /** URL to the BugBear web dashboard (for linking testers to the full web experience) */

package/dist/index.js

@@ -12838,7 +12838,7 @@ var BugBearClient = class {
           } : {
             // Standalone verification assignment (bug reported without a test case)
             id: item.original_report_id || item.id,
-            title: item.notes || "Bug Verification",
+            title: item.notes?.replace(/^Verification:\s*/i, "") || "Bug Verification",
             testKey: "VERIFY",
             description: "Verify that the reported bug has been fixed",
             steps: [],
@@ -14826,6 +14826,8 @@ var BugBearContext = (0, import_react.createContext)({
   refreshIssueCounts: async () => {
   },
   reopenReport: async () => ({ success: false }),
+  trackNavigation: () => {
+  },
   queuedCount: 0,
   dashboardUrl: void 0,
   onError: void 0
@@ -14940,8 +14942,11 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     const enhanced = contextCapture.getEnhancedContext();
     const enriched = {
       ...options,
+      route: options.route ?? contextCapture.getCurrentRoute?.(),
       consoleLogs: options.consoleLogs ?? enhanced.consoleLogs,
-      networkSnapshot: options.networkSnapshot ?? enhanced.networkRequests
+      networkSnapshot: options.networkSnapshot ?? enhanced.networkRequests,
+      appContext: options.appContext ?? client.getAppContext(),
+      deviceInfo: options.deviceInfo ?? getDeviceInfo()
     };
     const result = await client.addFinding(activeSession.id, enriched);
     if (result.success && result.finding) {
@@ -14949,7 +14954,10 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       setActiveSession((prev) => prev ? { ...prev, findingsCount: prev.findingsCount + 1 } : null);
     }
     return result;
-  }, [client, activeSession]);
+  }, [client, activeSession, getDeviceInfo]);
+  const trackNavigation = (0, import_react.useCallback)((routeName) => {
+    if (client) client.trackNavigation(routeName);
+  }, [client]);
   const updateTesterProfile = (0, import_react.useCallback)(async (updates) => {
     if (!client) return { success: false, error: "Client not initialized" };
     const result = await client.updateTesterProfile(updates);
@@ -15227,6 +15235,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         issueCounts,
         refreshIssueCounts,
         reopenReport,
+        trackNavigation,
         queuedCount,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
@@ -15559,27 +15568,27 @@ function HomeScreen({ nav }) {
     /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.sessionDot }),
     /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.sessionCardContent }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardTitle, numberOfLines: 1 }, activeSession.focusArea || "QA Session"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardMeta }, formatTimer(sessionElapsed), " \xB7 ", sessionFindings.length, " finding", sessionFindings.length !== 1 ? "s" : "")),
     /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardAction }, "Resume \u2192")
-  ) : /* @__PURE__ */ import_react4.default.createElement(
+  ) : /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.sessionRow }, /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
-      style: styles7.sessionCardInactive,
+      style: styles7.sessionTileBlue,
       onPress: () => nav.push({ name: "SESSION_START" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardIcon }, "\u{1F50D}"),
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardLabel }, "Start QA Session"),
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardArrow }, "\u2192")
-  ), !activeSession && nav.startAdHoc && /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileIcon }, "\u{1F50D}"),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileTitle }, "Focused Session"),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileSub }, "Set focus area & track before starting")
+  ), nav.startAdHoc && /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
-      style: styles7.quickTestCard,
+      style: styles7.sessionTileGreen,
       onPress: () => nav.startAdHoc?.(),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.quickTestIcon }, "\u26A1"),
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.quickTestContent }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.quickTestTitle }, "Quick Test"), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.quickTestSub }, "Ad hoc explore & report")),
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.sessionCardArrow }, "\u2192")
-  ), !activeSession && tasks.length > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: { marginBottom: 20 } }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: { fontSize: 12, fontWeight: "600", color: colors.textSecondary, textTransform: "uppercase", letterSpacing: 0.5, marginBottom: 8 } }, "Task Checklist"), tasks.map((task) => /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileIcon }, "\u26A1"),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileTitle }, "Quick Test"),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: styles7.tileSub }, "Jump straight in \u2014 no setup needed")
+  )), !activeSession && tasks.length > 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: { marginBottom: 20 } }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: { fontSize: 12, fontWeight: "600", color: colors.textSecondary, textTransform: "uppercase", letterSpacing: 0.5, marginBottom: 8 } }, "Task Checklist"), tasks.map((task) => /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
       key: task.id,
@@ -15903,7 +15912,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15940,59 +15949,50 @@ function createStyles() {
       fontWeight: "600",
       color: colors.blue
     },
-    sessionCardInactive: {
+    sessionCardArrow: {
+      fontSize: 13,
+      color: colors.textMuted
+    },
+    // Session start row — two side-by-side tiles
+    sessionRow: {
       flexDirection: "row",
-      alignItems: "center",
+      gap: 10,
+      marginBottom: 16
+    },
+    sessionTileBlue: {
+      flex: 1,
       backgroundColor: colors.card,
       borderWidth: 1,
       borderColor: colors.border,
+      borderTopWidth: 3,
+      borderTopColor: colors.blue,
       borderRadius: 12,
       padding: 12,
-      paddingHorizontal: 16,
-      gap: 12,
-      marginBottom: 16
-    },
-    sessionCardIcon: {
-      fontSize: 22
+      gap: 4
     },
-    sessionCardLabel: {
+    sessionTileGreen: {
       flex: 1,
-      fontSize: 14,
-      fontWeight: "500",
-      color: colors.textPrimary
-    },
-    sessionCardArrow: {
-      fontSize: 13,
-      color: colors.textMuted
-    },
-    // Quick Test card
-    quickTestCard: {
-      flexDirection: "row",
-      alignItems: "center",
       backgroundColor: colors.card,
       borderWidth: 1,
       borderColor: colors.border,
+      borderTopWidth: 3,
+      borderTopColor: colors.green,
       borderRadius: 12,
       padding: 12,
-      paddingHorizontal: 16,
-      gap: 12,
-      marginBottom: 16
-    },
-    quickTestIcon: {
-      fontSize: 22
+      gap: 4
     },
-    quickTestContent: {
-      flex: 1
+    tileIcon: {
+      fontSize: 20
     },
-    quickTestTitle: {
-      fontSize: 14,
+    tileTitle: {
+      fontSize: 13,
       fontWeight: "600",
       color: colors.textPrimary
     },
-    quickTestSub: {
-      fontSize: 12,
+    tileSub: {
+      fontSize: 11,
       color: colors.textMuted,
-      marginTop: 2
+      lineHeight: 16
     }
   });
 }
@@ -18885,7 +18885,9 @@ function SessionActiveScreen({ nav }) {
   const [elapsed, setElapsed] = (0, import_react21.useState)(0);
   const timerRef = (0, import_react21.useRef)(null);
   (0, import_react21.useEffect)(() => {
-    refreshSession();
+    if (!activeSession) {
+      refreshSession();
+    }
   }, []);
   (0, import_react21.useEffect)(() => {
     if (timerRef.current) clearInterval(timerRef.current);

package/dist/index.mjs

@@ -12805,7 +12805,7 @@ var BugBearClient = class {
           } : {
             // Standalone verification assignment (bug reported without a test case)
             id: item.original_report_id || item.id,
-            title: item.notes || "Bug Verification",
+            title: item.notes?.replace(/^Verification:\s*/i, "") || "Bug Verification",
             testKey: "VERIFY",
             description: "Verify that the reported bug has been fixed",
             steps: [],
@@ -14793,6 +14793,8 @@ var BugBearContext = createContext({
   refreshIssueCounts: async () => {
   },
   reopenReport: async () => ({ success: false }),
+  trackNavigation: () => {
+  },
   queuedCount: 0,
   dashboardUrl: void 0,
   onError: void 0
@@ -14907,8 +14909,11 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     const enhanced = contextCapture.getEnhancedContext();
     const enriched = {
       ...options,
+      route: options.route ?? contextCapture.getCurrentRoute?.(),
       consoleLogs: options.consoleLogs ?? enhanced.consoleLogs,
-      networkSnapshot: options.networkSnapshot ?? enhanced.networkRequests
+      networkSnapshot: options.networkSnapshot ?? enhanced.networkRequests,
+      appContext: options.appContext ?? client.getAppContext(),
+      deviceInfo: options.deviceInfo ?? getDeviceInfo()
     };
     const result = await client.addFinding(activeSession.id, enriched);
     if (result.success && result.finding) {
@@ -14916,7 +14921,10 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       setActiveSession((prev) => prev ? { ...prev, findingsCount: prev.findingsCount + 1 } : null);
     }
     return result;
-  }, [client, activeSession]);
+  }, [client, activeSession, getDeviceInfo]);
+  const trackNavigation = useCallback((routeName) => {
+    if (client) client.trackNavigation(routeName);
+  }, [client]);
   const updateTesterProfile = useCallback(async (updates) => {
     if (!client) return { success: false, error: "Client not initialized" };
     const result = await client.updateTesterProfile(updates);
@@ -15194,6 +15202,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         issueCounts,
         refreshIssueCounts,
         reopenReport,
+        trackNavigation,
         queuedCount,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
@@ -15541,27 +15550,27 @@ function HomeScreen({ nav }) {
     /* @__PURE__ */ React3.createElement(View3, { style: styles7.sessionDot }),
     /* @__PURE__ */ React3.createElement(View3, { style: styles7.sessionCardContent }, /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardTitle, numberOfLines: 1 }, activeSession.focusArea || "QA Session"), /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardMeta }, formatTimer(sessionElapsed), " \xB7 ", sessionFindings.length, " finding", sessionFindings.length !== 1 ? "s" : "")),
     /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardAction }, "Resume \u2192")
-  ) : /* @__PURE__ */ React3.createElement(
+  ) : /* @__PURE__ */ React3.createElement(View3, { style: styles7.sessionRow }, /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
-      style: styles7.sessionCardInactive,
+      style: styles7.sessionTileBlue,
       onPress: () => nav.push({ name: "SESSION_START" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardIcon }, "\u{1F50D}"),
-    /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardLabel }, "Start QA Session"),
-    /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardArrow }, "\u2192")
-  ), !activeSession && nav.startAdHoc && /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileIcon }, "\u{1F50D}"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileTitle }, "Focused Session"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileSub }, "Set focus area & track before starting")
+  ), nav.startAdHoc && /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
-      style: styles7.quickTestCard,
+      style: styles7.sessionTileGreen,
       onPress: () => nav.startAdHoc?.(),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React3.createElement(Text, { style: styles7.quickTestIcon }, "\u26A1"),
-    /* @__PURE__ */ React3.createElement(View3, { style: styles7.quickTestContent }, /* @__PURE__ */ React3.createElement(Text, { style: styles7.quickTestTitle }, "Quick Test"), /* @__PURE__ */ React3.createElement(Text, { style: styles7.quickTestSub }, "Ad hoc explore & report")),
-    /* @__PURE__ */ React3.createElement(Text, { style: styles7.sessionCardArrow }, "\u2192")
-  ), !activeSession && tasks.length > 0 && /* @__PURE__ */ React3.createElement(View3, { style: { marginBottom: 20 } }, /* @__PURE__ */ React3.createElement(Text, { style: { fontSize: 12, fontWeight: "600", color: colors.textSecondary, textTransform: "uppercase", letterSpacing: 0.5, marginBottom: 8 } }, "Task Checklist"), tasks.map((task) => /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileIcon }, "\u26A1"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileTitle }, "Quick Test"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles7.tileSub }, "Jump straight in \u2014 no setup needed")
+  )), !activeSession && tasks.length > 0 && /* @__PURE__ */ React3.createElement(View3, { style: { marginBottom: 20 } }, /* @__PURE__ */ React3.createElement(Text, { style: { fontSize: 12, fontWeight: "600", color: colors.textSecondary, textTransform: "uppercase", letterSpacing: 0.5, marginBottom: 8 } }, "Task Checklist"), tasks.map((task) => /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       key: task.id,
@@ -15885,7 +15894,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15922,59 +15931,50 @@ function createStyles() {
       fontWeight: "600",
       color: colors.blue
     },
-    sessionCardInactive: {
+    sessionCardArrow: {
+      fontSize: 13,
+      color: colors.textMuted
+    },
+    // Session start row — two side-by-side tiles
+    sessionRow: {
       flexDirection: "row",
-      alignItems: "center",
+      gap: 10,
+      marginBottom: 16
+    },
+    sessionTileBlue: {
+      flex: 1,
       backgroundColor: colors.card,
       borderWidth: 1,
       borderColor: colors.border,
+      borderTopWidth: 3,
+      borderTopColor: colors.blue,
       borderRadius: 12,
       padding: 12,
-      paddingHorizontal: 16,
-      gap: 12,
-      marginBottom: 16
-    },
-    sessionCardIcon: {
-      fontSize: 22
+      gap: 4
     },
-    sessionCardLabel: {
+    sessionTileGreen: {
       flex: 1,
-      fontSize: 14,
-      fontWeight: "500",
-      color: colors.textPrimary
-    },
-    sessionCardArrow: {
-      fontSize: 13,
-      color: colors.textMuted
-    },
-    // Quick Test card
-    quickTestCard: {
-      flexDirection: "row",
-      alignItems: "center",
       backgroundColor: colors.card,
       borderWidth: 1,
       borderColor: colors.border,
+      borderTopWidth: 3,
+      borderTopColor: colors.green,
       borderRadius: 12,
       padding: 12,
-      paddingHorizontal: 16,
-      gap: 12,
-      marginBottom: 16
-    },
-    quickTestIcon: {
-      fontSize: 22
+      gap: 4
     },
-    quickTestContent: {
-      flex: 1
+    tileIcon: {
+      fontSize: 20
     },
-    quickTestTitle: {
-      fontSize: 14,
+    tileTitle: {
+      fontSize: 13,
       fontWeight: "600",
       color: colors.textPrimary
     },
-    quickTestSub: {
-      fontSize: 12,
+    tileSub: {
+      fontSize: 11,
       color: colors.textMuted,
-      marginTop: 2
+      lineHeight: 16
     }
   });
 }
@@ -18867,7 +18867,9 @@ function SessionActiveScreen({ nav }) {
   const [elapsed, setElapsed] = useState16(0);
   const timerRef = useRef6(null);
   useEffect11(() => {
-    refreshSession();
+    if (!activeSession) {
+      refreshSession();
+    }
   }, []);
   useEffect11(() => {
     if (timerRef.current) clearInterval(timerRef.current);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",