@bbearai/react-native 0.1.7 → 0.1.9

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,7 @@ var BugBearClient = class {
       const { data, error } = await this.supabase.from("test_assignments").select(`
           id,
           status,
+          started_at,
           test_case:test_cases(
             id,
             title,
@@ -11489,6 +11499,7 @@ var BugBearClient = class {
       return (data || []).map((item) => ({
         id: item.id,
         status: item.status,
+        startedAt: item.started_at,
         testCase: {
           id: item.test_case.id,
           title: item.test_case.title,
@@ -11514,47 +11525,430 @@ 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 };
+    }
+  }
+  /**
+   * 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 +12224,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,6 +12323,248 @@ var BugBearClient = class {
       return { success: false, error: message };
     }
   }
+  // ============================================
+  // 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 };
+    }
+  }
+  /**
+   * End the current QA session
+   */
+  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 };
+    }
+  }
+  /**
+   * Get the current active session for the tester
+   */
+  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 a session by ID
+   */
+  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);
@@ -12320,6 +12961,7 @@ function BugBearButton({
   const [modalVisible, setModalVisible] = useState2(false);
   const [activeTab, setActiveTab] = useState2("tests");
   const [showSteps, setShowSteps] = useState2(false);
+  const [showProfileOverlay, setShowProfileOverlay] = useState2(false);
   const [messageView, setMessageView] = useState2("list");
   const [selectedThread, setSelectedThread] = useState2(null);
   const [threadMessages, setThreadMessages] = useState2([]);
@@ -12520,6 +13162,15 @@ function BugBearButton({
     }
     setSendingNewMessage(false);
   };
+  const handleOpenProfile = () => {
+    if (testerInfo) {
+      setProfileName(testerInfo.name);
+      setProfileAdditionalEmails(testerInfo.additionalEmails || []);
+      setProfilePlatforms(testerInfo.platforms || []);
+    }
+    setProfileEditing(false);
+    setShowProfileOverlay(true);
+  };
   const handleStartEditProfile = () => {
     if (testerInfo) {
       setProfileName(testerInfo.name);
@@ -12532,6 +13183,11 @@ function BugBearButton({
     setProfileEditing(false);
     setNewEmailInput("");
   };
+  const handleCloseProfile = () => {
+    setShowProfileOverlay(false);
+    setProfileEditing(false);
+    setNewEmailInput("");
+  };
   const handleAddEmail = () => {
     const email = newEmailInput.trim().toLowerCase();
     if (email && email.includes("@") && !profileAdditionalEmails.includes(email)) {
@@ -12560,7 +13216,10 @@ function BugBearButton({
     if (result.success) {
       setProfileEditing(false);
       setProfileSaved(true);
-      setTimeout(() => setProfileSaved(false), 2e3);
+      setTimeout(() => {
+        setProfileSaved(false);
+        setShowProfileOverlay(false);
+      }, 1500);
     }
     setSavingProfile(false);
   };
@@ -12617,7 +13276,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,
@@ -12726,7 +13385,7 @@ function BugBearButton({
         behavior: Platform2.OS === "ios" ? "padding" : "height",
         style: styles.modalContainer
       },
-      /* @__PURE__ */ React2.createElement(View, { style: styles.modalContent }, /* @__PURE__ */ React2.createElement(View, { style: styles.header }, /* @__PURE__ */ React2.createElement(View, { style: styles.headerLeft }, /* @__PURE__ */ React2.createElement(Text, { style: styles.headerEmoji }, "\u{1F43B}"), /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.headerTitle }, "BugBear"), /* @__PURE__ */ React2.createElement(Text, { style: styles.headerSubtitle }, testerInfo?.name))), /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React2.createElement(View, { style: styles.modalContent }, /* @__PURE__ */ React2.createElement(View, { style: styles.header }, /* @__PURE__ */ React2.createElement(View, { style: styles.headerLeft }, /* @__PURE__ */ React2.createElement(Text, { style: styles.headerEmoji }, "\u{1F43B}"), /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Text, { style: styles.headerTitle }, "BugBear"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleOpenProfile, style: styles.headerNameButton }, /* @__PURE__ */ React2.createElement(Text, { style: styles.headerSubtitle }, testerInfo?.name), /* @__PURE__ */ React2.createElement(Text, { style: styles.headerPencil }, "\u270E")))), /* @__PURE__ */ React2.createElement(
         TouchableOpacity,
         {
           onPress: () => setModalVisible(false),
@@ -12747,13 +13406,6 @@ 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 === "profile" && styles.activeTab],
-          onPress: () => setActiveTab("profile")
-        },
-        /* @__PURE__ */ React2.createElement(Text, { style: [styles.tabText, activeTab === "profile" && styles.activeTabText] }, "Profile")
       ), /* @__PURE__ */ React2.createElement(
         TouchableOpacity,
         {
@@ -12830,7 +13482,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(
@@ -12840,7 +13492,7 @@ function BugBearButton({
             value: composeMessage,
             onChangeText: setComposeMessage,
             placeholder: "Write your message...",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             multiline: true,
             numberOfLines: 6,
             textAlignVertical: "top",
@@ -12905,7 +13557,70 @@ function BugBearButton({
             message.senderType === "tester" && styles.messageTimeTester
           ] }, formatMessageTime(message.createdAt))
         ))))
-      )), activeTab === "profile" && /* @__PURE__ */ React2.createElement(View, null, profileSaved ? /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u2705"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "Profile saved!")) : profileEditing ? (
+      )), 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: [
+              styles.severityButton,
+              severity === sev && activeStyles[sev]
+            ],
+            onPress: () => setSeverity(sev)
+          },
+          /* @__PURE__ */ React2.createElement(Text, { style: [
+            styles.severityText,
+            severity === sev && styles.severityTextActive
+          ] }, sev)
+        );
+      }))), /* @__PURE__ */ React2.createElement(View, { style: styles.descriptionSection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "What happened?"), /* @__PURE__ */ React2.createElement(
+        TextInput,
+        {
+          style: styles.textInput,
+          value: description,
+          onChangeText: setDescription,
+          placeholder: "Describe the issue...",
+          placeholderTextColor: "#71717a",
+          multiline: true,
+          numberOfLines: 4,
+          textAlignVertical: "top"
+        }
+      )), /* @__PURE__ */ React2.createElement(
+        TouchableOpacity,
+        {
+          style: [
+            styles.submitButton,
+            (!description.trim() || submitting) && styles.submitButtonDisabled
+          ],
+          onPress: handleSubmitReport,
+          disabled: !description.trim() || submitting
+        },
+        /* @__PURE__ */ React2.createElement(Text, { style: styles.submitButtonText }, submitting ? "Submitting..." : "Submit Report")
+      )))), showProfileOverlay && /* @__PURE__ */ React2.createElement(View, { style: styles.profileOverlay }, /* @__PURE__ */ React2.createElement(ScrollView, { style: styles.profileOverlayContent }, profileSaved ? /* @__PURE__ */ React2.createElement(View, { style: styles.emptyState }, /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyEmoji }, "\u2705"), /* @__PURE__ */ React2.createElement(Text, { style: styles.emptyTitle }, "Profile saved!")) : profileEditing ? (
         /* Edit Profile Form */
         /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: styles.profileEditHeader }, /* @__PURE__ */ React2.createElement(Text, { style: styles.profileEditTitle }, "Edit Profile"), /* @__PURE__ */ React2.createElement(TouchableOpacity, { onPress: handleCancelEditProfile }, /* @__PURE__ */ React2.createElement(Text, { style: styles.cancelText }, "Cancel"))), /* @__PURE__ */ React2.createElement(View, { style: styles.profileSection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "Name"), /* @__PURE__ */ React2.createElement(
           TextInput,
@@ -12914,7 +13629,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,
@@ -12923,7 +13638,7 @@ function BugBearButton({
             value: newEmailInput,
             onChangeText: setNewEmailInput,
             placeholder: "email@example.com",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             keyboardType: "email-address",
             autoCapitalize: "none"
           }
@@ -12972,70 +13687,14 @@ function BugBearButton({
           },
           /* @__PURE__ */ React2.createElement(Text, { style: styles.editProfileButtonText }, "Edit Profile")
         ))
-      )), 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(
+      )), /* @__PURE__ */ React2.createElement(View, { style: styles.profileOverlayFooter }, /* @__PURE__ */ React2.createElement(
         TouchableOpacity,
         {
-          key: type,
-          style: [
-            styles.reportTypeButton,
-            reportType === type && styles.reportTypeActive
-          ],
-          onPress: () => setReportType(type)
+          style: styles.closeProfileButton,
+          onPress: handleCloseProfile
         },
-        /* @__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: [
-              styles.severityButton,
-              severity === sev && activeStyles[sev]
-            ],
-            onPress: () => setSeverity(sev)
-          },
-          /* @__PURE__ */ React2.createElement(Text, { style: [
-            styles.severityText,
-            severity === sev && styles.severityTextActive
-          ] }, sev)
-        );
-      }))), /* @__PURE__ */ React2.createElement(View, { style: styles.descriptionSection }, /* @__PURE__ */ React2.createElement(Text, { style: styles.label }, "What happened?"), /* @__PURE__ */ React2.createElement(
-        TextInput,
-        {
-          style: styles.textInput,
-          value: description,
-          onChangeText: setDescription,
-          placeholder: "Describe the issue...",
-          placeholderTextColor: "#9CA3AF",
-          multiline: true,
-          numberOfLines: 4,
-          textAlignVertical: "top"
-        }
-      )), /* @__PURE__ */ React2.createElement(
-        TouchableOpacity,
-        {
-          style: [
-            styles.submitButton,
-            (!description.trim() || submitting) && styles.submitButtonDisabled
-          ],
-          onPress: handleSubmitReport,
-          disabled: !description.trim() || submitting
-        },
-        /* @__PURE__ */ React2.createElement(Text, { style: styles.submitButtonText }, submitting ? "Submitting..." : "Submit Report")
-      )))), activeTab === "messages" && messageView === "thread" && selectedThread ? (
+        /* @__PURE__ */ React2.createElement(Text, { style: styles.closeProfileButtonText }, "\u2190 Back")
+      ))), activeTab === "messages" && messageView === "thread" && selectedThread ? (
         /* Reply Composer */
         /* @__PURE__ */ React2.createElement(View, { style: styles.replyComposer }, /* @__PURE__ */ React2.createElement(
           TextInput,
@@ -13044,7 +13703,7 @@ function BugBearButton({
             value: replyText,
             onChangeText: setReplyText,
             placeholder: "Type a reply...",
-            placeholderTextColor: "#9CA3AF",
+            placeholderTextColor: "#71717a",
             multiline: true,
             maxLength: 1e3
           }
@@ -13073,13 +13732,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
   },
@@ -13112,10 +13771,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%"
@@ -13124,11 +13783,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",
@@ -13139,25 +13800,35 @@ var styles = StyleSheet.create({
     marginRight: 10
   },
   headerTitle: {
-    color: "#fff",
+    color: "#fafafa",
     fontSize: 16,
     fontWeight: "600"
   },
   headerSubtitle: {
-    color: "#DDD6FE",
+    color: "#71717a",
     fontSize: 12
   },
+  headerNameButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  headerPencil: {
+    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,
@@ -13166,15 +13837,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,
@@ -13187,16 +13858,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",
@@ -13208,7 +13879,7 @@ var styles = StyleSheet.create({
   emptyTitle: {
     fontSize: 18,
     fontWeight: "600",
-    color: "#374151",
+    color: "#e4e4e7",
     marginTop: 12
   },
   passedEmoji: {
@@ -13223,26 +13894,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",
@@ -13253,7 +13924,7 @@ var styles = StyleSheet.create({
   listItemKey: {
     fontSize: 12,
     fontFamily: Platform2.OS === "ios" ? "Menlo" : "monospace",
-    color: "#6B7280"
+    color: "#71717a"
   },
   listItemBadges: {
     flexDirection: "row",
@@ -13262,7 +13933,7 @@ var styles = StyleSheet.create({
   listItemTitle: {
     fontSize: 14,
     fontWeight: "600",
-    color: "#111827",
+    color: "#fafafa",
     marginBottom: 4
   },
   listItemMeta: {
@@ -13271,11 +13942,11 @@ var styles = StyleSheet.create({
   },
   listItemMetaText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   currentBadge: {
     fontSize: 12,
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "600",
     marginLeft: 8
   },
@@ -13285,15 +13956,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",
@@ -13308,7 +13981,7 @@ var styles = StyleSheet.create({
   testKey: {
     fontSize: 12,
     fontFamily: Platform2.OS === "ios" ? "Menlo" : "monospace",
-    color: "#6B7280"
+    color: "#71717a"
   },
   trackBadge: {
     paddingHorizontal: 6,
@@ -13320,38 +13993,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,
@@ -13361,7 +14034,7 @@ var styles = StyleSheet.create({
   navigateButtonText: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#1D4ED8"
+    color: "#60a5fa"
   },
   // Template badge
   templateBadge: {
@@ -13379,12 +14052,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: {
@@ -13392,7 +14065,7 @@ var styles = StyleSheet.create({
   },
   stepsToggleText: {
     fontSize: 14,
-    color: "#7C3AED",
+    color: "#3B82F6",
     fontWeight: "500"
   },
   stepsList: {
@@ -13406,7 +14079,7 @@ var styles = StyleSheet.create({
     width: 24,
     height: 24,
     borderRadius: 12,
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     justifyContent: "center",
     alignItems: "center",
     marginRight: 12
@@ -13414,41 +14087,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"
@@ -13465,16 +14138,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
@@ -13488,7 +14161,7 @@ var styles = StyleSheet.create({
     width: 24,
     height: 24,
     borderRadius: 4,
-    backgroundColor: "#EDE9FE",
+    backgroundColor: "#1e3a5f",
     justifyContent: "center",
     alignItems: "center",
     marginRight: 8
@@ -13496,17 +14169,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
   },
@@ -13520,7 +14193,7 @@ var styles = StyleSheet.create({
     paddingVertical: 8,
     paddingHorizontal: 12,
     borderRadius: 6,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     alignItems: "center"
   },
   passButtonActive: {
@@ -13532,7 +14205,7 @@ var styles = StyleSheet.create({
   passFailButtonText: {
     fontSize: 12,
     fontWeight: "600",
-    color: "#6B7280"
+    color: "#a1a1aa"
   },
   passButtonTextActive: {
     color: "#fff"
@@ -13549,17 +14222,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"
@@ -13573,17 +14246,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
@@ -13591,22 +14264,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
@@ -13614,12 +14287,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: {
@@ -13628,7 +14301,7 @@ var styles = StyleSheet.create({
   },
   failButton: {
     flex: 1,
-    backgroundColor: "#FEE2E2",
+    backgroundColor: "#7f1d1d",
     paddingVertical: 14,
     borderRadius: 12,
     alignItems: "center"
@@ -13636,7 +14309,7 @@ var styles = StyleSheet.create({
   failButtonText: {
     fontSize: 16,
     fontWeight: "600",
-    color: "#DC2626"
+    color: "#fca5a5"
   },
   passButton: {
     flex: 1,
@@ -13658,22 +14331,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: {
@@ -13682,7 +14355,7 @@ var styles = StyleSheet.create({
   label: {
     fontSize: 14,
     fontWeight: "500",
-    color: "#374151",
+    color: "#e4e4e7",
     marginBottom: 8
   },
   severityButtons: {
@@ -13691,7 +14364,7 @@ var styles = StyleSheet.create({
   },
   severityButton: {
     flex: 1,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     paddingVertical: 8,
     borderRadius: 6,
     alignItems: "center"
@@ -13710,7 +14383,7 @@ var styles = StyleSheet.create({
   },
   severityText: {
     fontSize: 12,
-    color: "#6B7280",
+    color: "#a1a1aa",
     textTransform: "capitalize"
   },
   severityTextActive: {
@@ -13721,17 +14394,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"
@@ -13770,16 +14443,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",
@@ -13803,12 +14476,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,
@@ -13818,7 +14491,7 @@ var styles = StyleSheet.create({
   },
   threadPreview: {
     fontSize: 13,
-    color: "#6B7280",
+    color: "#a1a1aa",
     marginBottom: 4
   },
   threadMeta: {
@@ -13828,7 +14501,7 @@ var styles = StyleSheet.create({
   },
   threadMetaText: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   unreadBadge: {
     backgroundColor: "#3B82F6",
@@ -13843,7 +14516,7 @@ var styles = StyleSheet.create({
   },
   threadTime: {
     fontSize: 12,
-    color: "#9CA3AF"
+    color: "#71717a"
   },
   // Thread detail styles
   threadDetailContainer: {
@@ -13852,7 +14525,7 @@ var styles = StyleSheet.create({
   threadDetailHeader: {
     flexDirection: "row",
     alignItems: "center",
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#27272a",
     padding: 12,
     borderRadius: 8,
     marginBottom: 12
@@ -13865,7 +14538,7 @@ var styles = StyleSheet.create({
     flex: 1,
     fontSize: 15,
     fontWeight: "600",
-    color: "#111827"
+    color: "#fafafa"
   },
   loadingMessages: {
     padding: 20,
@@ -13873,7 +14546,7 @@ var styles = StyleSheet.create({
   },
   loadingText: {
     fontSize: 14,
-    color: "#6B7280"
+    color: "#71717a"
   },
   messagesContainer: {
     paddingBottom: 8
@@ -13886,26 +14559,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: {
@@ -13913,12 +14586,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: {
@@ -13926,24 +14599,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,
@@ -13951,7 +14624,7 @@ var styles = StyleSheet.create({
     alignItems: "center"
   },
   sendButtonDisabled: {
-    backgroundColor: "#C4B5FD"
+    backgroundColor: "#1e40af"
   },
   sendButtonText: {
     fontSize: 14,
@@ -13963,7 +14636,7 @@ var styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: "#7C3AED",
+    backgroundColor: "#3B82F6",
     paddingVertical: 12,
     paddingHorizontal: 20,
     borderRadius: 12,
@@ -13985,48 +14658,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,
@@ -14035,17 +14710,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
@@ -14058,12 +14735,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: {
@@ -14077,35 +14754,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: {
@@ -14114,18 +14793,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",
@@ -14146,48 +14825,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,
@@ -14196,11 +14875,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
   },
@@ -14210,23 +14889,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,
@@ -14239,7 +14918,7 @@ var styles = StyleSheet.create({
   },
   platformButton: {
     flex: 1,
-    backgroundColor: "#F3F4F6",
+    backgroundColor: "#3f3f46",
     paddingVertical: 12,
     borderRadius: 10,
     alignItems: "center",
@@ -14247,16 +14926,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",
@@ -14272,6 +14951,35 @@ var styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: "600",
     color: "#fff"
+  },
+  // Profile overlay styles
+  profileOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "#18181b",
+    zIndex: 100
+  },
+  profileOverlayContent: {
+    flex: 1,
+    padding: 16
+  },
+  profileOverlayFooter: {
+    borderTopWidth: 1,
+    borderTopColor: "#27272a",
+    padding: 12,
+    backgroundColor: "#09090b"
+  },
+  closeProfileButton: {
+    paddingVertical: 8,
+    alignItems: "center"
+  },
+  closeProfileButtonText: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#3B82F6"
   }
 });
 export {