@bbearai/react 0.4.2 → 0.4.3

package/README.md

@@ -148,6 +148,8 @@ function MyComponent() {
     shouldShowWidget, // Should the widget be visible?
     testerInfo,       // Current tester's info
     assignments,      // Test cases assigned to this tester
+    issueCounts,      // { open, done, reopened } issue counts
+    refreshIssueCounts, // Refresh issue counts
     isLoading,        // Loading state
   } = useBugBear();
 
@@ -163,6 +165,23 @@ function MyComponent() {
 }
 ```
 
+## Widget Screens
+
+The widget includes screens for bug reporting, test execution, messaging, and issue tracking:
+
+| Screen | Purpose |
+|--------|---------|
+| **Home** | Smart hero + action grid + issue tracking cards (Open, Done, Reopened) |
+| **Test List** | Assignments with filter tabs (All, To Do, Done, Re Opened) |
+| **Test Detail** | Step-by-step test execution |
+| **Report** | Bug/feedback submission |
+| **Issue List** | Issues filtered by category with severity indicators |
+| **Issue Detail** | Full issue details with verification proof and original bug context |
+| **Message List** | Thread list with unread badges |
+| **Thread Detail** | Chat thread with reply |
+| **Compose Message** | New message thread |
+| **Profile** | Tester info and stats |
+
 ## How It Works
 
 1. **User logs in** to your app
@@ -170,7 +189,8 @@ function MyComponent() {
 3. **Context capture starts** — console logs, network requests, and navigation are recorded
 4. **Widget appears** only for registered testers when QA mode is enabled
 5. **Testers submit** bug reports with automatic debugging context attached
-6. **Reports appear** in your BugBear dashboard with full context for developers
+6. **Testers track issues** — Open, Done (with verification proof), and Reopened cards on home screen
+7. **Reports appear** in your BugBear dashboard with full context for developers
 
 ## Example: Next.js App Router
 

package/dist/index.js

@@ -243,6 +243,14 @@ function BugBearProvider({ config, children, enabled = true }) {
       initializeBugBear(newClient);
     }
   }, [enabled, config, initializeBugBear]);
+  (0, import_react.useEffect)(() => {
+    if (!client || !isTester || !isQAEnabled) return;
+    const interval = setInterval(() => {
+      refreshThreads();
+      refreshIssueCounts();
+    }, 3e4);
+    return () => clearInterval(interval);
+  }, [client, isTester, isQAEnabled, refreshThreads, refreshIssueCounts]);
   const currentAssignment = assignments.find(
     (a) => a.status === "in_progress"
   ) || assignments.find(

package/dist/index.mjs

@@ -214,6 +214,14 @@ function BugBearProvider({ config, children, enabled = true }) {
       initializeBugBear(newClient);
     }
   }, [enabled, config, initializeBugBear]);
+  useEffect(() => {
+    if (!client || !isTester || !isQAEnabled) return;
+    const interval = setInterval(() => {
+      refreshThreads();
+      refreshIssueCounts();
+    }, 3e4);
+    return () => clearInterval(interval);
+  }, [client, isTester, isQAEnabled, refreshThreads, refreshIssueCounts]);
   const currentAssignment = assignments.find(
     (a) => a.status === "in_progress"
   ) || assignments.find(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "BugBear React components for web apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",