@bbearai/react-native 0.3.3 → 0.3.4

package/dist/index.js

@@ -11659,6 +11659,11 @@ var BugBearClient = class {
     try {
       const { data: currentAssignment, error: fetchError } = await this.supabase.from("test_assignments").select("status, started_at").eq("id", assignmentId).single();
       if (fetchError || !currentAssignment) {
+        console.error("BugBear: Assignment not found", {
+          message: fetchError?.message,
+          code: fetchError?.code,
+          assignmentId
+        });
         return { success: false, error: "Assignment not found" };
       }
       const updateData = { status };
@@ -11683,7 +11688,15 @@ var BugBearClient = class {
       }
       const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
       if (error) {
-        console.error("BugBear: Failed to update assignment status", error);
+        console.error("BugBear: Failed to update assignment status", {
+          message: error.message,
+          details: error.details,
+          hint: error.hint,
+          code: error.code,
+          assignmentId,
+          status,
+          updateData
+        });
         return { success: false, error: error.message };
       }
       if (options?.feedback && ["passed", "failed", "blocked"].includes(status)) {
@@ -11745,7 +11758,7 @@ var BugBearClient = class {
       if (!testerInfo) {
         return { success: false, error: "Not authenticated as tester" };
       }
-      const { testCaseId, assignmentId, feedback, timeToCompleteSeconds } = options;
+      const { testCaseId, assignmentId, feedback, timeToCompleteSeconds, screenshotUrls } = options;
       if (feedback.rating < 1 || feedback.rating > 5) {
         return { success: false, error: "Rating must be between 1 and 5" };
       }
@@ -11765,7 +11778,8 @@ var BugBearClient = class {
         steps_unclear: feedback.stepsUnclear || false,
         expected_result_unclear: feedback.expectedResultUnclear || false,
         platform: this.getDeviceInfo().platform,
-        time_to_complete_seconds: timeToCompleteSeconds || null
+        time_to_complete_seconds: timeToCompleteSeconds || null,
+        screenshot_urls: screenshotUrls || []
       });
       if (feedbackError) {
         console.error("BugBear: Failed to submit feedback", feedbackError);
@@ -12080,19 +12094,21 @@ var BugBearClient = class {
   /**
    * Upload a screenshot (web - uses File/Blob)
    */
-  async uploadScreenshot(file, filename) {
+  async uploadScreenshot(file, filename, bucket = "screenshots") {
     try {
-      const name = filename || `screenshot-${Date.now()}.png`;
+      const contentType = file.type || "image/png";
+      const ext = contentType.includes("png") ? "png" : "jpg";
+      const name = filename || `screenshot-${Date.now()}.${ext}`;
       const path = `${this.config.projectId}/${name}`;
-      const { error } = await this.supabase.storage.from("screenshots").upload(path, file, {
-        contentType: "image/png",
+      const { error } = await this.supabase.storage.from(bucket).upload(path, file, {
+        contentType,
         upsert: false
       });
       if (error) {
         console.error("BugBear: Failed to upload screenshot", error);
         return null;
       }
-      const { data: { publicUrl } } = this.supabase.storage.from("screenshots").getPublicUrl(path);
+      const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
       console.error("BugBear: Error uploading screenshot", err);
@@ -13058,7 +13074,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     (a) => a.status === "in_progress"
   ) || assignments.find(
     (a) => a.status === "pending"
-  ) || assignments[0] || null;
+  ) || null;
   const shouldShowWidget = isQAEnabled && isTester;
   return /* @__PURE__ */ import_react.default.createElement(
     BugBearContext.Provider,
@@ -13104,6 +13120,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 var import_react16 = __toESM(require("react"));
 var import_react_native15 = require("react-native");
 
+// src/widget/logo.ts
+var BUGBEAR_LOGO_BASE64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAJhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAASQBAACAAAAFAAAAISgAQADAAAAAQABAACgAgAEAAAAAQAAAECgAwAEAAAAAQAAAEAAAAAAMjAyNjowMToyNCAxNjoyMTozOAAvO6cIAAAACXBIWXMAAAsTAAALEwEAmpwYAAACo2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpJcHRjNHhtcEV4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPElwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPmh0dHA6Ly9jdi5pcHRjLm9yZy9uZXdzY29kZXMvZGlnaXRhbHNvdXJjZXR5cGUvdHJhaW5lZEFsZ29yaXRobWljTWVkaWE8L0lwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPgogICAgICAgICA8SXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPmZjNzJlN2Q2LTYyYTEtNDE1ZS04MjY5LWM2NjA4MjY0OWRiMDwvSXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wMS0yNFQxNjoyMTozODwveG1wOkNyZWF0ZURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+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";
+
 // src/widget/navigation.ts
 var import_react2 = require("react");
 function navReducer(state, action) {
@@ -13608,7 +13627,14 @@ function TestDetailScreen({ testId, nav }) {
     if (!client || !displayedAssignment) return;
     await client.failAssignment(displayedAssignment.id);
     await refreshAssignments();
-    nav.replace({ name: "TEST_FEEDBACK", status: "failed", assignmentId: displayedAssignment.id });
+    nav.replace({
+      name: "REPORT",
+      prefill: {
+        type: "test_fail",
+        assignmentId: displayedAssignment.id,
+        testCaseId: displayedAssignment.testCase.id
+      }
+    });
   }, [client, displayedAssignment, refreshAssignments, nav]);
   const handleSkip = (0, import_react4.useCallback)(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
@@ -13622,9 +13648,11 @@ function TestDetailScreen({ testId, nav }) {
     setSelectedSkipReason(null);
     setSkipNotes("");
     setSkipping(false);
-    const remaining = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
-    if (remaining.length > 1) {
-      nav.replace({ name: "TEST_DETAIL" });
+    const remaining = assignments.filter(
+      (a) => (a.status === "pending" || a.status === "in_progress") && a.id !== displayedAssignment.id
+    );
+    if (remaining.length > 0) {
+      nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
     } else {
       nav.reset();
     }
@@ -13813,7 +13841,7 @@ var styles2 = import_react_native4.StyleSheet.create({
 var import_react5 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
 function TestListScreen({ nav }) {
-  const { assignments, refreshAssignments } = useBugBear();
+  const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = (0, import_react5.useState)("all");
   const [collapsedFolders, setCollapsedFolders] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
   const groupedAssignments = (0, import_react5.useMemo)(() => {
@@ -13868,11 +13896,12 @@ function TestListScreen({ nav }) {
     if (filtered.length === 0 && filter !== "all") return null;
     return /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { key: folderId, style: styles3.folder }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderName }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles3.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [styles3.folderProgressFill, { width: `${Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100)}%` }] })), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
       const badge = getStatusBadge(assignment.status);
+      const isCurrent = currentAssignment?.id === assignment.id;
       return /* @__PURE__ */ import_react5.default.createElement(
         import_react_native5.TouchableOpacity,
         {
           key: assignment.id,
-          style: styles3.testItem,
+          style: [styles3.testItem, isCurrent && styles3.testItemCurrent],
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles3.testBadge }, badge.icon),
@@ -13895,6 +13924,7 @@ var styles3 = import_react_native5.StyleSheet.create({
   folderProgressFill: { height: "100%", backgroundColor: colors.green, borderRadius: 2 },
   folderCount: { fontSize: 12, color: colors.textMuted, width: 30, textAlign: "right" },
   testItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
+  testItemCurrent: { backgroundColor: "rgba(59, 130, 246, 0.15)", borderLeftWidth: 3, borderLeftColor: colors.blue },
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
@@ -13904,105 +13934,11 @@ var styles3 = import_react_native5.StyleSheet.create({
 });
 
 // src/widget/screens/TestFeedbackScreen.tsx
-var import_react6 = __toESM(require("react"));
-var import_react_native6 = require("react-native");
-function TestFeedbackScreen({ status, assignmentId, nav }) {
-  const { client, assignments, refreshAssignments } = useBugBear();
-  const [rating, setRating] = (0, import_react6.useState)(5);
-  const [note, setNote] = (0, import_react6.useState)("");
-  const [flags, setFlags] = (0, import_react6.useState)({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
-  const [submitting, setSubmitting] = (0, import_react6.useState)(false);
-  const assignment = assignments.find((a) => a.id === assignmentId);
-  const showFlags = rating < 4;
-  const handleSubmit = async () => {
-    setSubmitting(true);
-    if (client && assignment) {
-      await client.submitTestFeedback(assignment.testCase.id, {
-        rating,
-        note: note.trim() || void 0,
-        qualityFlags: showFlags ? flags : void 0
-      });
-    }
-    await refreshAssignments();
-    setSubmitting(false);
-    if (status === "failed") {
-      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
-    } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL" });
-      } else {
-        nav.reset();
-      }
-    }
-  };
-  const handleSkip = () => {
-    if (status === "failed") {
-      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
-    } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL" });
-      } else {
-        nav.reset();
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles4.container }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles4.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles4.subheader }, "Rate this test case"), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles4.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { key: n, onPress: () => setRating(n), style: styles4.starButton }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles4.star, n <= rating && styles4.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles4.flagsSection }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles4.flagsLabel }, "What could be improved?"), [
-    { key: "isOutdated", label: "Test is outdated" },
-    { key: "needsMoreDetail", label: "Needs more detail" },
-    { key: "stepsUnclear", label: "Steps are unclear" },
-    { key: "expectedResultUnclear", label: "Expected result unclear" }
-  ].map(({ key, label }) => /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native6.TouchableOpacity,
-    {
-      key,
-      style: [styles4.flagItem, flags[key] && styles4.flagItemActive],
-      onPress: () => setFlags((prev) => ({ ...prev, [key]: !prev[key] }))
-    },
-    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: [styles4.flagCheck, flags[key] && styles4.flagCheckActive] }, flags[key] && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles4.flagCheckmark }, "\u2713")),
-    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles4.flagText, flags[key] && styles4.flagTextActive] }, label)
-  ))), /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native6.TextInput,
-    {
-      style: styles4.noteInput,
-      value: note,
-      onChangeText: setNote,
-      placeholder: "Add a note (optional)",
-      placeholderTextColor: colors.textMuted,
-      multiline: true
-    }
-  ), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles4.actions }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { style: styles4.skipButton, onPress: handleSkip }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: styles4.skipText }, "Skip")), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { style: [shared.primaryButton, { flex: 2 }], onPress: handleSubmit, disabled: submitting }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: shared.primaryButtonText }, submitting ? "Submitting..." : "Submit"))));
-}
-var styles4 = import_react_native6.StyleSheet.create({
-  container: { paddingTop: 8 },
-  header: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, textAlign: "center", marginBottom: 4 },
-  subheader: { fontSize: 14, color: colors.textMuted, textAlign: "center", marginBottom: 20 },
-  starRow: { flexDirection: "row", justifyContent: "center", gap: 8, marginBottom: 20 },
-  starButton: { padding: 4 },
-  star: { fontSize: 36, color: colors.textDim },
-  starActive: { color: "#facc15" },
-  flagsSection: { marginBottom: 16 },
-  flagsLabel: { fontSize: 14, fontWeight: "500", color: colors.textSecondary, marginBottom: 10 },
-  flagItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
-  flagItemActive: { backgroundColor: colors.yellowDark, borderWidth: 1, borderColor: colors.yellow },
-  flagCheck: { width: 20, height: 20, borderRadius: 4, borderWidth: 2, borderColor: colors.border, marginRight: 10, justifyContent: "center", alignItems: "center" },
-  flagCheckActive: { backgroundColor: colors.yellow, borderColor: colors.yellow },
-  flagCheckmark: { fontSize: 12, fontWeight: "bold", color: "#000" },
-  flagText: { fontSize: 14, color: colors.textSecondary },
-  flagTextActive: { color: colors.yellow },
-  noteInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, fontSize: 14, color: colors.textPrimary, minHeight: 60, textAlignVertical: "top", marginBottom: 16 },
-  actions: { flexDirection: "row", gap: 10 },
-  skipButton: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center", backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
-  skipText: { fontSize: 15, color: colors.textSecondary }
-});
-
-// src/widget/screens/ReportScreen.tsx
-var import_react10 = __toESM(require("react"));
-var import_react_native9 = require("react-native");
+var import_react9 = __toESM(require("react"));
+var import_react_native8 = require("react-native");
 
 // src/widget/useImageAttachments.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 var launchImageLibrary = null;
 var launchCamera = null;
 try {
@@ -14013,8 +13949,8 @@ try {
 }
 var IMAGE_PICKER_AVAILABLE = launchImageLibrary !== null;
 function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
-  const [images, setImages] = (0, import_react7.useState)([]);
-  const pickFromGallery = (0, import_react7.useCallback)(async () => {
+  const [images, setImages] = (0, import_react6.useState)([]);
+  const pickFromGallery = (0, import_react6.useCallback)(async () => {
     if (!launchImageLibrary || images.length >= maxImages) return;
     launchImageLibrary(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920, selectionLimit: maxImages - images.length },
@@ -14038,7 +13974,7 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
       }
     );
   }, [images.length, maxImages, uploadFn, bucket]);
-  const pickFromCamera = (0, import_react7.useCallback)(async () => {
+  const pickFromCamera = (0, import_react6.useCallback)(async () => {
     if (!launchCamera || images.length >= maxImages) return;
     launchCamera(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920 },
@@ -14061,35 +13997,35 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
       }
     );
   }, [images.length, maxImages, uploadFn, bucket]);
-  const removeImage = (0, import_react7.useCallback)((id) => {
+  const removeImage = (0, import_react6.useCallback)((id) => {
     setImages((prev) => prev.filter((img) => img.id !== id));
   }, []);
-  const clear = (0, import_react7.useCallback)(() => {
+  const clear = (0, import_react6.useCallback)(() => {
     setImages([]);
   }, []);
   const isUploading = images.some((img) => img.status === "uploading");
   const hasError = images.some((img) => img.status === "error");
-  const getAttachments = (0, import_react7.useCallback)(() => {
+  const getAttachments = (0, import_react6.useCallback)(() => {
     return images.filter((img) => img.status === "done" && img.remoteUrl).map((img) => ({ type: "image", url: img.remoteUrl, name: img.name }));
   }, [images]);
-  const getScreenshotUrls = (0, import_react7.useCallback)(() => {
+  const getScreenshotUrls = (0, import_react6.useCallback)(() => {
     return images.filter((img) => img.status === "done" && img.remoteUrl).map((img) => img.remoteUrl);
   }, [images]);
   return { images, pickFromGallery, pickFromCamera, removeImage, clear, isUploading, hasError, getAttachments, getScreenshotUrls };
 }
 
 // src/widget/ImagePickerButtons.tsx
-var import_react9 = __toESM(require("react"));
-var import_react_native8 = require("react-native");
-
-// src/widget/ImagePreviewStrip.tsx
 var import_react8 = __toESM(require("react"));
 var import_react_native7 = require("react-native");
+
+// src/widget/ImagePreviewStrip.tsx
+var import_react7 = __toESM(require("react"));
+var import_react_native6 = require("react-native");
 function ImagePreviewStrip({ images, onRemove }) {
   if (images.length === 0) return null;
-  return /* @__PURE__ */ import_react8.default.createElement(import_react_native7.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles5.strip }, images.map((img) => /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { key: img.id, style: styles5.thumbContainer }, /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Image, { source: { uri: img.localUri }, style: styles5.thumb }), img.status === "uploading" && /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { style: styles5.thumbOverlay }, /* @__PURE__ */ import_react8.default.createElement(import_react_native7.ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { style: [styles5.thumbOverlay, styles5.thumbOverlayError] }, /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: styles5.thumbErrorText }, "!")), /* @__PURE__ */ import_react8.default.createElement(import_react_native7.TouchableOpacity, { style: styles5.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: styles5.thumbRemoveText }, "\u2715")))));
+  return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles4.thumbOverlay }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.Text, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ import_react7.default.createElement(import_react_native6.TouchableOpacity, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.Text, { style: styles4.thumbRemoveText }, "\u2715")))));
 }
-var styles5 = import_react_native7.StyleSheet.create({
+var styles4 = import_react_native6.StyleSheet.create({
   strip: {
     flexDirection: "row",
     marginTop: 4
@@ -14108,7 +14044,7 @@ var styles5 = import_react_native7.StyleSheet.create({
     borderRadius: 8
   },
   thumbOverlay: {
-    ...import_react_native7.StyleSheet.absoluteFillObject,
+    ...import_react_native6.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)",
     justifyContent: "center",
     alignItems: "center",
@@ -14143,25 +14079,25 @@ var styles5 = import_react_native7.StyleSheet.create({
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
   if (!IMAGE_PICKER_AVAILABLE) return null;
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.section }, label && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.label }, label), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.buttonRow }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native8.TouchableOpacity,
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { style: styles5.section }, label && /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: styles5.label }, label), /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { style: styles5.buttonRow }, /* @__PURE__ */ import_react8.default.createElement(
+    import_react_native7.TouchableOpacity,
     {
-      style: styles6.pickButton,
+      style: styles5.pickButton,
       onPress: onPickGallery,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: [styles6.pickButtonText, images.length >= maxImages && styles6.pickButtonDisabled] }, "Gallery")
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native8.TouchableOpacity,
+    /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Gallery")
+  ), /* @__PURE__ */ import_react8.default.createElement(
+    import_react_native7.TouchableOpacity,
     {
-      style: styles6.pickButton,
+      style: styles5.pickButton,
       onPress: onPickCamera,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: [styles6.pickButtonText, images.length >= maxImages && styles6.pickButtonDisabled] }, "Camera")
-  ), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.countText }, images.length, "/", maxImages)), /* @__PURE__ */ import_react9.default.createElement(ImagePreviewStrip, { images, onRemove }));
+    /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Camera")
+  ), /* @__PURE__ */ import_react8.default.createElement(import_react_native7.Text, { style: styles5.countText }, images.length, "/", maxImages)), /* @__PURE__ */ import_react8.default.createElement(ImagePreviewStrip, { images, onRemove }));
 }
-var styles6 = import_react_native8.StyleSheet.create({
+var styles5 = import_react_native7.StyleSheet.create({
   section: {
     marginTop: 12,
     marginBottom: 4
@@ -14200,7 +14136,123 @@ var styles6 = import_react_native8.StyleSheet.create({
   }
 });
 
+// src/widget/screens/TestFeedbackScreen.tsx
+function TestFeedbackScreen({ status, assignmentId, nav }) {
+  const { client, assignments, refreshAssignments, uploadImage } = useBugBear();
+  const images = useImageAttachments(uploadImage, 3, "screenshots");
+  const [rating, setRating] = (0, import_react9.useState)(5);
+  const [note, setNote] = (0, import_react9.useState)("");
+  const [flags, setFlags] = (0, import_react9.useState)({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
+  const [submitting, setSubmitting] = (0, import_react9.useState)(false);
+  const assignment = assignments.find((a) => a.id === assignmentId);
+  const showFlags = rating < 4;
+  const handleSubmit = async () => {
+    setSubmitting(true);
+    if (client && assignment) {
+      const screenshotUrls = images.getScreenshotUrls();
+      await client.submitTestFeedback({
+        testCaseId: assignment.testCase.id,
+        assignmentId,
+        feedback: {
+          rating,
+          feedbackNote: note.trim() || void 0,
+          ...showFlags ? {
+            isOutdated: flags.isOutdated,
+            needsMoreDetail: flags.needsMoreDetail,
+            stepsUnclear: flags.stepsUnclear,
+            expectedResultUnclear: flags.expectedResultUnclear
+          } : {}
+        },
+        screenshotUrls: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+    }
+    await refreshAssignments();
+    setSubmitting(false);
+    if (status === "failed") {
+      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
+    } else {
+      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (remaining.length > 0) {
+        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      } else {
+        nav.reset();
+      }
+    }
+  };
+  const handleSkip = () => {
+    if (status === "failed") {
+      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
+    } else {
+      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (remaining.length > 0) {
+        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      } else {
+        nav.reset();
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.container }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.subheader }, "Rate this test case"), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ import_react9.default.createElement(import_react_native8.TouchableOpacity, { key: n, onPress: () => setRating(n), style: styles6.starButton }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: [styles6.star, n <= rating && styles6.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.flagsSection }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.flagsLabel }, "What could be improved?"), [
+    { key: "isOutdated", label: "Test is outdated" },
+    { key: "needsMoreDetail", label: "Needs more detail" },
+    { key: "stepsUnclear", label: "Steps are unclear" },
+    { key: "expectedResultUnclear", label: "Expected result unclear" }
+  ].map(({ key, label }) => /* @__PURE__ */ import_react9.default.createElement(
+    import_react_native8.TouchableOpacity,
+    {
+      key,
+      style: [styles6.flagItem, flags[key] && styles6.flagItemActive],
+      onPress: () => setFlags((prev) => ({ ...prev, [key]: !prev[key] }))
+    },
+    /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: [styles6.flagCheck, flags[key] && styles6.flagCheckActive] }, flags[key] && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.flagCheckmark }, "\u2713")),
+    /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: [styles6.flagText, flags[key] && styles6.flagTextActive] }, label)
+  ))), /* @__PURE__ */ import_react9.default.createElement(
+    import_react_native8.TextInput,
+    {
+      style: styles6.noteInput,
+      value: note,
+      onChangeText: setNote,
+      placeholder: "Add a note (optional)",
+      placeholderTextColor: colors.textMuted,
+      multiline: true
+    }
+  ), /* @__PURE__ */ import_react9.default.createElement(
+    ImagePickerButtons,
+    {
+      images: images.images,
+      maxImages: 3,
+      onPickGallery: images.pickFromGallery,
+      onPickCamera: images.pickFromCamera,
+      onRemove: images.removeImage,
+      label: "Screenshots (optional)"
+    }
+  ), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles6.actions }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.TouchableOpacity, { style: styles6.skipButton, onPress: handleSkip }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles6.skipText }, "Skip")), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.TouchableOpacity, { style: [shared.primaryButton, { flex: 2, opacity: submitting || images.isUploading ? 0.5 : 1 }], onPress: handleSubmit, disabled: submitting || images.isUploading }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : submitting ? "Submitting..." : "Submit"))));
+}
+var styles6 = import_react_native8.StyleSheet.create({
+  container: { paddingTop: 8 },
+  header: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, textAlign: "center", marginBottom: 4 },
+  subheader: { fontSize: 14, color: colors.textMuted, textAlign: "center", marginBottom: 20 },
+  starRow: { flexDirection: "row", justifyContent: "center", gap: 8, marginBottom: 20 },
+  starButton: { padding: 4 },
+  star: { fontSize: 36, color: colors.textDim },
+  starActive: { color: "#facc15" },
+  flagsSection: { marginBottom: 16 },
+  flagsLabel: { fontSize: 14, fontWeight: "500", color: colors.textSecondary, marginBottom: 10 },
+  flagItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
+  flagItemActive: { backgroundColor: colors.yellowDark, borderWidth: 1, borderColor: colors.yellow },
+  flagCheck: { width: 20, height: 20, borderRadius: 4, borderWidth: 2, borderColor: colors.border, marginRight: 10, justifyContent: "center", alignItems: "center" },
+  flagCheckActive: { backgroundColor: colors.yellow, borderColor: colors.yellow },
+  flagCheckmark: { fontSize: 12, fontWeight: "bold", color: "#000" },
+  flagText: { fontSize: 14, color: colors.textSecondary },
+  flagTextActive: { color: colors.yellow },
+  noteInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, fontSize: 14, color: colors.textPrimary, minHeight: 60, textAlignVertical: "top", marginBottom: 16 },
+  actions: { flexDirection: "row", gap: 10 },
+  skipButton: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center", backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
+  skipText: { fontSize: 15, color: colors.textSecondary }
+});
+
 // src/widget/screens/ReportScreen.tsx
+var import_react10 = __toESM(require("react"));
+var import_react_native9 = require("react-native");
 function ReportScreen({ nav, prefill }) {
   const { client, getDeviceInfo, uploadImage, refreshAssignments } = useBugBear();
   const [reportType, setReportType] = (0, import_react10.useState)(prefill?.type || "bug");
@@ -14812,7 +14864,7 @@ function BugBearButton({
         onPress: () => setModalVisible(true),
         activeOpacity: draggable ? 1 : 0.7
       },
-      /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.fabIcon }, "\u{1F41B}"),
+      /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Image, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles13.fabIcon }),
       badgeCount > 0 && /* @__PURE__ */ import_react16.default.createElement(import_react_native15.View, { style: styles13.badge }, /* @__PURE__ */ import_react16.default.createElement(import_react_native15.Text, { style: styles13.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
     )
   ), /* @__PURE__ */ import_react16.default.createElement(
@@ -14862,7 +14914,9 @@ var styles13 = import_react_native15.StyleSheet.create({
     elevation: 8
   },
   fabIcon: {
-    fontSize: 24
+    width: 32,
+    height: 32,
+    borderRadius: 16
   },
   badge: {
     position: "absolute",

package/dist/index.mjs

@@ -11628,6 +11628,11 @@ var BugBearClient = class {
     try {
       const { data: currentAssignment, error: fetchError } = await this.supabase.from("test_assignments").select("status, started_at").eq("id", assignmentId).single();
       if (fetchError || !currentAssignment) {
+        console.error("BugBear: Assignment not found", {
+          message: fetchError?.message,
+          code: fetchError?.code,
+          assignmentId
+        });
         return { success: false, error: "Assignment not found" };
       }
       const updateData = { status };
@@ -11652,7 +11657,15 @@ var BugBearClient = class {
       }
       const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
       if (error) {
-        console.error("BugBear: Failed to update assignment status", error);
+        console.error("BugBear: Failed to update assignment status", {
+          message: error.message,
+          details: error.details,
+          hint: error.hint,
+          code: error.code,
+          assignmentId,
+          status,
+          updateData
+        });
         return { success: false, error: error.message };
       }
       if (options?.feedback && ["passed", "failed", "blocked"].includes(status)) {
@@ -11714,7 +11727,7 @@ var BugBearClient = class {
       if (!testerInfo) {
         return { success: false, error: "Not authenticated as tester" };
       }
-      const { testCaseId, assignmentId, feedback, timeToCompleteSeconds } = options;
+      const { testCaseId, assignmentId, feedback, timeToCompleteSeconds, screenshotUrls } = options;
       if (feedback.rating < 1 || feedback.rating > 5) {
         return { success: false, error: "Rating must be between 1 and 5" };
       }
@@ -11734,7 +11747,8 @@ var BugBearClient = class {
         steps_unclear: feedback.stepsUnclear || false,
         expected_result_unclear: feedback.expectedResultUnclear || false,
         platform: this.getDeviceInfo().platform,
-        time_to_complete_seconds: timeToCompleteSeconds || null
+        time_to_complete_seconds: timeToCompleteSeconds || null,
+        screenshot_urls: screenshotUrls || []
       });
       if (feedbackError) {
         console.error("BugBear: Failed to submit feedback", feedbackError);
@@ -12049,19 +12063,21 @@ var BugBearClient = class {
   /**
    * Upload a screenshot (web - uses File/Blob)
    */
-  async uploadScreenshot(file, filename) {
+  async uploadScreenshot(file, filename, bucket = "screenshots") {
     try {
-      const name = filename || `screenshot-${Date.now()}.png`;
+      const contentType = file.type || "image/png";
+      const ext = contentType.includes("png") ? "png" : "jpg";
+      const name = filename || `screenshot-${Date.now()}.${ext}`;
       const path = `${this.config.projectId}/${name}`;
-      const { error } = await this.supabase.storage.from("screenshots").upload(path, file, {
-        contentType: "image/png",
+      const { error } = await this.supabase.storage.from(bucket).upload(path, file, {
+        contentType,
         upsert: false
       });
       if (error) {
         console.error("BugBear: Failed to upload screenshot", error);
         return null;
       }
-      const { data: { publicUrl } } = this.supabase.storage.from("screenshots").getPublicUrl(path);
+      const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
       console.error("BugBear: Error uploading screenshot", err);
@@ -13027,7 +13043,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     (a) => a.status === "in_progress"
   ) || assignments.find(
     (a) => a.status === "pending"
-  ) || assignments[0] || null;
+  ) || null;
   const shouldShowWidget = isQAEnabled && isTester;
   return /* @__PURE__ */ React.createElement(
     BugBearContext.Provider,
@@ -13074,6 +13090,7 @@ import React14, { useState as useState10, useRef as useRef2 } from "react";
 import {
   View as View13,
   Text as Text13,
+  Image as Image3,
   TouchableOpacity as TouchableOpacity12,
   Modal as Modal2,
   ScrollView as ScrollView2,
@@ -13086,6 +13103,9 @@ import {
   ActivityIndicator as ActivityIndicator2
 } from "react-native";
 
+// src/widget/logo.ts
+var BUGBEAR_LOGO_BASE64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAJhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAASQBAACAAAAFAAAAISgAQADAAAAAQABAACgAgAEAAAAAQAAAECgAwAEAAAAAQAAAEAAAAAAMjAyNjowMToyNCAxNjoyMTozOAAvO6cIAAAACXBIWXMAAAsTAAALEwEAmpwYAAACo2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpJcHRjNHhtcEV4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPElwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPmh0dHA6Ly9jdi5pcHRjLm9yZy9uZXdzY29kZXMvZGlnaXRhbHNvdXJjZXR5cGUvdHJhaW5lZEFsZ29yaXRobWljTWVkaWE8L0lwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPgogICAgICAgICA8SXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPmZjNzJlN2Q2LTYyYTEtNDE1ZS04MjY5LWM2NjA4MjY0OWRiMDwvSXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wMS0yNFQxNjoyMTozODwveG1wOkNyZWF0ZURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+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";
+
 // src/widget/navigation.ts
 import { useReducer } from "react";
 function navReducer(state, action) {
@@ -13590,7 +13610,14 @@ function TestDetailScreen({ testId, nav }) {
     if (!client || !displayedAssignment) return;
     await client.failAssignment(displayedAssignment.id);
     await refreshAssignments();
-    nav.replace({ name: "TEST_FEEDBACK", status: "failed", assignmentId: displayedAssignment.id });
+    nav.replace({
+      name: "REPORT",
+      prefill: {
+        type: "test_fail",
+        assignmentId: displayedAssignment.id,
+        testCaseId: displayedAssignment.testCase.id
+      }
+    });
   }, [client, displayedAssignment, refreshAssignments, nav]);
   const handleSkip = useCallback2(async () => {
     if (!client || !displayedAssignment || !selectedSkipReason) return;
@@ -13604,9 +13631,11 @@ function TestDetailScreen({ testId, nav }) {
     setSelectedSkipReason(null);
     setSkipNotes("");
     setSkipping(false);
-    const remaining = assignments.filter((a) => a.status === "pending" || a.status === "in_progress");
-    if (remaining.length > 1) {
-      nav.replace({ name: "TEST_DETAIL" });
+    const remaining = assignments.filter(
+      (a) => (a.status === "pending" || a.status === "in_progress") && a.id !== displayedAssignment.id
+    );
+    if (remaining.length > 0) {
+      nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
     } else {
       nav.reset();
     }
@@ -13795,7 +13824,7 @@ var styles2 = StyleSheet3.create({
 import React4, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3 } from "react";
 import { View as View3, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet4 } from "react-native";
 function TestListScreen({ nav }) {
-  const { assignments, refreshAssignments } = useBugBear();
+  const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = useState3("all");
   const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
   const groupedAssignments = useMemo2(() => {
@@ -13850,11 +13879,12 @@ function TestListScreen({ nav }) {
     if (filtered.length === 0 && filter !== "all") return null;
     return /* @__PURE__ */ React4.createElement(View3, { key: folderId, style: styles3.folder }, /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderName }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ React4.createElement(View3, { style: styles3.folderProgress }, /* @__PURE__ */ React4.createElement(View3, { style: [styles3.folderProgressFill, { width: `${Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100)}%` }] })), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
       const badge = getStatusBadge(assignment.status);
+      const isCurrent = currentAssignment?.id === assignment.id;
       return /* @__PURE__ */ React4.createElement(
         TouchableOpacity3,
         {
           key: assignment.id,
-          style: styles3.testItem,
+          style: [styles3.testItem, isCurrent && styles3.testItemCurrent],
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
         /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
@@ -13877,6 +13907,7 @@ var styles3 = StyleSheet4.create({
   folderProgressFill: { height: "100%", backgroundColor: colors.green, borderRadius: 2 },
   folderCount: { fontSize: 12, color: colors.textMuted, width: 30, textAlign: "right" },
   testItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
+  testItemCurrent: { backgroundColor: "rgba(59, 130, 246, 0.15)", borderLeftWidth: 3, borderLeftColor: colors.blue },
   testBadge: { fontSize: 16, marginRight: 10, width: 20 },
   testInfo: { flex: 1 },
   testTitle: { fontSize: 14, color: colors.textPrimary, marginBottom: 2 },
@@ -13886,105 +13917,11 @@ var styles3 = StyleSheet4.create({
 });
 
 // src/widget/screens/TestFeedbackScreen.tsx
-import React5, { useState as useState4 } from "react";
-import { View as View4, Text as Text4, TouchableOpacity as TouchableOpacity4, TextInput as TextInput2, StyleSheet as StyleSheet5 } from "react-native";
-function TestFeedbackScreen({ status, assignmentId, nav }) {
-  const { client, assignments, refreshAssignments } = useBugBear();
-  const [rating, setRating] = useState4(5);
-  const [note, setNote] = useState4("");
-  const [flags, setFlags] = useState4({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
-  const [submitting, setSubmitting] = useState4(false);
-  const assignment = assignments.find((a) => a.id === assignmentId);
-  const showFlags = rating < 4;
-  const handleSubmit = async () => {
-    setSubmitting(true);
-    if (client && assignment) {
-      await client.submitTestFeedback(assignment.testCase.id, {
-        rating,
-        note: note.trim() || void 0,
-        qualityFlags: showFlags ? flags : void 0
-      });
-    }
-    await refreshAssignments();
-    setSubmitting(false);
-    if (status === "failed") {
-      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
-    } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL" });
-      } else {
-        nav.reset();
-      }
-    }
-  };
-  const handleSkip = () => {
-    if (status === "failed") {
-      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
-    } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL" });
-      } else {
-        nav.reset();
-      }
-    }
-  };
-  return /* @__PURE__ */ React5.createElement(View4, { style: styles4.container }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ React5.createElement(Text4, { style: styles4.subheader }, "Rate this test case"), /* @__PURE__ */ React5.createElement(View4, { style: styles4.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React5.createElement(TouchableOpacity4, { key: n, onPress: () => setRating(n), style: styles4.starButton }, /* @__PURE__ */ React5.createElement(Text4, { style: [styles4.star, n <= rating && styles4.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ React5.createElement(View4, { style: styles4.flagsSection }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.flagsLabel }, "What could be improved?"), [
-    { key: "isOutdated", label: "Test is outdated" },
-    { key: "needsMoreDetail", label: "Needs more detail" },
-    { key: "stepsUnclear", label: "Steps are unclear" },
-    { key: "expectedResultUnclear", label: "Expected result unclear" }
-  ].map(({ key, label }) => /* @__PURE__ */ React5.createElement(
-    TouchableOpacity4,
-    {
-      key,
-      style: [styles4.flagItem, flags[key] && styles4.flagItemActive],
-      onPress: () => setFlags((prev) => ({ ...prev, [key]: !prev[key] }))
-    },
-    /* @__PURE__ */ React5.createElement(View4, { style: [styles4.flagCheck, flags[key] && styles4.flagCheckActive] }, flags[key] && /* @__PURE__ */ React5.createElement(Text4, { style: styles4.flagCheckmark }, "\u2713")),
-    /* @__PURE__ */ React5.createElement(Text4, { style: [styles4.flagText, flags[key] && styles4.flagTextActive] }, label)
-  ))), /* @__PURE__ */ React5.createElement(
-    TextInput2,
-    {
-      style: styles4.noteInput,
-      value: note,
-      onChangeText: setNote,
-      placeholder: "Add a note (optional)",
-      placeholderTextColor: colors.textMuted,
-      multiline: true
-    }
-  ), /* @__PURE__ */ React5.createElement(View4, { style: styles4.actions }, /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: styles4.skipButton, onPress: handleSkip }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.skipText }, "Skip")), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: [shared.primaryButton, { flex: 2 }], onPress: handleSubmit, disabled: submitting }, /* @__PURE__ */ React5.createElement(Text4, { style: shared.primaryButtonText }, submitting ? "Submitting..." : "Submit"))));
-}
-var styles4 = StyleSheet5.create({
-  container: { paddingTop: 8 },
-  header: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, textAlign: "center", marginBottom: 4 },
-  subheader: { fontSize: 14, color: colors.textMuted, textAlign: "center", marginBottom: 20 },
-  starRow: { flexDirection: "row", justifyContent: "center", gap: 8, marginBottom: 20 },
-  starButton: { padding: 4 },
-  star: { fontSize: 36, color: colors.textDim },
-  starActive: { color: "#facc15" },
-  flagsSection: { marginBottom: 16 },
-  flagsLabel: { fontSize: 14, fontWeight: "500", color: colors.textSecondary, marginBottom: 10 },
-  flagItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
-  flagItemActive: { backgroundColor: colors.yellowDark, borderWidth: 1, borderColor: colors.yellow },
-  flagCheck: { width: 20, height: 20, borderRadius: 4, borderWidth: 2, borderColor: colors.border, marginRight: 10, justifyContent: "center", alignItems: "center" },
-  flagCheckActive: { backgroundColor: colors.yellow, borderColor: colors.yellow },
-  flagCheckmark: { fontSize: 12, fontWeight: "bold", color: "#000" },
-  flagText: { fontSize: 14, color: colors.textSecondary },
-  flagTextActive: { color: colors.yellow },
-  noteInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, fontSize: 14, color: colors.textPrimary, minHeight: 60, textAlignVertical: "top", marginBottom: 16 },
-  actions: { flexDirection: "row", gap: 10 },
-  skipButton: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center", backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
-  skipText: { fontSize: 15, color: colors.textSecondary }
-});
-
-// src/widget/screens/ReportScreen.tsx
-import React8, { useState as useState6 } from "react";
-import { View as View7, Text as Text7, TouchableOpacity as TouchableOpacity7, TextInput as TextInput3, StyleSheet as StyleSheet8 } from "react-native";
+import React7, { useState as useState5 } from "react";
+import { View as View6, Text as Text6, TouchableOpacity as TouchableOpacity6, TextInput as TextInput2, StyleSheet as StyleSheet7 } from "react-native";
 
 // src/widget/useImageAttachments.ts
-import { useState as useState5, useCallback as useCallback4 } from "react";
+import { useState as useState4, useCallback as useCallback4 } from "react";
 var launchImageLibrary = null;
 var launchCamera = null;
 try {
@@ -13995,7 +13932,7 @@ try {
 }
 var IMAGE_PICKER_AVAILABLE = launchImageLibrary !== null;
 function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
-  const [images, setImages] = useState5([]);
+  const [images, setImages] = useState4([]);
   const pickFromGallery = useCallback4(async () => {
     if (!launchImageLibrary || images.length >= maxImages) return;
     launchImageLibrary(
@@ -14061,17 +13998,17 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
 }
 
 // src/widget/ImagePickerButtons.tsx
-import React7 from "react";
-import { View as View6, Text as Text6, TouchableOpacity as TouchableOpacity6, StyleSheet as StyleSheet7 } from "react-native";
+import React6 from "react";
+import { View as View5, Text as Text5, TouchableOpacity as TouchableOpacity5, StyleSheet as StyleSheet6 } from "react-native";
 
 // src/widget/ImagePreviewStrip.tsx
-import React6 from "react";
-import { View as View5, Text as Text5, TouchableOpacity as TouchableOpacity5, ScrollView, Image, ActivityIndicator, StyleSheet as StyleSheet6 } from "react-native";
+import React5 from "react";
+import { View as View4, Text as Text4, TouchableOpacity as TouchableOpacity4, ScrollView, Image, ActivityIndicator, StyleSheet as StyleSheet5 } from "react-native";
 function ImagePreviewStrip({ images, onRemove }) {
   if (images.length === 0) return null;
-  return /* @__PURE__ */ React6.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles5.strip }, images.map((img) => /* @__PURE__ */ React6.createElement(View5, { key: img.id, style: styles5.thumbContainer }, /* @__PURE__ */ React6.createElement(Image, { source: { uri: img.localUri }, style: styles5.thumb }), img.status === "uploading" && /* @__PURE__ */ React6.createElement(View5, { style: styles5.thumbOverlay }, /* @__PURE__ */ React6.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React6.createElement(View5, { style: [styles5.thumbOverlay, styles5.thumbOverlayError] }, /* @__PURE__ */ React6.createElement(Text5, { style: styles5.thumbErrorText }, "!")), /* @__PURE__ */ React6.createElement(TouchableOpacity5, { style: styles5.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React6.createElement(Text5, { style: styles5.thumbRemoveText }, "\u2715")))));
+  return /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ React5.createElement(View4, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ React5.createElement(Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ React5.createElement(View4, { style: styles4.thumbOverlay }, /* @__PURE__ */ React5.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React5.createElement(View4, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbRemoveText }, "\u2715")))));
 }
-var styles5 = StyleSheet6.create({
+var styles4 = StyleSheet5.create({
   strip: {
     flexDirection: "row",
     marginTop: 4
@@ -14090,7 +14027,7 @@ var styles5 = StyleSheet6.create({
     borderRadius: 8
   },
   thumbOverlay: {
-    ...StyleSheet6.absoluteFillObject,
+    ...StyleSheet5.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)",
     justifyContent: "center",
     alignItems: "center",
@@ -14125,25 +14062,25 @@ var styles5 = StyleSheet6.create({
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
   if (!IMAGE_PICKER_AVAILABLE) return null;
-  return /* @__PURE__ */ React7.createElement(View6, { style: styles6.section }, label && /* @__PURE__ */ React7.createElement(Text6, { style: styles6.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles6.buttonRow }, /* @__PURE__ */ React7.createElement(
-    TouchableOpacity6,
+  return /* @__PURE__ */ React6.createElement(View5, { style: styles5.section }, label && /* @__PURE__ */ React6.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React6.createElement(View5, { style: styles5.buttonRow }, /* @__PURE__ */ React6.createElement(
+    TouchableOpacity5,
     {
-      style: styles6.pickButton,
+      style: styles5.pickButton,
       onPress: onPickGallery,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.pickButtonText, images.length >= maxImages && styles6.pickButtonDisabled] }, "Gallery")
-  ), /* @__PURE__ */ React7.createElement(
-    TouchableOpacity6,
+    /* @__PURE__ */ React6.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Gallery")
+  ), /* @__PURE__ */ React6.createElement(
+    TouchableOpacity5,
     {
-      style: styles6.pickButton,
+      style: styles5.pickButton,
       onPress: onPickCamera,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.pickButtonText, images.length >= maxImages && styles6.pickButtonDisabled] }, "Camera")
-  ), /* @__PURE__ */ React7.createElement(Text6, { style: styles6.countText }, images.length, "/", maxImages)), /* @__PURE__ */ React7.createElement(ImagePreviewStrip, { images, onRemove }));
+    /* @__PURE__ */ React6.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Camera")
+  ), /* @__PURE__ */ React6.createElement(Text5, { style: styles5.countText }, images.length, "/", maxImages)), /* @__PURE__ */ React6.createElement(ImagePreviewStrip, { images, onRemove }));
 }
-var styles6 = StyleSheet7.create({
+var styles5 = StyleSheet6.create({
   section: {
     marginTop: 12,
     marginBottom: 4
@@ -14182,7 +14119,123 @@ var styles6 = StyleSheet7.create({
   }
 });
 
+// src/widget/screens/TestFeedbackScreen.tsx
+function TestFeedbackScreen({ status, assignmentId, nav }) {
+  const { client, assignments, refreshAssignments, uploadImage } = useBugBear();
+  const images = useImageAttachments(uploadImage, 3, "screenshots");
+  const [rating, setRating] = useState5(5);
+  const [note, setNote] = useState5("");
+  const [flags, setFlags] = useState5({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
+  const [submitting, setSubmitting] = useState5(false);
+  const assignment = assignments.find((a) => a.id === assignmentId);
+  const showFlags = rating < 4;
+  const handleSubmit = async () => {
+    setSubmitting(true);
+    if (client && assignment) {
+      const screenshotUrls = images.getScreenshotUrls();
+      await client.submitTestFeedback({
+        testCaseId: assignment.testCase.id,
+        assignmentId,
+        feedback: {
+          rating,
+          feedbackNote: note.trim() || void 0,
+          ...showFlags ? {
+            isOutdated: flags.isOutdated,
+            needsMoreDetail: flags.needsMoreDetail,
+            stepsUnclear: flags.stepsUnclear,
+            expectedResultUnclear: flags.expectedResultUnclear
+          } : {}
+        },
+        screenshotUrls: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+    }
+    await refreshAssignments();
+    setSubmitting(false);
+    if (status === "failed") {
+      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
+    } else {
+      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (remaining.length > 0) {
+        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      } else {
+        nav.reset();
+      }
+    }
+  };
+  const handleSkip = () => {
+    if (status === "failed") {
+      nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
+    } else {
+      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (remaining.length > 0) {
+        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      } else {
+        nav.reset();
+      }
+    }
+  };
+  return /* @__PURE__ */ React7.createElement(View6, { style: styles6.container }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ React7.createElement(Text6, { style: styles6.subheader }, "Rate this test case"), /* @__PURE__ */ React7.createElement(View6, { style: styles6.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React7.createElement(TouchableOpacity6, { key: n, onPress: () => setRating(n), style: styles6.starButton }, /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.star, n <= rating && styles6.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ React7.createElement(View6, { style: styles6.flagsSection }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.flagsLabel }, "What could be improved?"), [
+    { key: "isOutdated", label: "Test is outdated" },
+    { key: "needsMoreDetail", label: "Needs more detail" },
+    { key: "stepsUnclear", label: "Steps are unclear" },
+    { key: "expectedResultUnclear", label: "Expected result unclear" }
+  ].map(({ key, label }) => /* @__PURE__ */ React7.createElement(
+    TouchableOpacity6,
+    {
+      key,
+      style: [styles6.flagItem, flags[key] && styles6.flagItemActive],
+      onPress: () => setFlags((prev) => ({ ...prev, [key]: !prev[key] }))
+    },
+    /* @__PURE__ */ React7.createElement(View6, { style: [styles6.flagCheck, flags[key] && styles6.flagCheckActive] }, flags[key] && /* @__PURE__ */ React7.createElement(Text6, { style: styles6.flagCheckmark }, "\u2713")),
+    /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.flagText, flags[key] && styles6.flagTextActive] }, label)
+  ))), /* @__PURE__ */ React7.createElement(
+    TextInput2,
+    {
+      style: styles6.noteInput,
+      value: note,
+      onChangeText: setNote,
+      placeholder: "Add a note (optional)",
+      placeholderTextColor: colors.textMuted,
+      multiline: true
+    }
+  ), /* @__PURE__ */ React7.createElement(
+    ImagePickerButtons,
+    {
+      images: images.images,
+      maxImages: 3,
+      onPickGallery: images.pickFromGallery,
+      onPickCamera: images.pickFromCamera,
+      onRemove: images.removeImage,
+      label: "Screenshots (optional)"
+    }
+  ), /* @__PURE__ */ React7.createElement(View6, { style: styles6.actions }, /* @__PURE__ */ React7.createElement(TouchableOpacity6, { style: styles6.skipButton, onPress: handleSkip }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.skipText }, "Skip")), /* @__PURE__ */ React7.createElement(TouchableOpacity6, { style: [shared.primaryButton, { flex: 2, opacity: submitting || images.isUploading ? 0.5 : 1 }], onPress: handleSubmit, disabled: submitting || images.isUploading }, /* @__PURE__ */ React7.createElement(Text6, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : submitting ? "Submitting..." : "Submit"))));
+}
+var styles6 = StyleSheet7.create({
+  container: { paddingTop: 8 },
+  header: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, textAlign: "center", marginBottom: 4 },
+  subheader: { fontSize: 14, color: colors.textMuted, textAlign: "center", marginBottom: 20 },
+  starRow: { flexDirection: "row", justifyContent: "center", gap: 8, marginBottom: 20 },
+  starButton: { padding: 4 },
+  star: { fontSize: 36, color: colors.textDim },
+  starActive: { color: "#facc15" },
+  flagsSection: { marginBottom: 16 },
+  flagsLabel: { fontSize: 14, fontWeight: "500", color: colors.textSecondary, marginBottom: 10 },
+  flagItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
+  flagItemActive: { backgroundColor: colors.yellowDark, borderWidth: 1, borderColor: colors.yellow },
+  flagCheck: { width: 20, height: 20, borderRadius: 4, borderWidth: 2, borderColor: colors.border, marginRight: 10, justifyContent: "center", alignItems: "center" },
+  flagCheckActive: { backgroundColor: colors.yellow, borderColor: colors.yellow },
+  flagCheckmark: { fontSize: 12, fontWeight: "bold", color: "#000" },
+  flagText: { fontSize: 14, color: colors.textSecondary },
+  flagTextActive: { color: colors.yellow },
+  noteInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 12, fontSize: 14, color: colors.textPrimary, minHeight: 60, textAlignVertical: "top", marginBottom: 16 },
+  actions: { flexDirection: "row", gap: 10 },
+  skipButton: { flex: 1, paddingVertical: 14, borderRadius: 12, alignItems: "center", backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
+  skipText: { fontSize: 15, color: colors.textSecondary }
+});
+
 // src/widget/screens/ReportScreen.tsx
+import React8, { useState as useState6 } from "react";
+import { View as View7, Text as Text7, TouchableOpacity as TouchableOpacity7, TextInput as TextInput3, StyleSheet as StyleSheet8 } from "react-native";
 function ReportScreen({ nav, prefill }) {
   const { client, getDeviceInfo, uploadImage, refreshAssignments } = useBugBear();
   const [reportType, setReportType] = useState6(prefill?.type || "bug");
@@ -14794,7 +14847,7 @@ function BugBearButton({
         onPress: () => setModalVisible(true),
         activeOpacity: draggable ? 1 : 0.7
       },
-      /* @__PURE__ */ React14.createElement(Text13, { style: styles13.fabIcon }, "\u{1F41B}"),
+      /* @__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__ */ React14.createElement(
@@ -14844,7 +14897,9 @@ var styles13 = StyleSheet14.create({
     elevation: 8
   },
   fabIcon: {
-    fontSize: 24
+    width: 32,
+    height: 32,
+    borderRadius: 16
   },
   badge: {
     position: "absolute",

package/package.json

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