@bbearai/react-native 0.1.9 → 0.2.0

package/dist/index.mjs

@@ -11472,6 +11472,9 @@ var BugBearClient = class {
           id,
           status,
           started_at,
+          skip_reason,
+          is_verification,
+          original_report_id,
           test_case:test_cases(
             id,
             title,
@@ -11489,6 +11492,12 @@ var BugBearClient = class {
               test_template,
               rubric_mode,
               description
+            ),
+            group:test_groups(
+              id,
+              name,
+              description,
+              sort_order
             )
           )
         `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true });
@@ -11500,6 +11509,9 @@ var BugBearClient = class {
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
+        skipReason: item.skip_reason,
+        isVerification: item.is_verification || false,
+        originalReportId: item.original_report_id,
         testCase: {
           id: item.test_case.id,
           title: item.test_case.title,
@@ -11517,6 +11529,12 @@ var BugBearClient = class {
             testTemplate: item.test_case.track.test_template,
             rubricMode: item.test_case.track.rubric_mode || "pass_fail",
             description: item.test_case.track.description
+          } : void 0,
+          group: item.test_case.group ? {
+            id: item.test_case.group.id,
+            name: item.test_case.group.name,
+            description: item.test_case.group.description,
+            sortOrder: item.test_case.group.sort_order
           } : void 0
         }
       }));
@@ -11653,6 +11671,32 @@ var BugBearClient = class {
       return { success: false, error: message };
     }
   }
+  /**
+   * Skip a test assignment with a required reason
+   * Marks the assignment as 'skipped' and records why it was skipped
+   */
+  async skipAssignment(assignmentId, reason, notes) {
+    try {
+      const updateData = {
+        status: "skipped",
+        skip_reason: reason,
+        completed_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      if (notes) {
+        updateData.notes = notes;
+      }
+      const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
+      if (error) {
+        console.error("BugBear: Failed to skip assignment", error);
+        return { success: false, error: error.message };
+      }
+      return { success: true };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error skipping assignment", err);
+      return { success: false, error: message };
+    }
+  }
   /**
    * Submit feedback on a test case to help improve test quality
    * This empowers testers to shape better tests over time
@@ -12751,6 +12795,14 @@ var BugBearContext = createContext({
   markAsRead: async () => {
   },
   createThread: async () => ({ success: false }),
+  // QA Sessions
+  activeSession: null,
+  sessionFindings: [],
+  startSession: async () => ({ success: false }),
+  endSession: async () => ({ success: false }),
+  addFinding: async () => ({ success: false }),
+  refreshSession: async () => {
+  },
   refreshTesterStatus: async () => {
   },
   updateTesterProfile: async () => ({ success: false }),
@@ -12769,6 +12821,8 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const [isLoading, setIsLoading] = useState(true);
   const [threads, setThreads] = useState([]);
   const [unreadCount, setUnreadCount] = useState(0);
+  const [activeSession, setActiveSession] = useState(null);
+  const [sessionFindings, setSessionFindings] = useState([]);
   const hasInitialized = useRef(false);
   const getDeviceInfo = useCallback(() => {
     const { width, height } = Dimensions.get("window");
@@ -12816,6 +12870,45 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
     }
     return result;
   }, [client, refreshThreads]);
+  const refreshSession = useCallback(async () => {
+    if (!client) return;
+    const session = await client.getActiveSession();
+    setActiveSession(session);
+    if (session) {
+      const findings = await client.getSessionFindings(session.id);
+      setSessionFindings(findings);
+    } else {
+      setSessionFindings([]);
+    }
+  }, [client]);
+  const startSession = useCallback(async (options = {}) => {
+    if (!client) return { success: false, error: "Client not initialized" };
+    const result = await client.startSession(options);
+    if (result.success && result.session) {
+      setActiveSession(result.session);
+      setSessionFindings([]);
+    }
+    return { success: result.success, error: result.error };
+  }, [client]);
+  const endSession = useCallback(async (notes) => {
+    if (!client || !activeSession) return { success: false, error: "No active session" };
+    const routesCovered = client.getNavigationHistory();
+    const result = await client.endSession(activeSession.id, { notes, routesCovered });
+    if (result.success) {
+      setActiveSession(null);
+      setSessionFindings([]);
+    }
+    return { success: result.success, error: result.error };
+  }, [client, activeSession]);
+  const addFinding = useCallback(async (options) => {
+    if (!client || !activeSession) return { success: false, error: "No active session" };
+    const result = await client.addFinding(activeSession.id, options);
+    if (result.success && result.finding) {
+      setSessionFindings((prev) => [...prev, result.finding]);
+      setActiveSession((prev) => prev ? { ...prev, findingsCount: prev.findingsCount + 1 } : null);
+    }
+    return result;
+  }, [client, activeSession]);
   const updateTesterProfile = useCallback(async (updates) => {
     if (!client) return { success: false, error: "Client not initialized" };
     const result = await client.updateTesterProfile(updates);
@@ -12842,14 +12935,20 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       setTesterInfo(info);
       setIsTester(!!info);
       if (info && qaEnabled) {
-        const [newAssignments, newThreads] = await Promise.all([
+        const [newAssignments, newThreads, session] = await Promise.all([
           bugBearClient.getAssignedTests(),
-          bugBearClient.getThreadsForTester()
+          bugBearClient.getThreadsForTester(),
+          bugBearClient.getActiveSession()
         ]);
         setAssignments(newAssignments);
         setThreads(newThreads);
         const totalUnread = newThreads.reduce((sum, t) => sum + t.unreadCount, 0);
         setUnreadCount(totalUnread);
+        setActiveSession(session);
+        if (session) {
+          const findings = await bugBearClient.getSessionFindings(session.id);
+          setSessionFindings(findings);
+        }
       }
     } catch (err) {
       console.error("BugBear: Init error", err);
@@ -12896,6 +12995,13 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         sendMessage,
         markAsRead,
         createThread,
+        // QA Sessions
+        activeSession,
+        sessionFindings,
+        startSession,
+        endSession,
+        addFinding,
+        refreshSession,
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo
@@ -12906,7 +13012,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 }
 
 // src/BugBearButton.tsx
-import React2, { useState as useState2, useEffect as useEffect2, useRef as useRef2 } from "react";
+import React2, { useState as useState2, useEffect as useEffect2, useRef as useRef2, useMemo, useCallback as useCallback2 } from "react";
 import {
   View,
   Text,
@@ -12956,7 +13062,13 @@ function BugBearButton({
     markAsRead,
     createThread,
     updateTesterProfile,
-    refreshTesterInfo
+    refreshTesterInfo,
+    activeSession,
+    sessionFindings,
+    startSession,
+    endSession,
+    addFinding,
+    refreshSession
   } = useBugBear();
   const [modalVisible, setModalVisible] = useState2(false);
   const [activeTab, setActiveTab] = useState2("tests");
@@ -13044,39 +13156,228 @@ function BugBearButton({
   const [submitting, setSubmitting] = useState2(false);
   const [submitted, setSubmitted] = useState2(false);
   const [justPassed, setJustPassed] = useState2(false);
+  const [showFeedbackPrompt, setShowFeedbackPrompt] = useState2(false);
+  const [pendingFeedbackStatus, setPendingFeedbackStatus] = useState2(null);
+  const [feedbackRating, setFeedbackRating] = useState2(5);
+  const [feedbackNote, setFeedbackNote] = useState2("");
+  const [feedbackFlags, setFeedbackFlags] = useState2({
+    isOutdated: false,
+    needsMoreDetail: false,
+    stepsUnclear: false,
+    expectedResultUnclear: false
+  });
   const [criteriaResults, setCriteriaResults] = useState2({});
+  const [showSkipModal, setShowSkipModal] = useState2(false);
+  const [selectedSkipReason, setSelectedSkipReason] = useState2(null);
+  const [skipNotes, setSkipNotes] = useState2("");
+  const [skipping, setSkipping] = useState2(false);
+  const [collapsedFolders, setCollapsedFolders] = useState2(/* @__PURE__ */ new Set());
+  const [startingSession, setStartingSession] = useState2(false);
+  const [sessionFocusArea, setSessionFocusArea] = useState2("");
+  const [sessionPlatform, setSessionPlatform] = useState2(Platform2.OS === "ios" ? "ios" : "android");
+  const [showAddFinding, setShowAddFinding] = useState2(false);
+  const [findingType, setFindingType] = useState2("bug");
+  const [findingTitle, setFindingTitle] = useState2("");
+  const [findingDescription, setFindingDescription] = useState2("");
+  const [findingSeverity, setFindingSeverity] = useState2("medium");
+  const [addingFinding, setAddingFinding] = useState2(false);
+  const [endingSession, setEndingSession] = useState2(false);
+  const [sessionNotes, setSessionNotes] = useState2("");
+  const [showEndConfirm, setShowEndConfirm] = useState2(false);
+  const [sessionElapsedTime, setSessionElapsedTime] = useState2(0);
+  const [assignmentElapsedTime, setAssignmentElapsedTime] = useState2(0);
+  useEffect2(() => {
+    const activeAssignment = displayedAssignment?.status === "in_progress" ? displayedAssignment : null;
+    if (!activeAssignment?.startedAt) {
+      setAssignmentElapsedTime(0);
+      return;
+    }
+    const startTime = new Date(activeAssignment.startedAt).getTime();
+    setAssignmentElapsedTime(Math.floor((Date.now() - startTime) / 1e3));
+    const interval = setInterval(() => {
+      setAssignmentElapsedTime(Math.floor((Date.now() - startTime) / 1e3));
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [displayedAssignment?.id, displayedAssignment?.status, displayedAssignment?.startedAt]);
+  useEffect2(() => {
+    if (!activeSession) {
+      setSessionElapsedTime(0);
+      return;
+    }
+    const startTime = new Date(activeSession.startedAt).getTime();
+    setSessionElapsedTime(Math.floor((Date.now() - startTime) / 1e3));
+    const interval = setInterval(() => {
+      setSessionElapsedTime(Math.floor((Date.now() - startTime) / 1e3));
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [activeSession]);
+  const formatElapsedTime = (seconds) => {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor(seconds % 3600 / 60);
+    const s = seconds % 60;
+    if (h > 0) return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+    return `${m}:${s.toString().padStart(2, "0")}`;
+  };
   useEffect2(() => {
     setCriteriaResults({});
     setShowSteps(false);
   }, [displayedAssignment?.id]);
+  const groupedAssignments = useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const assignment of assignments) {
+      const groupId = assignment.testCase.group?.id || "ungrouped";
+      const group = assignment.testCase.group || null;
+      if (!groups.has(groupId)) {
+        groups.set(groupId, {
+          group,
+          assignments: [],
+          stats: { total: 0, passed: 0, failed: 0, pending: 0, skipped: 0 }
+        });
+      }
+      const folder = groups.get(groupId);
+      folder.assignments.push(assignment);
+      folder.stats.total++;
+      if (assignment.status === "passed") folder.stats.passed++;
+      else if (assignment.status === "failed") folder.stats.failed++;
+      else if (assignment.status === "skipped") folder.stats.skipped++;
+      else folder.stats.pending++;
+    }
+    const sortedGroups = Array.from(groups.values()).sort((a, b) => {
+      if (!a.group && !b.group) return 0;
+      if (!a.group) return 1;
+      if (!b.group) return -1;
+      return a.group.sortOrder - b.group.sortOrder;
+    });
+    return sortedGroups;
+  }, [assignments]);
+  const toggleFolderCollapse = useCallback2((groupId) => {
+    setCollapsedFolders((prev) => {
+      const next = new Set(prev);
+      if (next.has(groupId)) {
+        next.delete(groupId);
+      } else {
+        next.add(groupId);
+      }
+      return next;
+    });
+  }, []);
+  const getStatusBadge = (status) => {
+    switch (status) {
+      case "passed":
+        return { icon: "\u2705", label: "Passed", color: "#22c55e" };
+      case "failed":
+        return { icon: "\u274C", label: "Failed", color: "#ef4444" };
+      case "skipped":
+        return { icon: "\u23ED\uFE0F", label: "Skipped", color: "#eab308" };
+      case "in_progress":
+        return { icon: "\u{1F504}", label: "In Progress", color: "#3b82f6" };
+      case "blocked":
+        return { icon: "\u{1F6AB}", label: "Blocked", color: "#f97316" };
+      case "pending":
+      default:
+        return { icon: "\u23F3", label: "Pending", color: "#71717a" };
+    }
+  };
   if (isLoading || !shouldShowWidget) {
     return null;
   }
   const pendingCount = assignments.filter((a) => a.status === "pending").length;
   const inProgressCount = assignments.filter((a) => a.status === "in_progress").length;
   const handlePass = async () => {
+    if (!displayedAssignment) return;
+    setPendingFeedbackStatus("passed");
+    setShowFeedbackPrompt(true);
+    setFeedbackRating(5);
+    setFeedbackNote("");
+    setFeedbackFlags({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
+  };
+  const handleFail = () => {
+    if (!displayedAssignment) return;
+    setPendingFeedbackStatus("failed");
+    setShowFeedbackPrompt(true);
+    setFeedbackRating(3);
+    setFeedbackNote("");
+    setFeedbackFlags({ isOutdated: false, needsMoreDetail: false, stepsUnclear: false, expectedResultUnclear: false });
+  };
+  const handleSubmitFeedback = async (skipFeedback = false) => {
     if (!client || !displayedAssignment) return;
     setSubmitting(true);
-    await client.submitReport({
-      type: "test_pass",
-      description: `Test passed: ${displayedAssignment.testCase.title}`,
-      assignmentId: displayedAssignment.id,
-      testCaseId: displayedAssignment.testCase.id,
-      appContext: getAppContext?.() || { currentRoute: "unknown" },
-      deviceInfo: getDeviceInfo()
-    });
-    await refreshAssignments();
-    setSubmitting(false);
-    setJustPassed(true);
-    setTimeout(() => {
-      setJustPassed(false);
+    const feedback = skipFeedback ? void 0 : {
+      rating: feedbackRating,
+      feedbackNote: feedbackNote.trim() || void 0,
+      isOutdated: feedbackFlags.isOutdated,
+      needsMoreDetail: feedbackFlags.needsMoreDetail,
+      stepsUnclear: feedbackFlags.stepsUnclear,
+      expectedResultUnclear: feedbackFlags.expectedResultUnclear
+    };
+    if (pendingFeedbackStatus === "passed") {
+      await client.submitReport({
+        type: "test_pass",
+        description: `Test passed: ${displayedAssignment.testCase.title}`,
+        assignmentId: displayedAssignment.id,
+        testCaseId: displayedAssignment.testCase.id,
+        appContext: getAppContext?.() || { currentRoute: "unknown" },
+        deviceInfo: getDeviceInfo()
+      });
+      if (feedback) {
+        await client.submitTestFeedback({
+          testCaseId: displayedAssignment.testCase.id,
+          assignmentId: displayedAssignment.id,
+          feedback,
+          timeToCompleteSeconds: assignmentElapsedTime || void 0
+        });
+      }
+      await refreshAssignments();
+      setSubmitting(false);
+      setShowFeedbackPrompt(false);
+      setPendingFeedbackStatus(null);
+      setJustPassed(true);
+      setTimeout(() => {
+        setJustPassed(false);
+        setSelectedTestId(null);
+        setTestView("detail");
+      }, 1200);
+    } else if (pendingFeedbackStatus === "failed") {
+      if (feedback) {
+        await client.submitTestFeedback({
+          testCaseId: displayedAssignment.testCase.id,
+          assignmentId: displayedAssignment.id,
+          feedback,
+          timeToCompleteSeconds: assignmentElapsedTime || void 0
+        });
+      }
+      setSubmitting(false);
+      setShowFeedbackPrompt(false);
+      setPendingFeedbackStatus(null);
+      setActiveTab("report");
+      setReportType("test_fail");
+    }
+  };
+  const handleSkipFeedback = () => {
+    handleSubmitFeedback(true);
+  };
+  const handleOpenSkipModal = () => {
+    setShowSkipModal(true);
+    setSelectedSkipReason(null);
+    setSkipNotes("");
+  };
+  const handleSkip = async () => {
+    if (!client || !displayedAssignment || !selectedSkipReason) return;
+    setSkipping(true);
+    const result = await client.skipAssignment(
+      displayedAssignment.id,
+      selectedSkipReason,
+      skipNotes || void 0
+    );
+    if (result.success) {
+      await refreshAssignments();
+      setShowSkipModal(false);
+      setSelectedSkipReason(null);
+      setSkipNotes("");
       setSelectedTestId(null);
       setTestView("detail");
-    }, 1200);
-  };
-  const handleFail = () => {
-    setActiveTab("report");
-    setReportType("test_fail");
+    }
+    setSkipping(false);
   };
   const handleSubmitReport = async () => {
     if (!client || !description.trim()) return;
@@ -13223,6 +13524,44 @@ function BugBearButton({
     }
     setSavingProfile(false);
   };
+  const handleStartSession = async () => {
+    setStartingSession(true);
+    const result = await startSession({
+      focusArea: sessionFocusArea.trim() || void 0,
+      platform: sessionPlatform
+    });
+    if (result.success) {
+      setSessionFocusArea("");
+    }
+    setStartingSession(false);
+  };
+  const handleEndSession = async () => {
+    setEndingSession(true);
+    const result = await endSession(sessionNotes.trim() || void 0);
+    if (result.success) {
+      setSessionNotes("");
+      setShowEndConfirm(false);
+    }
+    setEndingSession(false);
+  };
+  const handleAddFinding = async () => {
+    if (!findingTitle.trim()) return;
+    setAddingFinding(true);
+    const result = await addFinding({
+      type: findingType,
+      title: findingTitle.trim(),
+      description: findingDescription.trim() || void 0,
+      severity: findingType === "bug" ? findingSeverity : void 0
+    });
+    if (result.success) {
+      setFindingTitle("");
+      setFindingDescription("");
+      setFindingType("bug");
+      setFindingSeverity("medium");
+      setShowAddFinding(false);
+    }
+    setAddingFinding(false);
+  };
   const formatRelativeTime = (dateString) => {
     const date = new Date(dateString);
     const now = /* @__PURE__ */ new Date();
@@ -13406,6 +13745,13 @@ function BugBearButton({
           onPress: () => setActiveTab("messages")
         },
         /* @__PURE__ */ React2.createElement(View, { style: styles.tabWithBadge }, /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "messages" && styles.activeTabText] }, "Messages"), unreadCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.tabBadge }, /* @__PURE__ */ React2.createElement(Text, { style: styles.tabBadgeText }, unreadCount)))
+      ), /* @__PURE__ */ React2.createElement(
+        TouchableOpacity,
+        {
+          style: [styles.tab, activeTab === "explore" && styles.activeTab],
+          onPress: () => setActiveTab("explore")
+        },
+        /* @__PURE__ */ React2.createElement(View, { style: styles.tabWithBadge }, /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "explore" && styles.activeTabText] }, "Explore"), activeSession && /* @__PURE__ */ React2.createElement(View, { style: styles.sessionDot }))
       ), /* @__PURE__ */ React2.createElement(
         TouchableOpacity,
         {
@@ -13414,32 +13760,114 @@ function BugBearButton({
         },
         /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "report" && styles.activeTabText] }, "Report")
       )), /* @__PURE__ */ React2.createElement(ScrollView, { style: styles.content }, activeTab === "tests" && /* @__PURE__ */ React2.createElement(View, null, assignments.length === 0 ? /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u2705"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "All caught up!"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "No tests assigned")) : testView === "list" ? (
-        /* List View - Show all tests */
-        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " assigned"), assignments.map((assignment) => /* @__PURE__ */ React2.createElement(
+        /* List View - Show tests grouped by folder */
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.listHeader }, assignments.length, " test", assignments.length !== 1 ? "s" : "", " assigned"), groupedAssignments.map((folder) => {
+          const groupId = folder.group?.id || "ungrouped";
+          const isCollapsed = collapsedFolders.has(groupId);
+          const completedCount = folder.stats.passed + folder.stats.failed + folder.stats.skipped;
+          return /* @__PURE__ */ React2.createElement(View, { key: groupId, style: styles.folderContainer }, /* @__PURE__ */ React2.createElement(
+            TouchableOpacity,
+            {
+              onPress: () => toggleFolderCollapse(groupId),
+              style: styles.folderHeader
+            },
+            /* @__PURE__ */ React2.createElement(View, { style: styles.folderHeaderLeft }, /* @__PURE__ */ React2.createElement(Text, { style: styles.folderIcon }, isCollapsed ? "\u{1F4C1}" : "\u{1F4C2}"), /* @__PURE__ */ React2.createElement(Text, { style: styles.folderName }, folder.group?.name || "Ungrouped Tests")),
+            /* @__PURE__ */ React2.createElement(View, { style: styles.folderStats }, /* @__PURE__ */ React2.createElement(Text, { style: styles.folderProgress }, completedCount, "/", folder.stats.total), /* @__PURE__ */ React2.createElement(Text, { style: styles.folderChevron }, isCollapsed ? "\u25B6" : "\u25BC"))
+          ), !isCollapsed && /* @__PURE__ */ React2.createElement(View, { style: styles.folderProgressBar }, /* @__PURE__ */ React2.createElement(
+            View,
+            {
+              style: [
+                styles.folderProgressFill,
+                { width: `${completedCount / folder.stats.total * 100}%` }
+              ]
+            }
+          )), !isCollapsed && folder.assignments.map((assignment) => {
+            const statusBadge = getStatusBadge(assignment.status);
+            return /* @__PURE__ */ React2.createElement(
+              TouchableOpacity,
+              {
+                key: assignment.id,
+                onPress: () => {
+                  setSelectedTestId(assignment.id);
+                  setTestView("detail");
+                  setShowSteps(false);
+                },
+                style: [
+                  styles.listItem,
+                  styles.listItemInFolder,
+                  assignment.id === currentAssignment?.id && styles.listItemCurrent
+                ]
+              },
+              /* @__PURE__ */ React2.createElement(View, { style: styles.listItemHeader }, /* @__PURE__ */ React2.createElement(View, { style: styles.listItemKeyWithStatus }, /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemKey }, assignment.testCase.testKey), /* @__PURE__ */ React2.createElement(View, { style: [styles.statusBadge, { backgroundColor: statusBadge.color + "20" }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.statusBadgeIcon }, statusBadge.icon), /* @__PURE__ */ React2.createElement(Text, { style: [styles.statusBadgeText, { color: statusBadge.color }] }, statusBadge.label))), /* @__PURE__ */ React2.createElement(View, { style: styles.listItemBadges }, assignment.testCase.track && /* @__PURE__ */ React2.createElement(View, { style: [styles.trackBadge, { backgroundColor: assignment.testCase.track.color }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.trackBadgeText }, templateInfo[assignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ React2.createElement(View, { style: [
+                styles.priorityBadge,
+                assignment.testCase.priority === "P0" && styles.priorityP0,
+                assignment.testCase.priority === "P1" && styles.priorityP1
+              ] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.priorityText }, assignment.testCase.priority)))),
+              /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemTitle, numberOfLines: 2 }, assignment.testCase.title),
+              /* @__PURE__ */ React2.createElement(View, { style: styles.listItemMeta }, /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemMetaText }, assignment.testCase.steps.length, " ", assignment.testCase.track?.testTemplate === "checklist" ? "items" : assignment.testCase.track?.testTemplate === "rubric" ? "criteria" : "steps"), assignment.id === currentAssignment?.id && /* @__PURE__ */ React2.createElement(Text, { style: styles.currentBadge }, "\u2022 Current"))
+            );
+          }));
+        }))
+      ) : justPassed ? (
+        /* Success state after passing */
+        /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.passedEmoji }, "\u2713"), /* @__PURE__ */ React2.createElement(Text, { style: styles.passedTitle }, "Passed!"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "Loading next test..."))
+      ) : showFeedbackPrompt && displayedAssignment ? (
+        /* Feedback prompt after completing a test */
+        /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.container }, /* @__PURE__ */ React2.createElement(View, { style: { alignItems: "center", marginBottom: 16 } }, /* @__PURE__ */ React2.createElement(Text, { style: { fontSize: 28 } }, pendingFeedbackStatus === "passed" ? "\u2713" : "\u2717"), /* @__PURE__ */ React2.createElement(Text, { style: [feedbackStyles.statusText, pendingFeedbackStatus === "passed" ? { color: "#4ade80" } : { color: "#f87171" }] }, pendingFeedbackStatus === "passed" ? "Test Passed!" : "Test Failed")), /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.infoBox }, /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.infoTitle }, "Help us improve this test"), /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.infoSubtitle }, "Your feedback shapes better tests for everyone.")), /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.ratingSection }, /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.ratingLabel }, "How was this test?"), /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.starsRow }, [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ React2.createElement(
           TouchableOpacity,
           {
-            key: assignment.id,
-            onPress: () => {
-              setSelectedTestId(assignment.id);
-              setTestView("detail");
-              setShowSteps(false);
-            },
+            key: star,
+            onPress: () => setFeedbackRating(star)
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [feedbackStyles.star, star <= feedbackRating ? feedbackStyles.starActive : feedbackStyles.starInactive] }, "\u2605")
+        ))), /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.ratingDesc }, feedbackRating === 1 ? "Needs work" : feedbackRating === 2 ? "Could be better" : feedbackRating === 3 ? "Okay" : feedbackRating === 4 ? "Good" : "Great!")), feedbackRating < 4 && /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.flagsSection }, /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.ratingLabel }, "What could be improved?"), /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.flagsGrid }, [
+          { key: "stepsUnclear", label: "Steps unclear" },
+          { key: "expectedResultUnclear", label: "Expected result unclear" },
+          { key: "needsMoreDetail", label: "Needs more detail" },
+          { key: "isOutdated", label: "Seems outdated" }
+        ].map(({ key, label }) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            key,
+            onPress: () => setFeedbackFlags((prev) => ({ ...prev, [key]: !prev[key] })),
             style: [
-              styles.listItem,
-              assignment.id === currentAssignment?.id && styles.listItemCurrent
+              feedbackStyles.flagButton,
+              feedbackFlags[key] && feedbackStyles.flagButtonActive
             ]
           },
-          /* @__PURE__ */ React2.createElement(View, { style: styles.listItemHeader }, /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemKey }, assignment.testCase.testKey), /* @__PURE__ */ React2.createElement(View, { style: styles.listItemBadges }, assignment.testCase.track && /* @__PURE__ */ React2.createElement(View, { style: [styles.trackBadge, { backgroundColor: assignment.testCase.track.color }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.trackBadgeText }, templateInfo[assignment.testCase.track.testTemplate || "steps"].icon)), /* @__PURE__ */ React2.createElement(View, { style: [
-            styles.priorityBadge,
-            assignment.testCase.priority === "P0" && styles.priorityP0,
-            assignment.testCase.priority === "P1" && styles.priorityP1
-          ] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.priorityText }, assignment.testCase.priority)))),
-          /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemTitle, numberOfLines: 2 }, assignment.testCase.title),
-          /* @__PURE__ */ React2.createElement(View, { style: styles.listItemMeta }, /* @__PURE__ */ React2.createElement(Text, { style: styles.listItemMetaText }, assignment.testCase.steps.length, " ", assignment.testCase.track?.testTemplate === "checklist" ? "items" : assignment.testCase.track?.testTemplate === "rubric" ? "criteria" : "steps"), assignment.id === currentAssignment?.id && /* @__PURE__ */ React2.createElement(Text, { style: styles.currentBadge }, "\u2022 Current"))
+          /* @__PURE__ */ React2.createElement(Text, { style: [
+            feedbackStyles.flagButtonText,
+            feedbackFlags[key] && feedbackStyles.flagButtonTextActive
+          ] }, label)
+        )))), /* @__PURE__ */ React2.createElement(View, { style: { marginBottom: 12 } }, /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.ratingLabel }, "Suggestions? (optional)"), /* @__PURE__ */ React2.createElement(
+          TextInput,
+          {
+            style: feedbackStyles.noteInput,
+            value: feedbackNote,
+            onChangeText: setFeedbackNote,
+            placeholder: "How could this test be improved?",
+            placeholderTextColor: "#71717a",
+            multiline: true,
+            numberOfLines: 2,
+            textAlignVertical: "top"
+          }
+        )), /* @__PURE__ */ React2.createElement(View, { style: feedbackStyles.buttonRow }, /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: handleSkipFeedback,
+            disabled: submitting,
+            style: [feedbackStyles.skipButton, submitting && { opacity: 0.5 }]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.skipButtonText }, "Skip")
+        ), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: () => handleSubmitFeedback(false),
+            disabled: submitting,
+            style: [feedbackStyles.submitButton, submitting && { opacity: 0.5 }]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: feedbackStyles.submitButtonText }, submitting ? "Submitting..." : "Submit Feedback")
         )))
-      ) : justPassed ? (
-        /* Success state after passing */
-        /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.passedEmoji }, "\u2713"), /* @__PURE__ */ React2.createElement(Text, { style: styles.passedTitle }, "Passed!"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "Loading next test..."))
       ) : displayedAssignment ? (
         /* Detail View - Show single test */
         /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(
@@ -13456,20 +13884,41 @@ function BugBearButton({
           styles.priorityBadge,
           displayedAssignment.testCase.priority === "P0" && styles.priorityP0,
           displayedAssignment.testCase.priority === "P1" && styles.priorityP1
-        ] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.priorityText }, displayedAssignment.testCase.priority)))), /* @__PURE__ */ React2.createElement(Text, { style: styles.testTitle }, displayedAssignment.testCase.title), displayedAssignment.testCase.description && /* @__PURE__ */ React2.createElement(Text, { style: styles.testDescription }, displayedAssignment.testCase.description), displayedAssignment.testCase.targetRoute && onNavigate && /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleNavigate, style: styles.navigateButton }, /* @__PURE__ */ React2.createElement(Text, { style: styles.navigateButtonText }, "Go to test location \u2192")), renderTestContent(), /* @__PURE__ */ React2.createElement(View, { style: styles.expectedResult }, /* @__PURE__ */ React2.createElement(Text, { style: styles.expectedLabel }, displayedAssignment.testCase.track?.testTemplate === "checklist" ? "Pass criteria:" : displayedAssignment.testCase.track?.testTemplate === "rubric" ? "Target score:" : "Expected:"), /* @__PURE__ */ React2.createElement(Text, { style: styles.expectedText }, displayedAssignment.testCase.expectedResult))), /* @__PURE__ */ React2.createElement(View, { style: styles.actionButtons }, /* @__PURE__ */ React2.createElement(
+        ] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.priorityText }, displayedAssignment.testCase.priority)))), /* @__PURE__ */ React2.createElement(Text, { style: styles.testTitle }, displayedAssignment.testCase.title), displayedAssignment.status === "in_progress" && displayedAssignment.startedAt && /* @__PURE__ */ React2.createElement(View, { style: timerStyles.container }, /* @__PURE__ */ React2.createElement(View, { style: timerStyles.dot }), /* @__PURE__ */ React2.createElement(Text, { style: timerStyles.label }, "Testing"), /* @__PURE__ */ React2.createElement(Text, { style: timerStyles.time }, formatElapsedTime(assignmentElapsedTime))), displayedAssignment.testCase.description && /* @__PURE__ */ React2.createElement(Text, { style: styles.testDescription }, displayedAssignment.testCase.description), displayedAssignment.testCase.targetRoute && onNavigate && /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleNavigate, style: styles.navigateButton }, /* @__PURE__ */ React2.createElement(Text, { style: styles.navigateButtonText }, "Go to test location \u2192")), renderTestContent(), /* @__PURE__ */ React2.createElement(View, { style: styles.expectedResult }, /* @__PURE__ */ React2.createElement(Text, { style: styles.expectedLabel }, displayedAssignment.testCase.track?.testTemplate === "checklist" ? "Pass criteria:" : displayedAssignment.testCase.track?.testTemplate === "rubric" ? "Target score:" : "Expected:"), /* @__PURE__ */ React2.createElement(Text, { style: styles.expectedText }, displayedAssignment.testCase.expectedResult))), displayedAssignment.testCase.group && (() => {
+          const folder = groupedAssignments.find((f) => f.group?.id === displayedAssignment.testCase.group?.id);
+          if (!folder) return null;
+          const completedCount = folder.stats.passed + folder.stats.failed + folder.stats.skipped;
+          return /* @__PURE__ */ React2.createElement(View, { style: styles.detailProgressContainer }, /* @__PURE__ */ React2.createElement(Text, { style: styles.detailProgressText }, folder.group?.name, ": ", completedCount, "/", folder.stats.total, " complete"), /* @__PURE__ */ React2.createElement(View, { style: styles.detailProgressBar }, /* @__PURE__ */ React2.createElement(
+            View,
+            {
+              style: [
+                styles.detailProgressFill,
+                { width: `${completedCount / folder.stats.total * 100}%` }
+              ]
+            }
+          )));
+        })(), /* @__PURE__ */ React2.createElement(View, { style: styles.actionButtons }, /* @__PURE__ */ React2.createElement(
           TouchableOpacity,
           {
             style: styles.failButton,
             onPress: handleFail,
-            disabled: submitting
+            disabled: submitting || skipping
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.failButtonText }, "\u2717 Fail")
+        ), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            style: styles.skipButton,
+            onPress: handleOpenSkipModal,
+            disabled: submitting || skipping
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: styles.skipButtonText }, skipping ? "..." : "\u2192 Skip")
         ), /* @__PURE__ */ React2.createElement(
           TouchableOpacity,
           {
             style: styles.passButton,
             onPress: handlePass,
-            disabled: submitting
+            disabled: submitting || skipping
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.passButtonText }, submitting ? "..." : "\u2713 Pass")
         )))
@@ -13557,6 +14006,166 @@ function BugBearButton({
             message.senderType === "tester" && styles.messageTimeTester
           ] }, formatMessageTime(message.createdAt))
         ))))
+      )), activeTab === "explore" && /* @__PURE__ */ React2.createElement(View, null, !activeSession ? (
+        /* Start Session View */
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u{1F50D}"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "Exploratory QA Session"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "Explore freely and capture findings as you go")), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Focus Area (optional)"), /* @__PURE__ */ React2.createElement(
+          TextInput,
+          {
+            style: exploreStyles.input,
+            value: sessionFocusArea,
+            onChangeText: setSessionFocusArea,
+            placeholder: "e.g., checkout flow, settings page",
+            placeholderTextColor: "#71717a"
+          }
+        )), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Platform"), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.platformRow }, [
+          { key: "ios", label: "\u{1F4F1} iOS" },
+          { key: "android", label: "\u{1F916} Android" },
+          { key: "web", label: "\u{1F310} Web" }
+        ].map(({ key, label }) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            key,
+            onPress: () => setSessionPlatform(key),
+            style: [
+              exploreStyles.platformButton,
+              sessionPlatform === key && exploreStyles.platformButtonActive
+            ]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [
+            exploreStyles.platformButtonText,
+            sessionPlatform === key && exploreStyles.platformButtonTextActive
+          ] }, label)
+        )))), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: handleStartSession,
+            disabled: startingSession,
+            style: [exploreStyles.startButton, startingSession && { opacity: 0.5 }]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.startButtonText }, startingSession ? "Starting..." : "\u25B6 Start Session")
+        ))
+      ) : showEndConfirm ? (
+        /* End Session Confirmation */
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u270B"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "End Session?"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptySubtitle }, "Duration: ", formatElapsedTime(sessionElapsedTime), " \xB7 ", sessionFindings.length, " finding", sessionFindings.length !== 1 ? "s" : "")), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Session Notes (optional)"), /* @__PURE__ */ React2.createElement(
+          TextInput,
+          {
+            style: [exploreStyles.input, { height: 80, textAlignVertical: "top" }],
+            value: sessionNotes,
+            onChangeText: setSessionNotes,
+            placeholder: "Any overall observations from this session...",
+            placeholderTextColor: "#71717a",
+            multiline: true
+          }
+        )), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.buttonRow }, /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: () => setShowEndConfirm(false),
+            style: exploreStyles.cancelButton
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.cancelButtonText }, "Cancel")
+        ), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: handleEndSession,
+            disabled: endingSession,
+            style: [exploreStyles.endButton, endingSession && { opacity: 0.5 }]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.endButtonText }, endingSession ? "Ending..." : "End Session")
+        )))
+      ) : showAddFinding ? (
+        /* Add Finding Form */
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.findingHeader }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingHeaderTitle }, "Add Finding"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: () => setShowAddFinding(false) }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingHeaderClose }, "\u2715"))), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.findingTypeRow }, [
+          { type: "bug", label: "\u{1F41B} Bug" },
+          { type: "concern", label: "\u26A0\uFE0F Concern" },
+          { type: "suggestion", label: "\u{1F4A1} Idea" },
+          { type: "question", label: "\u2753 Q" }
+        ].map(({ type, label }) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            key: type,
+            onPress: () => setFindingType(type),
+            style: [
+              exploreStyles.findingTypeButton,
+              findingType === type && exploreStyles.findingTypeButtonActive
+            ]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [
+            exploreStyles.findingTypeButtonText,
+            findingType === type && exploreStyles.findingTypeButtonTextActive
+          ] }, label)
+        ))), findingType === "bug" && /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Severity"), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.severityRow }, ["critical", "high", "medium", "low"].map((sev) => /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            key: sev,
+            onPress: () => setFindingSeverity(sev),
+            style: [
+              exploreStyles.severityButton,
+              findingSeverity === sev && (sev === "critical" ? exploreStyles.severityCritical : sev === "high" ? exploreStyles.severityHigh : sev === "medium" ? exploreStyles.severityMedium : exploreStyles.severityLow)
+            ]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [
+            exploreStyles.severityButtonText,
+            findingSeverity === sev && exploreStyles.severityButtonTextActive
+          ] }, sev)
+        )))), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Title *"), /* @__PURE__ */ React2.createElement(
+          TextInput,
+          {
+            style: exploreStyles.input,
+            value: findingTitle,
+            onChangeText: setFindingTitle,
+            placeholder: "Brief description of what you found",
+            placeholderTextColor: "#71717a"
+          }
+        )), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.formGroup }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.label }, "Details (optional)"), /* @__PURE__ */ React2.createElement(
+          TextInput,
+          {
+            style: [exploreStyles.input, { height: 60, textAlignVertical: "top" }],
+            value: findingDescription,
+            onChangeText: setFindingDescription,
+            placeholder: "Steps to reproduce, expected behavior, etc.",
+            placeholderTextColor: "#71717a",
+            multiline: true
+          }
+        )), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: handleAddFinding,
+            disabled: addingFinding || !findingTitle.trim(),
+            style: [exploreStyles.addFindingButton, (addingFinding || !findingTitle.trim()) && { opacity: 0.5 }]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.addFindingButtonText }, addingFinding ? "Adding..." : "Add Finding")
+        ))
+      ) : (
+        /* Active Session View */
+        /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.sessionBanner }, /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.sessionBannerRow }, /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.sessionBannerLeft }, /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.sessionDotLarge }), /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.sessionBannerLabel }, "Session Active")), /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.sessionTimer }, formatElapsedTime(sessionElapsedTime))), activeSession.focusArea && /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.sessionFocus }, "Focus: ", activeSession.focusArea)), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: () => setShowAddFinding(true),
+            style: exploreStyles.addButton
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.addButtonText }, "+ Add Finding")
+        ), /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.findingsSection }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingsLabel }, "Findings (", sessionFindings.length, ")"), sessionFindings.length === 0 ? /* @__PURE__ */ React2.createElement(View, { style: exploreStyles.findingsEmpty }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingsEmptyText }, "No findings yet"), /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingsEmptyText }, "Explore and add findings as you go")) : /* @__PURE__ */ React2.createElement(View, null, sessionFindings.map((finding) => /* @__PURE__ */ React2.createElement(
+          View,
+          {
+            key: finding.id,
+            style: [
+              exploreStyles.findingCard,
+              finding.type === "bug" ? exploreStyles.findingCardBug : finding.type === "concern" ? exploreStyles.findingCardConcern : finding.type === "suggestion" ? exploreStyles.findingCardSuggestion : exploreStyles.findingCardQuestion
+            ]
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingCardIcon }, finding.type === "bug" ? "\u{1F41B}" : finding.type === "concern" ? "\u26A0\uFE0F" : finding.type === "suggestion" ? "\u{1F4A1}" : "\u2753"),
+          /* @__PURE__ */ React2.createElement(View, { style: { flex: 1 } }, /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.findingCardTitle, numberOfLines: 1 }, finding.title), finding.severity && finding.type === "bug" && /* @__PURE__ */ React2.createElement(Text, { style: [
+            exploreStyles.findingCardSeverity,
+            finding.severity === "critical" ? { color: "#f87171" } : finding.severity === "high" ? { color: "#fb923c" } : finding.severity === "medium" ? { color: "#facc15" } : { color: "#a1a1aa" }
+          ] }, finding.severity))
+        )))), /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
+          {
+            onPress: () => setShowEndConfirm(true),
+            style: exploreStyles.endSessionButton
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: exploreStyles.endSessionButtonText }, "End Session")
+        ))
       )), activeTab === "report" && /* @__PURE__ */ React2.createElement(View, null, submitted ? /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u{1F389}"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "Report submitted!")) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View, { style: styles.reportTypes }, [
         { type: "bug", label: "\u{1F41B} Bug" },
         { type: "feedback", label: "\u{1F4A1} Feedback" },
@@ -13721,9 +14330,64 @@ function BugBearButton({
         ))
       ) : (
         /* Standard Footer */
-        /* @__PURE__ */ React2.createElement(View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, pendingCount, " pending \xB7 ", inProgressCount, " in progress"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))))
+        /* @__PURE__ */ React2.createElement(View, { style: styles.footer }, activeTab === "messages" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshThreads }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : activeTab === "explore" ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, activeSession ? `${sessionFindings.length} findings` : "No active session"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshSession }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.footerText }, pendingCount, " pending \xB7 ", inProgressCount, " in progress"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: refreshAssignments }, /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh"))))
       ))
     )
+  ), /* @__PURE__ */ React2.createElement(
+    Modal,
+    {
+      visible: showSkipModal,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setShowSkipModal(false)
+    },
+    /* @__PURE__ */ React2.createElement(View, { style: styles.skipModalOverlay }, /* @__PURE__ */ React2.createElement(View, { style: styles.skipModalContent }, /* @__PURE__ */ React2.createElement(Text, { style: styles.skipModalTitle }, "Skip Test"), /* @__PURE__ */ React2.createElement(Text, { style: styles.skipModalSubtitle }, "Why are you skipping this test?"), /* @__PURE__ */ React2.createElement(View, { style: styles.skipReasonOptions }, [
+      { value: "blocked", label: "\u{1F6AB} Blocked", desc: "Something is preventing testing" },
+      { value: "not_ready", label: "\u{1F6A7} Not Ready", desc: "Feature not yet implemented" },
+      { value: "dependency", label: "\u{1F517} Dependency", desc: "Waiting on another test/feature" },
+      { value: "other", label: "\u{1F4DD} Other", desc: "Different reason" }
+    ].map((option) => /* @__PURE__ */ React2.createElement(
+      TouchableOpacity,
+      {
+        key: option.value,
+        style: [
+          styles.skipReasonOption,
+          selectedSkipReason === option.value && styles.skipReasonOptionSelected
+        ],
+        onPress: () => setSelectedSkipReason(option.value)
+      },
+      /* @__PURE__ */ React2.createElement(Text, { style: styles.skipReasonLabel }, option.label),
+      /* @__PURE__ */ React2.createElement(Text, { style: styles.skipReasonDesc }, option.desc)
+    ))), /* @__PURE__ */ React2.createElement(
+      TextInput,
+      {
+        style: styles.skipNotesInput,
+        value: skipNotes,
+        onChangeText: setSkipNotes,
+        placeholder: "Add notes (optional)...",
+        placeholderTextColor: "#71717a",
+        multiline: true,
+        numberOfLines: 2
+      }
+    ), /* @__PURE__ */ React2.createElement(View, { style: styles.skipModalActions }, /* @__PURE__ */ React2.createElement(
+      TouchableOpacity,
+      {
+        style: styles.skipModalCancel,
+        onPress: () => setShowSkipModal(false)
+      },
+      /* @__PURE__ */ React2.createElement(Text, { style: styles.skipModalCancelText }, "Cancel")
+    ), /* @__PURE__ */ React2.createElement(
+      TouchableOpacity,
+      {
+        style: [
+          styles.skipModalConfirm,
+          !selectedSkipReason && styles.skipModalConfirmDisabled
+        ],
+        onPress: handleSkip,
+        disabled: !selectedSkipReason || skipping
+      },
+      /* @__PURE__ */ React2.createElement(Text, { style: styles.skipModalConfirmText }, skipping ? "Skipping..." : "Skip Test")
+    ))))
   ));
 }
 var styles = StyleSheet.create({
@@ -14426,6 +15090,13 @@ var styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center"
   },
+  sessionDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: "#22c55e",
+    marginLeft: 4
+  },
   tabBadge: {
     backgroundColor: "#EF4444",
     borderRadius: 8,
@@ -14980,6 +15651,665 @@ var styles = StyleSheet.create({
     fontSize: 14,
     fontWeight: "500",
     color: "#3B82F6"
+  },
+  // Folder grouping styles
+  folderContainer: {
+    marginBottom: 12
+  },
+  folderHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    backgroundColor: "#27272a",
+    padding: 12,
+    borderRadius: 8,
+    marginBottom: 4
+  },
+  folderHeaderLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    flex: 1
+  },
+  folderIcon: {
+    fontSize: 16,
+    marginRight: 8
+  },
+  folderName: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#fafafa"
+  },
+  folderStats: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  folderProgress: {
+    fontSize: 12,
+    color: "#71717a",
+    marginRight: 8
+  },
+  folderChevron: {
+    fontSize: 10,
+    color: "#71717a"
+  },
+  folderProgressBar: {
+    height: 3,
+    backgroundColor: "#3f3f46",
+    borderRadius: 2,
+    marginBottom: 8,
+    marginHorizontal: 4
+  },
+  folderProgressFill: {
+    height: "100%",
+    backgroundColor: "#22c55e",
+    borderRadius: 2
+  },
+  listItemInFolder: {
+    marginLeft: 12,
+    borderLeftWidth: 2,
+    borderLeftColor: "#3f3f46",
+    paddingLeft: 12
+  },
+  listItemKeyWithStatus: {
+    flexDirection: "row",
+    alignItems: "center",
+    flex: 1
+  },
+  statusBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    borderRadius: 4,
+    marginLeft: 8
+  },
+  statusBadgeIcon: {
+    fontSize: 10,
+    marginRight: 4
+  },
+  statusBadgeText: {
+    fontSize: 10,
+    fontWeight: "600"
+  },
+  // Skip button styles
+  skipButton: {
+    flex: 1,
+    backgroundColor: "#eab308",
+    paddingVertical: 14,
+    borderRadius: 12,
+    alignItems: "center",
+    marginHorizontal: 4
+  },
+  skipButtonText: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#18181b"
+  },
+  // Skip modal styles
+  skipModalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.7)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20
+  },
+  skipModalContent: {
+    backgroundColor: "#18181b",
+    borderRadius: 16,
+    padding: 20,
+    width: "100%",
+    maxWidth: 340,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  skipModalTitle: {
+    fontSize: 18,
+    fontWeight: "600",
+    color: "#fafafa",
+    marginBottom: 4
+  },
+  skipModalSubtitle: {
+    fontSize: 14,
+    color: "#71717a",
+    marginBottom: 16
+  },
+  skipReasonOptions: {
+    marginBottom: 16
+  },
+  skipReasonOption: {
+    backgroundColor: "#27272a",
+    padding: 12,
+    borderRadius: 8,
+    marginBottom: 8,
+    borderWidth: 2,
+    borderColor: "transparent"
+  },
+  skipReasonOptionSelected: {
+    borderColor: "#eab308",
+    backgroundColor: "#422006"
+  },
+  skipReasonLabel: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#fafafa",
+    marginBottom: 2
+  },
+  skipReasonDesc: {
+    fontSize: 12,
+    color: "#71717a"
+  },
+  skipNotesInput: {
+    backgroundColor: "#27272a",
+    borderWidth: 1,
+    borderColor: "#3f3f46",
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 14,
+    color: "#fafafa",
+    minHeight: 60,
+    textAlignVertical: "top",
+    marginBottom: 16
+  },
+  skipModalActions: {
+    flexDirection: "row",
+    gap: 8
+  },
+  skipModalCancel: {
+    flex: 1,
+    backgroundColor: "#3f3f46",
+    paddingVertical: 12,
+    borderRadius: 8,
+    alignItems: "center"
+  },
+  skipModalCancelText: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#e4e4e7"
+  },
+  skipModalConfirm: {
+    flex: 1,
+    backgroundColor: "#eab308",
+    paddingVertical: 12,
+    borderRadius: 8,
+    alignItems: "center"
+  },
+  skipModalConfirmDisabled: {
+    backgroundColor: "#713f12"
+  },
+  skipModalConfirmText: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#18181b"
+  },
+  // Detail progress bar styles
+  detailProgressContainer: {
+    backgroundColor: "#27272a",
+    padding: 12,
+    borderRadius: 8,
+    marginTop: 16,
+    marginBottom: 8
+  },
+  detailProgressText: {
+    fontSize: 12,
+    color: "#a1a1aa",
+    marginBottom: 8
+  },
+  detailProgressBar: {
+    height: 4,
+    backgroundColor: "#3f3f46",
+    borderRadius: 2
+  },
+  detailProgressFill: {
+    height: "100%",
+    backgroundColor: "#22c55e",
+    borderRadius: 2
+  }
+});
+var exploreStyles = StyleSheet.create({
+  formGroup: {
+    marginBottom: 12
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#d4d4d8",
+    marginBottom: 6
+  },
+  input: {
+    backgroundColor: "#27272a",
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 14,
+    color: "#fafafa",
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  platformRow: {
+    flexDirection: "row",
+    gap: 8
+  },
+  platformButton: {
+    flex: 1,
+    paddingVertical: 10,
+    paddingHorizontal: 8,
+    borderRadius: 8,
+    backgroundColor: "#27272a",
+    borderWidth: 2,
+    borderColor: "transparent",
+    alignItems: "center"
+  },
+  platformButtonActive: {
+    backgroundColor: "#172554",
+    borderColor: "#3B82F6"
+  },
+  platformButtonText: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#a1a1aa"
+  },
+  platformButtonTextActive: {
+    color: "#93c5fd"
+  },
+  startButton: {
+    backgroundColor: "#16a34a",
+    borderRadius: 8,
+    paddingVertical: 14,
+    alignItems: "center",
+    marginTop: 4
+  },
+  startButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  buttonRow: {
+    flexDirection: "row",
+    gap: 8
+  },
+  cancelButton: {
+    flex: 1,
+    backgroundColor: "#3f3f46",
+    borderRadius: 8,
+    paddingVertical: 10,
+    alignItems: "center"
+  },
+  cancelButtonText: {
+    color: "#d4d4d8",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  endButton: {
+    flex: 1,
+    backgroundColor: "#dc2626",
+    borderRadius: 8,
+    paddingVertical: 10,
+    alignItems: "center"
+  },
+  endButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  findingHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: 12
+  },
+  findingHeaderTitle: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#fafafa"
+  },
+  findingHeaderClose: {
+    fontSize: 16,
+    color: "#71717a"
+  },
+  findingTypeRow: {
+    flexDirection: "row",
+    gap: 4,
+    marginBottom: 12
+  },
+  findingTypeButton: {
+    flex: 1,
+    paddingVertical: 8,
+    paddingHorizontal: 4,
+    borderRadius: 6,
+    backgroundColor: "#3f3f46",
+    alignItems: "center"
+  },
+  findingTypeButtonActive: {
+    backgroundColor: "#1e3a5f",
+    borderWidth: 2,
+    borderColor: "#3B82F6"
+  },
+  findingTypeButtonText: {
+    fontSize: 11,
+    fontWeight: "500",
+    color: "#a1a1aa"
+  },
+  findingTypeButtonTextActive: {
+    color: "#93c5fd"
+  },
+  severityRow: {
+    flexDirection: "row",
+    gap: 4
+  },
+  severityButton: {
+    flex: 1,
+    paddingVertical: 6,
+    borderRadius: 6,
+    backgroundColor: "#3f3f46",
+    alignItems: "center"
+  },
+  severityCritical: {
+    backgroundColor: "#dc2626"
+  },
+  severityHigh: {
+    backgroundColor: "#f97316"
+  },
+  severityMedium: {
+    backgroundColor: "#eab308"
+  },
+  severityLow: {
+    backgroundColor: "#3f3f46",
+    borderWidth: 1,
+    borderColor: "#71717a"
+  },
+  severityButtonText: {
+    fontSize: 11,
+    fontWeight: "500",
+    color: "#a1a1aa",
+    textTransform: "capitalize"
+  },
+  severityButtonTextActive: {
+    color: "#fff"
+  },
+  addFindingButton: {
+    backgroundColor: "#3B82F6",
+    borderRadius: 8,
+    paddingVertical: 10,
+    alignItems: "center"
+  },
+  addFindingButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  sessionBanner: {
+    backgroundColor: "rgba(22, 163, 74, 0.15)",
+    borderRadius: 12,
+    padding: 12,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: "#166534"
+  },
+  sessionBannerRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  sessionBannerLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  sessionDotLarge: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: "#22c55e"
+  },
+  sessionBannerLabel: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#86efac"
+  },
+  sessionTimer: {
+    fontSize: 20,
+    fontWeight: "600",
+    color: "#4ade80",
+    fontVariant: ["tabular-nums"]
+  },
+  sessionFocus: {
+    fontSize: 12,
+    color: "#4ade80",
+    marginTop: 4
+  },
+  addButton: {
+    backgroundColor: "#3B82F6",
+    borderRadius: 8,
+    paddingVertical: 14,
+    alignItems: "center",
+    marginBottom: 12
+  },
+  addButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  findingsSection: {
+    marginBottom: 12
+  },
+  findingsLabel: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#71717a",
+    marginBottom: 8
+  },
+  findingsEmpty: {
+    backgroundColor: "#27272a",
+    borderRadius: 8,
+    paddingVertical: 16,
+    alignItems: "center"
+  },
+  findingsEmptyText: {
+    fontSize: 12,
+    color: "#71717a"
+  },
+  findingCard: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    padding: 8,
+    borderRadius: 8,
+    marginBottom: 6,
+    borderWidth: 1,
+    gap: 8
+  },
+  findingCardBug: {
+    backgroundColor: "rgba(220, 38, 38, 0.1)",
+    borderColor: "#991b1b"
+  },
+  findingCardConcern: {
+    backgroundColor: "rgba(249, 115, 22, 0.1)",
+    borderColor: "#9a3412"
+  },
+  findingCardSuggestion: {
+    backgroundColor: "rgba(59, 130, 246, 0.1)",
+    borderColor: "#1e40af"
+  },
+  findingCardQuestion: {
+    backgroundColor: "rgba(139, 92, 246, 0.1)",
+    borderColor: "#5b21b6"
+  },
+  findingCardIcon: {
+    fontSize: 14
+  },
+  findingCardTitle: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#fafafa"
+  },
+  findingCardSeverity: {
+    fontSize: 10,
+    fontWeight: "500",
+    marginTop: 2,
+    textTransform: "capitalize"
+  },
+  endSessionButton: {
+    backgroundColor: "#3f3f46",
+    borderRadius: 8,
+    paddingVertical: 10,
+    alignItems: "center"
+  },
+  endSessionButtonText: {
+    color: "#d4d4d8",
+    fontSize: 14,
+    fontWeight: "500"
+  }
+});
+var feedbackStyles = StyleSheet.create({
+  container: {
+    padding: 4
+  },
+  statusText: {
+    fontSize: 16,
+    fontWeight: "600",
+    marginTop: 4
+  },
+  infoBox: {
+    backgroundColor: "rgba(59, 130, 246, 0.1)",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: "#1e3a5f"
+  },
+  infoTitle: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#93c5fd",
+    marginBottom: 4
+  },
+  infoSubtitle: {
+    fontSize: 12,
+    color: "#60a5fa"
+  },
+  ratingSection: {
+    alignItems: "center",
+    marginBottom: 16
+  },
+  ratingLabel: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#a1a1aa",
+    marginBottom: 8
+  },
+  starsRow: {
+    flexDirection: "row",
+    gap: 4
+  },
+  star: {
+    fontSize: 28
+  },
+  starActive: {
+    color: "#facc15"
+  },
+  starInactive: {
+    color: "#3f3f46"
+  },
+  ratingDesc: {
+    fontSize: 12,
+    color: "#71717a",
+    marginTop: 4
+  },
+  flagsSection: {
+    marginBottom: 12
+  },
+  flagsGrid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8
+  },
+  flagButton: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 6,
+    backgroundColor: "#27272a",
+    borderWidth: 1,
+    borderColor: "#3f3f46"
+  },
+  flagButtonActive: {
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
+  },
+  flagButtonText: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#a1a1aa"
+  },
+  flagButtonTextActive: {
+    color: "#93c5fd"
+  },
+  noteInput: {
+    backgroundColor: "#27272a",
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 14,
+    color: "#fafafa",
+    borderWidth: 1,
+    borderColor: "#3f3f46",
+    minHeight: 60
+  },
+  buttonRow: {
+    flexDirection: "row",
+    gap: 8
+  },
+  skipButton: {
+    flex: 1,
+    paddingVertical: 10,
+    backgroundColor: "#3f3f46",
+    borderRadius: 8,
+    alignItems: "center"
+  },
+  skipButtonText: {
+    color: "#a1a1aa",
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  submitButton: {
+    flex: 1,
+    paddingVertical: 10,
+    backgroundColor: "#3B82F6",
+    borderRadius: 8,
+    alignItems: "center"
+  },
+  submitButtonText: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "500"
+  }
+});
+var timerStyles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    backgroundColor: "rgba(22, 163, 74, 0.15)",
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 6,
+    marginBottom: 8,
+    alignSelf: "flex-start"
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: "#22c55e"
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: "500",
+    color: "#4ade80"
+  },
+  time: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: "#4ade80",
+    fontVariant: ["tabular-nums"]
   }
 });
 export {