@bbearai/react-native 0.5.7 → 0.6.0

package/dist/index.mjs

@@ -9,14 +9,14 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 import React, { createContext, useContext, useEffect, useState, useCallback, useRef } from "react";
 
 // ../../node_modules/tslib/tslib.es6.mjs
-function __rest(s, e) {
+function __rest(s2, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
+  for (var p in s2) if (Object.prototype.hasOwnProperty.call(s2, p) && e.indexOf(p) < 0)
+    t[p] = s2[p];
+  if (s2 != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s2); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p[i]))
+        t[p[i]] = s2[p[i]];
     }
   return t;
 }
@@ -831,9 +831,9 @@ var PostgrestFilterBuilder = class extends PostgrestTransformBuilder {
   * @param values - The values array to filter with
   */
   in(column, values) {
-    const cleanedValues = Array.from(new Set(values)).map((s) => {
-      if (typeof s === "string" && PostgrestReservedCharsRegexp.test(s)) return `"${s}"`;
-      else return `${s}`;
+    const cleanedValues = Array.from(new Set(values)).map((s2) => {
+      if (typeof s2 === "string" && PostgrestReservedCharsRegexp.test(s2)) return `"${s2}"`;
+      else return `${s2}`;
     }).join(",");
     this.url.searchParams.append(column, `in.(${cleanedValues})`);
     return this;
@@ -845,9 +845,9 @@ var PostgrestFilterBuilder = class extends PostgrestTransformBuilder {
   * @param values - The values array to filter with
   */
   notIn(column, values) {
-    const cleanedValues = Array.from(new Set(values)).map((s) => {
-      if (typeof s === "string" && PostgrestReservedCharsRegexp.test(s)) return `"${s}"`;
-      else return `${s}`;
+    const cleanedValues = Array.from(new Set(values)).map((s2) => {
+      if (typeof s2 === "string" && PostgrestReservedCharsRegexp.test(s2)) return `"${s2}"`;
+      else return `${s2}`;
     }).join(",");
     this.url.searchParams.append(column, `not.in.(${cleanedValues})`);
     return this;
@@ -11602,31 +11602,306 @@ function captureError(error, errorInfo) {
     componentStack: errorInfo?.componentStack
   };
 }
+var LocalStorageAdapter = class {
+  constructor() {
+    this.fallback = /* @__PURE__ */ new Map();
+  }
+  get isAvailable() {
+    try {
+      const key = "__bugbear_test__";
+      localStorage.setItem(key, "1");
+      localStorage.removeItem(key);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async getItem(key) {
+    if (this.isAvailable) return localStorage.getItem(key);
+    return this.fallback.get(key) ?? null;
+  }
+  async setItem(key, value) {
+    if (this.isAvailable) {
+      localStorage.setItem(key, value);
+    } else {
+      this.fallback.set(key, value);
+    }
+  }
+  async removeItem(key) {
+    if (this.isAvailable) {
+      localStorage.removeItem(key);
+    } else {
+      this.fallback.delete(key);
+    }
+  }
+};
+var OfflineQueue = class {
+  constructor(config) {
+    this.items = [];
+    this.storageKey = "bugbear_offline_queue";
+    this.flushing = false;
+    this.handlers = /* @__PURE__ */ new Map();
+    this.maxItems = config.maxItems ?? 50;
+    this.maxRetries = config.maxRetries ?? 5;
+    this.storage = config.storage ?? new LocalStorageAdapter();
+  }
+  // ── Flush handler registration ──────────────────────────────
+  /** Register a handler that replays a queued operation. */
+  registerHandler(type, handler) {
+    this.handlers.set(type, handler);
+  }
+  // ── Change listener ─────────────────────────────────────────
+  /** Subscribe to queue count changes (for UI badges). */
+  onChange(callback) {
+    this.listener = callback;
+  }
+  notify() {
+    this.listener?.(this.items.length);
+  }
+  // ── Persistence ─────────────────────────────────────────────
+  /** Load queue from persistent storage. Call once after construction. */
+  async load() {
+    try {
+      const raw = await this.storage.getItem(this.storageKey);
+      if (raw) {
+        this.items = JSON.parse(raw);
+      }
+    } catch {
+      this.items = [];
+    }
+    this.notify();
+  }
+  async save() {
+    try {
+      await this.storage.setItem(this.storageKey, JSON.stringify(this.items));
+    } catch (err) {
+      console.error("BugBear: Failed to persist offline queue", err);
+    }
+    this.notify();
+  }
+  // ── Enqueue ─────────────────────────────────────────────────
+  /** Add a failed operation to the queue. Returns the item ID. */
+  async enqueue(type, payload) {
+    if (this.items.length >= this.maxItems) {
+      this.items.shift();
+    }
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+    this.items.push({ id, type, payload, createdAt: Date.now(), retries: 0 });
+    await this.save();
+    return id;
+  }
+  // ── Accessors ───────────────────────────────────────────────
+  /** Number of items waiting to be flushed. */
+  get count() {
+    return this.items.length;
+  }
+  /** Read-only snapshot of pending items. */
+  get pending() {
+    return [...this.items];
+  }
+  /** Whether a flush is currently in progress. */
+  get isFlushing() {
+    return this.flushing;
+  }
+  // ── Flush ───────────────────────────────────────────────────
+  /**
+   * Process all queued items in FIFO order.
+   * Stops early if a network error is encountered (still offline).
+   */
+  async flush() {
+    if (this.flushing || this.items.length === 0) {
+      return { flushed: 0, failed: 0 };
+    }
+    this.flushing = true;
+    let flushed = 0;
+    let failed = 0;
+    const snapshot = [...this.items];
+    for (const item of snapshot) {
+      const handler = this.handlers.get(item.type);
+      if (!handler) {
+        failed++;
+        continue;
+      }
+      try {
+        const result = await handler(item.payload);
+        if (result.success) {
+          this.items = this.items.filter((i) => i.id !== item.id);
+          flushed++;
+        } else if (isNetworkError(result.error)) {
+          break;
+        } else {
+          const idx = this.items.findIndex((i) => i.id === item.id);
+          if (idx !== -1) {
+            this.items[idx].retries++;
+            if (this.items[idx].retries >= this.maxRetries) {
+              this.items.splice(idx, 1);
+            }
+          }
+          failed++;
+        }
+      } catch {
+        break;
+      }
+    }
+    await this.save();
+    this.flushing = false;
+    return { flushed, failed };
+  }
+  // ── Clear ───────────────────────────────────────────────────
+  /** Drop all queued items. */
+  async clear() {
+    this.items = [];
+    await this.save();
+  }
+};
+function isNetworkError(error) {
+  if (!error) return false;
+  const msg = error.toLowerCase();
+  return msg.includes("failed to fetch") || msg.includes("networkerror") || msg.includes("network request failed") || msg.includes("timeout") || msg.includes("econnrefused") || msg.includes("enotfound") || msg.includes("load failed") || // Safari
+  msg.includes("the internet connection appears to be offline") || msg.includes("a]server with the specified hostname could not be found");
+}
 var formatPgError = (e) => {
   if (!e || typeof e !== "object") return { raw: e };
   const { message, code, details, hint } = e;
   return { message, code, details, hint };
 };
-var DEFAULT_SUPABASE_URL = "https://kyxgzjnqgvapvlnvqawz.supabase.co";
-var getEnvVar = (key) => {
-  try {
-    if (typeof process !== "undefined" && process.env) {
-      return process.env[key];
-    }
-  } catch {
-  }
-  return void 0;
-};
-var HOSTED_BUGBEAR_ANON_KEY = getEnvVar("BUGBEAR_ANON_KEY") || getEnvVar("NEXT_PUBLIC_BUGBEAR_ANON_KEY") || "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imt5eGd6am5xZ3ZhcHZsbnZxYXd6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjkyNjgwNDIsImV4cCI6MjA4NDg0NDA0Mn0.NUkAlCHLFjeRoisbmNUVoGb4R6uQ8xs5LAEIX1BWTwU";
 var BugBearClient = class {
   constructor(config) {
     this.navigationHistory = [];
     this.reportSubmitInFlight = false;
+    this._queue = null;
+    this.realtimeChannels = [];
+    if (!config.supabaseUrl) {
+      throw new Error("BugBear: supabaseUrl is required. Get it from your BugBear project settings.");
+    }
+    if (!config.supabaseAnonKey) {
+      throw new Error("BugBear: supabaseAnonKey is required. Get it from your BugBear project settings.");
+    }
     this.config = config;
-    this.supabase = createClient(
-      config.supabaseUrl || DEFAULT_SUPABASE_URL,
-      config.supabaseAnonKey || HOSTED_BUGBEAR_ANON_KEY
-    );
+    this.supabase = createClient(config.supabaseUrl, config.supabaseAnonKey);
+    if (config.offlineQueue?.enabled) {
+      this._queue = new OfflineQueue({
+        enabled: true,
+        maxItems: config.offlineQueue.maxItems,
+        maxRetries: config.offlineQueue.maxRetries
+      });
+      this.registerQueueHandlers();
+    }
+  }
+  // ── Offline Queue ─────────────────────────────────────────
+  /**
+   * Access the offline queue (if enabled).
+   * Use this to check queue.count, subscribe to changes, or trigger flush.
+   */
+  get queue() {
+    return this._queue;
+  }
+  /**
+   * Initialize the offline queue with a platform-specific storage adapter.
+   * Must be called after construction for React Native (which supplies AsyncStorage).
+   * Web callers can skip this — LocalStorageAdapter is the default.
+   */
+  async initQueue(storage) {
+    if (!this._queue) return;
+    if (storage) {
+      this._queue = new OfflineQueue({
+        enabled: true,
+        maxItems: this.config.offlineQueue?.maxItems,
+        maxRetries: this.config.offlineQueue?.maxRetries,
+        storage
+      });
+      this.registerQueueHandlers();
+    }
+    await this._queue.load();
+  }
+  registerQueueHandlers() {
+    if (!this._queue) return;
+    this._queue.registerHandler("report", async (payload) => {
+      const { error } = await this.supabase.from("reports").insert(payload).select("id").single();
+      if (error) return { success: false, error: error.message };
+      return { success: true };
+    });
+    this._queue.registerHandler("message", async (payload) => {
+      const { error } = await this.supabase.from("discussion_messages").insert(payload);
+      if (error) return { success: false, error: error.message };
+      return { success: true };
+    });
+    this._queue.registerHandler("feedback", async (payload) => {
+      const { error } = await this.supabase.from("test_feedback").insert(payload);
+      if (error) return { success: false, error: error.message };
+      return { success: true };
+    });
+  }
+  // ── Realtime Subscriptions ─────────────────────────────────
+  /** Whether realtime is enabled in config. */
+  get realtimeEnabled() {
+    return !!this.config.realtime?.enabled;
+  }
+  /**
+   * Subscribe to postgres_changes on relevant tables.
+   * Each callback fires when the corresponding table has changes —
+   * the provider should call its refresh function in response.
+   * Returns a cleanup function that unsubscribes all channels.
+   */
+  subscribeToChanges(callbacks) {
+    this.unsubscribeAll();
+    const projectId = this.config.projectId;
+    const debounce = (fn, ms = 500) => {
+      let timer;
+      return () => {
+        clearTimeout(timer);
+        timer = setTimeout(fn, ms);
+      };
+    };
+    if (callbacks.onAssignmentChange) {
+      const debouncedCb = debounce(callbacks.onAssignmentChange);
+      const channel = this.supabase.channel("bugbear-assignments").on("postgres_changes", {
+        event: "*",
+        schema: "public",
+        table: "test_assignments",
+        filter: `project_id=eq.${projectId}`
+      }, debouncedCb).subscribe((status) => {
+        if (status === "CHANNEL_ERROR") {
+          console.warn("BugBear: Realtime subscription failed for test_assignments");
+        }
+      });
+      this.realtimeChannels.push(channel);
+    }
+    if (callbacks.onMessageChange) {
+      const debouncedCb = debounce(callbacks.onMessageChange);
+      const channel = this.supabase.channel("bugbear-messages").on("postgres_changes", {
+        event: "INSERT",
+        schema: "public",
+        table: "discussion_messages"
+      }, debouncedCb).subscribe((status) => {
+        if (status === "CHANNEL_ERROR") {
+          console.warn("BugBear: Realtime subscription failed for discussion_messages");
+        }
+      });
+      this.realtimeChannels.push(channel);
+    }
+    if (callbacks.onReportChange) {
+      const debouncedCb = debounce(callbacks.onReportChange);
+      const channel = this.supabase.channel("bugbear-reports").on("postgres_changes", {
+        event: "UPDATE",
+        schema: "public",
+        table: "reports",
+        filter: `project_id=eq.${projectId}`
+      }, debouncedCb).subscribe((status) => {
+        if (status === "CHANNEL_ERROR") {
+          console.warn("BugBear: Realtime subscription failed for reports");
+        }
+      });
+      this.realtimeChannels.push(channel);
+    }
+    return () => this.unsubscribeAll();
+  }
+  /** Remove all active Realtime channels. */
+  unsubscribeAll() {
+    for (const channel of this.realtimeChannels) {
+      this.supabase.removeChannel(channel);
+    }
+    this.realtimeChannels = [];
   }
   /**
    * Track navigation for context.
@@ -11686,6 +11961,7 @@ var BugBearClient = class {
       return { success: false, error: "A report is already being submitted" };
     }
     this.reportSubmitInFlight = true;
+    let fullReport;
     try {
       const validationError = this.validateReport(report);
       if (validationError) {
@@ -11702,7 +11978,7 @@ var BugBearClient = class {
         return { success: false, error: "User not authenticated" };
       }
       const testerInfo = await this.getTesterInfo();
-      const fullReport = {
+      fullReport = {
         project_id: this.config.projectId,
         reporter_id: userInfo.id,
         // User ID from host app (required)
@@ -11729,6 +12005,10 @@ var BugBearClient = class {
       };
       const { data, error } = await this.supabase.from("reports").insert(fullReport).select("id").single();
       if (error) {
+        if (this._queue && isNetworkError(error.message)) {
+          await this._queue.enqueue("report", fullReport);
+          return { success: false, queued: true, error: "Queued \u2014 will send when online" };
+        }
         console.error("BugBear: Failed to submit report", error.message);
         return { success: false, error: error.message };
       }
@@ -11738,6 +12018,10 @@ var BugBearClient = class {
       return { success: true, reportId: data.id };
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
+      if (this._queue && fullReport && isNetworkError(message)) {
+        await this._queue.enqueue("report", fullReport);
+        return { success: false, queued: true, error: "Queued \u2014 will send when online" };
+      }
       return { success: false, error: message };
     } finally {
       this.reportSubmitInFlight = false;
@@ -11747,10 +12031,13 @@ var BugBearClient = class {
    * Get assigned tests for current user
    * First looks up the tester by email, then fetches their assignments
    */
-  async getAssignedTests() {
+  async getAssignedTests(options) {
     try {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) return [];
+      const pageSize = Math.min(options?.pageSize ?? 100, 100);
+      const from = (options?.page ?? 0) * pageSize;
+      const to = from + pageSize - 1;
       const { data, error } = await this.supabase.from("test_assignments").select(`
           id,
           status,
@@ -11791,7 +12078,7 @@ var BugBearClient = class {
               login_hint
             )
           )
-        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).limit(100);
+        `).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to);
       if (error) {
         console.error("BugBear: Failed to fetch assignments", formatPgError(error));
         return [];
@@ -12050,6 +12337,7 @@ var BugBearClient = class {
    * This empowers testers to shape better tests over time
    */
   async submitTestFeedback(options) {
+    let feedbackPayload;
     try {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) {
@@ -12069,7 +12357,7 @@ var BugBearClient = class {
           return { success: false, error: `${name} must be between 1 and 5` };
         }
       }
-      const { error: feedbackError } = await this.supabase.from("test_feedback").insert({
+      feedbackPayload = {
         project_id: this.config.projectId,
         test_case_id: testCaseId,
         assignment_id: assignmentId || null,
@@ -12087,8 +12375,13 @@ var BugBearClient = class {
         platform: this.getDeviceInfo().platform,
         time_to_complete_seconds: timeToCompleteSeconds || null,
         screenshot_urls: screenshotUrls || []
-      });
+      };
+      const { error: feedbackError } = await this.supabase.from("test_feedback").insert(feedbackPayload);
       if (feedbackError) {
+        if (this._queue && isNetworkError(feedbackError.message)) {
+          await this._queue.enqueue("feedback", feedbackPayload);
+          return { success: false, queued: true, error: "Queued \u2014 will send when online" };
+        }
         console.error("BugBear: Failed to submit feedback", feedbackError);
         return { success: false, error: feedbackError.message };
       }
@@ -12105,6 +12398,10 @@ var BugBearClient = class {
       return { success: true };
     } catch (err) {
       const message = err instanceof Error ? err.message : "Unknown error";
+      if (this._queue && feedbackPayload && isNetworkError(message)) {
+        await this._queue.enqueue("feedback", feedbackPayload);
+        return { success: false, queued: true, error: "Queued \u2014 will send when online" };
+      }
       console.error("BugBear: Error submitting feedback", err);
       return { success: false, error: message };
     }
@@ -12739,6 +13036,7 @@ var BugBearClient = class {
    * Send a message to a thread
    */
   async sendMessage(threadId, content, attachments) {
+    let insertData;
     try {
       const testerInfo = await this.getTesterInfo();
       if (!testerInfo) {
@@ -12750,7 +13048,7 @@ var BugBearClient = class {
         console.error("BugBear: Rate limit exceeded for messages");
         return false;
       }
-      const insertData = {
+      insertData = {
         thread_id: threadId,
         sender_type: "tester",
         sender_tester_id: testerInfo.id,
@@ -12765,12 +13063,21 @@ var BugBearClient = class {
       }
       const { error } = await this.supabase.from("discussion_messages").insert(insertData);
       if (error) {
+        if (this._queue && isNetworkError(error.message)) {
+          await this._queue.enqueue("message", insertData);
+          return false;
+        }
         console.error("BugBear: Failed to send message", formatPgError(error));
         return false;
       }
       await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      if (this._queue && insertData && isNetworkError(message)) {
+        await this._queue.enqueue("message", insertData);
+        return false;
+      }
       console.error("BugBear: Error sending message", err);
       return false;
     }
@@ -12957,7 +13264,7 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch session history", formatPgError(error));
         return [];
       }
-      return (data || []).map((s) => this.transformSession(s));
+      return (data || []).map((s2) => this.transformSession(s2));
     } catch (err) {
       console.error("BugBear: Error fetching session history", err);
       return [];
@@ -13105,7 +13412,7 @@ function createBugBear(config) {
 }
 
 // src/BugBearProvider.tsx
-import { Platform, Dimensions } from "react-native";
+import { Platform, Dimensions, AppState } from "react-native";
 var BugBearContext = createContext({
   client: null,
   isTester: false,
@@ -13146,6 +13453,7 @@ var BugBearContext = createContext({
   issueCounts: { open: 0, done: 0, reopened: 0 },
   refreshIssueCounts: async () => {
   },
+  queuedCount: 0,
   dashboardUrl: void 0,
   onError: void 0
 });
@@ -13162,6 +13470,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const [threads, setThreads] = useState([]);
   const [unreadCount, setUnreadCount] = useState(0);
   const [issueCounts, setIssueCounts] = useState({ open: 0, done: 0, reopened: 0 });
+  const [queuedCount, setQueuedCount] = useState(0);
   const [activeSession, setActiveSession] = useState(null);
   const [sessionFindings, setSessionFindings] = useState([]);
   const hasInitialized = useRef(false);
@@ -13321,18 +13630,46 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
       hasInitialized.current = true;
       contextCapture.startCapture();
       const newClient = createBugBear(config);
+      if (newClient.queue) {
+        newClient.queue.onChange(setQueuedCount);
+        newClient.initQueue();
+      }
       setClient(newClient);
       initializeBugBear(newClient);
     }
   }, [enabled, config, initializeBugBear]);
+  useEffect(() => {
+    if (!client?.queue) return;
+    const subscription = AppState.addEventListener("change", (state) => {
+      if (state === "active" && client.queue && client.queue.count > 0) {
+        client.queue.flush();
+      }
+    });
+    if (client.queue.count > 0) {
+      client.queue.flush();
+    }
+    return () => subscription.remove();
+  }, [client]);
   useEffect(() => {
     if (!client || !isTester || !isQAEnabled) return;
+    let unsubscribe;
+    if (client.realtimeEnabled) {
+      unsubscribe = client.subscribeToChanges({
+        onAssignmentChange: refreshAssignments,
+        onMessageChange: refreshThreads,
+        onReportChange: refreshIssueCounts
+      });
+    }
+    const pollInterval = client.realtimeEnabled ? 12e4 : 3e4;
     const interval = setInterval(() => {
       refreshThreads();
       refreshIssueCounts();
-    }, 3e4);
-    return () => clearInterval(interval);
-  }, [client, isTester, isQAEnabled, refreshThreads, refreshIssueCounts]);
+    }, pollInterval);
+    return () => {
+      clearInterval(interval);
+      unsubscribe?.();
+    };
+  }, [client, isTester, isQAEnabled, refreshThreads, refreshIssueCounts, refreshAssignments]);
   const currentAssignment = assignments.find(
     (a) => a.status === "in_progress"
   ) || assignments.find(
@@ -13375,6 +13712,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
         // Issue tracking
         issueCounts,
         refreshIssueCounts,
+        queuedCount,
         dashboardUrl: config.dashboardUrl,
         onError: config.onError
       }
@@ -13384,21 +13722,21 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
 }
 
 // src/BugBearButton.tsx
-import React17, { useState as useState12, useRef as useRef3 } from "react";
+import React18, { useState as useState12, useRef as useRef4 } from "react";
 import {
-  View as View16,
+  View as View17,
   Text as Text16,
   Image as Image4,
   TouchableOpacity as TouchableOpacity15,
   Modal as Modal3,
   ScrollView as ScrollView3,
-  StyleSheet as StyleSheet17,
+  StyleSheet as StyleSheet18,
   Dimensions as Dimensions2,
   KeyboardAvoidingView,
   Platform as Platform4,
   PanResponder,
-  Animated,
-  ActivityIndicator as ActivityIndicator3,
+  Animated as Animated2,
+  ActivityIndicator as ActivityIndicator2,
   Keyboard as Keyboard2
 } from "react-native";
 
@@ -13544,9 +13882,9 @@ var shared = StyleSheet.create({
 function 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")}`;
+  const s2 = seconds % 60;
+  if (h > 0) return `${h}:${m.toString().padStart(2, "0")}:${s2.toString().padStart(2, "0")}`;
+  return `${m}:${s2.toString().padStart(2, "0")}`;
 }
 function formatRelativeTime(dateString) {
   const date = new Date(dateString);
@@ -13618,11 +13956,90 @@ var templateInfo = {
 };
 
 // src/widget/screens/HomeScreen.tsx
-import React2, { useEffect as useEffect2 } from "react";
-import { View, Text, TouchableOpacity, StyleSheet as StyleSheet2, Linking } from "react-native";
-function HomeScreen({ nav }) {
-  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl } = useBugBear();
+import React3, { useEffect as useEffect3 } from "react";
+import { View as View2, Text, TouchableOpacity, StyleSheet as StyleSheet3, Linking } from "react-native";
+
+// src/widget/Skeleton.tsx
+import React2, { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { View, Animated, StyleSheet as StyleSheet2 } from "react-native";
+function usePulse(delay = 0) {
+  const opacity = useRef2(new Animated.Value(0.6)).current;
   useEffect2(() => {
+    const timeout = setTimeout(() => {
+      Animated.loop(
+        Animated.sequence([
+          Animated.timing(opacity, { toValue: 0.25, duration: 750, useNativeDriver: true }),
+          Animated.timing(opacity, { toValue: 0.6, duration: 750, useNativeDriver: true })
+        ])
+      ).start();
+    }, delay);
+    return () => clearTimeout(timeout);
+  }, [opacity, delay]);
+  return opacity;
+}
+function Bar({ width = "100%", height = 12, radius = 6, delay = 0 }) {
+  const opacity = usePulse(delay);
+  return /* @__PURE__ */ React2.createElement(
+    Animated.View,
+    {
+      style: {
+        width,
+        height,
+        borderRadius: radius,
+        backgroundColor: colors.border,
+        opacity
+      }
+    }
+  );
+}
+function Circle({ size = 20, delay = 0 }) {
+  const opacity = usePulse(delay);
+  return /* @__PURE__ */ React2.createElement(
+    Animated.View,
+    {
+      style: {
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        backgroundColor: colors.border,
+        opacity
+      }
+    }
+  );
+}
+function HomeScreenSkeleton() {
+  return /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Bar, { width: "100%", height: 100, radius: 16 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 20 } }), /* @__PURE__ */ React2.createElement(View, { style: s.actionGrid }, [0, 1, 2, 3].map((i) => /* @__PURE__ */ React2.createElement(View, { key: i, style: s.actionCard }, /* @__PURE__ */ React2.createElement(Circle, { size: 28, delay: i * 80 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 8 } }), /* @__PURE__ */ React2.createElement(Bar, { width: 60, height: 10, delay: i * 80 })))), /* @__PURE__ */ React2.createElement(View, { style: s.issueGrid }, [0, 1, 2].map((i) => /* @__PURE__ */ React2.createElement(View, { key: i, style: s.issueCard }, /* @__PURE__ */ React2.createElement(Bar, { width: 30, height: 18, delay: i * 100 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 6 } }), /* @__PURE__ */ React2.createElement(Bar, { width: 40, height: 8, delay: i * 100 })))), /* @__PURE__ */ React2.createElement(Bar, { width: "100%", height: 6, radius: 3 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 8 } }), /* @__PURE__ */ React2.createElement(View, { style: { alignItems: "center" } }, /* @__PURE__ */ React2.createElement(Bar, { width: 120, height: 10 })));
+}
+function TestItemSkeleton({ delay = 0 }) {
+  return /* @__PURE__ */ React2.createElement(View, { style: s.testItem }, /* @__PURE__ */ React2.createElement(Circle, { size: 18, delay }), /* @__PURE__ */ React2.createElement(View, { style: { flex: 1, marginLeft: 10 } }, /* @__PURE__ */ React2.createElement(Bar, { width: "70%", height: 11, delay }), /* @__PURE__ */ React2.createElement(View, { style: { height: 4 } }), /* @__PURE__ */ React2.createElement(Bar, { width: "45%", height: 8, delay })), /* @__PURE__ */ React2.createElement(Bar, { width: 50, height: 18, radius: 6, delay }));
+}
+function TestListScreenSkeleton() {
+  return /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(View, { style: s.filterRow }, [55, 50, 50, 70].map((w, i) => /* @__PURE__ */ React2.createElement(Bar, { key: i, width: w, height: 28, radius: 8, delay: i * 50 }))), /* @__PURE__ */ React2.createElement(Bar, { width: "100%", height: 36, radius: 8 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 10 } }), [0, 1].map((g) => /* @__PURE__ */ React2.createElement(View, { key: g, style: { marginBottom: 12 } }, /* @__PURE__ */ React2.createElement(View, { style: s.folderHeader }, /* @__PURE__ */ React2.createElement(Bar, { width: 12, height: 10 }), /* @__PURE__ */ React2.createElement(Bar, { width: "40%", height: 12 }), /* @__PURE__ */ React2.createElement(View, { style: { flex: 1 } }), /* @__PURE__ */ React2.createElement(Bar, { width: 40, height: 4, radius: 2 }), /* @__PURE__ */ React2.createElement(Bar, { width: 24, height: 10 })), [0, 1, 2].map((i) => /* @__PURE__ */ React2.createElement(TestItemSkeleton, { key: i, delay: (g * 3 + i) * 80 })))));
+}
+function IssueListScreenSkeleton() {
+  return /* @__PURE__ */ React2.createElement(View, null, [0, 1, 2, 3].map((i) => /* @__PURE__ */ React2.createElement(View, { key: i, style: s.issueRow }, /* @__PURE__ */ React2.createElement(View, { style: s.issueRowTop }, /* @__PURE__ */ React2.createElement(Circle, { size: 8, delay: i * 100 }), /* @__PURE__ */ React2.createElement(Bar, { width: "65%", height: 11, delay: i * 100 })), /* @__PURE__ */ React2.createElement(View, { style: s.issueRowBottom }, /* @__PURE__ */ React2.createElement(Bar, { width: "40%", height: 8, delay: i * 100 }), /* @__PURE__ */ React2.createElement(Bar, { width: 40, height: 8, delay: i * 100 })))));
+}
+function MessageListScreenSkeleton() {
+  return /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement(Bar, { width: "100%", height: 44, radius: 12 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 16 } }), [0, 1, 2, 3].map((i) => /* @__PURE__ */ React2.createElement(View, { key: i, style: s.threadRow }, /* @__PURE__ */ React2.createElement(Circle, { size: 20, delay: i * 100 }), /* @__PURE__ */ React2.createElement(View, { style: { flex: 1, marginLeft: 10 } }, /* @__PURE__ */ React2.createElement(Bar, { width: "55%", height: 11, delay: i * 100 }), /* @__PURE__ */ React2.createElement(View, { style: { height: 5 } }), /* @__PURE__ */ React2.createElement(Bar, { width: "80%", height: 9, delay: i * 100 })), /* @__PURE__ */ React2.createElement(Bar, { width: 30, height: 8, delay: i * 100 }))));
+}
+var s = StyleSheet2.create({
+  actionGrid: { flexDirection: "row", flexWrap: "wrap", gap: 12, marginBottom: 20 },
+  actionCard: { width: "47%", backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, padding: 16, alignItems: "center" },
+  issueGrid: { flexDirection: "row", gap: 10, marginBottom: 20 },
+  issueCard: { flex: 1, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, paddingVertical: 12, paddingHorizontal: 8, alignItems: "center" },
+  filterRow: { flexDirection: "row", gap: 8, marginBottom: 8 },
+  folderHeader: { flexDirection: "row", alignItems: "center", gap: 8, paddingVertical: 8, paddingHorizontal: 4 },
+  testItem: { flexDirection: "row", alignItems: "center", paddingVertical: 10, paddingHorizontal: 12, borderRadius: 8, marginBottom: 4, backgroundColor: colors.card },
+  issueRow: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 10, padding: 14, marginBottom: 8 },
+  issueRowTop: { flexDirection: "row", alignItems: "center", gap: 8 },
+  issueRowBottom: { flexDirection: "row", justifyContent: "space-between", marginTop: 8 },
+  threadRow: { flexDirection: "row", alignItems: "flex-start", padding: 12, borderRadius: 10, marginBottom: 4, backgroundColor: colors.card }
+});
+
+// src/widget/screens/HomeScreen.tsx
+function HomeScreen({ nav }) {
+  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, dashboardUrl, isLoading } = useBugBear();
+  useEffect3(() => {
     refreshAssignments();
     refreshThreads();
     refreshIssueCounts();
@@ -13632,103 +14049,104 @@ function HomeScreen({ nav }) {
   const retestCount = pendingAssignments.filter((a) => a.isVerification).length;
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
   const totalTests = assignments.length;
-  return /* @__PURE__ */ React2.createElement(View, null, pendingCount > 0 ? /* @__PURE__ */ React2.createElement(
+  if (isLoading) return /* @__PURE__ */ React3.createElement(HomeScreenSkeleton, null);
+  return /* @__PURE__ */ React3.createElement(View2, null, pendingCount > 0 ? /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: [styles.heroBanner, styles.heroBannerTests],
       onPress: () => nav.push({ name: "TEST_DETAIL" }),
       activeOpacity: 0.8
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroCount }, pendingCount),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
-    retestCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.retestPill }, /* @__PURE__ */ React2.createElement(Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroAction }, "Start Testing \u2192")
-  ) : unreadCount > 0 ? /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroCount }, pendingCount),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroLabel }, "test", pendingCount !== 1 ? "s" : "", " waiting"),
+    retestCount > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles.retestPill }, /* @__PURE__ */ React3.createElement(Text, { style: styles.retestPillText }, "\u{1F504} ", retestCount, " retest", retestCount !== 1 ? "s" : "")),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroAction }, "Start Testing \u2192")
+  ) : unreadCount > 0 ? /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: [styles.heroBanner, styles.heroBannerMessages],
       onPress: () => nav.push({ name: "MESSAGE_LIST" }),
       activeOpacity: 0.8
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroCount }, unreadCount),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroLabel }, "unread message", unreadCount !== 1 ? "s" : ""),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.heroAction }, "View Messages \u2192")
-  ) : /* @__PURE__ */ React2.createElement(View, { style: [styles.heroBanner, styles.heroBannerClear] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.heroClearEmoji }, "\u2705"), /* @__PURE__ */ React2.createElement(Text, { style: styles.heroClearTitle }, "All caught up!"), totalTests > 0 && /* @__PURE__ */ React2.createElement(Text, { style: styles.heroClearSub }, completedCount, "/", totalTests, " tests completed")), /* @__PURE__ */ React2.createElement(View, { style: styles.actionGrid }, /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroCount }, unreadCount),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroLabel }, "unread message", unreadCount !== 1 ? "s" : ""),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.heroAction }, "View Messages \u2192")
+  ) : /* @__PURE__ */ React3.createElement(View2, { style: [styles.heroBanner, styles.heroBannerClear] }, /* @__PURE__ */ React3.createElement(Text, { style: styles.heroClearEmoji }, "\u2705"), /* @__PURE__ */ React3.createElement(Text, { style: styles.heroClearTitle }, "All caught up!"), totalTests > 0 && /* @__PURE__ */ React3.createElement(Text, { style: styles.heroClearSub }, completedCount, "/", totalTests, " tests completed")), /* @__PURE__ */ React3.createElement(View2, { style: styles.actionGrid }, /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.actionCard,
       onPress: () => nav.push({ name: "TEST_LIST" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionIcon }, "\u2705"),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionLabel }, "Tests"),
-    pendingCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.actionBadge }, /* @__PURE__ */ React2.createElement(Text, { style: styles.actionBadgeText }, pendingCount))
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionIcon }, "\u2705"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionLabel }, "Tests"),
+    pendingCount > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles.actionBadge }, /* @__PURE__ */ React3.createElement(Text, { style: styles.actionBadgeText }, pendingCount))
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.actionCard,
       onPress: () => nav.push({ name: "REPORT", prefill: { type: "bug" } }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionIcon }, "\u{1F41B}"),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionLabel }, "Report Bug")
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionIcon }, "\u{1F41B}"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionLabel }, "Report Bug")
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.actionCard,
       onPress: () => nav.push({ name: "REPORT", prefill: { type: "feedback" } }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionIcon }, "\u{1F4A1}"),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionLabel }, "Feedback")
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionIcon }, "\u{1F4A1}"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionLabel }, "Feedback")
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.actionCard,
       onPress: () => nav.push({ name: "MESSAGE_LIST" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionIcon }, "\u{1F4AC}"),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.actionLabel }, "Messages"),
-    unreadCount > 0 && /* @__PURE__ */ React2.createElement(View, { style: [styles.actionBadge, styles.actionBadgeMsg] }, /* @__PURE__ */ React2.createElement(Text, { style: styles.actionBadgeText }, unreadCount))
-  )), /* @__PURE__ */ React2.createElement(View, { style: styles.issueGrid }, /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionIcon }, "\u{1F4AC}"),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.actionLabel }, "Messages"),
+    unreadCount > 0 && /* @__PURE__ */ React3.createElement(View2, { style: [styles.actionBadge, styles.actionBadgeMsg] }, /* @__PURE__ */ React3.createElement(Text, { style: styles.actionBadgeText }, unreadCount))
+  )), /* @__PURE__ */ React3.createElement(View2, { style: styles.issueGrid }, /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: [styles.issueCard, styles.issueCardOpen],
       onPress: () => nav.push({ name: "ISSUE_LIST", category: "open" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountOpen }, issueCounts.open),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Open")
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueCountOpen }, issueCounts.open),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueLabel }, "Open")
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: [styles.issueCard, styles.issueCardDone],
       onPress: () => nav.push({ name: "ISSUE_LIST", category: "done" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountDone }, issueCounts.done),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Done")
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueCountDone }, issueCounts.done),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueLabel }, "Done")
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: [styles.issueCard, styles.issueCardReopened],
       onPress: () => nav.push({ name: "ISSUE_LIST", category: "reopened" }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueCountReopened }, issueCounts.reopened),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.issueLabel }, "Reopened")
-  )), totalTests > 0 && /* @__PURE__ */ React2.createElement(View, { style: styles.progressSection }, /* @__PURE__ */ React2.createElement(View, { style: styles.progressBar }, /* @__PURE__ */ React2.createElement(View, { style: [styles.progressFill, { width: `${Math.round(completedCount / totalTests * 100)}%` }] })), /* @__PURE__ */ React2.createElement(Text, { style: styles.progressText }, completedCount, "/", totalTests, " tests completed")), dashboardUrl && /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueCountReopened }, issueCounts.reopened),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.issueLabel }, "Reopened")
+  )), totalTests > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles.progressSection }, /* @__PURE__ */ React3.createElement(View2, { style: styles.progressBar }, /* @__PURE__ */ React3.createElement(View2, { style: [styles.progressFill, { width: `${Math.round(completedCount / totalTests * 100)}%` }] })), /* @__PURE__ */ React3.createElement(Text, { style: styles.progressText }, completedCount, "/", totalTests, " tests completed")), dashboardUrl && /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.webAppLink,
       onPress: () => Linking.openURL(dashboardUrl),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.webAppIcon }, "\u{1F310}"),
-    /* @__PURE__ */ React2.createElement(View, { style: styles.webAppTextWrap }, /* @__PURE__ */ React2.createElement(Text, { style: styles.webAppTitle }, "Open Web Dashboard"), /* @__PURE__ */ React2.createElement(Text, { style: styles.webAppSub }, "View analytics, history & more")),
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.webAppArrow }, "\u2192")
-  ), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.webAppIcon }, "\u{1F310}"),
+    /* @__PURE__ */ React3.createElement(View2, { style: styles.webAppTextWrap }, /* @__PURE__ */ React3.createElement(Text, { style: styles.webAppTitle }, "Open Web Dashboard"), /* @__PURE__ */ React3.createElement(Text, { style: styles.webAppSub }, "View analytics, history & more")),
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.webAppArrow }, "\u2192")
+  ), /* @__PURE__ */ React3.createElement(
     TouchableOpacity,
     {
       style: styles.refreshButton,
@@ -13738,10 +14156,10 @@ function HomeScreen({ nav }) {
         refreshIssueCounts();
       }
     },
-    /* @__PURE__ */ React2.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh")
+    /* @__PURE__ */ React3.createElement(Text, { style: styles.refreshText }, "\u21BB Refresh")
   ));
 }
-var styles = StyleSheet2.create({
+var styles = StyleSheet3.create({
   heroBanner: {
     borderRadius: 16,
     padding: 24,
@@ -13965,8 +14383,8 @@ var styles = StyleSheet2.create({
 });
 
 // src/widget/screens/TestDetailScreen.tsx
-import React3, { useState as useState2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
-import { View as View2, Text as Text2, TouchableOpacity as TouchableOpacity2, StyleSheet as StyleSheet3, Modal, TextInput, Keyboard } from "react-native";
+import React4, { useState as useState2, useEffect as useEffect4, useCallback as useCallback2 } from "react";
+import { View as View3, Text as Text2, TouchableOpacity as TouchableOpacity2, StyleSheet as StyleSheet4, Modal, TextInput, Keyboard } from "react-native";
 function TestDetailScreen({ testId, nav }) {
   const { client, assignments, currentAssignment, refreshAssignments, getDeviceInfo, onNavigate } = useBugBear();
   const displayedAssignment = testId ? assignments.find((a) => a.id === testId) || currentAssignment : currentAssignment;
@@ -13979,12 +14397,12 @@ function TestDetailScreen({ testId, nav }) {
   const [skipNotes, setSkipNotes] = useState2("");
   const [skipping, setSkipping] = useState2(false);
   const [isSubmitting, setIsSubmitting] = useState2(false);
-  useEffect3(() => {
+  useEffect4(() => {
     setCriteriaResults({});
     setShowSteps(true);
     setShowDetails(false);
   }, [displayedAssignment?.id]);
-  useEffect3(() => {
+  useEffect4(() => {
     const active = displayedAssignment?.status === "in_progress" ? displayedAssignment : null;
     if (!active?.startedAt) {
       setAssignmentElapsedTime(0);
@@ -14060,14 +14478,14 @@ function TestDetailScreen({ testId, nav }) {
     }
   }, [client, displayedAssignment, selectedSkipReason, skipNotes, refreshAssignments, assignments, nav]);
   if (!displayedAssignment) {
-    return /* @__PURE__ */ React3.createElement(View2, { style: shared.emptyState }, /* @__PURE__ */ React3.createElement(Text2, { style: shared.emptyEmoji }, "\u2705"), /* @__PURE__ */ React3.createElement(Text2, { style: shared.emptyTitle }, "No tests assigned"), /* @__PURE__ */ React3.createElement(Text2, { style: shared.emptySubtitle }, "Check back later for new tests"), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [shared.primaryButton, { marginTop: 20, paddingHorizontal: 24 }], onPress: () => nav.reset() }, /* @__PURE__ */ React3.createElement(Text2, { style: shared.primaryButtonText }, "Go Home")));
+    return /* @__PURE__ */ React4.createElement(View3, { style: shared.emptyState }, /* @__PURE__ */ React4.createElement(Text2, { style: shared.emptyEmoji }, "\u2705"), /* @__PURE__ */ React4.createElement(Text2, { style: shared.emptyTitle }, "No tests assigned"), /* @__PURE__ */ React4.createElement(Text2, { style: shared.emptySubtitle }, "Check back later for new tests"), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [shared.primaryButton, { marginTop: 20, paddingHorizontal: 24 }], onPress: () => nav.reset() }, /* @__PURE__ */ React4.createElement(Text2, { style: shared.primaryButtonText }, "Go Home")));
   }
   const testCase = displayedAssignment.testCase;
   const template = testCase.track?.testTemplate || "steps";
   const steps = testCase.steps;
   const info = templateInfo[template] || templateInfo.steps;
   const rubricMode = testCase.track?.rubricMode || "pass_fail";
-  return /* @__PURE__ */ React3.createElement(View2, { style: styles2.container }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.topRow }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.positionInfo }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React3.createElement(View2, { style: styles2.timerBadge }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ React3.createElement(View2, { style: styles2.retestBanner }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React3.createElement(View2, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.step }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepNumber }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React3.createElement(View2, { style: styles2.stepBody }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React3.createElement(React3.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(View3, { style: styles2.container }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.topRow }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.positionInfo }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.positionText }, "Test ", currentIndex + 1, " of ", allTests.length), displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ React4.createElement(View3, { style: styles2.timerBadge }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.timerText }, formatElapsedTime(assignmentElapsedTime)))), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => nav.push({ name: "TEST_LIST" }) }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.viewAllLink }, "View All \u2192"))), displayedAssignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles2.retestBanner }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.retestLabel }, "Retest"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.retestSub }, "\u2014 Verify bug fix")), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.testTitle }, testCase.title), testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.testKey }, testCase.key), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowSteps(!showSteps), style: styles2.sectionHeader }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.sectionHeaderText }, showSteps ? "\u25BC" : "\u25B6", " ", info.icon, " ", template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`)), showSteps && /* @__PURE__ */ React4.createElement(View3, { style: styles2.templateContent }, template === "steps" && steps.map((step, idx) => /* @__PURE__ */ React4.createElement(View3, { key: idx, style: styles2.step }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.stepNumber }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.stepNumberText }, step.stepNumber)), /* @__PURE__ */ React4.createElement(View3, { style: styles2.stepBody }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.stepAction }, step.action), step.expectedResult && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.stepExpected }, "\u2192 ", step.expectedResult)))), template === "checklist" && /* @__PURE__ */ React4.createElement(React4.Fragment, null, steps.map((step, idx) => /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       key: idx,
@@ -14079,31 +14497,31 @@ function TestDetailScreen({ testId, nav }) {
       }),
       style: [styles2.checklistItem, criteriaResults[idx] === true && styles2.checklistItemChecked]
     },
-    /* @__PURE__ */ React3.createElement(View2, { style: [styles2.checkbox, criteriaResults[idx] === true && styles2.checkboxChecked] }, criteriaResults[idx] === true && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.checkmark }, "\u2713")),
-    /* @__PURE__ */ React3.createElement(Text2, { style: [styles2.checklistText, criteriaResults[idx] === true && styles2.checklistTextDone] }, step.action)
-  )), Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setCriteriaResults({}), style: styles2.resetRow }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.resetText }, "\u21BA Reset"))), template === "rubric" && steps.map((step, idx) => /* @__PURE__ */ React3.createElement(View2, { key: idx, style: styles2.rubricItem }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.rubricTitle }, idx + 1, ". ", step.action), step.expectedResult && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.rubricExpected }, step.expectedResult), rubricMode === "pass_fail" ? /* @__PURE__ */ React3.createElement(View2, { style: styles2.passFailRow }, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(View3, { style: [styles2.checkbox, criteriaResults[idx] === true && styles2.checkboxChecked] }, criteriaResults[idx] === true && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.checkmark }, "\u2713")),
+    /* @__PURE__ */ React4.createElement(Text2, { style: [styles2.checklistText, criteriaResults[idx] === true && styles2.checklistTextDone] }, step.action)
+  )), Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setCriteriaResults({}), style: styles2.resetRow }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.resetText }, "\u21BA Reset"))), template === "rubric" && steps.map((step, idx) => /* @__PURE__ */ React4.createElement(View3, { key: idx, style: styles2.rubricItem }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.rubricTitle }, idx + 1, ". ", step.action), step.expectedResult && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.rubricExpected }, step.expectedResult), rubricMode === "pass_fail" ? /* @__PURE__ */ React4.createElement(View3, { style: styles2.passFailRow }, /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       onPress: () => setCriteriaResults((prev) => ({ ...prev, [idx]: true })),
       style: [styles2.pfButton, criteriaResults[idx] === true && styles2.pfButtonPass]
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: [styles2.pfButtonText, criteriaResults[idx] === true && styles2.pfButtonTextActive] }, "\u2713 Pass")
-  ), /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(Text2, { style: [styles2.pfButtonText, criteriaResults[idx] === true && styles2.pfButtonTextActive] }, "\u2713 Pass")
+  ), /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       onPress: () => setCriteriaResults((prev) => ({ ...prev, [idx]: false })),
       style: [styles2.pfButton, criteriaResults[idx] === false && styles2.pfButtonFail]
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: [styles2.pfButtonText, criteriaResults[idx] === false && styles2.pfButtonTextActive] }, "\u2717 Fail")
-  )) : /* @__PURE__ */ React3.createElement(View2, { style: styles2.ratingRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(Text2, { style: [styles2.pfButtonText, criteriaResults[idx] === false && styles2.pfButtonTextActive] }, "\u2717 Fail")
+  )) : /* @__PURE__ */ React4.createElement(View3, { style: styles2.ratingRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       key: n,
       onPress: () => setCriteriaResults((prev) => ({ ...prev, [idx]: n })),
       style: [styles2.ratingBtn, criteriaResults[idx] === n && styles2.ratingBtnActive]
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: [styles2.ratingBtnText, criteriaResults[idx] === n && styles2.ratingBtnTextActive] }, n)
-  ))))), template === "freeform" && /* @__PURE__ */ React3.createElement(View2, { style: styles2.freeformBox }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.freeformText }, "Review the area and note:"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 What works well"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 Issues or concerns"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 Suggestions"))), testCase.expectedResult && /* @__PURE__ */ React3.createElement(View2, { style: styles2.expectedBox }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.expectedLabel }, "\u2705 Expected Result"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.expectedText }, testCase.expectedResult)), testCase.targetRoute && onNavigate && /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(Text2, { style: [styles2.ratingBtnText, criteriaResults[idx] === n && styles2.ratingBtnTextActive] }, n)
+  ))))), template === "freeform" && /* @__PURE__ */ React4.createElement(View3, { style: styles2.freeformBox }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.freeformText }, "Review the area and note:"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 What works well"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 Issues or concerns"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.freeformBullet }, "\u2022 Suggestions"))), testCase.expectedResult && /* @__PURE__ */ React4.createElement(View3, { style: styles2.expectedBox }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.expectedLabel }, "\u2705 Expected Result"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.expectedText }, testCase.expectedResult)), testCase.targetRoute && onNavigate && /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       style: styles2.navigateButton,
@@ -14113,21 +14531,21 @@ function TestDetailScreen({ testId, nav }) {
         nav.closeWidget?.();
       }
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React3.createElement(View2, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React3.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React3.createElement(View2, { style: styles2.folderProgress }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ React3.createElement(View2, { style: styles2.actionButtons }, /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ React3.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalOverlay }, /* @__PURE__ */ React3.createElement(View2, { style: styles2.modalContent }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React3.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
+    /* @__PURE__ */ React4.createElement(Text2, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
+  ), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React4.createElement(View3, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React4.createElement(View3, { style: styles2.folderProgress }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), /* @__PURE__ */ React4.createElement(View3, { style: styles2.actionButtons }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.failBtn, isSubmitting && { opacity: 0.5 }], onPress: handleFail, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.failBtnText }, isSubmitting ? "Failing..." : "Fail")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.skipBtn, isSubmitting && { opacity: 0.5 }], onPress: () => setShowSkipModal(true), disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.skipBtnText }, "Skip")), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: [styles2.actionBtn, styles2.passBtn, isSubmitting && { opacity: 0.5 }], onPress: handlePass, disabled: isSubmitting }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.passBtnText }, isSubmitting ? "Passing..." : "Pass"))), /* @__PURE__ */ React4.createElement(Modal, { visible: showSkipModal, transparent: true, animationType: "fade" }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalOverlay }, /* @__PURE__ */ React4.createElement(View3, { style: styles2.modalContent }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalTitle }, "Skip this test?"), /* @__PURE__ */ React4.createElement(Text2, { style: styles2.modalSubtitle }, "Select a reason:"), [
     { reason: "blocked", label: "\u{1F6AB} Blocked by a bug" },
     { reason: "not_ready", label: "\u{1F6A7} Feature not ready" },
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
     { reason: "other", label: "\u{1F4DD} Other reason" }
-  ].map(({ reason, label }) => /* @__PURE__ */ React3.createElement(
+  ].map(({ reason, label }) => /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       key: reason,
       style: [styles2.skipOption, selectedSkipReason === reason && styles2.skipOptionActive],
       onPress: () => setSelectedSkipReason(reason)
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: [styles2.skipOptionText, selectedSkipReason === reason && styles2.skipOptionTextActive] }, label)
-  )), /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement(Text2, { style: [styles2.skipOptionText, selectedSkipReason === reason && styles2.skipOptionTextActive] }, label)
+  )), /* @__PURE__ */ React4.createElement(
     TextInput,
     {
       style: styles2.skipNotes,
@@ -14137,21 +14555,21 @@ function TestDetailScreen({ testId, nav }) {
       placeholderTextColor: colors.textMuted,
       multiline: true
     }
-  ), /* @__PURE__ */ React3.createElement(View2, { style: styles2.skipActions }, /* @__PURE__ */ React3.createElement(TouchableOpacity2, { style: styles2.skipCancel, onPress: () => {
+  ), /* @__PURE__ */ React4.createElement(View3, { style: styles2.skipActions }, /* @__PURE__ */ React4.createElement(TouchableOpacity2, { style: styles2.skipCancel, onPress: () => {
     setShowSkipModal(false);
     setSelectedSkipReason(null);
     setSkipNotes("");
-  } }, /* @__PURE__ */ React3.createElement(Text2, { style: styles2.skipCancelText }, "Cancel")), /* @__PURE__ */ React3.createElement(
+  } }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.skipCancelText }, "Cancel")), /* @__PURE__ */ React4.createElement(
     TouchableOpacity2,
     {
       style: [styles2.skipConfirm, !selectedSkipReason && { opacity: 0.4 }],
       onPress: handleSkip,
       disabled: !selectedSkipReason || skipping
     },
-    /* @__PURE__ */ React3.createElement(Text2, { style: styles2.skipConfirmText }, skipping ? "Skipping..." : "Skip Test")
+    /* @__PURE__ */ React4.createElement(Text2, { style: styles2.skipConfirmText }, skipping ? "Skipping..." : "Skip Test")
   ))))));
 }
-var styles2 = StyleSheet3.create({
+var styles2 = StyleSheet4.create({
   container: { paddingBottom: 16 },
   retestBanner: { flexDirection: "row", alignItems: "center", gap: 6, backgroundColor: "#422006", borderWidth: 1, borderColor: "#854d0e", borderRadius: 8, paddingVertical: 6, paddingHorizontal: 10, marginBottom: 10 },
   retestIcon: { fontSize: 14 },
@@ -14246,14 +14664,17 @@ var styles2 = StyleSheet3.create({
 });
 
 // src/widget/screens/TestListScreen.tsx
-import React4, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect4 } from "react";
-import { View as View3, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet4, ScrollView } from "react-native";
+import React5, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect5 } from "react";
+import { View as View4, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet5, ScrollView, TextInput as TextInput2 } from "react-native";
 function TestListScreen({ nav }) {
-  const { assignments, currentAssignment, refreshAssignments } = useBugBear();
+  const { assignments, currentAssignment, refreshAssignments, isLoading } = useBugBear();
   const [filter, setFilter] = useState3("all");
   const [roleFilter, setRoleFilter] = useState3(null);
+  const [trackFilter, setTrackFilter] = useState3(null);
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [sortMode, setSortMode] = useState3("priority");
   const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
-  useEffect4(() => {
+  useEffect5(() => {
     refreshAssignments();
   }, []);
   const availableRoles = useMemo2(() => {
@@ -14263,6 +14684,13 @@ function TestListScreen({ nav }) {
     }
     return Array.from(roleMap.values());
   }, [assignments]);
+  const availableTracks = useMemo2(() => {
+    const trackMap = /* @__PURE__ */ new Map();
+    for (const a of assignments) {
+      if (a.testCase.track) trackMap.set(a.testCase.track.id, a.testCase.track);
+    }
+    return Array.from(trackMap.values());
+  }, [assignments]);
   const selectedRole = availableRoles.find((r) => r.id === roleFilter);
   const groupedAssignments = useMemo2(() => {
     const groups = /* @__PURE__ */ new Map();
@@ -14286,6 +14714,8 @@ function TestListScreen({ nav }) {
       folder.assignments.sort((a, b) => {
         if (a.isVerification && !b.isVerification) return -1;
         if (!a.isVerification && b.isVerification) return 1;
+        if (sortMode === "alpha") return a.testCase.title.localeCompare(b.testCase.title);
+        if (sortMode === "recent") return 0;
         const sd = (statusOrder[a.status] ?? 5) - (statusOrder[b.status] ?? 5);
         if (sd !== 0) return sd;
         return (priorityOrder[a.testCase.priority] ?? 4) - (priorityOrder[b.testCase.priority] ?? 4);
@@ -14297,7 +14727,7 @@ function TestListScreen({ nav }) {
       if (!b.group) return -1;
       return a.group.sortOrder - b.group.sortOrder;
     });
-  }, [assignments]);
+  }, [assignments, sortMode]);
   const toggleFolder = useCallback3((id) => {
     setCollapsedFolders((prev) => {
       const next = new Set(prev);
@@ -14306,28 +14736,36 @@ function TestListScreen({ nav }) {
       return next;
     });
   }, []);
-  const filterAssignment = (a) => {
+  const filterAssignment = useCallback3((a) => {
     if (roleFilter && a.testCase.role?.id !== roleFilter) return false;
+    if (trackFilter && a.testCase.track?.id !== trackFilter) return false;
+    if (searchQuery) {
+      const q = searchQuery.toLowerCase();
+      const titleMatch = a.testCase.title.toLowerCase().includes(q);
+      const keyMatch = a.testCase.testKey.toLowerCase().includes(q);
+      if (!titleMatch && !keyMatch) return false;
+    }
     if (filter === "pending") return a.status === "pending" || a.status === "in_progress";
     if (filter === "done") return a.status === "passed";
     if (filter === "reopened") return a.status === "failed";
     return true;
-  };
-  return /* @__PURE__ */ React4.createElement(View3, null, /* @__PURE__ */ React4.createElement(View3, { style: styles3.filterBar }, [
+  }, [roleFilter, trackFilter, searchQuery, filter]);
+  if (isLoading) return /* @__PURE__ */ React5.createElement(TestListScreenSkeleton, null);
+  return /* @__PURE__ */ React5.createElement(View4, null, /* @__PURE__ */ React5.createElement(View4, { style: styles3.filterBar }, [
     { key: "all", label: "All", count: assignments.length },
     { key: "pending", label: "To Do", count: assignments.filter((a) => a.status === "pending" || a.status === "in_progress").length },
     { key: "done", label: "Done", count: assignments.filter((a) => a.status === "passed").length },
     { key: "reopened", label: "Re Opened", count: assignments.filter((a) => a.status === "failed").length }
-  ].map((f) => /* @__PURE__ */ React4.createElement(TouchableOpacity3, { key: f.key, style: [styles3.filterBtn, filter === f.key && styles3.filterBtnActive], onPress: () => setFilter(f.key) }, /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.filterBtnText, filter === f.key && styles3.filterBtnTextActive] }, f.label, " (", f.count, ")")))), availableRoles.length >= 2 && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleSection }, /* @__PURE__ */ React4.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ React4.createElement(
+  ].map((f) => /* @__PURE__ */ React5.createElement(TouchableOpacity3, { key: f.key, style: [styles3.filterBtn, filter === f.key && styles3.filterBtnActive], onPress: () => setFilter(f.key) }, /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.filterBtnText, filter === f.key && styles3.filterBtnTextActive] }, f.label, " (", f.count, ")")))), availableRoles.length >= 2 && /* @__PURE__ */ React5.createElement(View4, { style: styles3.roleSection }, /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.roleBar }, /* @__PURE__ */ React5.createElement(
     TouchableOpacity3,
     {
       style: [styles3.roleBtn, !roleFilter && styles3.roleBtnActive],
       onPress: () => setRoleFilter(null)
     },
-    /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.roleBtnText, !roleFilter && styles3.roleBtnTextActive] }, "All Roles")
+    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.roleBtnText, !roleFilter && styles3.roleBtnTextActive] }, "All Roles")
   ), availableRoles.map((role) => {
     const isActive = roleFilter === role.id;
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React5.createElement(
       TouchableOpacity3,
       {
         key: role.id,
@@ -14337,33 +14775,72 @@ function TestListScreen({ nav }) {
         ],
         onPress: () => setRoleFilter(isActive ? null : role.id)
       },
-      /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleDot, { backgroundColor: role.color }] }),
-      /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.roleBtnText, isActive && { color: role.color, fontWeight: "600" }] }, role.name)
+      /* @__PURE__ */ React5.createElement(View4, { style: [styles3.roleDot, { backgroundColor: role.color }] }),
+      /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.roleBtnText, isActive && { color: role.color, fontWeight: "600" }] }, role.name)
     );
-  })), selectedRole?.loginHint && /* @__PURE__ */ React4.createElement(View3, { style: [styles3.loginHint, { backgroundColor: selectedRole.color + "10", borderColor: selectedRole.color + "30" }] }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.loginHintText }, "Log in as: ", selectedRole.loginHint))), groupedAssignments.map((folder) => {
+  })), selectedRole?.loginHint && /* @__PURE__ */ React5.createElement(View4, { style: [styles3.loginHint, { backgroundColor: selectedRole.color + "10", borderColor: selectedRole.color + "30" }] }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.loginHintText }, "Log in as: ", selectedRole.loginHint))), /* @__PURE__ */ React5.createElement(View4, { style: styles3.searchContainer }, /* @__PURE__ */ React5.createElement(
+    TextInput2,
+    {
+      value: searchQuery,
+      onChangeText: setSearchQuery,
+      placeholder: "Search tests...",
+      placeholderTextColor: colors.textMuted,
+      style: styles3.searchInput
+    }
+  )), /* @__PURE__ */ React5.createElement(View4, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ React5.createElement(
+    TouchableOpacity3,
+    {
+      style: [styles3.trackBtn, !trackFilter && styles3.trackBtnActive],
+      onPress: () => setTrackFilter(null)
+    },
+    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.trackBtnText, !trackFilter && styles3.trackBtnTextActive] }, "All Tracks")
+  ), availableTracks.map((track) => {
+    const isActive = trackFilter === track.id;
+    return /* @__PURE__ */ React5.createElement(
+      TouchableOpacity3,
+      {
+        key: track.id,
+        style: [styles3.trackBtn, isActive && { backgroundColor: track.color + "20", borderColor: track.color + "60", borderWidth: 1 }],
+        onPress: () => setTrackFilter(isActive ? null : track.id)
+      },
+      /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.trackBtnText, isActive && { color: track.color, fontWeight: "600" }] }, track.icon, " ", track.name)
+    );
+  })), /* @__PURE__ */ React5.createElement(View4, { style: styles3.sortGroup }, [
+    { key: "priority", label: "\u2195" },
+    { key: "recent", label: "\u{1F550}" },
+    { key: "alpha", label: "AZ" }
+  ].map((s2) => /* @__PURE__ */ React5.createElement(
+    TouchableOpacity3,
+    {
+      key: s2.key,
+      style: [styles3.sortBtn, sortMode === s2.key && styles3.sortBtnActive],
+      onPress: () => setSortMode(s2.key)
+    },
+    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.sortBtnText, sortMode === s2.key && styles3.sortBtnTextActive] }, s2.label)
+  )))), groupedAssignments.map((folder) => {
     const folderId = folder.group?.id || "ungrouped";
     const isCollapsed = collapsedFolders.has(folderId);
     const filtered = folder.assignments.filter(filterAssignment);
     if (filtered.length === 0 && filter !== "all") return null;
-    return /* @__PURE__ */ React4.createElement(View3, { key: folderId, style: styles3.folder }, /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderName, numberOfLines: 1 }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ React4.createElement(View3, { style: styles3.folderProgress }, /* @__PURE__ */ React4.createElement(View3, { style: [styles3.folderProgressFill, { width: `${folder.stats.total > 0 ? Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100) : 0}%` }] })), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
+    return /* @__PURE__ */ React5.createElement(View4, { key: folderId, style: styles3.folder }, /* @__PURE__ */ React5.createElement(TouchableOpacity3, { style: styles3.folderHeader, onPress: () => toggleFolder(folderId) }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.folderToggle }, isCollapsed ? "\u25B6" : "\u25BC"), /* @__PURE__ */ React5.createElement(Text3, { style: styles3.folderName, numberOfLines: 1 }, folder.group?.name || "Ungrouped"), /* @__PURE__ */ React5.createElement(View4, { style: styles3.folderProgress }, /* @__PURE__ */ React5.createElement(View4, { style: [styles3.folderProgressFill, { width: `${folder.stats.total > 0 ? Math.round((folder.stats.passed + folder.stats.failed) / folder.stats.total * 100) : 0}%` }] })), /* @__PURE__ */ React5.createElement(Text3, { style: styles3.folderCount }, folder.stats.passed + folder.stats.failed, "/", folder.stats.total)), !isCollapsed && filtered.map((assignment) => {
       const badge = getStatusBadge(assignment.status);
       const isCurrent = currentAssignment?.id === assignment.id;
-      return /* @__PURE__ */ React4.createElement(
+      return /* @__PURE__ */ React5.createElement(
         TouchableOpacity3,
         {
           key: assignment.id,
           style: [styles3.testItem, isCurrent && styles3.testItemCurrent],
           onPress: () => nav.push({ name: "TEST_DETAIL", testId: assignment.id })
         },
-        /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testBadge }, badge.icon),
-        /* @__PURE__ */ React4.createElement(View3, { style: styles3.testInfo }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React4.createElement(View3, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React4.createElement(View3, { style: styles3.retestTag }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ React4.createElement(View3, { style: styles3.roleBadgeRow }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ React4.createElement(View3, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ React4.createElement(Text3, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name)))),
-        /* @__PURE__ */ React4.createElement(View3, { style: [
+        /* @__PURE__ */ React5.createElement(Text3, { style: styles3.testBadge }, badge.icon),
+        /* @__PURE__ */ React5.createElement(View4, { style: styles3.testInfo }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.testTitle, numberOfLines: 1 }, assignment.testCase.title), /* @__PURE__ */ React5.createElement(View4, { style: styles3.testMetaRow }, assignment.isVerification && /* @__PURE__ */ React5.createElement(View4, { style: styles3.retestTag }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.retestTagText }, "Retest")), /* @__PURE__ */ React5.createElement(Text3, { style: styles3.testMeta }, assignment.testCase.testKey, " \xB7 ", assignment.testCase.priority), assignment.testCase.role && /* @__PURE__ */ React5.createElement(View4, { style: styles3.roleBadgeRow }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.testMeta }, " \xB7 "), /* @__PURE__ */ React5.createElement(View4, { style: [styles3.roleBadgeDot, { backgroundColor: assignment.testCase.role.color }] }), /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.testMeta, { color: assignment.testCase.role.color, fontWeight: "500" }] }, assignment.testCase.role.name)))),
+        /* @__PURE__ */ React5.createElement(View4, { style: [
           styles3.statusPill,
           {
             backgroundColor: assignment.status === "passed" ? "#14532d" : assignment.status === "failed" ? "#450a0a" : assignment.status === "in_progress" ? "#172554" : "#27272a",
             borderColor: assignment.status === "passed" ? "#166534" : assignment.status === "failed" ? "#7f1d1d" : assignment.status === "in_progress" ? "#1e3a5f" : "#3f3f46"
           }
-        ] }, /* @__PURE__ */ React4.createElement(Text3, { style: [
+        ] }, /* @__PURE__ */ React5.createElement(Text3, { style: [
           styles3.statusPillText,
           {
             color: assignment.status === "passed" ? "#4ade80" : assignment.status === "failed" ? "#f87171" : assignment.status === "in_progress" ? "#60a5fa" : "#d4d4d8"
@@ -14371,9 +14848,9 @@ function TestListScreen({ nav }) {
         ] }, badge.label))
       );
     }));
-  }), /* @__PURE__ */ React4.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React4.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
+  }), /* @__PURE__ */ React5.createElement(TouchableOpacity3, { style: styles3.refreshBtn, onPress: refreshAssignments }, /* @__PURE__ */ React5.createElement(Text3, { style: styles3.refreshText }, "\u21BB", " Refresh")));
 }
-var styles3 = StyleSheet4.create({
+var styles3 = StyleSheet5.create({
   filterBar: { flexDirection: "row", gap: 8, marginBottom: 8 },
   filterBtn: { paddingHorizontal: 12, paddingVertical: 6, borderRadius: 8, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
   filterBtnActive: { backgroundColor: colors.blue, borderColor: colors.blue },
@@ -14408,13 +14885,25 @@ var styles3 = StyleSheet4.create({
   testMeta: { fontSize: 11, color: colors.textDim },
   statusPill: { paddingHorizontal: 8, paddingVertical: 3, borderRadius: 6, borderWidth: 1, marginLeft: 8 },
   statusPillText: { fontSize: 10, fontWeight: "600" },
+  searchContainer: { marginBottom: 8 },
+  searchInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
+  trackSortRow: { flexDirection: "row", alignItems: "center", marginBottom: 10, gap: 8 },
+  trackBtn: { flexDirection: "row", alignItems: "center", gap: 4, paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6, marginRight: 6, borderWidth: 1, borderColor: "transparent" },
+  trackBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  trackBtnText: { fontSize: 11, color: colors.textMuted },
+  trackBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
+  sortGroup: { flexDirection: "row", gap: 2 },
+  sortBtn: { paddingHorizontal: 8, paddingVertical: 4, borderRadius: 6, borderWidth: 1, borderColor: "transparent" },
+  sortBtnActive: { backgroundColor: colors.card, borderColor: colors.border },
+  sortBtnText: { fontSize: 11, color: colors.textMuted },
+  sortBtnTextActive: { color: colors.textPrimary, fontWeight: "600" },
   refreshBtn: { alignItems: "center", paddingVertical: 12 },
   refreshText: { fontSize: 13, color: colors.blue }
 });
 
 // src/widget/screens/TestFeedbackScreen.tsx
-import React7, { useState as useState5 } from "react";
-import { View as View6, Text as Text6, TouchableOpacity as TouchableOpacity6, TextInput as TextInput2, StyleSheet as StyleSheet7 } from "react-native";
+import React8, { useState as useState5 } from "react";
+import { View as View7, Text as Text6, TouchableOpacity as TouchableOpacity6, TextInput as TextInput3, StyleSheet as StyleSheet8 } from "react-native";
 
 // src/widget/useImageAttachments.ts
 import { useState as useState4, useCallback as useCallback4 } from "react";
@@ -14514,17 +15003,17 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
 }
 
 // src/widget/ImagePickerButtons.tsx
-import React6 from "react";
-import { View as View5, Text as Text5, TouchableOpacity as TouchableOpacity5, StyleSheet as StyleSheet6 } from "react-native";
+import React7 from "react";
+import { View as View6, Text as Text5, TouchableOpacity as TouchableOpacity5, StyleSheet as StyleSheet7 } from "react-native";
 
 // src/widget/ImagePreviewStrip.tsx
-import React5 from "react";
-import { View as View4, Text as Text4, TouchableOpacity as TouchableOpacity4, ScrollView as ScrollView2, Image, ActivityIndicator, StyleSheet as StyleSheet5 } from "react-native";
+import React6 from "react";
+import { View as View5, Text as Text4, TouchableOpacity as TouchableOpacity4, ScrollView as ScrollView2, Image, ActivityIndicator, StyleSheet as StyleSheet6 } from "react-native";
 function ImagePreviewStrip({ images, onRemove }) {
   if (images.length === 0) return null;
-  return /* @__PURE__ */ React5.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ React5.createElement(View4, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ React5.createElement(Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ React5.createElement(View4, { style: styles4.thumbOverlay }, /* @__PURE__ */ React5.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React5.createElement(View4, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ React5.createElement(TouchableOpacity4, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React5.createElement(Text4, { style: styles4.thumbRemoveText }, "\u2715")))));
+  return /* @__PURE__ */ React6.createElement(ScrollView2, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles4.strip }, images.map((img) => /* @__PURE__ */ React6.createElement(View5, { key: img.id, style: styles4.thumbContainer }, /* @__PURE__ */ React6.createElement(Image, { source: { uri: img.localUri }, style: styles4.thumb }), img.status === "uploading" && /* @__PURE__ */ React6.createElement(View5, { style: styles4.thumbOverlay }, /* @__PURE__ */ React6.createElement(ActivityIndicator, { size: "small", color: "#fff" })), img.status === "error" && /* @__PURE__ */ React6.createElement(View5, { style: [styles4.thumbOverlay, styles4.thumbOverlayError] }, /* @__PURE__ */ React6.createElement(Text4, { style: styles4.thumbErrorText }, "!")), /* @__PURE__ */ React6.createElement(TouchableOpacity4, { style: styles4.thumbRemove, onPress: () => onRemove(img.id) }, /* @__PURE__ */ React6.createElement(Text4, { style: styles4.thumbRemoveText }, "\u2715")))));
 }
-var styles4 = StyleSheet5.create({
+var styles4 = StyleSheet6.create({
   strip: {
     flexDirection: "row",
     marginTop: 4
@@ -14543,7 +15032,7 @@ var styles4 = StyleSheet5.create({
     borderRadius: 8
   },
   thumbOverlay: {
-    ...StyleSheet5.absoluteFillObject,
+    ...StyleSheet6.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)",
     justifyContent: "center",
     alignItems: "center",
@@ -14578,25 +15067,25 @@ var styles4 = StyleSheet5.create({
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
   if (!IMAGE_PICKER_AVAILABLE) return null;
-  return /* @__PURE__ */ React6.createElement(View5, { style: styles5.section }, label && /* @__PURE__ */ React6.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React6.createElement(View5, { style: styles5.buttonRow }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(View6, { style: styles5.section }, label && /* @__PURE__ */ React7.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles5.buttonRow }, /* @__PURE__ */ React7.createElement(
     TouchableOpacity5,
     {
       style: styles5.pickButton,
       onPress: onPickGallery,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ React6.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Gallery")
-  ), /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React7.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Gallery")
+  ), /* @__PURE__ */ React7.createElement(
     TouchableOpacity5,
     {
       style: styles5.pickButton,
       onPress: onPickCamera,
       disabled: images.length >= maxImages
     },
-    /* @__PURE__ */ React6.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Camera")
-  ), /* @__PURE__ */ React6.createElement(Text5, { style: styles5.countText }, images.length, "/", maxImages)), /* @__PURE__ */ React6.createElement(ImagePreviewStrip, { images, onRemove }));
+    /* @__PURE__ */ React7.createElement(Text5, { style: [styles5.pickButtonText, images.length >= maxImages && styles5.pickButtonDisabled] }, "Camera")
+  ), /* @__PURE__ */ React7.createElement(Text5, { style: styles5.countText }, images.length, "/", maxImages)), /* @__PURE__ */ React7.createElement(ImagePreviewStrip, { images, onRemove }));
 }
-var styles5 = StyleSheet6.create({
+var styles5 = StyleSheet7.create({
   section: {
     marginTop: 12,
     marginBottom: 4
@@ -14697,22 +15186,22 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
       }
     }
   };
-  return /* @__PURE__ */ React7.createElement(View6, { style: styles6.container }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ React7.createElement(Text6, { style: styles6.subheader }, "Rate this test case"), /* @__PURE__ */ React7.createElement(View6, { style: styles6.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React7.createElement(TouchableOpacity6, { key: n, onPress: () => setRating(n), style: styles6.starButton }, /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.star, n <= rating && styles6.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ React7.createElement(View6, { style: styles6.flagsSection }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.flagsLabel }, "What could be improved?"), [
+  return /* @__PURE__ */ React8.createElement(View7, { style: styles6.container }, /* @__PURE__ */ React8.createElement(Text6, { style: styles6.header }, status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed"), /* @__PURE__ */ React8.createElement(Text6, { style: styles6.subheader }, "Rate this test case"), /* @__PURE__ */ React8.createElement(View7, { style: styles6.starRow }, [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ React8.createElement(TouchableOpacity6, { key: n, onPress: () => setRating(n), style: styles6.starButton }, /* @__PURE__ */ React8.createElement(Text6, { style: [styles6.star, n <= rating && styles6.starActive] }, n <= rating ? "\u2605" : "\u2606")))), showFlags && /* @__PURE__ */ React8.createElement(View7, { style: styles6.flagsSection }, /* @__PURE__ */ React8.createElement(Text6, { style: styles6.flagsLabel }, "What could be improved?"), [
     { key: "isOutdated", label: "Test is outdated" },
     { key: "needsMoreDetail", label: "Needs more detail" },
     { key: "stepsUnclear", label: "Steps are unclear" },
     { key: "expectedResultUnclear", label: "Expected result unclear" }
-  ].map(({ key, label }) => /* @__PURE__ */ React7.createElement(
+  ].map(({ key, label }) => /* @__PURE__ */ React8.createElement(
     TouchableOpacity6,
     {
       key,
       style: [styles6.flagItem, flags[key] && styles6.flagItemActive],
       onPress: () => setFlags((prev) => ({ ...prev, [key]: !prev[key] }))
     },
-    /* @__PURE__ */ React7.createElement(View6, { style: [styles6.flagCheck, flags[key] && styles6.flagCheckActive] }, flags[key] && /* @__PURE__ */ React7.createElement(Text6, { style: styles6.flagCheckmark }, "\u2713")),
-    /* @__PURE__ */ React7.createElement(Text6, { style: [styles6.flagText, flags[key] && styles6.flagTextActive] }, label)
-  ))), /* @__PURE__ */ React7.createElement(
-    TextInput2,
+    /* @__PURE__ */ React8.createElement(View7, { style: [styles6.flagCheck, flags[key] && styles6.flagCheckActive] }, flags[key] && /* @__PURE__ */ React8.createElement(Text6, { style: styles6.flagCheckmark }, "\u2713")),
+    /* @__PURE__ */ React8.createElement(Text6, { style: [styles6.flagText, flags[key] && styles6.flagTextActive] }, label)
+  ))), /* @__PURE__ */ React8.createElement(
+    TextInput3,
     {
       style: styles6.noteInput,
       value: note,
@@ -14721,7 +15210,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
       placeholderTextColor: colors.textMuted,
       multiline: true
     }
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -14731,9 +15220,9 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), /* @__PURE__ */ React7.createElement(View6, { style: styles6.actions }, /* @__PURE__ */ React7.createElement(TouchableOpacity6, { style: styles6.skipButton, onPress: handleSkip }, /* @__PURE__ */ React7.createElement(Text6, { style: styles6.skipText }, "Skip")), /* @__PURE__ */ React7.createElement(TouchableOpacity6, { style: [shared.primaryButton, { flex: 2, opacity: submitting || images.isUploading ? 0.5 : 1 }], onPress: handleSubmit, disabled: submitting || images.isUploading }, /* @__PURE__ */ React7.createElement(Text6, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : submitting ? "Submitting..." : "Submit"))));
+  ), /* @__PURE__ */ React8.createElement(View7, { style: styles6.actions }, /* @__PURE__ */ React8.createElement(TouchableOpacity6, { style: styles6.skipButton, onPress: handleSkip }, /* @__PURE__ */ React8.createElement(Text6, { style: styles6.skipText }, "Skip")), /* @__PURE__ */ React8.createElement(TouchableOpacity6, { style: [shared.primaryButton, { flex: 2, opacity: submitting || images.isUploading ? 0.5 : 1 }], onPress: handleSubmit, disabled: submitting || images.isUploading }, /* @__PURE__ */ React8.createElement(Text6, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : submitting ? "Submitting..." : "Submit"))));
 }
-var styles6 = StyleSheet7.create({
+var styles6 = StyleSheet8.create({
   container: { paddingTop: 8 },
   header: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, textAlign: "center", marginBottom: 4 },
   subheader: { fontSize: 14, color: colors.textMuted, textAlign: "center", marginBottom: 20 },
@@ -14757,12 +15246,12 @@ var styles6 = StyleSheet7.create({
 });
 
 // src/widget/screens/ReportScreen.tsx
-import React9, { useState as useState7, useRef as useRef2, useEffect as useEffect5 } from "react";
-import { View as View8, Text as Text8, TouchableOpacity as TouchableOpacity8, TextInput as TextInput3, StyleSheet as StyleSheet9 } from "react-native";
+import React10, { useState as useState7, useRef as useRef3, useEffect as useEffect6 } from "react";
+import { View as View9, Text as Text8, TouchableOpacity as TouchableOpacity8, TextInput as TextInput4, StyleSheet as StyleSheet10 } from "react-native";
 
 // src/widget/CategoryPicker.tsx
-import React8, { useState as useState6 } from "react";
-import { View as View7, Text as Text7, TouchableOpacity as TouchableOpacity7, Modal as Modal2, StyleSheet as StyleSheet8 } from "react-native";
+import React9, { useState as useState6 } from "react";
+import { View as View8, Text as Text7, TouchableOpacity as TouchableOpacity7, Modal as Modal2, StyleSheet as StyleSheet9 } from "react-native";
 var categoryOptions = [
   { value: "ui_ux", label: "UI/UX", icon: "\u{1F3A8}" },
   { value: "functional", label: "Functional", icon: "\u2699\uFE0F" },
@@ -14777,15 +15266,15 @@ function CategoryPicker({ value, onChange, optional = true }) {
     onChange(category);
     setModalVisible(false);
   };
-  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
     TouchableOpacity7,
     {
       style: styles7.trigger,
       onPress: () => setModalVisible(true)
     },
-    /* @__PURE__ */ React8.createElement(Text7, { style: selectedOption ? styles7.triggerTextSelected : styles7.triggerTextPlaceholder }, selectedOption ? `${selectedOption.icon} ${selectedOption.label}` : optional ? "Select category (optional)" : "Select category"),
-    /* @__PURE__ */ React8.createElement(Text7, { style: styles7.chevron }, "\u25BC")
-  ), /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement(Text7, { style: selectedOption ? styles7.triggerTextSelected : styles7.triggerTextPlaceholder }, selectedOption ? `${selectedOption.icon} ${selectedOption.label}` : optional ? "Select category (optional)" : "Select category"),
+    /* @__PURE__ */ React9.createElement(Text7, { style: styles7.chevron }, "\u25BC")
+  ), /* @__PURE__ */ React9.createElement(
     Modal2,
     {
       visible: modalVisible,
@@ -14793,42 +15282,42 @@ function CategoryPicker({ value, onChange, optional = true }) {
       animationType: "fade",
       onRequestClose: () => setModalVisible(false)
     },
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement(
       TouchableOpacity7,
       {
         style: styles7.overlay,
         activeOpacity: 1,
         onPress: () => setModalVisible(false)
       },
-      /* @__PURE__ */ React8.createElement(View7, { style: styles7.modal, onStartShouldSetResponder: () => true }, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.modalTitle }, "Select Category"), optional && /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React9.createElement(View8, { style: styles7.modal, onStartShouldSetResponder: () => true }, /* @__PURE__ */ React9.createElement(Text7, { style: styles7.modalTitle }, "Select Category"), optional && /* @__PURE__ */ React9.createElement(
         TouchableOpacity7,
         {
           style: [styles7.option, !value && styles7.optionSelected],
           onPress: () => handleSelect(null)
         },
-        /* @__PURE__ */ React8.createElement(Text7, { style: styles7.optionText }, "\u2014 None \u2014")
-      ), categoryOptions.map(({ value: optValue, label, icon }) => /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React9.createElement(Text7, { style: styles7.optionText }, "\u2014 None \u2014")
+      ), categoryOptions.map(({ value: optValue, label, icon }) => /* @__PURE__ */ React9.createElement(
         TouchableOpacity7,
         {
           key: optValue,
           style: [styles7.option, value === optValue && styles7.optionSelected],
           onPress: () => handleSelect(optValue)
         },
-        /* @__PURE__ */ React8.createElement(Text7, { style: styles7.optionIcon }, icon),
-        /* @__PURE__ */ React8.createElement(Text7, { style: styles7.optionText }, label),
-        value === optValue && /* @__PURE__ */ React8.createElement(Text7, { style: styles7.checkmark }, "\u2713")
-      )), /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React9.createElement(Text7, { style: styles7.optionIcon }, icon),
+        /* @__PURE__ */ React9.createElement(Text7, { style: styles7.optionText }, label),
+        value === optValue && /* @__PURE__ */ React9.createElement(Text7, { style: styles7.checkmark }, "\u2713")
+      )), /* @__PURE__ */ React9.createElement(
         TouchableOpacity7,
         {
           style: styles7.cancelButton,
           onPress: () => setModalVisible(false)
         },
-        /* @__PURE__ */ React8.createElement(Text7, { style: styles7.cancelText }, "Cancel")
+        /* @__PURE__ */ React9.createElement(Text7, { style: styles7.cancelText }, "Cancel")
       ))
     )
   ));
 }
-var styles7 = StyleSheet8.create({
+var styles7 = StyleSheet9.create({
   trigger: {
     flexDirection: "row",
     alignItems: "center",
@@ -14925,11 +15414,11 @@ function ReportScreen({ nav, prefill }) {
   const [affectedScreen, setAffectedScreen] = useState7("");
   const [submitting, setSubmitting] = useState7(false);
   const [error, setError] = useState7(null);
-  const submittingRef = useRef2(false);
+  const submittingRef = useRef3(false);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
   const isRetestFailure = prefill?.type === "test_fail";
   const isBugType = reportType === "bug" || reportType === "test_fail";
-  useEffect5(() => {
+  useEffect6(() => {
     if (reportType === "feedback" || reportType === "suggestion") {
       setCategory("other");
     } else {
@@ -14978,21 +15467,21 @@ function ReportScreen({ nav, prefill }) {
       submittingRef.current = false;
     }
   };
-  return /* @__PURE__ */ React9.createElement(View8, null, isRetestFailure ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(View8, { style: styles8.retestBanner }, /* @__PURE__ */ React9.createElement(Text8, { style: styles8.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React9.createElement(View8, null, /* @__PURE__ */ React9.createElement(Text8, { style: styles8.retestTitle }, "Bug Still Present"), /* @__PURE__ */ React9.createElement(Text8, { style: styles8.retestSubtitle }, "The fix did not resolve this issue"))), /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "Severity"), /* @__PURE__ */ React9.createElement(View8, { style: styles8.severityRow }, [
+  return /* @__PURE__ */ React10.createElement(View9, null, isRetestFailure ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(View9, { style: styles8.retestBanner }, /* @__PURE__ */ React10.createElement(Text8, { style: styles8.retestIcon }, "\u{1F504}"), /* @__PURE__ */ React10.createElement(View9, null, /* @__PURE__ */ React10.createElement(Text8, { style: styles8.retestTitle }, "Bug Still Present"), /* @__PURE__ */ React10.createElement(Text8, { style: styles8.retestSubtitle }, "The fix did not resolve this issue"))), /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Severity"), /* @__PURE__ */ React10.createElement(View9, { style: styles8.severityRow }, [
     { sev: "critical", color: "#ef4444" },
     { sev: "high", color: "#f97316" },
     { sev: "medium", color: "#eab308" },
     { sev: "low", color: "#6b7280" }
-  ].map(({ sev, color }) => /* @__PURE__ */ React9.createElement(
+  ].map(({ sev, color }) => /* @__PURE__ */ React10.createElement(
     TouchableOpacity8,
     {
       key: sev,
       style: [styles8.sevButton, severity === sev && { backgroundColor: `${color}30`, borderColor: color }],
       onPress: () => setSeverity(sev)
     },
-    /* @__PURE__ */ React9.createElement(Text8, { style: [styles8.sevText, severity === sev && { color }] }, sev)
-  )))), /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "Category (optional)"), /* @__PURE__ */ React9.createElement(CategoryPicker, { value: category, onChange: setCategory, optional: true })), /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "What went wrong?"), /* @__PURE__ */ React9.createElement(
-    TextInput3,
+    /* @__PURE__ */ React10.createElement(Text8, { style: [styles8.sevText, severity === sev && { color }] }, sev)
+  )))), /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Category (optional)"), /* @__PURE__ */ React10.createElement(CategoryPicker, { value: category, onChange: setCategory, optional: true })), /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "What went wrong?"), /* @__PURE__ */ React10.createElement(
+    TextInput4,
     {
       style: styles8.descInput,
       value: description,
@@ -15003,7 +15492,7 @@ function ReportScreen({ nav, prefill }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), /* @__PURE__ */ React9.createElement(
+  )), /* @__PURE__ */ React10.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -15013,42 +15502,42 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Attachments (optional)"
     }
-  ), error && /* @__PURE__ */ React9.createElement(View8, { style: styles8.errorBanner }, /* @__PURE__ */ React9.createElement(Text8, { style: styles8.errorText }, error)), /* @__PURE__ */ React9.createElement(
+  ), error && /* @__PURE__ */ React10.createElement(View9, { style: styles8.errorBanner }, /* @__PURE__ */ React10.createElement(Text8, { style: styles8.errorText }, error)), /* @__PURE__ */ React10.createElement(
     TouchableOpacity8,
     {
       style: [shared.primaryButton, styles8.retestSubmitButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ React9.createElement(Text8, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Failed Retest")
-  )) : /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ React9.createElement(View8, { style: styles8.typeRow }, [
+    /* @__PURE__ */ React10.createElement(Text8, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Failed Retest")
+  )) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ React10.createElement(View9, { style: styles8.typeRow }, [
     { type: "bug", label: "Bug", icon: "\u{1F41B}" },
     { type: "feedback", label: "Feedback", icon: "\u{1F4A1}" },
     { type: "suggestion", label: "Idea", icon: "\u2728" }
-  ].map(({ type, label, icon }) => /* @__PURE__ */ React9.createElement(
+  ].map(({ type, label, icon }) => /* @__PURE__ */ React10.createElement(
     TouchableOpacity8,
     {
       key: type,
       style: [styles8.typeCard, reportType === type && styles8.typeCardActive],
       onPress: () => setReportType(type)
     },
-    /* @__PURE__ */ React9.createElement(Text8, { style: styles8.typeIcon }, icon),
-    /* @__PURE__ */ React9.createElement(Text8, { style: [styles8.typeLabel, reportType === type && styles8.typeLabelActive] }, label)
-  ))), isBugType && /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "Severity"), /* @__PURE__ */ React9.createElement(View8, { style: styles8.severityRow }, [
+    /* @__PURE__ */ React10.createElement(Text8, { style: styles8.typeIcon }, icon),
+    /* @__PURE__ */ React10.createElement(Text8, { style: [styles8.typeLabel, reportType === type && styles8.typeLabelActive] }, label)
+  ))), isBugType && /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Severity"), /* @__PURE__ */ React10.createElement(View9, { style: styles8.severityRow }, [
     { sev: "critical", color: "#ef4444" },
     { sev: "high", color: "#f97316" },
     { sev: "medium", color: "#eab308" },
     { sev: "low", color: "#6b7280" }
-  ].map(({ sev, color }) => /* @__PURE__ */ React9.createElement(
+  ].map(({ sev, color }) => /* @__PURE__ */ React10.createElement(
     TouchableOpacity8,
     {
       key: sev,
       style: [styles8.sevButton, severity === sev && { backgroundColor: `${color}30`, borderColor: color }],
       onPress: () => setSeverity(sev)
     },
-    /* @__PURE__ */ React9.createElement(Text8, { style: [styles8.sevText, severity === sev && { color }] }, sev)
-  )))), isBugType && /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "Category (optional)"), /* @__PURE__ */ React9.createElement(CategoryPicker, { value: category, onChange: setCategory, optional: true })), /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "What happened?"), /* @__PURE__ */ React9.createElement(
-    TextInput3,
+    /* @__PURE__ */ React10.createElement(Text8, { style: [styles8.sevText, severity === sev && { color }] }, sev)
+  )))), isBugType && /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Category (optional)"), /* @__PURE__ */ React10.createElement(CategoryPicker, { value: category, onChange: setCategory, optional: true })), /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "What happened?"), /* @__PURE__ */ React10.createElement(
+    TextInput4,
     {
       style: styles8.descInput,
       value: description,
@@ -15059,8 +15548,8 @@ function ReportScreen({ nav, prefill }) {
       numberOfLines: 4,
       textAlignVertical: "top"
     }
-  )), isBugType && /* @__PURE__ */ React9.createElement(View8, { style: styles8.section }, /* @__PURE__ */ React9.createElement(Text8, { style: shared.label }, "Which screen?"), /* @__PURE__ */ React9.createElement(
-    TextInput3,
+  )), isBugType && /* @__PURE__ */ React10.createElement(View9, { style: styles8.section }, /* @__PURE__ */ React10.createElement(Text8, { style: shared.label }, "Which screen?"), /* @__PURE__ */ React10.createElement(
+    TextInput4,
     {
       style: styles8.screenInput,
       value: affectedScreen,
@@ -15068,7 +15557,7 @@ function ReportScreen({ nav, prefill }) {
       placeholder: "e.g. Reservations, Settings...",
       placeholderTextColor: colors.textMuted
     }
-  ), /* @__PURE__ */ React9.createElement(Text8, { style: styles8.screenHint }, "Which screen or area was the bug on? (optional)")), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React10.createElement(Text8, { style: styles8.screenHint }, "Which screen or area was the bug on? (optional)")), /* @__PURE__ */ React10.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -15078,17 +15567,17 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), error && /* @__PURE__ */ React9.createElement(View8, { style: styles8.errorBanner }, /* @__PURE__ */ React9.createElement(Text8, { style: styles8.errorText }, error)), /* @__PURE__ */ React9.createElement(
+  ), error && /* @__PURE__ */ React10.createElement(View9, { style: styles8.errorBanner }, /* @__PURE__ */ React10.createElement(Text8, { style: styles8.errorText }, error)), /* @__PURE__ */ React10.createElement(
     TouchableOpacity8,
     {
       style: [shared.primaryButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ React9.createElement(Text8, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
+    /* @__PURE__ */ React10.createElement(Text8, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
   )));
 }
-var styles8 = StyleSheet9.create({
+var styles8 = StyleSheet10.create({
   typeRow: { flexDirection: "row", gap: 10, marginBottom: 20 },
   typeCard: { flex: 1, alignItems: "center", paddingVertical: 16, borderRadius: 12, backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border },
   typeCardActive: { borderColor: colors.blue, backgroundColor: "#172554" },
@@ -15112,16 +15601,16 @@ var styles8 = StyleSheet9.create({
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
-import React10, { useEffect as useEffect6 } from "react";
-import { View as View9, Text as Text9, StyleSheet as StyleSheet10 } from "react-native";
+import React11, { useEffect as useEffect7 } from "react";
+import { View as View10, Text as Text9, StyleSheet as StyleSheet11 } from "react-native";
 function ReportSuccessScreen({ nav }) {
-  useEffect6(() => {
+  useEffect7(() => {
     const timer = setTimeout(() => nav.reset(), 2e3);
     return () => clearTimeout(timer);
   }, [nav]);
-  return /* @__PURE__ */ React10.createElement(View9, { style: styles9.container }, /* @__PURE__ */ React10.createElement(Text9, { style: styles9.emoji }, "\u{1F389}"), /* @__PURE__ */ React10.createElement(Text9, { style: styles9.title }, "Report submitted!"), /* @__PURE__ */ React10.createElement(Text9, { style: styles9.subtitle }, "Thank you for your feedback"));
+  return /* @__PURE__ */ React11.createElement(View10, { style: styles9.container }, /* @__PURE__ */ React11.createElement(Text9, { style: styles9.emoji }, "\u{1F389}"), /* @__PURE__ */ React11.createElement(Text9, { style: styles9.title }, "Report submitted!"), /* @__PURE__ */ React11.createElement(Text9, { style: styles9.subtitle }, "Thank you for your feedback"));
 }
-var styles9 = StyleSheet10.create({
+var styles9 = StyleSheet11.create({
   container: { alignItems: "center", paddingVertical: 60 },
   emoji: { fontSize: 48, marginBottom: 16 },
   title: { fontSize: 22, fontWeight: "700", color: colors.textPrimary, marginBottom: 6 },
@@ -15129,29 +15618,30 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/widget/screens/MessageListScreen.tsx
-import React11 from "react";
-import { View as View10, Text as Text10, TouchableOpacity as TouchableOpacity9, StyleSheet as StyleSheet11 } from "react-native";
+import React12 from "react";
+import { View as View11, Text as Text10, TouchableOpacity as TouchableOpacity9, StyleSheet as StyleSheet12 } from "react-native";
 function MessageListScreen({ nav }) {
-  const { threads, unreadCount, refreshThreads } = useBugBear();
-  return /* @__PURE__ */ React11.createElement(View10, null, /* @__PURE__ */ React11.createElement(
+  const { threads, unreadCount, refreshThreads, isLoading } = useBugBear();
+  if (isLoading) return /* @__PURE__ */ React12.createElement(MessageListScreenSkeleton, null);
+  return /* @__PURE__ */ React12.createElement(View11, null, /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
     {
       style: styles10.newMsgButton,
       onPress: () => nav.push({ name: "COMPOSE_MESSAGE" })
     },
-    /* @__PURE__ */ React11.createElement(Text10, { style: styles10.newMsgText }, "\u2709\uFE0F New Message")
-  ), threads.length === 0 ? /* @__PURE__ */ React11.createElement(View10, { style: shared.emptyState }, /* @__PURE__ */ React11.createElement(Text10, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ React11.createElement(Text10, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ React11.createElement(Text10, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ React11.createElement(View10, null, threads.map((thread) => /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(Text10, { style: styles10.newMsgText }, "\u2709\uFE0F New Message")
+  ), threads.length === 0 ? /* @__PURE__ */ React12.createElement(View11, { style: shared.emptyState }, /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyEmoji }, "\u{1F4AC}"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptyTitle }, "No messages yet"), /* @__PURE__ */ React12.createElement(Text10, { style: shared.emptySubtitle }, "Start a conversation or wait for messages from admins")) : /* @__PURE__ */ React12.createElement(View11, null, threads.map((thread) => /* @__PURE__ */ React12.createElement(
     TouchableOpacity9,
     {
       key: thread.id,
       style: [styles10.threadItem, thread.unreadCount > 0 && styles10.threadItemUnread],
       onPress: () => nav.push({ name: "THREAD_DETAIL", thread })
     },
-    /* @__PURE__ */ React11.createElement(View10, { style: styles10.threadLeft }, /* @__PURE__ */ React11.createElement(Text10, { style: styles10.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React11.createElement(View10, { style: styles10.threadInfo }, /* @__PURE__ */ React11.createElement(View10, { style: styles10.threadTitleRow }, thread.isPinned && /* @__PURE__ */ React11.createElement(Text10, { style: styles10.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ React11.createElement(Text10, { style: styles10.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ React11.createElement(Text10, { style: styles10.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
-    /* @__PURE__ */ React11.createElement(View10, { style: styles10.threadRight }, /* @__PURE__ */ React11.createElement(Text10, { style: styles10.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ React11.createElement(View10, { style: styles10.unreadBadge }, /* @__PURE__ */ React11.createElement(Text10, { style: styles10.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ React11.createElement(View10, { style: [styles10.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
-  ))), /* @__PURE__ */ React11.createElement(View10, { style: styles10.footer }, /* @__PURE__ */ React11.createElement(Text10, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React11.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React11.createElement(Text10, { style: styles10.refreshText }, "\u21BB Refresh"))));
+    /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadLeft }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadInfo }, /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadTitleRow }, thread.isPinned && /* @__PURE__ */ React12.createElement(Text10, { style: styles10.pinIcon }, "\u{1F4CC}"), /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadSubject, numberOfLines: 1 }, thread.subject || "No subject")), thread.lastMessage && /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadPreview, numberOfLines: 1 }, thread.lastMessage.senderName, ": ", thread.lastMessage.content))),
+    /* @__PURE__ */ React12.createElement(View11, { style: styles10.threadRight }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.threadTime }, formatRelativeTime(thread.lastMessageAt)), thread.unreadCount > 0 && /* @__PURE__ */ React12.createElement(View11, { style: styles10.unreadBadge }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.unreadText }, thread.unreadCount)), thread.priority !== "normal" && /* @__PURE__ */ React12.createElement(View11, { style: [styles10.priorityDot, { backgroundColor: getPriorityColor(thread.priority) }] }))
+  ))), /* @__PURE__ */ React12.createElement(View11, { style: styles10.footer }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.footerText }, threads.length, " thread", threads.length !== 1 ? "s" : "", " \xB7 ", unreadCount, " unread"), /* @__PURE__ */ React12.createElement(TouchableOpacity9, { onPress: refreshThreads }, /* @__PURE__ */ React12.createElement(Text10, { style: styles10.refreshText }, "\u21BB Refresh"))));
 }
-var styles10 = StyleSheet11.create({
+var styles10 = StyleSheet12.create({
   newMsgButton: { backgroundColor: colors.blue, paddingVertical: 12, borderRadius: 12, alignItems: "center", marginBottom: 16 },
   newMsgText: { fontSize: 15, fontWeight: "600", color: "#fff" },
   threadItem: { flexDirection: "row", justifyContent: "space-between", paddingVertical: 12, paddingHorizontal: 12, borderRadius: 10, marginBottom: 4, backgroundColor: colors.card },
@@ -15174,8 +15664,8 @@ var styles10 = StyleSheet11.create({
 });
 
 // src/widget/screens/ThreadDetailScreen.tsx
-import React12, { useState as useState8, useEffect as useEffect7 } from "react";
-import { View as View11, Text as Text11, TouchableOpacity as TouchableOpacity10, TextInput as TextInput4, StyleSheet as StyleSheet12, Image as Image2 } from "react-native";
+import React13, { useState as useState8, useEffect as useEffect8 } from "react";
+import { View as View12, Text as Text11, TouchableOpacity as TouchableOpacity10, TextInput as TextInput5, StyleSheet as StyleSheet13, Image as Image2 } from "react-native";
 function ThreadDetailScreen({ thread, nav }) {
   const { getThreadMessages, sendMessage, markAsRead, uploadImage } = useBugBear();
   const [messages, setMessages] = useState8([]);
@@ -15184,7 +15674,7 @@ function ThreadDetailScreen({ thread, nav }) {
   const [sending, setSending] = useState8(false);
   const [sendError, setSendError] = useState8(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     setLoading(true);
     (async () => {
@@ -15229,18 +15719,18 @@ function ThreadDetailScreen({ thread, nav }) {
     }
     setSending(false);
   };
-  return /* @__PURE__ */ React12.createElement(View11, { style: styles11.container }, /* @__PURE__ */ React12.createElement(View11, { style: styles11.header }, /* @__PURE__ */ React12.createElement(Text11, { style: styles11.headerIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React12.createElement(Text11, { style: styles11.headerSubject, numberOfLines: 2 }, thread.subject || "No subject")), loading ? /* @__PURE__ */ React12.createElement(View11, { style: styles11.loadingContainer }, /* @__PURE__ */ React12.createElement(Text11, { style: styles11.loadingText }, "Loading messages...")) : /* @__PURE__ */ React12.createElement(View11, { style: styles11.messagesContainer }, messages.map((msg) => /* @__PURE__ */ React12.createElement(
-    View11,
+  return /* @__PURE__ */ React13.createElement(View12, { style: styles11.container }, /* @__PURE__ */ React13.createElement(View12, { style: styles11.header }, /* @__PURE__ */ React13.createElement(Text11, { style: styles11.headerIcon }, getThreadTypeIcon(thread.threadType)), /* @__PURE__ */ React13.createElement(Text11, { style: styles11.headerSubject, numberOfLines: 2 }, thread.subject || "No subject")), loading ? /* @__PURE__ */ React13.createElement(View12, { style: styles11.loadingContainer }, /* @__PURE__ */ React13.createElement(Text11, { style: styles11.loadingText }, "Loading messages...")) : /* @__PURE__ */ React13.createElement(View12, { style: styles11.messagesContainer }, messages.map((msg) => /* @__PURE__ */ React13.createElement(
+    View12,
     {
       key: msg.id,
       style: [styles11.bubble, msg.senderType === "tester" ? styles11.bubbleTester : styles11.bubbleAdmin]
     },
-    /* @__PURE__ */ React12.createElement(Text11, { style: [styles11.sender, msg.senderType === "tester" && styles11.senderTester] }, msg.senderType === "tester" ? "You" : msg.senderName),
-    /* @__PURE__ */ React12.createElement(Text11, { style: [styles11.content, msg.senderType === "tester" && styles11.contentTester] }, msg.content),
-    msg.attachments && msg.attachments.length > 0 && /* @__PURE__ */ React12.createElement(View11, { style: styles11.attachments }, msg.attachments.filter((a) => a.type === "image").map((att, idx) => /* @__PURE__ */ React12.createElement(Image2, { key: idx, source: { uri: att.url }, style: styles11.attachmentImage, resizeMode: "cover" }))),
-    /* @__PURE__ */ React12.createElement(Text11, { style: [styles11.time, msg.senderType === "tester" && styles11.timeTester] }, formatMessageTime(msg.createdAt))
-  ))), sendError && /* @__PURE__ */ React12.createElement(View11, { style: styles11.errorBar }, /* @__PURE__ */ React12.createElement(Text11, { style: styles11.errorText }, "Failed to send. Tap Send to retry.")), replyImages.images.length > 0 && /* @__PURE__ */ React12.createElement(View11, { style: styles11.replyPreview }, /* @__PURE__ */ React12.createElement(ImagePreviewStrip, { images: replyImages.images, onRemove: replyImages.removeImage })), /* @__PURE__ */ React12.createElement(View11, { style: styles11.composer }, IMAGE_PICKER_AVAILABLE && /* @__PURE__ */ React12.createElement(TouchableOpacity10, { style: styles11.attachBtn, onPress: replyImages.pickFromGallery, disabled: replyImages.images.length >= 3 }, /* @__PURE__ */ React12.createElement(Text11, { style: styles11.attachBtnText }, "\u{1F4CE}")), /* @__PURE__ */ React12.createElement(
-    TextInput4,
+    /* @__PURE__ */ React13.createElement(Text11, { style: [styles11.sender, msg.senderType === "tester" && styles11.senderTester] }, msg.senderType === "tester" ? "You" : msg.senderName),
+    /* @__PURE__ */ React13.createElement(Text11, { style: [styles11.content, msg.senderType === "tester" && styles11.contentTester] }, msg.content),
+    msg.attachments && msg.attachments.length > 0 && /* @__PURE__ */ React13.createElement(View12, { style: styles11.attachments }, msg.attachments.filter((a) => a.type === "image").map((att, idx) => /* @__PURE__ */ React13.createElement(Image2, { key: idx, source: { uri: att.url }, style: styles11.attachmentImage, resizeMode: "cover" }))),
+    /* @__PURE__ */ React13.createElement(Text11, { style: [styles11.time, msg.senderType === "tester" && styles11.timeTester] }, formatMessageTime(msg.createdAt))
+  ))), sendError && /* @__PURE__ */ React13.createElement(View12, { style: styles11.errorBar }, /* @__PURE__ */ React13.createElement(Text11, { style: styles11.errorText }, "Failed to send. Tap Send to retry.")), replyImages.images.length > 0 && /* @__PURE__ */ React13.createElement(View12, { style: styles11.replyPreview }, /* @__PURE__ */ React13.createElement(ImagePreviewStrip, { images: replyImages.images, onRemove: replyImages.removeImage })), /* @__PURE__ */ React13.createElement(View12, { style: styles11.composer }, IMAGE_PICKER_AVAILABLE && /* @__PURE__ */ React13.createElement(TouchableOpacity10, { style: styles11.attachBtn, onPress: replyImages.pickFromGallery, disabled: replyImages.images.length >= 3 }, /* @__PURE__ */ React13.createElement(Text11, { style: styles11.attachBtnText }, "\u{1F4CE}")), /* @__PURE__ */ React13.createElement(
+    TextInput5,
     {
       style: styles11.replyInput,
       value: replyText,
@@ -15250,17 +15740,17 @@ function ThreadDetailScreen({ thread, nav }) {
       multiline: true,
       maxLength: 1e3
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     TouchableOpacity10,
     {
       style: [styles11.sendBtn, (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) && styles11.sendBtnDisabled],
       onPress: handleSend,
       disabled: !replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading
     },
-    /* @__PURE__ */ React12.createElement(Text11, { style: styles11.sendBtnText }, sending ? "..." : "Send")
+    /* @__PURE__ */ React13.createElement(Text11, { style: styles11.sendBtnText }, sending ? "..." : "Send")
   )));
 }
-var styles11 = StyleSheet12.create({
+var styles11 = StyleSheet13.create({
   container: { flex: 1 },
   header: { flexDirection: "row", alignItems: "center", gap: 8, marginBottom: 16, paddingBottom: 12, borderBottomWidth: 1, borderBottomColor: colors.border },
   headerIcon: { fontSize: 20 },
@@ -15292,8 +15782,8 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/widget/screens/ComposeMessageScreen.tsx
-import React13, { useState as useState9 } from "react";
-import { View as View12, Text as Text12, TextInput as TextInput5, TouchableOpacity as TouchableOpacity11, StyleSheet as StyleSheet13 } from "react-native";
+import React14, { useState as useState9 } from "react";
+import { View as View13, Text as Text12, TextInput as TextInput6, TouchableOpacity as TouchableOpacity11, StyleSheet as StyleSheet14 } from "react-native";
 function ComposeMessageScreen({ nav }) {
   const { createThread, uploadImage } = useBugBear();
   const [subject, setSubject] = useState9("");
@@ -15314,8 +15804,8 @@ function ComposeMessageScreen({ nav }) {
       nav.pop();
     }
   };
-  return /* @__PURE__ */ React13.createElement(View12, null, /* @__PURE__ */ React13.createElement(View12, { style: styles12.header }, /* @__PURE__ */ React13.createElement(Text12, { style: styles12.title }, "New Message"), /* @__PURE__ */ React13.createElement(Text12, { style: styles12.subtitle }, "Send a message to the QA team")), /* @__PURE__ */ React13.createElement(View12, { style: styles12.form }, /* @__PURE__ */ React13.createElement(Text12, { style: shared.label }, "Subject"), /* @__PURE__ */ React13.createElement(
-    TextInput5,
+  return /* @__PURE__ */ React14.createElement(View13, null, /* @__PURE__ */ React14.createElement(View13, { style: styles12.header }, /* @__PURE__ */ React14.createElement(Text12, { style: styles12.title }, "New Message"), /* @__PURE__ */ React14.createElement(Text12, { style: styles12.subtitle }, "Send a message to the QA team")), /* @__PURE__ */ React14.createElement(View13, { style: styles12.form }, /* @__PURE__ */ React14.createElement(Text12, { style: shared.label }, "Subject"), /* @__PURE__ */ React14.createElement(
+    TextInput6,
     {
       style: styles12.subjectInput,
       value: subject,
@@ -15324,8 +15814,8 @@ function ComposeMessageScreen({ nav }) {
       placeholderTextColor: colors.textMuted,
       maxLength: 100
     }
-  ), /* @__PURE__ */ React13.createElement(Text12, { style: [shared.label, { marginTop: 16 }] }, "Message"), /* @__PURE__ */ React13.createElement(
-    TextInput5,
+  ), /* @__PURE__ */ React14.createElement(Text12, { style: [shared.label, { marginTop: 16 }] }, "Message"), /* @__PURE__ */ React14.createElement(
+    TextInput6,
     {
       style: styles12.messageInput,
       value: message,
@@ -15337,7 +15827,7 @@ function ComposeMessageScreen({ nav }) {
       textAlignVertical: "top",
       maxLength: 2e3
     }
-  ), /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React14.createElement(
     ImagePickerButtons,
     {
       images: images.images,
@@ -15346,17 +15836,17 @@ function ComposeMessageScreen({ nav }) {
       onPickCamera: images.pickFromCamera,
       onRemove: images.removeImage
     }
-  ), /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React14.createElement(
     TouchableOpacity11,
     {
       style: [shared.primaryButton, (!subject.trim() || !message.trim() || sending || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSend,
       disabled: !subject.trim() || !message.trim() || sending || images.isUploading
     },
-    /* @__PURE__ */ React13.createElement(Text12, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : sending ? "Sending..." : "Send Message")
+    /* @__PURE__ */ React14.createElement(Text12, { style: shared.primaryButtonText }, images.isUploading ? "Uploading..." : sending ? "Sending..." : "Send Message")
   )));
 }
-var styles12 = StyleSheet13.create({
+var styles12 = StyleSheet14.create({
   header: { marginBottom: 20 },
   title: { fontSize: 20, fontWeight: "600", color: colors.textPrimary, marginBottom: 4 },
   subtitle: { fontSize: 14, color: colors.textMuted },
@@ -15366,8 +15856,8 @@ var styles12 = StyleSheet13.create({
 });
 
 // src/widget/screens/ProfileScreen.tsx
-import React14, { useState as useState10, useEffect as useEffect8 } from "react";
-import { View as View13, Text as Text13, TouchableOpacity as TouchableOpacity12, TextInput as TextInput6, StyleSheet as StyleSheet14 } from "react-native";
+import React15, { useState as useState10, useEffect as useEffect9 } from "react";
+import { View as View14, Text as Text13, TouchableOpacity as TouchableOpacity12, TextInput as TextInput7, StyleSheet as StyleSheet15 } from "react-native";
 function ProfileScreen({ nav }) {
   const { testerInfo, assignments, updateTesterProfile, refreshTesterInfo } = useBugBear();
   const [editing, setEditing] = useState10(false);
@@ -15379,7 +15869,7 @@ function ProfileScreen({ nav }) {
   const [saved, setSaved] = useState10(false);
   const [showDetails, setShowDetails] = useState10(false);
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
-  useEffect8(() => {
+  useEffect9(() => {
     if (testerInfo) {
       setName(testerInfo.name);
       setAdditionalEmails(testerInfo.additionalEmails || []);
@@ -15414,17 +15904,17 @@ function ProfileScreen({ nav }) {
     }
   };
   if (saved) {
-    return /* @__PURE__ */ React14.createElement(View13, { style: shared.emptyState }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.emptyEmoji }, "\u2705"), /* @__PURE__ */ React14.createElement(Text13, { style: shared.emptyTitle }, "Profile saved!"));
+    return /* @__PURE__ */ React15.createElement(View14, { style: shared.emptyState }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.emptyEmoji }, "\u2705"), /* @__PURE__ */ React15.createElement(Text13, { style: shared.emptyTitle }, "Profile saved!"));
   }
   if (!testerInfo) {
-    return /* @__PURE__ */ React14.createElement(View13, { style: shared.emptyState }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.emptyEmoji }, "\u{1F464}"), /* @__PURE__ */ React14.createElement(Text13, { style: shared.emptyTitle }, "No profile found"));
+    return /* @__PURE__ */ React15.createElement(View14, { style: shared.emptyState }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.emptyEmoji }, "\u{1F464}"), /* @__PURE__ */ React15.createElement(Text13, { style: shared.emptyTitle }, "No profile found"));
   }
   if (editing) {
-    return /* @__PURE__ */ React14.createElement(View13, null, /* @__PURE__ */ React14.createElement(View13, { style: styles13.editHeader }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.editTitle }, "Edit Profile"), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => {
+    return /* @__PURE__ */ React15.createElement(View14, null, /* @__PURE__ */ React15.createElement(View14, { style: styles13.editHeader }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.editTitle }, "Edit Profile"), /* @__PURE__ */ React15.createElement(TouchableOpacity12, { onPress: () => {
       setEditing(false);
       setNewEmailInput("");
-    } }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.cancelText }, "Cancel"))), /* @__PURE__ */ React14.createElement(View13, { style: styles13.field }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.label }, "Name"), /* @__PURE__ */ React14.createElement(TextInput6, { style: styles13.input, value: name, onChangeText: setName, placeholder: "Your name", placeholderTextColor: colors.textMuted })), /* @__PURE__ */ React14.createElement(View13, { style: styles13.field }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.label }, "Primary Email"), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.emailFixed }, testerInfo.email)), /* @__PURE__ */ React14.createElement(View13, { style: styles13.field }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.label }, "Additional Emails"), additionalEmails.map((email) => /* @__PURE__ */ React14.createElement(View13, { key: email, style: styles13.emailRow }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.emailText }, email), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => setAdditionalEmails(additionalEmails.filter((e) => e !== email)) }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.removeEmail }, "\u2715")))), /* @__PURE__ */ React14.createElement(View13, { style: styles13.addEmailRow }, /* @__PURE__ */ React14.createElement(
-      TextInput6,
+    } }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.cancelText }, "Cancel"))), /* @__PURE__ */ React15.createElement(View14, { style: styles13.field }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.label }, "Name"), /* @__PURE__ */ React15.createElement(TextInput7, { style: styles13.input, value: name, onChangeText: setName, placeholder: "Your name", placeholderTextColor: colors.textMuted })), /* @__PURE__ */ React15.createElement(View14, { style: styles13.field }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.label }, "Primary Email"), /* @__PURE__ */ React15.createElement(Text13, { style: styles13.emailFixed }, testerInfo.email)), /* @__PURE__ */ React15.createElement(View14, { style: styles13.field }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.label }, "Additional Emails"), additionalEmails.map((email) => /* @__PURE__ */ React15.createElement(View14, { key: email, style: styles13.emailRow }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.emailText }, email), /* @__PURE__ */ React15.createElement(TouchableOpacity12, { onPress: () => setAdditionalEmails(additionalEmails.filter((e) => e !== email)) }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.removeEmail }, "\u2715")))), /* @__PURE__ */ React15.createElement(View14, { style: styles13.addEmailRow }, /* @__PURE__ */ React15.createElement(
+      TextInput7,
       {
         style: [styles13.input, { flex: 1, marginRight: 8 }],
         value: newEmailInput,
@@ -15434,26 +15924,26 @@ function ProfileScreen({ nav }) {
         keyboardType: "email-address",
         autoCapitalize: "none"
       }
-    ), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { style: styles13.addButton, onPress: handleAddEmail }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.addButtonText }, "Add")))), /* @__PURE__ */ React14.createElement(View13, { style: styles13.field }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.label }, "Testing Platforms"), /* @__PURE__ */ React14.createElement(View13, { style: styles13.platformRow }, [{ key: "ios", label: "\u{1F4F1} iOS" }, { key: "android", label: "\u{1F916} Android" }, { key: "web", label: "\u{1F310} Web" }].map(({ key, label }) => /* @__PURE__ */ React14.createElement(
+    ), /* @__PURE__ */ React15.createElement(TouchableOpacity12, { style: styles13.addButton, onPress: handleAddEmail }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.addButtonText }, "Add")))), /* @__PURE__ */ React15.createElement(View14, { style: styles13.field }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.label }, "Testing Platforms"), /* @__PURE__ */ React15.createElement(View14, { style: styles13.platformRow }, [{ key: "ios", label: "\u{1F4F1} iOS" }, { key: "android", label: "\u{1F916} Android" }, { key: "web", label: "\u{1F310} Web" }].map(({ key, label }) => /* @__PURE__ */ React15.createElement(
       TouchableOpacity12,
       {
         key,
         style: [styles13.platformBtn, platforms.includes(key) && styles13.platformBtnActive],
         onPress: () => setPlatforms((prev) => prev.includes(key) ? prev.filter((p) => p !== key) : [...prev, key])
       },
-      /* @__PURE__ */ React14.createElement(Text13, { style: [styles13.platformText, platforms.includes(key) && styles13.platformTextActive] }, label)
-    )))), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { style: [shared.primaryButton, { marginTop: 20 }], onPress: handleSave, disabled: saving }, /* @__PURE__ */ React14.createElement(Text13, { style: shared.primaryButtonText }, saving ? "Saving..." : "Save Profile")));
+      /* @__PURE__ */ React15.createElement(Text13, { style: [styles13.platformText, platforms.includes(key) && styles13.platformTextActive] }, label)
+    )))), /* @__PURE__ */ React15.createElement(TouchableOpacity12, { style: [shared.primaryButton, { marginTop: 20 }], onPress: handleSave, disabled: saving }, /* @__PURE__ */ React15.createElement(Text13, { style: shared.primaryButtonText }, saving ? "Saving..." : "Save Profile")));
   }
-  return /* @__PURE__ */ React14.createElement(View13, null, /* @__PURE__ */ React14.createElement(View13, { style: styles13.profileCard }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.avatar }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.avatarText }, testerInfo.name.charAt(0).toUpperCase())), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.profileName }, testerInfo.name), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.profileEmail }, testerInfo.email)), /* @__PURE__ */ React14.createElement(View13, { style: styles13.statsRow }, /* @__PURE__ */ React14.createElement(View13, { style: styles13.statItem }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.statNumber }, completedCount), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.statLabel }, "Completed")), /* @__PURE__ */ React14.createElement(View13, { style: styles13.statDivider }), /* @__PURE__ */ React14.createElement(View13, { style: styles13.statItem }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.statNumber }, assignments.length), /* @__PURE__ */ React14.createElement(Text13, { style: styles13.statLabel }, "Total Assigned"))), /* @__PURE__ */ React14.createElement(TouchableOpacity12, { onPress: () => setShowDetails(!showDetails), style: styles13.detailsToggle }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React14.createElement(View13, { style: styles13.detailsSection }, additionalEmails.length > 0 && /* @__PURE__ */ React14.createElement(View13, { style: styles13.detailBlock }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.detailLabel }, "Additional Emails"), additionalEmails.map((e) => /* @__PURE__ */ React14.createElement(Text13, { key: e, style: styles13.detailValue }, e))), platforms.length > 0 && /* @__PURE__ */ React14.createElement(View13, { style: styles13.detailBlock }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.detailLabel }, "Platforms"), /* @__PURE__ */ React14.createElement(View13, { style: styles13.platformTags }, platforms.map((p) => /* @__PURE__ */ React14.createElement(View13, { key: p, style: styles13.platformTag }, /* @__PURE__ */ React14.createElement(Text13, { style: styles13.platformTagText }, p === "ios" ? "\u{1F4F1} iOS" : p === "android" ? "\u{1F916} Android" : "\u{1F310} Web")))))), /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(View14, null, /* @__PURE__ */ React15.createElement(View14, { style: styles13.profileCard }, /* @__PURE__ */ React15.createElement(View14, { style: styles13.avatar }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.avatarText }, testerInfo.name.charAt(0).toUpperCase())), /* @__PURE__ */ React15.createElement(Text13, { style: styles13.profileName }, testerInfo.name), /* @__PURE__ */ React15.createElement(Text13, { style: styles13.profileEmail }, testerInfo.email)), /* @__PURE__ */ React15.createElement(View14, { style: styles13.statsRow }, /* @__PURE__ */ React15.createElement(View14, { style: styles13.statItem }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.statNumber }, completedCount), /* @__PURE__ */ React15.createElement(Text13, { style: styles13.statLabel }, "Completed")), /* @__PURE__ */ React15.createElement(View14, { style: styles13.statDivider }), /* @__PURE__ */ React15.createElement(View14, { style: styles13.statItem }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.statNumber }, assignments.length), /* @__PURE__ */ React15.createElement(Text13, { style: styles13.statLabel }, "Total Assigned"))), /* @__PURE__ */ React15.createElement(TouchableOpacity12, { onPress: () => setShowDetails(!showDetails), style: styles13.detailsToggle }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React15.createElement(View14, { style: styles13.detailsSection }, additionalEmails.length > 0 && /* @__PURE__ */ React15.createElement(View14, { style: styles13.detailBlock }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.detailLabel }, "Additional Emails"), additionalEmails.map((e) => /* @__PURE__ */ React15.createElement(Text13, { key: e, style: styles13.detailValue }, e))), platforms.length > 0 && /* @__PURE__ */ React15.createElement(View14, { style: styles13.detailBlock }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.detailLabel }, "Platforms"), /* @__PURE__ */ React15.createElement(View14, { style: styles13.platformTags }, platforms.map((p) => /* @__PURE__ */ React15.createElement(View14, { key: p, style: styles13.platformTag }, /* @__PURE__ */ React15.createElement(Text13, { style: styles13.platformTagText }, p === "ios" ? "\u{1F4F1} iOS" : p === "android" ? "\u{1F916} Android" : "\u{1F310} Web")))))), /* @__PURE__ */ React15.createElement(
     TouchableOpacity12,
     {
       style: [shared.primaryButton, { marginTop: 20 }],
       onPress: () => setEditing(true)
     },
-    /* @__PURE__ */ React14.createElement(Text13, { style: shared.primaryButtonText }, "Edit Profile")
+    /* @__PURE__ */ React15.createElement(Text13, { style: shared.primaryButtonText }, "Edit Profile")
   ));
 }
-var styles13 = StyleSheet14.create({
+var styles13 = StyleSheet15.create({
   profileCard: { alignItems: "center", backgroundColor: colors.card, borderRadius: 16, padding: 24, marginBottom: 16 },
   avatar: { width: 64, height: 64, borderRadius: 32, backgroundColor: colors.blue, justifyContent: "center", alignItems: "center", marginBottom: 12 },
   avatarText: { fontSize: 28, fontWeight: "700", color: "#fff" },
@@ -15494,8 +15984,8 @@ var styles13 = StyleSheet14.create({
 });
 
 // src/widget/screens/IssueListScreen.tsx
-import React15, { useState as useState11, useEffect as useEffect9 } from "react";
-import { View as View14, Text as Text14, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet15, ActivityIndicator as ActivityIndicator2 } from "react-native";
+import React16, { useState as useState11, useEffect as useEffect10 } from "react";
+import { View as View15, Text as Text14, TouchableOpacity as TouchableOpacity13, StyleSheet as StyleSheet16 } from "react-native";
 var CATEGORY_CONFIG = {
   open: { label: "Open Issues", accent: "#f97316", emptyIcon: "\u2705", emptyText: "No open issues" },
   done: { label: "Done", accent: "#22c55e", emptyIcon: "\u{1F389}", emptyText: "No completed issues yet" },
@@ -15512,7 +16002,7 @@ function IssueListScreen({ nav, category }) {
   const [issues, setIssues] = useState11([]);
   const [loading, setLoading] = useState11(true);
   const config = CATEGORY_CONFIG[category];
-  useEffect9(() => {
+  useEffect10(() => {
     let cancelled = false;
     setLoading(true);
     (async () => {
@@ -15538,12 +16028,12 @@ function IssueListScreen({ nav, category }) {
     };
   }, [client, category]);
   if (loading) {
-    return /* @__PURE__ */ React15.createElement(View14, { style: styles14.emptyContainer }, /* @__PURE__ */ React15.createElement(ActivityIndicator2, { size: "small", color: colors.textMuted }), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.emptyText }, "Loading..."));
+    return /* @__PURE__ */ React16.createElement(IssueListScreenSkeleton, null);
   }
   if (issues.length === 0) {
-    return /* @__PURE__ */ React15.createElement(View14, { style: styles14.emptyContainer }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.emptyIcon }, config.emptyIcon), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.emptyText }, config.emptyText));
+    return /* @__PURE__ */ React16.createElement(View15, { style: styles14.emptyContainer }, /* @__PURE__ */ React16.createElement(Text14, { style: styles14.emptyIcon }, config.emptyIcon), /* @__PURE__ */ React16.createElement(Text14, { style: styles14.emptyText }, config.emptyText));
   }
-  return /* @__PURE__ */ React15.createElement(View14, null, issues.map((issue) => /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(View15, null, issues.map((issue) => /* @__PURE__ */ React16.createElement(
     TouchableOpacity13,
     {
       key: issue.id,
@@ -15551,13 +16041,13 @@ function IssueListScreen({ nav, category }) {
       onPress: () => nav.push({ name: "ISSUE_DETAIL", issue }),
       activeOpacity: 0.7
     },
-    /* @__PURE__ */ React15.createElement(View14, { style: styles14.topRow }, issue.severity && /* @__PURE__ */ React15.createElement(View14, { style: [styles14.severityDot, { backgroundColor: SEVERITY_COLORS[issue.severity] || colors.textDim }] }), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.issueTitle, numberOfLines: 1 }, issue.title)),
-    /* @__PURE__ */ React15.createElement(View14, { style: styles14.bottomRow }, issue.route && /* @__PURE__ */ React15.createElement(Text14, { style: styles14.routeText, numberOfLines: 1 }, issue.route), /* @__PURE__ */ React15.createElement(Text14, { style: styles14.timeText }, formatRelativeTime(issue.updatedAt))),
-    category === "done" && issue.verifiedByName && /* @__PURE__ */ React15.createElement(View14, { style: styles14.verifiedBadge }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.verifiedBadgeText }, "\u2714", " Verified by ", issue.verifiedByName)),
-    category === "reopened" && issue.originalBugTitle && /* @__PURE__ */ React15.createElement(View14, { style: styles14.reopenedBadge }, /* @__PURE__ */ React15.createElement(Text14, { style: styles14.reopenedBadgeText, numberOfLines: 1 }, "\u{1F504}", " Retest of: ", issue.originalBugTitle))
+    /* @__PURE__ */ React16.createElement(View15, { style: styles14.topRow }, issue.severity && /* @__PURE__ */ React16.createElement(View15, { style: [styles14.severityDot, { backgroundColor: SEVERITY_COLORS[issue.severity] || colors.textDim }] }), /* @__PURE__ */ React16.createElement(Text14, { style: styles14.issueTitle, numberOfLines: 1 }, issue.title)),
+    /* @__PURE__ */ React16.createElement(View15, { style: styles14.bottomRow }, issue.route && /* @__PURE__ */ React16.createElement(Text14, { style: styles14.routeText, numberOfLines: 1 }, issue.route), /* @__PURE__ */ React16.createElement(Text14, { style: styles14.timeText }, formatRelativeTime(issue.updatedAt))),
+    category === "done" && issue.verifiedByName && /* @__PURE__ */ React16.createElement(View15, { style: styles14.verifiedBadge }, /* @__PURE__ */ React16.createElement(Text14, { style: styles14.verifiedBadgeText }, "\u2714", " Verified by ", issue.verifiedByName)),
+    category === "reopened" && issue.originalBugTitle && /* @__PURE__ */ React16.createElement(View15, { style: styles14.reopenedBadge }, /* @__PURE__ */ React16.createElement(Text14, { style: styles14.reopenedBadgeText, numberOfLines: 1 }, "\u{1F504}", " Retest of: ", issue.originalBugTitle))
   )));
 }
-var styles14 = StyleSheet15.create({
+var styles14 = StyleSheet16.create({
   emptyContainer: {
     alignItems: "center",
     paddingVertical: 40
@@ -15648,8 +16138,8 @@ var styles14 = StyleSheet15.create({
 });
 
 // src/widget/screens/IssueDetailScreen.tsx
-import React16 from "react";
-import { View as View15, Text as Text15, Image as Image3, StyleSheet as StyleSheet16, Linking as Linking2, TouchableOpacity as TouchableOpacity14 } from "react-native";
+import React17 from "react";
+import { View as View16, Text as Text15, Image as Image3, StyleSheet as StyleSheet17, Linking as Linking2, TouchableOpacity as TouchableOpacity14 } from "react-native";
 var STATUS_LABELS = {
   new: { label: "New", bg: "#1e3a5f", color: "#60a5fa" },
   triaging: { label: "Triaging", bg: "#1e3a5f", color: "#60a5fa" },
@@ -15673,9 +16163,9 @@ var SEVERITY_CONFIG = {
 function IssueDetailScreen({ nav, issue }) {
   const statusConfig = STATUS_LABELS[issue.status] || { label: issue.status, bg: "#27272a", color: "#a1a1aa" };
   const severityConfig = issue.severity ? SEVERITY_CONFIG[issue.severity] : null;
-  return /* @__PURE__ */ React16.createElement(View15, null, /* @__PURE__ */ React16.createElement(View15, { style: styles15.badgeRow }, /* @__PURE__ */ React16.createElement(View15, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React16.createElement(Text15, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React16.createElement(View15, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React16.createElement(Text15, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ React16.createElement(Text15, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ React16.createElement(View15, { style: styles15.descriptionCard }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React16.createElement(View15, { style: styles15.verifiedCard }, /* @__PURE__ */ React16.createElement(View15, { style: styles15.verifiedHeader }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ React16.createElement(View15, { style: styles15.originalBugCard }, /* @__PURE__ */ React16.createElement(View15, { style: styles15.originalBugHeader }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React16.createElement(View15, { style: styles15.screenshotSection }, /* @__PURE__ */ React16.createElement(Text15, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React16.createElement(View15, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ React16.createElement(TouchableOpacity14, { key: i, onPress: () => Linking2.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ React16.createElement(Image3, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ React16.createElement(View15, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ React16.createElement(Text15, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React16.createElement(Text15, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))));
+  return /* @__PURE__ */ React17.createElement(View16, null, /* @__PURE__ */ React17.createElement(View16, { style: styles15.badgeRow }, /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: statusConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: statusConfig.color }] }, statusConfig.label)), severityConfig && /* @__PURE__ */ React17.createElement(View16, { style: [styles15.badge, { backgroundColor: severityConfig.bg }] }, /* @__PURE__ */ React17.createElement(Text15, { style: [styles15.badgeText, { color: severityConfig.color }] }, severityConfig.label))), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.title }, issue.title), issue.route && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.route }, issue.route), issue.description && /* @__PURE__ */ React17.createElement(View16, { style: styles15.descriptionCard }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.descriptionText }, issue.description)), issue.verifiedByName && /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.verifiedHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedIcon }, "\u2705"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedTitle }, "Retesting Proof")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.verifiedBody }, "Verified by ", issue.verifiedByName, issue.verifiedAt && ` on ${new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })}`)), issue.originalBugTitle && /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugCard }, /* @__PURE__ */ React17.createElement(View16, { style: styles15.originalBugHeader }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugIcon }, "\u{1F504}"), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugTitle }, "Original Bug")), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.originalBugBody }, "Retest of: ", issue.originalBugTitle)), issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotSection }, /* @__PURE__ */ React17.createElement(Text15, { style: styles15.screenshotLabel }, "Screenshots (", issue.screenshotUrls.length, ")"), /* @__PURE__ */ React17.createElement(View16, { style: styles15.screenshotRow }, issue.screenshotUrls.map((url, i) => /* @__PURE__ */ React17.createElement(TouchableOpacity14, { key: i, onPress: () => Linking2.openURL(url), activeOpacity: 0.7 }, /* @__PURE__ */ React17.createElement(Image3, { source: { uri: url }, style: styles15.screenshotThumb }))))), /* @__PURE__ */ React17.createElement(View16, { style: styles15.metaSection }, issue.reporterName && /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaText }, "Reported by ", issue.reporterName), /* @__PURE__ */ React17.createElement(Text15, { style: styles15.metaTextSmall }, "Created ", formatRelativeTime(issue.createdAt), " ", "\xB7", " Updated ", formatRelativeTime(issue.updatedAt))));
 }
-var styles15 = StyleSheet16.create({
+var styles15 = StyleSheet17.create({
   badgeRow: {
     flexDirection: "row",
     gap: 8,
@@ -15831,9 +16321,9 @@ function BugBearButton({
     return { x, y };
   };
   const initialPos = getInitialPosition();
-  const pan = useRef3(new Animated.ValueXY(initialPos)).current;
-  const isDragging = useRef3(false);
-  const panResponder = useRef3(
+  const pan = useRef4(new Animated2.ValueXY(initialPos)).current;
+  const isDragging = useRef4(false);
+  const panResponder = useRef4(
     PanResponder.create({
       onStartShouldSetPanResponder: () => draggable,
       onMoveShouldSetPanResponder: (_, gs) => draggable && (Math.abs(gs.dx) > 5 || Math.abs(gs.dy) > 5),
@@ -15849,7 +16339,7 @@ function BugBearButton({
         if (Math.abs(gs.dx) > 5 || Math.abs(gs.dy) > 5) {
           isDragging.current = true;
         }
-        Animated.event(
+        Animated2.event(
           [null, { dx: pan.x, dy: pan.y }],
           { useNativeDriver: false }
         )(_, gs);
@@ -15862,7 +16352,7 @@ function BugBearButton({
         const margin = 16;
         const snapX = currentX < screenWidth / 2 ? margin : screenWidth - buttonSize - margin;
         const snapY = Math.max(minY, Math.min(currentY, screenHeight - maxYOffset));
-        Animated.spring(pan, {
+        Animated2.spring(pan, {
           toValue: { x: snapX, y: snapY },
           useNativeDriver: false,
           friction: 7,
@@ -15935,50 +16425,50 @@ function BugBearButton({
   const renderScreen = () => {
     switch (currentScreen.name) {
       case "HOME":
-        return /* @__PURE__ */ React17.createElement(HomeScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(HomeScreen, { nav });
       case "TEST_DETAIL":
-        return /* @__PURE__ */ React17.createElement(TestDetailScreen, { testId: currentScreen.testId, nav });
+        return /* @__PURE__ */ React18.createElement(TestDetailScreen, { testId: currentScreen.testId, nav });
       case "TEST_LIST":
-        return /* @__PURE__ */ React17.createElement(TestListScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(TestListScreen, { nav });
       case "TEST_FEEDBACK":
-        return /* @__PURE__ */ React17.createElement(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
+        return /* @__PURE__ */ React18.createElement(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
       case "REPORT":
-        return /* @__PURE__ */ React17.createElement(ReportScreen, { nav, prefill: currentScreen.prefill });
+        return /* @__PURE__ */ React18.createElement(ReportScreen, { nav, prefill: currentScreen.prefill });
       case "REPORT_SUCCESS":
-        return /* @__PURE__ */ React17.createElement(ReportSuccessScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(ReportSuccessScreen, { nav });
       case "MESSAGE_LIST":
-        return /* @__PURE__ */ React17.createElement(MessageListScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(MessageListScreen, { nav });
       case "THREAD_DETAIL":
-        return /* @__PURE__ */ React17.createElement(ThreadDetailScreen, { thread: currentScreen.thread, nav });
+        return /* @__PURE__ */ React18.createElement(ThreadDetailScreen, { thread: currentScreen.thread, nav });
       case "COMPOSE_MESSAGE":
-        return /* @__PURE__ */ React17.createElement(ComposeMessageScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(ComposeMessageScreen, { nav });
       case "ISSUE_LIST":
-        return /* @__PURE__ */ React17.createElement(IssueListScreen, { nav, category: currentScreen.category });
+        return /* @__PURE__ */ React18.createElement(IssueListScreen, { nav, category: currentScreen.category });
       case "ISSUE_DETAIL":
-        return /* @__PURE__ */ React17.createElement(IssueDetailScreen, { nav, issue: currentScreen.issue });
+        return /* @__PURE__ */ React18.createElement(IssueDetailScreen, { nav, issue: currentScreen.issue });
       case "PROFILE":
-        return /* @__PURE__ */ React17.createElement(ProfileScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(ProfileScreen, { nav });
       default:
-        return /* @__PURE__ */ React17.createElement(HomeScreen, { nav });
+        return /* @__PURE__ */ React18.createElement(HomeScreen, { nav });
     }
   };
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
-    Animated.View,
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+    Animated2.View,
     {
       style: [styles16.fabContainer, { transform: pan.getTranslateTransform() }, buttonStyle],
       ...panResponder.panHandlers
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(
       TouchableOpacity15,
       {
         style: styles16.fab,
         onPress: () => setModalVisible(true),
         activeOpacity: draggable ? 1 : 0.7
       },
-      /* @__PURE__ */ React17.createElement(Image4, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles16.fabIcon }),
-      badgeCount > 0 && /* @__PURE__ */ React17.createElement(View16, { style: styles16.badge }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
+      /* @__PURE__ */ React18.createElement(Image4, { source: { uri: BUGBEAR_LOGO_BASE64 }, style: styles16.fabIcon }),
+      badgeCount > 0 && /* @__PURE__ */ React18.createElement(View17, { style: styles16.badge }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.badgeText }, badgeCount > 9 ? "9+" : badgeCount))
     )
-  ), /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React18.createElement(
     Modal3,
     {
       visible: modalVisible,
@@ -15986,13 +16476,13 @@ function BugBearButton({
       transparent: true,
       onRequestClose: handleClose
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(
       KeyboardAvoidingView,
       {
         behavior: Platform4.OS === "ios" ? "padding" : "height",
         style: styles16.modalOverlay
       },
-      /* @__PURE__ */ React17.createElement(View16, { style: styles16.modalContainer }, /* @__PURE__ */ React17.createElement(View16, { style: styles16.header }, /* @__PURE__ */ React17.createElement(View16, { style: styles16.headerLeft }, canGoBack ? /* @__PURE__ */ React17.createElement(View16, { style: styles16.headerNavRow }, /* @__PURE__ */ React17.createElement(TouchableOpacity15, { onPress: () => nav.pop(), style: styles16.backButton }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.backText }, "\u2190 Back")), /* @__PURE__ */ React17.createElement(TouchableOpacity15, { onPress: () => nav.reset(), style: styles16.homeButton }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React17.createElement(View16, { style: styles16.headerTitleRow }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React17.createElement(TouchableOpacity15, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React17.createElement(Text16, { style: styles16.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React17.createElement(TouchableOpacity15, { onPress: handleClose, style: styles16.closeButton }, /* @__PURE__ */ React17.createElement(Text16, { style: styles16.closeText }, "\u2715"))), /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(View17, { style: styles16.modalContainer }, /* @__PURE__ */ React18.createElement(View17, { style: styles16.header }, /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerLeft }, canGoBack ? /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerNavRow }, /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => nav.pop(), style: styles16.backButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.backText }, "\u2190 Back")), /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => nav.reset(), style: styles16.homeButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.homeText }, "\u{1F3E0}"))) : /* @__PURE__ */ React18.createElement(View17, { style: styles16.headerTitleRow }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerTitle }, "BugBear"), testerInfo && /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: () => push({ name: "PROFILE" }) }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerName }, testerInfo.name, " \u270E")))), getHeaderTitle() ? /* @__PURE__ */ React18.createElement(Text16, { style: styles16.headerScreenTitle, numberOfLines: 1 }, getHeaderTitle()) : null, /* @__PURE__ */ React18.createElement(TouchableOpacity15, { onPress: handleClose, style: styles16.closeButton }, /* @__PURE__ */ React18.createElement(Text16, { style: styles16.closeText }, "\u2715"))), /* @__PURE__ */ React18.createElement(
         ScrollView3,
         {
           style: styles16.content,
@@ -16000,12 +16490,12 @@ function BugBearButton({
           keyboardShouldPersistTaps: "handled",
           showsVerticalScrollIndicator: false
         },
-        isLoading ? /* @__PURE__ */ React17.createElement(View16, { style: styles16.loadingContainer }, /* @__PURE__ */ React17.createElement(ActivityIndicator3, { size: "large", color: colors.blue }), /* @__PURE__ */ React17.createElement(Text16, { style: styles16.loadingText }, "Loading...")) : renderScreen()
+        isLoading ? /* @__PURE__ */ React18.createElement(View17, { style: styles16.loadingContainer }, /* @__PURE__ */ React18.createElement(ActivityIndicator2, { size: "large", color: colors.blue }), /* @__PURE__ */ React18.createElement(Text16, { style: styles16.loadingText }, "Loading...")) : renderScreen()
       ))
     )
   ));
 }
-var styles16 = StyleSheet17.create({
+var styles16 = StyleSheet18.create({
   // FAB
   fabContainer: {
     position: "absolute",
@@ -16147,8 +16637,8 @@ var styles16 = StyleSheet17.create({
 });
 
 // src/BugBearErrorBoundary.tsx
-import React18, { Component } from "react";
-import { View as View17, Text as Text17, TouchableOpacity as TouchableOpacity16, StyleSheet as StyleSheet18 } from "react-native";
+import React19, { Component } from "react";
+import { View as View18, Text as Text17, TouchableOpacity as TouchableOpacity16, StyleSheet as StyleSheet19 } from "react-native";
 var BugBearErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -16193,7 +16683,7 @@ var BugBearErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ React18.createElement(View17, { style: styles17.container }, /* @__PURE__ */ React18.createElement(Text17, { style: styles17.title }, "Something went wrong"), /* @__PURE__ */ React18.createElement(Text17, { style: styles17.message }, error.message), /* @__PURE__ */ React18.createElement(TouchableOpacity16, { style: styles17.button, onPress: this.reset }, /* @__PURE__ */ React18.createElement(Text17, { style: styles17.buttonText }, "Try Again")), /* @__PURE__ */ React18.createElement(Text17, { style: styles17.caption }, "The error has been captured by BugBear"));
+      return /* @__PURE__ */ React19.createElement(View18, { style: styles17.container }, /* @__PURE__ */ React19.createElement(Text17, { style: styles17.title }, "Something went wrong"), /* @__PURE__ */ React19.createElement(Text17, { style: styles17.message }, error.message), /* @__PURE__ */ React19.createElement(TouchableOpacity16, { style: styles17.button, onPress: this.reset }, /* @__PURE__ */ React19.createElement(Text17, { style: styles17.buttonText }, "Try Again")), /* @__PURE__ */ React19.createElement(Text17, { style: styles17.caption }, "The error has been captured by BugBear"));
     }
     return children;
   }
@@ -16204,7 +16694,7 @@ function useErrorContext() {
     getEnhancedContext: () => contextCapture.getEnhancedContext()
   };
 }
-var styles17 = StyleSheet18.create({
+var styles17 = StyleSheet19.create({
   container: {
     padding: 20,
     margin: 20,