@bbearai/react-native 0.1.8 → 0.2.0

package/dist/index.mjs

@@ -11411,7 +11411,16 @@ var BugBearClient = class {
    */
   async submitReport(report) {
     try {
+      const validationError = this.validateReport(report);
+      if (validationError) {
+        return { success: false, error: validationError };
+      }
       const userInfo = await this.getCurrentUserInfo();
+      const rateLimitId = userInfo?.email || this.config.projectId;
+      const rateLimit = await this.checkRateLimit(rateLimitId, "report_submit");
+      if (!rateLimit.allowed) {
+        return { success: false, error: rateLimit.error };
+      }
       if (!userInfo) {
         console.error("BugBear: No user info available, cannot submit report");
         return { success: false, error: "User not authenticated" };
@@ -11462,6 +11471,10 @@ var BugBearClient = class {
       const { data, error } = await this.supabase.from("test_assignments").select(`
           id,
           status,
+          started_at,
+          skip_reason,
+          is_verification,
+          original_report_id,
           test_case:test_cases(
             id,
             title,
@@ -11479,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 });
@@ -11489,6 +11508,10 @@ var BugBearClient = class {
       return (data || []).map((item) => ({
         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,
@@ -11506,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
         }
       }));
@@ -11514,47 +11543,456 @@ var BugBearClient = class {
       return [];
     }
   }
+  /**
+   * Get assignment by ID with time tracking fields
+   */
+  async getAssignment(assignmentId) {
+    try {
+      const { data, error } = await this.supabase.from("test_assignments").select(`
+          id,
+          status,
+          started_at,
+          completed_at,
+          duration_seconds,
+          test_case:test_cases(
+            id,
+            title,
+            test_key,
+            description,
+            steps,
+            expected_result,
+            priority,
+            target_route,
+            track:qa_tracks(
+              id,
+              name,
+              icon,
+              color,
+              test_template,
+              rubric_mode,
+              description
+            )
+          )
+        `).eq("id", assignmentId).single();
+      if (error || !data) return null;
+      const testCase = data.test_case;
+      if (!testCase) {
+        console.error("BugBear: Assignment returned without test_case");
+        return null;
+      }
+      const track = testCase.track;
+      return {
+        id: data.id,
+        status: data.status,
+        startedAt: data.started_at,
+        durationSeconds: data.duration_seconds,
+        testCase: {
+          id: testCase.id,
+          title: testCase.title,
+          testKey: testCase.test_key,
+          description: testCase.description,
+          steps: testCase.steps,
+          expectedResult: testCase.expected_result,
+          priority: testCase.priority,
+          targetRoute: testCase.target_route,
+          track: track ? {
+            id: track.id,
+            name: track.name,
+            icon: track.icon,
+            color: track.color,
+            testTemplate: track.test_template,
+            rubricMode: track.rubric_mode || "pass_fail",
+            description: track.description
+          } : void 0
+        }
+      };
+    } catch (err) {
+      console.error("BugBear: Error fetching assignment", err);
+      return null;
+    }
+  }
+  /**
+   * Update assignment status with automatic time tracking
+   * - Sets started_at when status changes to 'in_progress'
+   * - Calculates duration_seconds when status changes to 'passed'/'failed'/'blocked'
+   * - Optionally include feedback when completing a test
+   */
+  async updateAssignmentStatus(assignmentId, status, options) {
+    try {
+      const { data: currentAssignment, error: fetchError } = await this.supabase.from("test_assignments").select("status, started_at").eq("id", assignmentId).single();
+      if (fetchError || !currentAssignment) {
+        return { success: false, error: "Assignment not found" };
+      }
+      const updateData = { status };
+      let durationSeconds;
+      if (status === "in_progress" && currentAssignment.status !== "in_progress") {
+        updateData.started_at = (/* @__PURE__ */ new Date()).toISOString();
+      }
+      if (["passed", "failed", "blocked"].includes(status)) {
+        updateData.completed_at = (/* @__PURE__ */ new Date()).toISOString();
+        if (currentAssignment.started_at) {
+          const startedAt = new Date(currentAssignment.started_at);
+          const completedAt = /* @__PURE__ */ new Date();
+          durationSeconds = Math.round((completedAt.getTime() - startedAt.getTime()) / 1e3);
+          updateData.duration_seconds = durationSeconds;
+        }
+      }
+      if (options?.notes) {
+        updateData.notes = options.notes;
+      }
+      if (options?.testResult) {
+        updateData.test_result = options.testResult;
+      }
+      const { error } = await this.supabase.from("test_assignments").update(updateData).eq("id", assignmentId);
+      if (error) {
+        console.error("BugBear: Failed to update assignment status", error);
+        return { success: false, error: error.message };
+      }
+      if (options?.feedback && ["passed", "failed", "blocked"].includes(status)) {
+        const { data: assignmentData, error: fetchError2 } = await this.supabase.from("test_assignments").select("test_case_id").eq("id", assignmentId).single();
+        if (fetchError2) {
+          console.error("BugBear: Failed to fetch assignment for feedback", fetchError2);
+        } else if (assignmentData?.test_case_id) {
+          const feedbackResult = await this.submitTestFeedback({
+            testCaseId: assignmentData.test_case_id,
+            assignmentId,
+            feedback: options.feedback,
+            timeToCompleteSeconds: durationSeconds
+          });
+          if (!feedbackResult.success) {
+            console.error("BugBear: Failed to submit feedback", feedbackResult.error);
+          }
+        }
+      }
+      return { success: true, durationSeconds };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error updating assignment status", err);
+      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
+   */
+  async submitTestFeedback(options) {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) {
+        return { success: false, error: "Not authenticated as tester" };
+      }
+      const { testCaseId, assignmentId, feedback, timeToCompleteSeconds } = options;
+      if (feedback.rating < 1 || feedback.rating > 5) {
+        return { success: false, error: "Rating must be between 1 and 5" };
+      }
+      const { error: feedbackError } = await this.supabase.from("test_feedback").insert({
+        project_id: this.config.projectId,
+        test_case_id: testCaseId,
+        assignment_id: assignmentId || null,
+        tester_id: testerInfo.id,
+        rating: feedback.rating,
+        clarity_rating: feedback.clarityRating || null,
+        steps_rating: feedback.stepsRating || null,
+        relevance_rating: feedback.relevanceRating || null,
+        feedback_note: feedback.feedbackNote?.trim() || null,
+        suggested_improvement: feedback.suggestedImprovement?.trim() || null,
+        is_outdated: feedback.isOutdated || false,
+        needs_more_detail: feedback.needsMoreDetail || false,
+        steps_unclear: feedback.stepsUnclear || false,
+        expected_result_unclear: feedback.expectedResultUnclear || false,
+        platform: this.getDeviceInfo().platform,
+        time_to_complete_seconds: timeToCompleteSeconds || null
+      });
+      if (feedbackError) {
+        console.error("BugBear: Failed to submit feedback", feedbackError);
+        return { success: false, error: feedbackError.message };
+      }
+      if (assignmentId) {
+        const { error: assignmentError } = await this.supabase.from("test_assignments").update({
+          feedback_rating: feedback.rating,
+          feedback_note: feedback.feedbackNote?.trim() || null,
+          feedback_submitted_at: (/* @__PURE__ */ new Date()).toISOString()
+        }).eq("id", assignmentId);
+        if (assignmentError) {
+          console.error("BugBear: Failed to update assignment feedback fields", assignmentError);
+        }
+      }
+      return { success: true };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error submitting feedback", err);
+      return { success: false, error: message };
+    }
+  }
+  /**
+   * Get the currently active (in_progress) assignment for the tester
+   */
+  async getActiveAssignment() {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return null;
+      const { data, error } = await this.supabase.from("test_assignments").select(`
+          id,
+          status,
+          started_at,
+          test_case:test_cases(
+            id,
+            title,
+            test_key,
+            description,
+            steps,
+            expected_result,
+            priority,
+            target_route,
+            track:qa_tracks(
+              id,
+              name,
+              icon,
+              color,
+              test_template,
+              rubric_mode,
+              description
+            )
+          )
+        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).eq("status", "in_progress").order("started_at", { ascending: false }).limit(1).maybeSingle();
+      if (error || !data) return null;
+      const testCase = data.test_case;
+      if (!testCase) {
+        console.error("BugBear: Active assignment returned without test_case");
+        return null;
+      }
+      const track = testCase.track;
+      return {
+        id: data.id,
+        status: data.status,
+        startedAt: data.started_at,
+        testCase: {
+          id: testCase.id,
+          title: testCase.title,
+          testKey: testCase.test_key,
+          description: testCase.description,
+          steps: testCase.steps,
+          expectedResult: testCase.expected_result,
+          priority: testCase.priority,
+          targetRoute: testCase.target_route,
+          track: track ? {
+            id: track.id,
+            name: track.name,
+            icon: track.icon,
+            color: track.color,
+            testTemplate: track.test_template,
+            rubricMode: track.rubric_mode || "pass_fail",
+            description: track.description
+          } : void 0
+        }
+      };
+    } catch (err) {
+      console.error("BugBear: Error fetching active assignment", err);
+      return null;
+    }
+  }
   /**
    * Get current tester info
    * Looks up tester by email from the host app's authenticated user
+   * Checks both primary email AND additional_emails array
+   * Uses parameterized RPC function to prevent SQL injection
    */
   async getTesterInfo() {
     try {
       const userInfo = await this.getCurrentUserInfo();
-      if (!userInfo) return null;
-      const { data, error } = await this.supabase.from("testers").select("*").eq("project_id", this.config.projectId).eq("email", userInfo.email).eq("status", "active").single();
+      if (!userInfo?.email) return null;
+      if (!this.isValidEmail(userInfo.email)) {
+        console.warn("BugBear: Invalid email format");
+        return null;
+      }
+      const { data, error } = await this.supabase.rpc("lookup_tester_by_email", {
+        p_project_id: this.config.projectId,
+        p_email: userInfo.email
+      }).maybeSingle();
       if (error || !data) return null;
+      const tester = data;
       return {
-        id: data.id,
-        name: data.name,
-        email: data.email,
-        additionalEmails: data.additional_emails || [],
-        avatarUrl: data.avatar_url || void 0,
-        platforms: data.platforms || [],
-        assignedTests: data.assigned_count || 0,
-        completedTests: data.completed_count || 0
+        id: tester.id,
+        name: tester.name,
+        email: tester.email,
+        additionalEmails: tester.additional_emails || [],
+        avatarUrl: tester.avatar_url || void 0,
+        platforms: tester.platforms || [],
+        assignedTests: tester.assigned_count || 0,
+        completedTests: tester.completed_count || 0
       };
     } catch (err) {
       console.error("BugBear: getTesterInfo error", err);
       return null;
     }
   }
+  /**
+   * Basic email format validation (defense in depth)
+   */
+  isValidEmail(email) {
+    if (!email || email.length > 254) return false;
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  }
+  /**
+   * Validate report input before submission
+   * Returns error message if invalid, null if valid
+   */
+  validateReport(report) {
+    const validTypes = ["bug", "feedback", "suggestion", "test_pass", "test_fail"];
+    if (report.type && !validTypes.includes(report.type)) {
+      return `Invalid report type: ${report.type}. Must be one of: ${validTypes.join(", ")}`;
+    }
+    const validSeverities = ["critical", "high", "medium", "low"];
+    if (report.severity && !validSeverities.includes(report.severity)) {
+      return `Invalid severity: ${report.severity}. Must be one of: ${validSeverities.join(", ")}`;
+    }
+    if (report.title && report.title.length > 500) {
+      return "Title must be 500 characters or less";
+    }
+    if (report.description && report.description.length > 1e4) {
+      return "Description must be 10,000 characters or less";
+    }
+    if (report.screenshots && Array.isArray(report.screenshots)) {
+      if (report.screenshots.length > 10) {
+        return "Maximum 10 screenshots allowed";
+      }
+      for (const url of report.screenshots) {
+        if (typeof url !== "string" || url.length > 2e3) {
+          return "Invalid screenshot URL";
+        }
+      }
+    }
+    return null;
+  }
+  /**
+   * Validate profile update input
+   * Returns error message if invalid, null if valid
+   */
+  validateProfileUpdate(updates) {
+    if (updates.name !== void 0) {
+      if (typeof updates.name !== "string" || updates.name.length > 100) {
+        return "Name must be 100 characters or less";
+      }
+    }
+    if (updates.additionalEmails !== void 0) {
+      if (!Array.isArray(updates.additionalEmails)) {
+        return "Additional emails must be an array";
+      }
+      if (updates.additionalEmails.length > 5) {
+        return "Maximum 5 additional emails allowed";
+      }
+      for (const email of updates.additionalEmails) {
+        if (!this.isValidEmail(email)) {
+          return `Invalid email format: ${email}`;
+        }
+      }
+    }
+    if (updates.avatarUrl !== void 0 && updates.avatarUrl !== null) {
+      if (typeof updates.avatarUrl !== "string" || updates.avatarUrl.length > 2e3) {
+        return "Invalid avatar URL";
+      }
+    }
+    if (updates.platforms !== void 0) {
+      if (!Array.isArray(updates.platforms)) {
+        return "Platforms must be an array";
+      }
+      const validPlatforms = ["ios", "android", "web", "desktop", "other"];
+      for (const platform of updates.platforms) {
+        if (!validPlatforms.includes(platform)) {
+          return `Invalid platform: ${platform}. Must be one of: ${validPlatforms.join(", ")}`;
+        }
+      }
+    }
+    return null;
+  }
+  /**
+   * Check rate limit for an action
+   * Returns { allowed: boolean, error?: string, remaining?: number }
+   */
+  async checkRateLimit(identifier, action) {
+    try {
+      const { data, error } = await this.supabase.rpc("check_rate_limit", {
+        p_identifier: identifier,
+        p_action: action,
+        p_project_id: this.config.projectId
+      });
+      if (error) {
+        console.warn("BugBear: Rate limit check failed, allowing request", error.message);
+        return { allowed: true };
+      }
+      if (!data.allowed) {
+        return {
+          allowed: false,
+          error: `Rate limit exceeded. Try again in ${Math.ceil((new Date(data.reset_at).getTime() - Date.now()) / 1e3)} seconds.`,
+          remaining: 0,
+          resetAt: data.reset_at
+        };
+      }
+      return {
+        allowed: true,
+        remaining: data.remaining,
+        resetAt: data.reset_at
+      };
+    } catch (err) {
+      console.warn("BugBear: Rate limit check error", err);
+      return { allowed: true };
+    }
+  }
   /**
    * Update tester profile
    * Allows testers to update their name, additional emails, avatar, and platforms
    */
   async updateTesterProfile(updates) {
     try {
+      const validationError = this.validateProfileUpdate(updates);
+      if (validationError) {
+        return { success: false, error: validationError };
+      }
       const userInfo = await this.getCurrentUserInfo();
       if (!userInfo) {
         return { success: false, error: "Not authenticated" };
       }
+      const rateLimit = await this.checkRateLimit(userInfo.email, "profile_update");
+      if (!rateLimit.allowed) {
+        return { success: false, error: rateLimit.error };
+      }
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) {
+        return { success: false, error: "Not a registered tester" };
+      }
       const updateData = {};
       if (updates.name !== void 0) updateData.name = updates.name;
       if (updates.additionalEmails !== void 0) updateData.additional_emails = updates.additionalEmails;
       if (updates.avatarUrl !== void 0) updateData.avatar_url = updates.avatarUrl;
       if (updates.platforms !== void 0) updateData.platforms = updates.platforms;
-      const { error } = await this.supabase.from("testers").update(updateData).eq("project_id", this.config.projectId).eq("email", userInfo.email);
+      const { error } = await this.supabase.from("testers").update(updateData).eq("id", testerInfo.id);
       if (error) {
         console.error("BugBear: updateTesterProfile error", error);
         return { success: false, error: error.message };
@@ -11830,6 +12268,11 @@ var BugBearClient = class {
         console.error("BugBear: No tester info, cannot send message");
         return false;
       }
+      const rateLimit = await this.checkRateLimit(testerInfo.email, "message_send");
+      if (!rateLimit.allowed) {
+        console.error("BugBear: Rate limit exceeded for messages");
+        return false;
+      }
       const { error } = await this.supabase.from("discussion_messages").insert({
         thread_id: threadId,
         sender_type: "tester",
@@ -11924,50 +12367,292 @@ var BugBearClient = class {
       return { success: false, error: message };
     }
   }
-};
-function createBugBear(config) {
-  return new BugBearClient(config);
-}
-var MAX_CONSOLE_LOGS = 50;
-var MAX_NETWORK_REQUESTS = 20;
-var ContextCaptureManager = class {
-  constructor() {
-    this.consoleLogs = [];
-    this.networkRequests = [];
-    this.originalConsole = {};
-    this.isCapturing = false;
+  // ============================================
+  // QA Sessions (Sprint 1)
+  // ============================================
+  /**
+   * Start a new QA session for exploratory testing
+   */
+  async startSession(options = {}) {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) {
+        return { success: false, error: "Not authenticated as a tester" };
+      }
+      const activeSession = await this.getActiveSession();
+      if (activeSession) {
+        return { success: false, error: "You already have an active session. End it before starting a new one." };
+      }
+      const { data, error } = await this.supabase.rpc("start_qa_session", {
+        p_project_id: this.config.projectId,
+        p_tester_id: testerInfo.id,
+        p_focus_area: options.focusArea || null,
+        p_track: options.track || null,
+        p_platform: options.platform || null
+      });
+      if (error) {
+        console.error("BugBear: Failed to start session", error);
+        return { success: false, error: error.message };
+      }
+      const session = await this.getSession(data);
+      if (!session) {
+        return { success: false, error: "Session created but could not be fetched" };
+      }
+      return { success: true, session };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error starting session", err);
+      return { success: false, error: message };
+    }
   }
   /**
-   * Start capturing console logs and network requests
+   * End the current QA session
    */
-  startCapture() {
-    if (this.isCapturing) return;
-    this.isCapturing = true;
-    this.captureConsole();
-    this.captureFetch();
+  async endSession(sessionId, options = {}) {
+    try {
+      const { data, error } = await this.supabase.rpc("end_qa_session", {
+        p_session_id: sessionId,
+        p_notes: options.notes || null,
+        p_routes_covered: options.routesCovered || null
+      });
+      if (error) {
+        console.error("BugBear: Failed to end session", error);
+        return { success: false, error: error.message };
+      }
+      const session = this.transformSession(data);
+      return { success: true, session };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error ending session", err);
+      return { success: false, error: message };
+    }
   }
   /**
-   * Stop capturing and restore original functions
+   * Get the current active session for the tester
    */
-  stopCapture() {
-    if (!this.isCapturing) return;
-    this.isCapturing = false;
-    if (this.originalConsole.log) console.log = this.originalConsole.log;
-    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
-    if (this.originalConsole.error) console.error = this.originalConsole.error;
-    if (this.originalConsole.info) console.info = this.originalConsole.info;
-    if (this.originalFetch && typeof window !== "undefined") {
-      window.fetch = this.originalFetch;
+  async getActiveSession() {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return null;
+      const { data, error } = await this.supabase.from("qa_sessions").select("*").eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).eq("status", "active").order("started_at", { ascending: false }).limit(1).maybeSingle();
+      if (error || !data) return null;
+      return this.transformSession(data);
+    } catch (err) {
+      console.error("BugBear: Error fetching active session", err);
+      return null;
     }
   }
   /**
-   * Get captured context for a bug report
+   * Get a session by ID
    */
-  getEnhancedContext() {
-    return {
-      consoleLogs: [...this.consoleLogs],
-      networkRequests: [...this.networkRequests],
-      performanceMetrics: this.getPerformanceMetrics(),
+  async getSession(sessionId) {
+    try {
+      const { data, error } = await this.supabase.from("qa_sessions").select("*").eq("id", sessionId).single();
+      if (error || !data) return null;
+      return this.transformSession(data);
+    } catch (err) {
+      console.error("BugBear: Error fetching session", err);
+      return null;
+    }
+  }
+  /**
+   * Get session history for the tester
+   */
+  async getSessionHistory(limit = 10) {
+    try {
+      const testerInfo = await this.getTesterInfo();
+      if (!testerInfo) return [];
+      const { data, error } = await this.supabase.from("qa_sessions").select("*").eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).order("started_at", { ascending: false }).limit(limit);
+      if (error) {
+        console.error("BugBear: Failed to fetch session history", error);
+        return [];
+      }
+      return (data || []).map((s) => this.transformSession(s));
+    } catch (err) {
+      console.error("BugBear: Error fetching session history", err);
+      return [];
+    }
+  }
+  /**
+   * Add a finding during a session
+   */
+  async addFinding(sessionId, options) {
+    try {
+      const { data, error } = await this.supabase.rpc("add_session_finding", {
+        p_session_id: sessionId,
+        p_type: options.type,
+        p_title: options.title,
+        p_description: options.description || null,
+        p_severity: options.severity || "observation",
+        p_route: options.route || null,
+        p_screenshot_url: options.screenshotUrl || null,
+        p_console_logs: options.consoleLogs || null,
+        p_network_snapshot: options.networkSnapshot || null,
+        p_device_info: options.deviceInfo || null,
+        p_app_context: options.appContext || null
+      });
+      if (error) {
+        console.error("BugBear: Failed to add finding", error);
+        return { success: false, error: error.message };
+      }
+      const finding = this.transformFinding(data);
+      return { success: true, finding };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error adding finding", err);
+      return { success: false, error: message };
+    }
+  }
+  /**
+   * Get findings for a session
+   */
+  async getSessionFindings(sessionId) {
+    try {
+      const { data, error } = await this.supabase.from("qa_findings").select("*").eq("session_id", sessionId).order("created_at", { ascending: true });
+      if (error) {
+        console.error("BugBear: Failed to fetch findings", error);
+        return [];
+      }
+      return (data || []).map((f) => this.transformFinding(f));
+    } catch (err) {
+      console.error("BugBear: Error fetching findings", err);
+      return [];
+    }
+  }
+  /**
+   * Convert a finding to a bug report
+   */
+  async convertFindingToBug(findingId) {
+    try {
+      const { data, error } = await this.supabase.rpc("convert_finding_to_bug", {
+        p_finding_id: findingId
+      });
+      if (error) {
+        console.error("BugBear: Failed to convert finding", error);
+        return { success: false, error: error.message };
+      }
+      return { success: true, bugId: data };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      console.error("BugBear: Error converting finding", err);
+      return { success: false, error: message };
+    }
+  }
+  /**
+   * Dismiss a finding
+   */
+  async dismissFinding(findingId, reason) {
+    try {
+      const { error } = await this.supabase.from("qa_findings").update({
+        dismissed: true,
+        dismissed_reason: reason || null,
+        dismissed_at: (/* @__PURE__ */ new Date()).toISOString()
+      }).eq("id", findingId);
+      if (error) {
+        console.error("BugBear: Failed to dismiss finding", 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 dismissing finding", err);
+      return { success: false, error: message };
+    }
+  }
+  /**
+   * Transform database session to QASession type
+   */
+  transformSession(data) {
+    return {
+      id: data.id,
+      projectId: data.project_id,
+      testerId: data.tester_id,
+      focusArea: data.focus_area,
+      track: data.track,
+      platform: data.platform,
+      startedAt: data.started_at,
+      endedAt: data.ended_at,
+      notes: data.notes,
+      routesCovered: data.routes_covered || [],
+      status: data.status,
+      durationMinutes: data.duration_minutes,
+      findingsCount: data.findings_count || 0,
+      bugsFiled: data.bugs_filed || 0,
+      createdAt: data.created_at,
+      updatedAt: data.updated_at
+    };
+  }
+  /**
+   * Transform database finding to QAFinding type
+   */
+  transformFinding(data) {
+    return {
+      id: data.id,
+      sessionId: data.session_id,
+      projectId: data.project_id,
+      type: data.type,
+      severity: data.severity,
+      title: data.title,
+      description: data.description,
+      route: data.route,
+      screenshotUrl: data.screenshot_url,
+      consoleLogs: data.console_logs,
+      networkSnapshot: data.network_snapshot,
+      deviceInfo: data.device_info,
+      appContext: data.app_context,
+      convertedToBugId: data.converted_to_bug_id,
+      convertedToTestId: data.converted_to_test_id,
+      dismissed: data.dismissed || false,
+      dismissedReason: data.dismissed_reason,
+      dismissedAt: data.dismissed_at,
+      createdAt: data.created_at,
+      updatedAt: data.updated_at
+    };
+  }
+};
+function createBugBear(config) {
+  return new BugBearClient(config);
+}
+var MAX_CONSOLE_LOGS = 50;
+var MAX_NETWORK_REQUESTS = 20;
+var ContextCaptureManager = class {
+  constructor() {
+    this.consoleLogs = [];
+    this.networkRequests = [];
+    this.originalConsole = {};
+    this.isCapturing = false;
+  }
+  /**
+   * Start capturing console logs and network requests
+   */
+  startCapture() {
+    if (this.isCapturing) return;
+    this.isCapturing = true;
+    this.captureConsole();
+    this.captureFetch();
+  }
+  /**
+   * Stop capturing and restore original functions
+   */
+  stopCapture() {
+    if (!this.isCapturing) return;
+    this.isCapturing = false;
+    if (this.originalConsole.log) console.log = this.originalConsole.log;
+    if (this.originalConsole.warn) console.warn = this.originalConsole.warn;
+    if (this.originalConsole.error) console.error = this.originalConsole.error;
+    if (this.originalConsole.info) console.info = this.originalConsole.info;
+    if (this.originalFetch && typeof window !== "undefined") {
+      window.fetch = this.originalFetch;
+    }
+  }
+  /**
+   * Get captured context for a bug report
+   */
+  getEnhancedContext() {
+    return {
+      consoleLogs: [...this.consoleLogs],
+      networkRequests: [...this.networkRequests],
+      performanceMetrics: this.getPerformanceMetrics(),
       environment: this.getEnvironmentInfo()
     };
   }
@@ -12110,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 }),
@@ -12128,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");
@@ -12175,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);
@@ -12201,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);
@@ -12255,6 +12995,13 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         sendMessage,
         markAsRead,
         createThread,
+        // QA Sessions
+        activeSession,
+        sessionFindings,
+        startSession,
+        endSession,
+        addFinding,
+        refreshSession,
         refreshTesterStatus,
         updateTesterProfile,
         refreshTesterInfo
@@ -12265,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,
@@ -12315,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");
@@ -12403,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;
@@ -12582,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();
@@ -12635,7 +13615,7 @@ function BugBearButton({
     const steps = displayedAssignment.testCase.steps;
     const info = templateInfo[template];
     const rubricMode = displayedAssignment.testCase.track?.rubricMode || "pass_fail";
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View, { style: [styles.templateBadge, { backgroundColor: displayedAssignment.testCase.track?.color ? `${displayedAssignment.testCase.track.color}20` : "#F3F4F6" }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.templateIcon }, info.icon), /* @__PURE__ */ React2.createElement(Text, { style: styles.templateName }, info.name), /* @__PURE__ */ React2.createElement(Text, { style: styles.templateAction }, "\u2022 ", info.action)), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles.stepsToggle }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepsToggleText }, showSteps ? "\u25BC" : "\u25B6", " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && template === "steps" && /* @__PURE__ */ React2.createElement(View, { style: styles.stepsList }, steps.map((step, idx) => /* @__PURE__ */ React2.createElement(View, { key: idx, style: styles.step }, /* @__PURE__ */ React2.createElement(View, { style: styles.stepNumber }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React2.createElement(View, { style: styles.stepContent }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React2.createElement(Text, { style: styles.stepExpected }, "\u2192 ", step.expectedResult))))), showSteps && template === "checklist" && /* @__PURE__ */ React2.createElement(View, { style: styles.stepsList }, steps.map((step, idx) => /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(View, { style: [styles.templateBadge, { backgroundColor: displayedAssignment.testCase.track?.color ? `${displayedAssignment.testCase.track.color}20` : "#3f3f46" }] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.templateIcon }, info.icon), /* @__PURE__ */ React2.createElement(Text, { style: styles.templateName }, info.name), /* @__PURE__ */ React2.createElement(Text, { style: styles.templateAction }, "\u2022 ", info.action)), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: () => setShowSteps(!showSteps), style: styles.stepsToggle }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepsToggleText }, showSteps ? "\u25BC" : "\u25B6", " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && template === "steps" && /* @__PURE__ */ React2.createElement(View, { style: styles.stepsList }, steps.map((step, idx) => /* @__PURE__ */ React2.createElement(View, { key: idx, style: styles.step }, /* @__PURE__ */ React2.createElement(View, { style: styles.stepNumber }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React2.createElement(View, { style: styles.stepContent }, /* @__PURE__ */ React2.createElement(Text, { style: styles.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React2.createElement(Text, { style: styles.stepExpected }, "\u2192 ", step.expectedResult))))), showSteps && template === "checklist" && /* @__PURE__ */ React2.createElement(View, { style: styles.stepsList }, steps.map((step, idx) => /* @__PURE__ */ React2.createElement(
       TouchableOpacity,
       {
         key: idx,
@@ -12765,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,
         {
@@ -12773,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(
@@ -12815,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")
         )))
@@ -12841,7 +13931,7 @@ function BugBearButton({
             value: composeSubject,
             onChangeText: setComposeSubject,
             placeholder: "What's this about?",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             maxLength: 100
           }
         ), /* @__PURE__ */ React2.createElement(Text, { style: [styles.label, { marginTop: 16 }] }, "Message"), /* @__PURE__ */ React2.createElement(
@@ -12851,7 +13941,7 @@ function BugBearButton({
             value: composeMessage,
             onChangeText: setComposeMessage,
             placeholder: "Write your message...",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             multiline: true,
             numberOfLines: 6,
             textAlignVertical: "top",
@@ -12916,33 +14006,193 @@ function BugBearButton({
             message.senderType === "tester" && styles.messageTimeTester
           ] }, formatMessageTime(message.createdAt))
         ))))
-      )), 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" },
-        { type: "suggestion", label: "\u2728 Idea" }
-      ].map(({ type, label }) => /* @__PURE__ */ React2.createElement(
-        TouchableOpacity,
-        {
-          key: type,
-          style: [
-            styles.reportTypeButton,
-            reportType === type && styles.reportTypeActive
-          ],
-          onPress: () => setReportType(type)
-        },
-        /* @__PURE__ */ React2.createElement(Text, { style: [
-          styles.reportTypeText,
-          reportType === type && styles.reportTypeTextActive
-        ] }, label)
-      ))), (reportType === "bug" || reportType === "test_fail") && /* @__PURE__ */ React2.createElement(View, { style: styles.severitySection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Severity"), /* @__PURE__ */ React2.createElement(View, { style: styles.severityButtons }, ["critical", "high", "medium", "low"].map((sev) => {
-        const activeStyles = {
-          critical: styles.severityCriticalActive,
-          high: styles.severityHighActive,
-          medium: styles.severityMediumActive,
-          low: styles.severityLowActive
-        };
-        return /* @__PURE__ */ React2.createElement(
-          TouchableOpacity,
+      )), 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" },
+        { type: "suggestion", label: "\u2728 Idea" }
+      ].map(({ type, label }) => /* @__PURE__ */ React2.createElement(
+        TouchableOpacity,
+        {
+          key: type,
+          style: [
+            styles.reportTypeButton,
+            reportType === type && styles.reportTypeActive
+          ],
+          onPress: () => setReportType(type)
+        },
+        /* @__PURE__ */ React2.createElement(Text, { style: [
+          styles.reportTypeText,
+          reportType === type && styles.reportTypeTextActive
+        ] }, label)
+      ))), (reportType === "bug" || reportType === "test_fail") && /* @__PURE__ */ React2.createElement(View, { style: styles.severitySection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Severity"), /* @__PURE__ */ React2.createElement(View, { style: styles.severityButtons }, ["critical", "high", "medium", "low"].map((sev) => {
+        const activeStyles = {
+          critical: styles.severityCriticalActive,
+          high: styles.severityHighActive,
+          medium: styles.severityMediumActive,
+          low: styles.severityLowActive
+        };
+        return /* @__PURE__ */ React2.createElement(
+          TouchableOpacity,
           {
             key: sev,
             style: [
@@ -12963,7 +14213,7 @@ function BugBearButton({
           value: description,
           onChangeText: setDescription,
           placeholder: "Describe the issue...",
-          placeholderTextColor: "#9CA3AF",
+          placeholderTextColor: "#71717a",
           multiline: true,
           numberOfLines: 4,
           textAlignVertical: "top"
@@ -12988,7 +14238,7 @@ function BugBearButton({
             value: profileName,
             onChangeText: setProfileName,
             placeholder: "Your name",
-            placeholderTextColor: "#9CA3AF"
+            placeholderTextColor: "#71717a"
           }
         )), /* @__PURE__ */ React2.createElement(View, { style: styles.profileSection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Primary Email"), /* @__PURE__ */ React2.createElement(View, { style: styles.profileReadOnly }, /* @__PURE__ */ React2.createElement(Text, { style: styles.profileReadOnlyText }, testerInfo?.email), /* @__PURE__ */ React2.createElement(Text, { style: styles.profileReadOnlyHint }, "Main communication email"))), /* @__PURE__ */ React2.createElement(View, { style: styles.profileSection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Additional Testing Emails"), /* @__PURE__ */ React2.createElement(Text, { style: styles.profileHint }, "Add other emails you use to test on different accounts"), profileAdditionalEmails.map((email) => /* @__PURE__ */ React2.createElement(View, { key: email, style: styles.emailChip }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emailChipText }, email), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: () => handleRemoveEmail(email) }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emailChipRemove }, "\u2715")))), /* @__PURE__ */ React2.createElement(View, { style: styles.addEmailRow }, /* @__PURE__ */ React2.createElement(
           TextInput,
@@ -12997,7 +14247,7 @@ function BugBearButton({
             value: newEmailInput,
             onChangeText: setNewEmailInput,
             placeholder: "email@example.com",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             keyboardType: "email-address",
             autoCapitalize: "none"
           }
@@ -13062,7 +14312,7 @@ function BugBearButton({
             value: replyText,
             onChangeText: setReplyText,
             placeholder: "Type a reply...",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             multiline: true,
             maxLength: 1e3
           }
@@ -13080,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({
@@ -13091,13 +14396,13 @@ var styles = StyleSheet.create({
     width: 56,
     height: 56,
     borderRadius: 28,
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     justifyContent: "center",
     alignItems: "center",
-    shadowColor: "#000",
+    shadowColor: "#3B82F6",
     shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.3,
-    shadowRadius: 8,
+    shadowOpacity: 0.4,
+    shadowRadius: 12,
     elevation: 8,
     zIndex: 999999
   },
@@ -13130,10 +14435,10 @@ var styles = StyleSheet.create({
   modalContainer: {
     flex: 1,
     justifyContent: "flex-end",
-    backgroundColor: "rgba(0, 0, 0, 0.5)"
+    backgroundColor: "rgba(0, 0, 0, 0.6)"
   },
   modalContent: {
-    backgroundColor: "#fff",
+    backgroundColor: "#18181b",
     borderTopLeftRadius: 20,
     borderTopRightRadius: 20,
     maxHeight: "85%"
@@ -13142,11 +14447,13 @@ var styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#09090b",
     paddingHorizontal: 16,
     paddingVertical: 12,
     borderTopLeftRadius: 20,
-    borderTopRightRadius: 20
+    borderTopRightRadius: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: "#27272a"
   },
   headerLeft: {
     flexDirection: "row",
@@ -13157,12 +14464,12 @@ var styles = StyleSheet.create({
     marginRight: 10
   },
   headerTitle: {
-    color: "#fff",
+    color: "#fafafa",
     fontSize: 16,
     fontWeight: "600"
   },
   headerSubtitle: {
-    color: "#DDD6FE",
+    color: "#71717a",
     fontSize: 12
   },
   headerNameButton: {
@@ -13171,20 +14478,21 @@ var styles = StyleSheet.create({
     gap: 4
   },
   headerPencil: {
-    color: "#DDD6FE",
+    color: "#71717a",
     fontSize: 11
   },
   closeButton: {
     padding: 8
   },
   closeButtonText: {
-    color: "#fff",
+    color: "#a1a1aa",
     fontSize: 18
   },
   tabs: {
     flexDirection: "row",
     borderBottomWidth: 1,
-    borderBottomColor: "#E5E7EB"
+    borderBottomColor: "#27272a",
+    backgroundColor: "#18181b"
   },
   tab: {
     flex: 1,
@@ -13193,15 +14501,15 @@ var styles = StyleSheet.create({
   },
   activeTab: {
     borderBottomWidth: 2,
-    borderBottomColor: "#7C3AED"
+    borderBottomColor: "#3B82F6"
   },
   tabText: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#6B7280"
+    color: "#71717a"
   },
   activeTabText: {
-    color: "#7C3AED"
+    color: "#3B82F6"
   },
   content: {
     padding: 16,
@@ -13214,16 +14522,16 @@ var styles = StyleSheet.create({
     paddingHorizontal: 16,
     paddingVertical: 12,
     borderTopWidth: 1,
-    borderTopColor: "#E5E7EB",
-    backgroundColor: "#F9FAFB"
+    borderTopColor: "#27272a",
+    backgroundColor: "#09090b"
   },
   footerText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#52525b"
   },
   refreshText: {
     fontSize: 12,
-    color: "#6B7280"
+    color: "#71717a"
   },
   emptyState: {
     alignItems: "center",
@@ -13235,7 +14543,7 @@ var styles = StyleSheet.create({
   emptyTitle: {
     fontSize: 18,
     fontWeight: "600",
-    color: "#374151",
+    color: "#e4e4e7",
     marginTop: 12
   },
   passedEmoji: {
@@ -13250,26 +14558,26 @@ var styles = StyleSheet.create({
   },
   emptySubtitle: {
     fontSize: 14,
-    color: "#9CA3AF",
+    color: "#71717a",
     marginTop: 4
   },
   // List view styles
   listHeader: {
     fontSize: 12,
-    color: "#6B7280",
+    color: "#71717a",
     marginBottom: 12
   },
   listItem: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 12,
     padding: 12,
     marginBottom: 8,
     borderWidth: 1,
-    borderColor: "#E5E7EB"
+    borderColor: "#3f3f46"
   },
   listItemCurrent: {
-    backgroundColor: "#EDE9FE",
-    borderColor: "#C4B5FD"
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
   },
   listItemHeader: {
     flexDirection: "row",
@@ -13280,7 +14588,7 @@ var styles = StyleSheet.create({
   listItemKey: {
     fontSize: 12,
     fontFamily: Platform2.OS === "ios" ? "Menlo" : "monospace",
-    color: "#6B7280"
+    color: "#71717a"
   },
   listItemBadges: {
     flexDirection: "row",
@@ -13289,7 +14597,7 @@ var styles = StyleSheet.create({
   listItemTitle: {
     fontSize: 14,
     fontWeight: "600",
-    color: "#111827",
+    color: "#fafafa",
     marginBottom: 4
   },
   listItemMeta: {
@@ -13298,11 +14606,11 @@ var styles = StyleSheet.create({
   },
   listItemMetaText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   currentBadge: {
     fontSize: 12,
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "600",
     marginLeft: 8
   },
@@ -13312,15 +14620,17 @@ var styles = StyleSheet.create({
   },
   backButtonText: {
     fontSize: 14,
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "500"
   },
   // Test card styles
   testCard: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 12,
     padding: 16,
-    marginBottom: 16
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
   },
   testHeader: {
     flexDirection: "row",
@@ -13335,7 +14645,7 @@ var styles = StyleSheet.create({
   testKey: {
     fontSize: 12,
     fontFamily: Platform2.OS === "ios" ? "Menlo" : "monospace",
-    color: "#6B7280"
+    color: "#71717a"
   },
   trackBadge: {
     paddingHorizontal: 6,
@@ -13347,38 +14657,38 @@ var styles = StyleSheet.create({
     color: "#fff"
   },
   priorityBadge: {
-    backgroundColor: "#E5E7EB",
+    backgroundColor: "#3f3f46",
     paddingHorizontal: 8,
     paddingVertical: 2,
     borderRadius: 4
   },
   priorityP0: {
-    backgroundColor: "#FEE2E2"
+    backgroundColor: "#7f1d1d"
   },
   priorityP1: {
-    backgroundColor: "#FED7AA"
+    backgroundColor: "#78350f"
   },
   priorityText: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#374151"
+    color: "#e4e4e7"
   },
   testTitle: {
     fontSize: 16,
     fontWeight: "600",
-    color: "#111827",
+    color: "#fafafa",
     marginBottom: 4
   },
   testDescription: {
     fontSize: 14,
-    color: "#6B7280",
+    color: "#a1a1aa",
     marginBottom: 8
   },
   // Navigate button
   navigateButton: {
-    backgroundColor: "#EFF6FF",
+    backgroundColor: "#1e3a5f",
     borderWidth: 1,
-    borderColor: "#BFDBFE",
+    borderColor: "#3B82F6",
     borderRadius: 8,
     paddingVertical: 10,
     paddingHorizontal: 16,
@@ -13388,7 +14698,7 @@ var styles = StyleSheet.create({
   navigateButtonText: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#1D4ED8"
+    color: "#60a5fa"
   },
   // Template badge
   templateBadge: {
@@ -13406,12 +14716,12 @@ var styles = StyleSheet.create({
   templateName: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#374151",
+    color: "#e4e4e7",
     marginRight: 4
   },
   templateAction: {
     fontSize: 12,
-    color: "#6B7280"
+    color: "#71717a"
   },
   // Steps toggle
   stepsToggle: {
@@ -13419,7 +14729,7 @@ var styles = StyleSheet.create({
   },
   stepsToggleText: {
     fontSize: 14,
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "500"
   },
   stepsList: {
@@ -13433,7 +14743,7 @@ var styles = StyleSheet.create({
     width: 24,
     height: 24,
     borderRadius: 12,
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     justifyContent: "center",
     alignItems: "center",
     marginRight: 12
@@ -13441,41 +14751,41 @@ var styles = StyleSheet.create({
   stepNumberText: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#7C3AED"
+    color: "#3B82F6"
   },
   stepContent: {
     flex: 1
   },
   stepAction: {
     fontSize: 14,
-    color: "#374151"
+    color: "#e4e4e7"
   },
   stepExpected: {
     fontSize: 12,
-    color: "#9CA3AF",
+    color: "#71717a",
     marginTop: 2
   },
   // Checklist styles
   checklistItem: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: "#fff",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 8,
     padding: 12,
     marginBottom: 8
   },
   checklistItemChecked: {
-    backgroundColor: "#ECFDF5",
-    borderColor: "#86EFAC"
+    backgroundColor: "#14532d",
+    borderColor: "#22C55E"
   },
   checkbox: {
     width: 24,
     height: 24,
     borderRadius: 4,
     borderWidth: 2,
-    borderColor: "#22D3EE",
+    borderColor: "#3B82F6",
     marginRight: 12,
     justifyContent: "center",
     alignItems: "center"
@@ -13492,16 +14802,16 @@ var styles = StyleSheet.create({
   checklistText: {
     flex: 1,
     fontSize: 14,
-    color: "#374151"
+    color: "#e4e4e7"
   },
   checklistTextChecked: {
-    color: "#15803D"
+    color: "#4ade80"
   },
   // Rubric styles
   rubricItem: {
-    backgroundColor: "#fff",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 8,
     padding: 12,
     marginBottom: 8
@@ -13515,7 +14825,7 @@ var styles = StyleSheet.create({
     width: 24,
     height: 24,
     borderRadius: 4,
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     justifyContent: "center",
     alignItems: "center",
     marginRight: 8
@@ -13523,17 +14833,17 @@ var styles = StyleSheet.create({
   rubricNumberText: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#7C3AED"
+    color: "#3B82F6"
   },
   rubricTitle: {
     flex: 1,
     fontSize: 14,
     fontWeight: "500",
-    color: "#111827"
+    color: "#fafafa"
   },
   rubricExpected: {
     fontSize: 12,
-    color: "#6B7280",
+    color: "#71717a",
     marginLeft: 32,
     marginBottom: 8
   },
@@ -13547,7 +14857,7 @@ var styles = StyleSheet.create({
     paddingVertical: 8,
     paddingHorizontal: 12,
     borderRadius: 6,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     alignItems: "center"
   },
   passButtonActive: {
@@ -13559,7 +14869,7 @@ var styles = StyleSheet.create({
   passFailButtonText: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#6B7280"
+    color: "#a1a1aa"
   },
   passButtonTextActive: {
     color: "#fff"
@@ -13576,17 +14886,17 @@ var styles = StyleSheet.create({
     width: 36,
     height: 36,
     borderRadius: 6,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     justifyContent: "center",
     alignItems: "center"
   },
   ratingButtonActive: {
-    backgroundColor: "#7C3AED"
+    backgroundColor: "#3B82F6"
   },
   ratingButtonText: {
     fontSize: 14,
     fontWeight: "600",
-    color: "#6B7280"
+    color: "#a1a1aa"
   },
   ratingButtonTextActive: {
     color: "#fff"
@@ -13600,17 +14910,17 @@ var styles = StyleSheet.create({
   },
   helperText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   resetText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   // Freeform styles
   freeformBox: {
-    backgroundColor: "#FFFBEB",
+    backgroundColor: "#422006",
     borderWidth: 1,
-    borderColor: "#FDE68A",
+    borderColor: "#a16207",
     borderRadius: 8,
     padding: 12,
     marginTop: 8
@@ -13618,22 +14928,22 @@ var styles = StyleSheet.create({
   freeformTitle: {
     fontSize: 14,
     fontWeight: "600",
-    color: "#92400E",
+    color: "#fbbf24",
     marginBottom: 4
   },
   freeformText: {
     fontSize: 12,
-    color: "#A16207",
+    color: "#fcd34d",
     marginBottom: 4
   },
   freeformBullet: {
     fontSize: 12,
-    color: "#A16207",
+    color: "#fcd34d",
     marginLeft: 8
   },
   // Expected result
   expectedResult: {
-    backgroundColor: "#ECFDF5",
+    backgroundColor: "#14532d",
     padding: 12,
     borderRadius: 8,
     marginTop: 12
@@ -13641,12 +14951,12 @@ var styles = StyleSheet.create({
   expectedLabel: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#065F46",
+    color: "#4ade80",
     marginBottom: 4
   },
   expectedText: {
     fontSize: 14,
-    color: "#047857"
+    color: "#86efac"
   },
   // Action buttons
   actionButtons: {
@@ -13655,7 +14965,7 @@ var styles = StyleSheet.create({
   },
   failButton: {
     flex: 1,
-    backgroundColor: "#FEE2E2",
+    backgroundColor: "#7f1d1d",
     paddingVertical: 14,
     borderRadius: 12,
     alignItems: "center"
@@ -13663,7 +14973,7 @@ var styles = StyleSheet.create({
   failButtonText: {
     fontSize: 16,
     fontWeight: "600",
-    color: "#DC2626"
+    color: "#fca5a5"
   },
   passButton: {
     flex: 1,
@@ -13685,22 +14995,22 @@ var styles = StyleSheet.create({
   },
   reportTypeButton: {
     flex: 1,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     paddingVertical: 10,
     borderRadius: 8,
     alignItems: "center"
   },
   reportTypeActive: {
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     borderWidth: 2,
-    borderColor: "#7C3AED"
+    borderColor: "#3B82F6"
   },
   reportTypeText: {
     fontSize: 14,
-    color: "#6B7280"
+    color: "#a1a1aa"
   },
   reportTypeTextActive: {
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "600"
   },
   severitySection: {
@@ -13709,7 +15019,7 @@ var styles = StyleSheet.create({
   label: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#374151",
+    color: "#e4e4e7",
     marginBottom: 8
   },
   severityButtons: {
@@ -13718,7 +15028,7 @@ var styles = StyleSheet.create({
   },
   severityButton: {
     flex: 1,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     paddingVertical: 8,
     borderRadius: 6,
     alignItems: "center"
@@ -13737,7 +15047,7 @@ var styles = StyleSheet.create({
   },
   severityText: {
     fontSize: 12,
-    color: "#6B7280",
+    color: "#a1a1aa",
     textTransform: "capitalize"
   },
   severityTextActive: {
@@ -13748,17 +15058,17 @@ var styles = StyleSheet.create({
     marginBottom: 16
   },
   textInput: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 12,
     padding: 12,
     fontSize: 14,
     minHeight: 100,
-    color: "#111827"
+    color: "#fafafa"
   },
   submitButton: {
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingVertical: 14,
     borderRadius: 12,
     alignItems: "center"
@@ -13780,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,
@@ -13797,16 +15114,16 @@ var styles = StyleSheet.create({
   },
   // Thread list styles
   threadItem: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 12,
     padding: 12,
     marginBottom: 8,
     borderWidth: 1,
-    borderColor: "#E5E7EB"
+    borderColor: "#3f3f46"
   },
   threadItemUnread: {
-    backgroundColor: "#EFF6FF",
-    borderColor: "#BFDBFE"
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
   },
   threadHeader: {
     flexDirection: "row",
@@ -13830,12 +15147,12 @@ var styles = StyleSheet.create({
   threadSubject: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#374151",
+    color: "#e4e4e7",
     flex: 1
   },
   threadSubjectUnread: {
     fontWeight: "600",
-    color: "#111827"
+    color: "#fafafa"
   },
   priorityDot: {
     width: 8,
@@ -13845,7 +15162,7 @@ var styles = StyleSheet.create({
   },
   threadPreview: {
     fontSize: 13,
-    color: "#6B7280",
+    color: "#a1a1aa",
     marginBottom: 4
   },
   threadMeta: {
@@ -13855,7 +15172,7 @@ var styles = StyleSheet.create({
   },
   threadMetaText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   unreadBadge: {
     backgroundColor: "#3B82F6",
@@ -13870,7 +15187,7 @@ var styles = StyleSheet.create({
   },
   threadTime: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   // Thread detail styles
   threadDetailContainer: {
@@ -13879,7 +15196,7 @@ var styles = StyleSheet.create({
   threadDetailHeader: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#27272a",
     padding: 12,
     borderRadius: 8,
     marginBottom: 12
@@ -13892,7 +15209,7 @@ var styles = StyleSheet.create({
     flex: 1,
     fontSize: 15,
     fontWeight: "600",
-    color: "#111827"
+    color: "#fafafa"
   },
   loadingMessages: {
     padding: 20,
@@ -13900,7 +15217,7 @@ var styles = StyleSheet.create({
   },
   loadingText: {
     fontSize: 14,
-    color: "#6B7280"
+    color: "#71717a"
   },
   messagesContainer: {
     paddingBottom: 8
@@ -13913,26 +15230,26 @@ var styles = StyleSheet.create({
   },
   messageBubbleAdmin: {
     alignSelf: "flex-start",
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#27272a",
     borderBottomLeftRadius: 4
   },
   messageBubbleTester: {
     alignSelf: "flex-end",
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     borderBottomRightRadius: 4
   },
   messageSender: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#6B7280",
+    color: "#71717a",
     marginBottom: 2
   },
   messageSenderTester: {
-    color: "#DDD6FE"
+    color: "#93c5fd"
   },
   messageContent: {
     fontSize: 14,
-    color: "#111827",
+    color: "#fafafa",
     lineHeight: 20
   },
   messageContentTester: {
@@ -13940,12 +15257,12 @@ var styles = StyleSheet.create({
   },
   messageTime: {
     fontSize: 11,
-    color: "#9CA3AF",
+    color: "#71717a",
     marginTop: 4,
     textAlign: "right"
   },
   messageTimeTester: {
-    color: "#C4B5FD"
+    color: "#93c5fd"
   },
   // Reply composer styles
   replyComposer: {
@@ -13953,24 +15270,24 @@ var styles = StyleSheet.create({
     alignItems: "flex-end",
     padding: 12,
     borderTopWidth: 1,
-    borderTopColor: "#E5E7EB",
-    backgroundColor: "#fff"
+    borderTopColor: "#27272a",
+    backgroundColor: "#18181b"
   },
   replyInput: {
     flex: 1,
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 20,
     paddingHorizontal: 16,
     paddingVertical: 10,
     fontSize: 14,
-    color: "#111827",
+    color: "#fafafa",
     maxHeight: 100,
     marginRight: 8
   },
   sendButton: {
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingHorizontal: 16,
     paddingVertical: 10,
     borderRadius: 20,
@@ -13978,7 +15295,7 @@ var styles = StyleSheet.create({
     alignItems: "center"
   },
   sendButtonDisabled: {
-    backgroundColor: "#C4B5FD"
+    backgroundColor: "#1e40af"
   },
   sendButtonText: {
     fontSize: 14,
@@ -13990,7 +15307,7 @@ var styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingVertical: 12,
     paddingHorizontal: 20,
     borderRadius: 12,
@@ -14012,48 +15329,50 @@ var styles = StyleSheet.create({
   composeTitle: {
     fontSize: 20,
     fontWeight: "600",
-    color: "#111827",
+    color: "#fafafa",
     marginBottom: 4
   },
   composeSubtitle: {
     fontSize: 14,
-    color: "#6B7280"
+    color: "#71717a"
   },
   composeForm: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 12,
-    padding: 16
+    padding: 16,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
   },
   composeSubjectInput: {
-    backgroundColor: "#fff",
+    backgroundColor: "#18181b",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 8,
     paddingHorizontal: 12,
     paddingVertical: 10,
     fontSize: 15,
-    color: "#111827"
+    color: "#fafafa"
   },
   composeMessageInput: {
-    backgroundColor: "#fff",
+    backgroundColor: "#18181b",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 8,
     paddingHorizontal: 12,
     paddingVertical: 10,
     fontSize: 15,
-    color: "#111827",
+    color: "#fafafa",
     minHeight: 120
   },
   composeSendButton: {
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingVertical: 14,
     borderRadius: 12,
     alignItems: "center",
     marginTop: 20
   },
   composeSendButtonDisabled: {
-    backgroundColor: "#C4B5FD"
+    backgroundColor: "#1e40af"
   },
   composeSendButtonText: {
     fontSize: 16,
@@ -14062,17 +15381,19 @@ var styles = StyleSheet.create({
   },
   // Profile styles
   profileCard: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 16,
     padding: 24,
     alignItems: "center",
-    marginBottom: 16
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
   },
   avatarCircle: {
     width: 72,
     height: 72,
     borderRadius: 36,
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     justifyContent: "center",
     alignItems: "center",
     marginBottom: 12
@@ -14085,12 +15406,12 @@ var styles = StyleSheet.create({
   profileName: {
     fontSize: 20,
     fontWeight: "600",
-    color: "#111827",
+    color: "#fafafa",
     marginBottom: 4
   },
   profileEmail: {
     fontSize: 14,
-    color: "#6B7280",
+    color: "#71717a",
     marginBottom: 16
   },
   profileStats: {
@@ -14104,35 +15425,37 @@ var styles = StyleSheet.create({
   profileStatValue: {
     fontSize: 24,
     fontWeight: "700",
-    color: "#7C3AED"
+    color: "#3B82F6"
   },
   profileStatLabel: {
     fontSize: 12,
-    color: "#6B7280",
+    color: "#71717a",
     marginTop: 2
   },
   profileStatDivider: {
     width: 1,
     height: 32,
-    backgroundColor: "#E5E7EB"
+    backgroundColor: "#3f3f46"
   },
   profileInfoSection: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderRadius: 12,
     padding: 16,
-    marginBottom: 12
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: "#3f3f46"
   },
   profileInfoLabel: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#6B7280",
+    color: "#71717a",
     marginBottom: 8,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
   profileInfoValue: {
     fontSize: 14,
-    color: "#374151",
+    color: "#e4e4e7",
     marginBottom: 4
   },
   platformTags: {
@@ -14141,18 +15464,18 @@ var styles = StyleSheet.create({
     gap: 8
   },
   platformTag: {
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     paddingHorizontal: 12,
     paddingVertical: 6,
     borderRadius: 16
   },
   platformTagText: {
     fontSize: 13,
-    color: "#7C3AED",
+    color: "#60a5fa",
     fontWeight: "500"
   },
   editProfileButton: {
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingVertical: 14,
     borderRadius: 12,
     alignItems: "center",
@@ -14173,48 +15496,48 @@ var styles = StyleSheet.create({
   profileEditTitle: {
     fontSize: 20,
     fontWeight: "600",
-    color: "#111827"
+    color: "#fafafa"
   },
   cancelText: {
     fontSize: 14,
-    color: "#6B7280"
+    color: "#71717a"
   },
   profileSection: {
     marginBottom: 20
   },
   profileInput: {
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 10,
     paddingHorizontal: 14,
     paddingVertical: 12,
     fontSize: 15,
-    color: "#111827"
+    color: "#fafafa"
   },
   profileReadOnly: {
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#27272a",
     borderRadius: 10,
     padding: 14
   },
   profileReadOnlyText: {
     fontSize: 15,
-    color: "#374151"
+    color: "#a1a1aa"
   },
   profileReadOnlyHint: {
     fontSize: 12,
-    color: "#9CA3AF",
+    color: "#52525b",
     marginTop: 4
   },
   profileHint: {
     fontSize: 13,
-    color: "#6B7280",
+    color: "#71717a",
     marginBottom: 12
   },
   emailChip: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     paddingHorizontal: 12,
     paddingVertical: 8,
     borderRadius: 20,
@@ -14223,11 +15546,11 @@ var styles = StyleSheet.create({
   emailChipText: {
     flex: 1,
     fontSize: 14,
-    color: "#5B21B6"
+    color: "#60a5fa"
   },
   emailChipRemove: {
     fontSize: 14,
-    color: "#8B5CF6",
+    color: "#93c5fd",
     fontWeight: "600",
     marginLeft: 8
   },
@@ -14237,23 +15560,23 @@ var styles = StyleSheet.create({
   },
   addEmailInput: {
     flex: 1,
-    backgroundColor: "#F9FAFB",
+    backgroundColor: "#27272a",
     borderWidth: 1,
-    borderColor: "#E5E7EB",
+    borderColor: "#3f3f46",
     borderRadius: 10,
     paddingHorizontal: 14,
     paddingVertical: 10,
     fontSize: 14,
-    color: "#111827"
+    color: "#fafafa"
   },
   addEmailButton: {
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingHorizontal: 16,
     borderRadius: 10,
     justifyContent: "center"
   },
   addEmailButtonDisabled: {
-    backgroundColor: "#C4B5FD"
+    backgroundColor: "#1e40af"
   },
   addEmailButtonText: {
     fontSize: 14,
@@ -14266,7 +15589,7 @@ var styles = StyleSheet.create({
   },
   platformButton: {
     flex: 1,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     paddingVertical: 12,
     borderRadius: 10,
     alignItems: "center",
@@ -14274,16 +15597,16 @@ var styles = StyleSheet.create({
     borderColor: "transparent"
   },
   platformButtonActive: {
-    backgroundColor: "#EDE9FE",
-    borderColor: "#7C3AED"
+    backgroundColor: "#1e3a5f",
+    borderColor: "#3B82F6"
   },
   platformButtonText: {
     fontSize: 13,
-    color: "#6B7280",
+    color: "#a1a1aa",
     fontWeight: "500"
   },
   platformButtonTextActive: {
-    color: "#7C3AED"
+    color: "#3B82F6"
   },
   saveProfileButton: {
     backgroundColor: "#16A34A",
@@ -14307,7 +15630,7 @@ var styles = StyleSheet.create({
     left: 0,
     right: 0,
     bottom: 0,
-    backgroundColor: "#fff",
+    backgroundColor: "#18181b",
     zIndex: 100
   },
   profileOverlayContent: {
@@ -14316,9 +15639,9 @@ var styles = StyleSheet.create({
   },
   profileOverlayFooter: {
     borderTopWidth: 1,
-    borderTopColor: "#E5E7EB",
+    borderTopColor: "#27272a",
     padding: 12,
-    backgroundColor: "#F9FAFB"
+    backgroundColor: "#09090b"
   },
   closeProfileButton: {
     paddingVertical: 8,
@@ -14327,7 +15650,666 @@ var styles = StyleSheet.create({
   closeProfileButtonText: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#7C3AED"
+    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 {