@bbearai/react-native 0.10.0 → 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: [],
@@ -15388,7 +15388,8 @@ var s = import_react_native3.StyleSheet.create({
 
 // src/widget/screens/HomeScreen.tsx
 function HomeScreen({ nav }) {
-  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl, isLoading, activeSession, sessionFindings, refreshSession, widgetMode, widgetColorScheme } = useBugBear();
+  const { client, assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl, isLoading, activeSession, sessionFindings, refreshSession, widgetMode, widgetColorScheme } = useBugBear();
+  const [tasks, setTasks] = (0, import_react4.useState)([]);
   const styles7 = (0, import_react4.useMemo)(() => createStyles(), [widgetColorScheme]);
   const [sessionElapsed, setSessionElapsed] = (0, import_react4.useState)(0);
   const timerRef = (0, import_react4.useRef)(null);
@@ -15409,6 +15410,10 @@ function HomeScreen({ nav }) {
     if (widgetMode === "qa") {
       refreshAssignments();
       refreshSession();
+      if (client?.getTasks) {
+        client.getTasks().then(setTasks).catch(() => {
+        });
+      }
     }
     refreshThreads();
     refreshIssueCounts();
@@ -15554,27 +15559,38 @@ 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")
-  ), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.actionGrid }, /* @__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,
+      style: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, paddingHorizontal: 14, flexDirection: "row", alignItems: "center", gap: 10, marginBottom: 4 },
+      onPress: () => nav.startAdHoc?.(task.id, task.title),
+      activeOpacity: 0.7
+    },
+    task.priority === "high" && /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: { width: 6, height: 6, borderRadius: 3, backgroundColor: colors.red } }),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: { flex: 1 } }, /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: { fontSize: 13, fontWeight: "500", color: colors.textPrimary }, numberOfLines: 1 }, task.title), task.description ? /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: { fontSize: 11, color: colors.textMuted, marginTop: 2 }, numberOfLines: 1 }, task.description) : null),
+    /* @__PURE__ */ import_react4.default.createElement(import_react_native4.Text, { style: { fontSize: 11, fontWeight: "600", color: colors.blue } }, "Go")
+  ))), /* @__PURE__ */ import_react4.default.createElement(import_react_native4.View, { style: styles7.actionGrid }, /* @__PURE__ */ import_react4.default.createElement(
     import_react_native4.TouchableOpacity,
     {
       style: styles7.actionCard,
@@ -15887,7 +15903,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15924,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
-    },
-    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
     }
   });
 }
@@ -18869,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: [],
@@ -15370,7 +15370,8 @@ var s = StyleSheet2.create({
 
 // src/widget/screens/HomeScreen.tsx
 function HomeScreen({ nav }) {
-  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl, isLoading, activeSession, sessionFindings, refreshSession, widgetMode, widgetColorScheme } = useBugBear();
+  const { client, assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl, isLoading, activeSession, sessionFindings, refreshSession, widgetMode, widgetColorScheme } = useBugBear();
+  const [tasks, setTasks] = useState2([]);
   const styles7 = useMemo(() => createStyles(), [widgetColorScheme]);
   const [sessionElapsed, setSessionElapsed] = useState2(0);
   const timerRef = useRef3(null);
@@ -15391,6 +15392,10 @@ function HomeScreen({ nav }) {
     if (widgetMode === "qa") {
       refreshAssignments();
       refreshSession();
+      if (client?.getTasks) {
+        client.getTasks().then(setTasks).catch(() => {
+        });
+      }
     }
     refreshThreads();
     refreshIssueCounts();
@@ -15536,27 +15541,38 @@ 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")
-  ), /* @__PURE__ */ React3.createElement(View3, { style: styles7.actionGrid }, /* @__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,
+      style: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, paddingHorizontal: 14, flexDirection: "row", alignItems: "center", gap: 10, marginBottom: 4 },
+      onPress: () => nav.startAdHoc?.(task.id, task.title),
+      activeOpacity: 0.7
+    },
+    task.priority === "high" && /* @__PURE__ */ React3.createElement(View3, { style: { width: 6, height: 6, borderRadius: 3, backgroundColor: colors.red } }),
+    /* @__PURE__ */ React3.createElement(View3, { style: { flex: 1 } }, /* @__PURE__ */ React3.createElement(Text, { style: { fontSize: 13, fontWeight: "500", color: colors.textPrimary }, numberOfLines: 1 }, task.title), task.description ? /* @__PURE__ */ React3.createElement(Text, { style: { fontSize: 11, color: colors.textMuted, marginTop: 2 }, numberOfLines: 1 }, task.description) : null),
+    /* @__PURE__ */ React3.createElement(Text, { style: { fontSize: 11, fontWeight: "600", color: colors.blue } }, "Go")
+  ))), /* @__PURE__ */ React3.createElement(View3, { style: styles7.actionGrid }, /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles7.actionCard,
@@ -15869,7 +15885,7 @@ function createStyles() {
       fontSize: 13,
       color: colors.blue
     },
-    // Session card
+    // Session card (active — running session)
     sessionCardActive: {
       flexDirection: "row",
       alignItems: "center",
@@ -15906,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
-    },
-    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
     }
   });
 }
@@ -18851,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.0",
+  "version": "0.10.2",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",