@bbearai/react-native 0.10.1 → 0.10.2

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: [],
@@ -15559,27 +15559,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 +15903,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15940,59 +15940,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
+      gap: 4
     },
-    sessionCardIcon: {
-      fontSize: 22
-    },
-    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
+      gap: 4
     },
-    quickTestIcon: {
-      fontSize: 22
+    tileIcon: {
+      fontSize: 20
     },
-    quickTestContent: {
-      flex: 1
-    },
-    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 +18876,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: [],
@@ -15541,27 +15541,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 +15885,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15922,59 +15922,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
+      gap: 4
     },
-    sessionCardIcon: {
-      fontSize: 22
-    },
-    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
+      gap: 4
     },
-    quickTestIcon: {
-      fontSize: 22
+    tileIcon: {
+      fontSize: 20
     },
-    quickTestContent: {
-      flex: 1
-    },
-    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 +18858,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.2",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",