npm - @bbearai/react - Versions diffs - 0.4.5 → 0.5.0 - Mend

@bbearai/react 0.4.5 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -45,6 +45,8 @@ var BugBearContext = createContext({
   issueCounts: { open: 0, done: 0, reopened: 0 },
   refreshIssueCounts: async () => {
   },
+  queuedCount: 0,
+  dashboardUrl: void 0,
   onError: void 0
 });
 function useBugBear() {
@@ -63,6 +65,7 @@ function BugBearProvider({ config, children, 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 refreshAssignments = useCallback(async () => {
     if (!client) return;
     const newAssignments = await client.getAssignedTests();
@@ -210,18 +213,45 @@ function BugBearProvider({ config, children, 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 handleOnline = () => {
+      client.queue?.flush();
+    };
+    window.addEventListener("online", handleOnline);
+    if (navigator.onLine && client.queue.count > 0) {
+      client.queue.flush();
+    }
+    return () => window.removeEventListener("online", handleOnline);
+  }, [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(
@@ -264,6 +294,8 @@ function BugBearProvider({ config, children, enabled = true }) {
         // Issue tracking
         issueCounts,
         refreshIssueCounts,
+        queuedCount,
+        dashboardUrl: config.dashboardUrl,
         onError: config.onError
       },
       children
@@ -390,9 +422,148 @@ function getThreadTypeIcon(type) {
 // src/widget/screens/HomeScreen.tsx
 import { useEffect as useEffect2 } from "react";
+// src/widget/Skeleton.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PULSE_CSS = `@keyframes bb-skeleton-pulse{0%,100%{opacity:.6}50%{opacity:.25}}`;
+var styleInjected = false;
+function injectStyle() {
+  if (styleInjected || typeof document === "undefined") return;
+  const style = document.createElement("style");
+  style.textContent = PULSE_CSS;
+  document.head.appendChild(style);
+  styleInjected = true;
+}
+function Bar({ width = "100%", height = 12, radius = 6, style }) {
+  injectStyle();
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      style: {
+        width,
+        height,
+        borderRadius: radius,
+        backgroundColor: colors.border,
+        animation: "bb-skeleton-pulse 1.5s ease-in-out infinite",
+        ...style
+      }
+    }
+  );
+}
+function Circle({ size = 20, style }) {
+  injectStyle();
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      style: {
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        backgroundColor: colors.border,
+        animation: "bb-skeleton-pulse 1.5s ease-in-out infinite",
+        flexShrink: 0,
+        ...style
+      }
+    }
+  );
+}
+function HomeScreenSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Bar, { width: "100%", height: 100, radius: 16, style: { marginBottom: 20 } }),
+    /* @__PURE__ */ jsx2("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12, marginBottom: 20 }, children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { style: { backgroundColor: colors.card, border: `1px solid ${colors.border}`, borderRadius: 12, padding: 16, display: "flex", flexDirection: "column", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ jsx2(Circle, { size: 28 }),
+      /* @__PURE__ */ jsx2(Bar, { width: 60, height: 10 })
+    ] }, i)) }),
+    /* @__PURE__ */ jsx2("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 10, marginBottom: 20 }, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { style: { backgroundColor: colors.card, border: `1px solid ${colors.border}`, borderRadius: 10, padding: "12px 8px", display: "flex", flexDirection: "column", alignItems: "center", gap: 6 }, children: [
+      /* @__PURE__ */ jsx2(Bar, { width: 30, height: 18 }),
+      /* @__PURE__ */ jsx2(Bar, { width: 40, height: 8 })
+    ] }, i)) }),
+    /* @__PURE__ */ jsx2(Bar, { width: "100%", height: 6, radius: 3, style: { marginBottom: 8 } }),
+    /* @__PURE__ */ jsx2(Bar, { width: 120, height: 10, style: { margin: "0 auto 16px" } })
+  ] });
+}
+function TestItemSkeleton({ delay = 0 }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", padding: "10px 12px", borderRadius: 8, marginBottom: 4, backgroundColor: colors.card }, children: [
+    /* @__PURE__ */ jsx2(Circle, { size: 18, style: { marginRight: 10, animationDelay: `${delay}ms` } }),
+    /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+      /* @__PURE__ */ jsx2(Bar, { width: "70%", height: 11, style: { marginBottom: 4, animationDelay: `${delay}ms` } }),
+      /* @__PURE__ */ jsx2(Bar, { width: "45%", height: 8, style: { animationDelay: `${delay}ms` } })
+    ] }),
+    /* @__PURE__ */ jsx2(Bar, { width: 50, height: 18, radius: 6, style: { marginLeft: 8, animationDelay: `${delay}ms` } })
+  ] });
+}
+function TestListScreenSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: 8, marginBottom: 8 }, children: [55, 50, 50, 70].map((w, i) => /* @__PURE__ */ jsx2(Bar, { width: w, height: 28, radius: 8, style: { animationDelay: `${i * 50}ms` } }, i)) }),
+    /* @__PURE__ */ jsx2(Bar, { width: "100%", height: 36, radius: 8, style: { marginBottom: 10 } }),
+    [0, 1].map((g) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "8px 4px" }, children: [
+        /* @__PURE__ */ jsx2(Bar, { width: 12, height: 10 }),
+        /* @__PURE__ */ jsx2(Bar, { width: "40%", height: 12 }),
+        /* @__PURE__ */ jsx2(Bar, { width: 40, height: 4, radius: 2, style: { marginLeft: "auto" } }),
+        /* @__PURE__ */ jsx2(Bar, { width: 24, height: 10 })
+      ] }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx2(TestItemSkeleton, { delay: (g * 3 + i) * 80 }, i))
+    ] }, g))
+  ] });
+}
+function IssueListScreenSkeleton() {
+  return /* @__PURE__ */ jsx2("div", { children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        backgroundColor: colors.card,
+        border: `1px solid ${colors.border}`,
+        borderRadius: 10,
+        padding: "12px 14px",
+        marginBottom: 8
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ jsx2(Circle, { size: 8, style: { animationDelay: `${i * 100}ms` } }),
+          /* @__PURE__ */ jsx2(Bar, { width: "65%", height: 11, style: { animationDelay: `${i * 100}ms` } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 8 }, children: [
+          /* @__PURE__ */ jsx2(Bar, { width: "40%", height: 8, style: { animationDelay: `${i * 100}ms` } }),
+          /* @__PURE__ */ jsx2(Bar, { width: 40, height: 8, style: { animationDelay: `${i * 100}ms` } })
+        ] })
+      ]
+    },
+    i
+  )) });
+}
+function MessageListScreenSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Bar, { width: "100%", height: 44, radius: 12, style: { marginBottom: 16 } }),
+    [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "flex-start",
+          padding: 12,
+          borderRadius: 10,
+          marginBottom: 4,
+          backgroundColor: colors.card
+        },
+        children: [
+          /* @__PURE__ */ jsx2(Circle, { size: 20, style: { marginRight: 10, marginTop: 2, animationDelay: `${i * 100}ms` } }),
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx2(Bar, { width: "55%", height: 11, style: { marginBottom: 5, animationDelay: `${i * 100}ms` } }),
+            /* @__PURE__ */ jsx2(Bar, { width: "80%", height: 9, style: { animationDelay: `${i * 100}ms` } })
+          ] }),
+          /* @__PURE__ */ jsx2(Bar, { width: 30, height: 8, style: { marginLeft: 8, animationDelay: `${i * 100}ms` } })
+        ]
+      },
+      i
+    ))
+  ] });
+}
+// src/widget/screens/HomeScreen.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function HomeScreen({ nav }) {
-  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts } = useBugBear();
+  const { assignments, unreadCount, threads, refreshAssignments, refreshThreads, issueCounts, refreshIssueCounts, isLoading } = useBugBear();
   useEffect2(() => {
     refreshAssignments();
     refreshThreads();
@@ -403,8 +574,9 @@ 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__ */ jsxs("div", { children: [
-    pendingCount > 0 ? /* @__PURE__ */ jsxs(
+  if (isLoading) return /* @__PURE__ */ jsx3(HomeScreenSkeleton, {});
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    pendingCount > 0 ? /* @__PURE__ */ jsxs2(
       "div",
       {
         role: "button",
@@ -426,13 +598,13 @@ function HomeScreen({ nav }) {
           userSelect: "none"
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 48, fontWeight: 700, color: colors.blueLight }, children: pendingCount }),
-          /* @__PURE__ */ jsxs("span", { style: { fontSize: 16, color: colors.blueText, marginTop: 2 }, children: [
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 48, fontWeight: 700, color: colors.blueLight }, children: pendingCount }),
+          /* @__PURE__ */ jsxs2("span", { style: { fontSize: 16, color: colors.blueText, marginTop: 2 }, children: [
             "test",
             pendingCount !== 1 ? "s" : "",
             " waiting"
           ] }),
-          retestCount > 0 && /* @__PURE__ */ jsxs(
+          retestCount > 0 && /* @__PURE__ */ jsxs2(
             "span",
             {
               style: {
@@ -456,10 +628,10 @@ function HomeScreen({ nav }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 600, color: colors.blue, marginTop: 12 }, children: "Start Testing \u2192" })
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 600, color: colors.blue, marginTop: 12 }, children: "Start Testing \u2192" })
         ]
       }
-    ) : unreadCount > 0 ? /* @__PURE__ */ jsxs(
+    ) : unreadCount > 0 ? /* @__PURE__ */ jsxs2(
       "div",
       {
         role: "button",
@@ -481,15 +653,15 @@ function HomeScreen({ nav }) {
           userSelect: "none"
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 48, fontWeight: 700, color: colors.blueLight }, children: unreadCount }),
-          /* @__PURE__ */ jsxs("span", { style: { fontSize: 16, color: colors.blueText, marginTop: 2 }, children: [
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 48, fontWeight: 700, color: colors.blueLight }, children: unreadCount }),
+          /* @__PURE__ */ jsxs2("span", { style: { fontSize: 16, color: colors.blueText, marginTop: 2 }, children: [
             "unread message",
             unreadCount !== 1 ? "s" : ""
           ] }),
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 600, color: colors.blue, marginTop: 12 }, children: "View Messages \u2192" })
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 600, color: colors.blue, marginTop: 12 }, children: "View Messages \u2192" })
         ]
       }
-    ) : /* @__PURE__ */ jsxs(
+    ) : /* @__PURE__ */ jsxs2(
       "div",
       {
         style: {
@@ -503,9 +675,9 @@ function HomeScreen({ nav }) {
           marginBottom: 20
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 36, marginBottom: 8 }, children: "\u2705" }),
-          /* @__PURE__ */ jsx2("span", { style: { fontSize: 18, fontWeight: 600, color: colors.textPrimary }, children: "All caught up!" }),
-          totalTests > 0 && /* @__PURE__ */ jsxs("span", { style: { fontSize: 14, color: colors.textMuted, marginTop: 4 }, children: [
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 36, marginBottom: 8 }, children: "\u2705" }),
+          /* @__PURE__ */ jsx3("span", { style: { fontSize: 18, fontWeight: 600, color: colors.textPrimary }, children: "All caught up!" }),
+          totalTests > 0 && /* @__PURE__ */ jsxs2("span", { style: { fontSize: 14, color: colors.textMuted, marginTop: 4 }, children: [
             completedCount,
             "/",
             totalTests,
@@ -514,7 +686,7 @@ function HomeScreen({ nav }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         style: {
@@ -524,7 +696,7 @@ function HomeScreen({ nav }) {
           marginBottom: 20
         },
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "div",
             {
               role: "button",
@@ -546,9 +718,9 @@ function HomeScreen({ nav }) {
                 userSelect: "none"
               },
               children: [
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u2705" }),
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Tests" }),
-                pendingCount > 0 && /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u2705" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Tests" }),
+                pendingCount > 0 && /* @__PURE__ */ jsx3(
                   "span",
                   {
                     style: {
@@ -574,7 +746,7 @@ function HomeScreen({ nav }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "div",
             {
               role: "button",
@@ -596,12 +768,12 @@ function HomeScreen({ nav }) {
                 userSelect: "none"
               },
               children: [
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F41B}" }),
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Report Bug" })
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F41B}" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Report Bug" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "div",
             {
               role: "button",
@@ -623,12 +795,12 @@ function HomeScreen({ nav }) {
                 userSelect: "none"
               },
               children: [
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F4A1}" }),
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Feedback" })
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F4A1}" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Feedback" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "div",
             {
               role: "button",
@@ -650,9 +822,9 @@ function HomeScreen({ nav }) {
                 userSelect: "none"
               },
               children: [
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F4AC}" }),
-                /* @__PURE__ */ jsx2("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Messages" }),
-                unreadCount > 0 && /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 28, marginBottom: 8 }, children: "\u{1F4AC}" }),
+                /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textPrimary }, children: "Messages" }),
+                unreadCount > 0 && /* @__PURE__ */ jsx3(
                   "span",
                   {
                     style: {
@@ -681,8 +853,8 @@ function HomeScreen({ nav }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 10, marginBottom: 20 }, children: [
-      /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs2("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 10, marginBottom: 20 }, children: [
+      /* @__PURE__ */ jsxs2(
         "div",
         {
           role: "button",
@@ -704,12 +876,12 @@ function HomeScreen({ nav }) {
             userSelect: "none"
           },
           children: [
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 22, fontWeight: 700, color: "#f97316" }, children: issueCounts.open }),
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Open" })
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 22, fontWeight: 700, color: "#f97316" }, children: issueCounts.open }),
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Open" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsxs2(
         "div",
         {
           role: "button",
@@ -731,12 +903,12 @@ function HomeScreen({ nav }) {
             userSelect: "none"
           },
           children: [
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 22, fontWeight: 700, color: "#22c55e" }, children: issueCounts.done }),
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Done" })
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 22, fontWeight: 700, color: "#22c55e" }, children: issueCounts.done }),
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Done" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsxs2(
         "div",
         {
           role: "button",
@@ -758,14 +930,14 @@ function HomeScreen({ nav }) {
             userSelect: "none"
           },
           children: [
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 22, fontWeight: 700, color: "#ef4444" }, children: issueCounts.reopened }),
-            /* @__PURE__ */ jsx2("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Reopened" })
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 22, fontWeight: 700, color: "#ef4444" }, children: issueCounts.reopened }),
+            /* @__PURE__ */ jsx3("span", { style: { fontSize: 11, fontWeight: 600, color: "#a1a1aa", marginTop: 2 }, children: "Reopened" })
           ]
         }
       )
     ] }),
-    totalTests > 0 && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx2(
+    totalTests > 0 && /* @__PURE__ */ jsxs2("div", { style: { marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx3(
         "div",
         {
           style: {
@@ -775,7 +947,7 @@ function HomeScreen({ nav }) {
             overflow: "hidden",
             marginBottom: 6
           },
-          children: /* @__PURE__ */ jsx2(
+          children: /* @__PURE__ */ jsx3(
             "div",
             {
               style: {
@@ -789,14 +961,14 @@ function HomeScreen({ nav }) {
           )
         }
       ),
-      /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: colors.textMuted, textAlign: "center" }, children: [
+      /* @__PURE__ */ jsxs2("div", { style: { fontSize: 12, color: colors.textMuted, textAlign: "center" }, children: [
         completedCount,
         "/",
         totalTests,
         " tests completed"
       ] })
     ] }),
-    /* @__PURE__ */ jsx2("div", { style: { display: "flex", justifyContent: "center", padding: "8px 0" }, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3("div", { style: { display: "flex", justifyContent: "center", padding: "8px 0" }, children: /* @__PURE__ */ jsx3(
       "button",
       {
         type: "button",
@@ -821,7 +993,7 @@ function HomeScreen({ nav }) {
 // src/widget/screens/TestDetailScreen.tsx
 import { useState as useState2, useEffect as useEffect3, useCallback as useCallback2 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function TestDetailScreen({ testId, nav }) {
   const { client, assignments, currentAssignment, refreshAssignments, onNavigate } = useBugBear();
   const displayedAssignment = testId ? assignments.find((a) => a.id === testId) || currentAssignment : currentAssignment;
@@ -909,7 +1081,7 @@ function TestDetailScreen({ testId, nav }) {
     }
   }, [client, displayedAssignment, selectedSkipReason, skipNotes, refreshAssignments, assignments, nav]);
   if (!displayedAssignment) {
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -920,10 +1092,10 @@ function TestDetailScreen({ testId, nav }) {
           padding: 40
         },
         children: [
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 48, marginBottom: 12 }, children: "\u2705" }),
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 18, fontWeight: 600, color: colors.textPrimary, marginBottom: 4 }, children: "No tests assigned" }),
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, color: colors.textMuted, marginBottom: 20 }, children: "Check back later for new tests" }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 48, marginBottom: 12 }, children: "\u2705" }),
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 18, fontWeight: 600, color: colors.textPrimary, marginBottom: 4 }, children: "No tests assigned" }),
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 14, color: colors.textMuted, marginBottom: 20 }, children: "Check back later for new tests" }),
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -956,8 +1128,8 @@ function TestDetailScreen({ testId, nav }) {
     { reason: "dependency", label: "\u{1F517} Needs another test first" },
     { reason: "other", label: "\u{1F4DD} Other reason" }
   ];
-  return /* @__PURE__ */ jsxs2("div", { style: { paddingBottom: 16 }, children: [
-    /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3("div", { style: { paddingBottom: 16 }, children: [
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -967,14 +1139,14 @@ function TestDetailScreen({ testId, nav }) {
           marginBottom: 12
         },
         children: [
-          /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-            /* @__PURE__ */ jsxs2("span", { style: { fontSize: 13, color: colors.textMuted }, children: [
+          /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            /* @__PURE__ */ jsxs3("span", { style: { fontSize: 13, color: colors.textMuted }, children: [
               "Test ",
               currentIndex + 1,
               " of ",
               allTests.length
             ] }),
-            displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ jsx3(
+            displayedAssignment.status === "in_progress" && assignmentElapsedTime > 0 && /* @__PURE__ */ jsx4(
               "span",
               {
                 style: {
@@ -993,7 +1165,7 @@ function TestDetailScreen({ testId, nav }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1013,7 +1185,7 @@ function TestDetailScreen({ testId, nav }) {
         ]
       }
     ),
-    displayedAssignment.isVerification && /* @__PURE__ */ jsxs2(
+    displayedAssignment.isVerification && /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -1027,14 +1199,14 @@ function TestDetailScreen({ testId, nav }) {
           marginBottom: 10
         },
         children: [
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 14 }, children: "\u{1F504}" }),
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 13, fontWeight: 600, color: "#fbbf24" }, children: "Retest" }),
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 12, color: "#d97706" }, children: "\u2014 Verify bug fix" })
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 14 }, children: "\u{1F504}" }),
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 13, fontWeight: 600, color: "#fbbf24" }, children: "Retest" }),
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 12, color: "#d97706" }, children: "\u2014 Verify bug fix" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx3("div", { style: { fontSize: 20, fontWeight: 700, color: colors.textPrimary, marginBottom: 4 }, children: testCase.title }),
-    testCase.testKey && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("div", { style: { fontSize: 20, fontWeight: 700, color: colors.textPrimary, marginBottom: 4 }, children: testCase.title }),
+    testCase.testKey && /* @__PURE__ */ jsx4(
       "div",
       {
         style: {
@@ -1046,7 +1218,7 @@ function TestDetailScreen({ testId, nav }) {
         children: testCase.testKey
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -1062,7 +1234,7 @@ function TestDetailScreen({ testId, nav }) {
           cursor: "pointer",
           textAlign: "left"
         },
-        children: /* @__PURE__ */ jsxs2("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textSecondary }, children: [
+        children: /* @__PURE__ */ jsxs3("span", { style: { fontSize: 14, fontWeight: 500, color: colors.textSecondary }, children: [
           showSteps ? "\u25BC" : "\u25B6",
           " ",
           info.icon,
@@ -1071,9 +1243,9 @@ function TestDetailScreen({ testId, nav }) {
         ] })
       }
     ),
-    showSteps && /* @__PURE__ */ jsxs2("div", { style: { marginBottom: 16 }, children: [
-      template === "steps" && steps.map((step, idx) => /* @__PURE__ */ jsxs2("div", { style: { display: "flex", marginBottom: 10 }, children: [
-        /* @__PURE__ */ jsx3(
+    showSteps && /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 16 }, children: [
+      template === "steps" && steps.map((step, idx) => /* @__PURE__ */ jsxs3("div", { style: { display: "flex", marginBottom: 10 }, children: [
+        /* @__PURE__ */ jsx4(
           "div",
           {
             style: {
@@ -1088,12 +1260,12 @@ function TestDetailScreen({ testId, nav }) {
               marginTop: 2,
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx3("span", { style: { fontSize: 12, fontWeight: 600, color: "#fff" }, children: step.stepNumber })
+            children: /* @__PURE__ */ jsx4("span", { style: { fontSize: 12, fontWeight: 600, color: "#fff" }, children: step.stepNumber })
           }
         ),
-        /* @__PURE__ */ jsxs2("div", { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 14, color: colors.textPrimary, lineHeight: "20px" }, children: step.action }),
-          step.expectedResult && /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs3("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 14, color: colors.textPrimary, lineHeight: "20px" }, children: step.action }),
+          step.expectedResult && /* @__PURE__ */ jsxs3(
             "div",
             {
               style: {
@@ -1110,8 +1282,8 @@ function TestDetailScreen({ testId, nav }) {
           )
         ] })
       ] }, idx)),
-      template === "checklist" && /* @__PURE__ */ jsxs2(Fragment, { children: [
-        steps.map((step, idx) => /* @__PURE__ */ jsxs2(
+      template === "checklist" && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        steps.map((step, idx) => /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -1137,7 +1309,7 @@ function TestDetailScreen({ testId, nav }) {
               textAlign: "left"
             },
             children: [
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 "div",
                 {
                   style: {
@@ -1152,10 +1324,10 @@ function TestDetailScreen({ testId, nav }) {
                     alignItems: "center",
                     flexShrink: 0
                   },
-                  children: criteriaResults[idx] === true && /* @__PURE__ */ jsx3("span", { style: { color: "#fff", fontSize: 14, fontWeight: "bold" }, children: "\u2713" })
+                  children: criteriaResults[idx] === true && /* @__PURE__ */ jsx4("span", { style: { color: "#fff", fontSize: 14, fontWeight: "bold" }, children: "\u2713" })
                 }
               ),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 "span",
                 {
                   style: {
@@ -1171,7 +1343,7 @@ function TestDetailScreen({ testId, nav }) {
           },
           idx
         )),
-        Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ jsx3("div", { style: { display: "flex", justifyContent: "flex-end", paddingTop: 4 }, children: /* @__PURE__ */ jsx3(
+        Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ jsx4("div", { style: { display: "flex", justifyContent: "flex-end", paddingTop: 4 }, children: /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -1188,8 +1360,8 @@ function TestDetailScreen({ testId, nav }) {
           }
         ) })
       ] }),
-      template === "rubric" && steps.map((step, idx) => /* @__PURE__ */ jsxs2("div", { style: { marginBottom: 14 }, children: [
-        /* @__PURE__ */ jsxs2(
+      template === "rubric" && steps.map((step, idx) => /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 14 }, children: [
+        /* @__PURE__ */ jsxs3(
           "div",
           {
             style: {
@@ -1205,7 +1377,7 @@ function TestDetailScreen({ testId, nav }) {
             ]
           }
         ),
-        step.expectedResult && /* @__PURE__ */ jsx3(
+        step.expectedResult && /* @__PURE__ */ jsx4(
           "div",
           {
             style: {
@@ -1217,8 +1389,8 @@ function TestDetailScreen({ testId, nav }) {
             children: step.expectedResult
           }
         ),
-        rubricMode === "pass_fail" ? /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 8, marginLeft: 16 }, children: [
-          /* @__PURE__ */ jsx3(
+        rubricMode === "pass_fail" ? /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 8, marginLeft: 16 }, children: [
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1239,7 +1411,7 @@ function TestDetailScreen({ testId, nav }) {
               children: "\u2713 Pass"
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1260,7 +1432,7 @@ function TestDetailScreen({ testId, nav }) {
               children: "\u2717 Fail"
             }
           )
-        ] }) : /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: 6, marginLeft: 16 }, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx3(
+        ] }) : /* @__PURE__ */ jsx4("div", { style: { display: "flex", gap: 6, marginLeft: 16 }, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -1284,7 +1456,7 @@ function TestDetailScreen({ testId, nav }) {
           n
         )) })
       ] }, idx)),
-      template === "freeform" && /* @__PURE__ */ jsxs2(
+      template === "freeform" && /* @__PURE__ */ jsxs3(
         "div",
         {
           style: {
@@ -1294,15 +1466,15 @@ function TestDetailScreen({ testId, nav }) {
             border: "1px solid #854d0e"
           },
           children: [
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 14, color: "#fde68a", marginBottom: 6 }, children: "Review the area and note:" }),
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 What works well" }),
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 Issues or concerns" }),
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 Suggestions" })
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 14, color: "#fde68a", marginBottom: 6 }, children: "Review the area and note:" }),
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 What works well" }),
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 Issues or concerns" }),
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, color: "#fde68a", marginLeft: 8, marginBottom: 2 }, children: "\u2022 Suggestions" })
           ]
         }
       )
     ] }),
-    testCase.expectedResult && /* @__PURE__ */ jsxs2(
+    testCase.expectedResult && /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -1313,12 +1485,12 @@ function TestDetailScreen({ testId, nav }) {
           marginBottom: 12
         },
         children: [
-          /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, fontWeight: 600, color: colors.green, marginBottom: 4 }, children: "\u2705 Expected Result" }),
-          /* @__PURE__ */ jsx3("div", { style: { fontSize: 14, color: "#bbf7d0", lineHeight: "20px" }, children: testCase.expectedResult })
+          /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, fontWeight: 600, color: colors.green, marginBottom: 4 }, children: "\u2705 Expected Result" }),
+          /* @__PURE__ */ jsx4("div", { style: { fontSize: 14, color: "#bbf7d0", lineHeight: "20px" }, children: testCase.expectedResult })
         ]
       }
     ),
-    testCase.targetRoute && onNavigate && /* @__PURE__ */ jsx3(
+    testCase.targetRoute && onNavigate && /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -1340,7 +1512,7 @@ function TestDetailScreen({ testId, nav }) {
         children: "\u{1F9ED} Go to test location"
       }
     ),
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -1364,7 +1536,7 @@ function TestDetailScreen({ testId, nav }) {
         ]
       }
     ),
-    showDetails && /* @__PURE__ */ jsxs2(
+    showDetails && /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -1375,7 +1547,7 @@ function TestDetailScreen({ testId, nav }) {
           marginBottom: 16
         },
         children: [
-          testCase.testKey && /* @__PURE__ */ jsxs2(
+          testCase.testKey && /* @__PURE__ */ jsxs3(
             "div",
             {
               style: {
@@ -1393,16 +1565,16 @@ function TestDetailScreen({ testId, nav }) {
               ]
             }
           ),
-          testCase.description && /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, color: colors.textSecondary, lineHeight: "18px" }, children: testCase.description }),
-          testCase.group && /* @__PURE__ */ jsx3("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs2("span", { style: { fontSize: 12, color: colors.textMuted }, children: [
+          testCase.description && /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, color: colors.textSecondary, lineHeight: "18px" }, children: testCase.description }),
+          testCase.group && /* @__PURE__ */ jsx4("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs3("span", { style: { fontSize: 12, color: colors.textMuted }, children: [
             "\u{1F4C1} ",
             testCase.group.name
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 10, marginTop: 8 }, children: [
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 10, marginTop: 8 }, children: [
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1425,7 +1597,7 @@ function TestDetailScreen({ testId, nav }) {
           children: isSubmitting ? "Failing..." : "Fail"
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1448,7 +1620,7 @@ function TestDetailScreen({ testId, nav }) {
           children: "Skip"
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -1472,7 +1644,7 @@ function TestDetailScreen({ testId, nav }) {
         }
       )
     ] }),
-    showSkipModal && /* @__PURE__ */ jsx3(
+    showSkipModal && /* @__PURE__ */ jsx4(
       "div",
       {
         style: {
@@ -1485,7 +1657,7 @@ function TestDetailScreen({ testId, nav }) {
           zIndex: 9999,
           padding: 24
         },
-        children: /* @__PURE__ */ jsxs2(
+        children: /* @__PURE__ */ jsxs3(
           "div",
           {
             style: {
@@ -1497,7 +1669,7 @@ function TestDetailScreen({ testId, nav }) {
               width: "100%"
             },
             children: [
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 "div",
                 {
                   style: {
@@ -1509,8 +1681,8 @@ function TestDetailScreen({ testId, nav }) {
                   children: "Skip this test?"
                 }
               ),
-              /* @__PURE__ */ jsx3("div", { style: { fontSize: 14, color: colors.textMuted, marginBottom: 12 }, children: "Select a reason:" }),
-              skipReasons.map(({ reason, label }) => /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4("div", { style: { fontSize: 14, color: colors.textMuted, marginBottom: 12 }, children: "Select a reason:" }),
+              skipReasons.map(({ reason, label }) => /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -1536,7 +1708,7 @@ function TestDetailScreen({ testId, nav }) {
                 },
                 reason
               )),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 "textarea",
                 {
                   value: skipNotes,
@@ -1559,8 +1731,8 @@ function TestDetailScreen({ testId, nav }) {
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 10, marginTop: 14 }, children: [
-                /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 10, marginTop: 14 }, children: [
+                /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -1584,7 +1756,7 @@ function TestDetailScreen({ testId, nav }) {
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -1618,11 +1790,14 @@ function TestDetailScreen({ testId, nav }) {
 // src/widget/screens/TestListScreen.tsx
 import { useState as useState3, useMemo, useCallback as useCallback3 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 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());
   const availableRoles = useMemo(() => {
     const roleMap = /* @__PURE__ */ new Map();
@@ -1631,6 +1806,13 @@ function TestListScreen({ nav }) {
     }
     return Array.from(roleMap.values());
   }, [assignments]);
+  const availableTracks = useMemo(() => {
+    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 = useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
@@ -1664,6 +1846,12 @@ 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);
@@ -1675,7 +1863,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);
@@ -1684,13 +1872,20 @@ 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;
-  };
+  }, [roleFilter, trackFilter, searchQuery, filter]);
   const pendingCount = assignments.filter(
     (a) => a.status === "pending" || a.status === "in_progress"
   ).length;
@@ -1702,8 +1897,9 @@ function TestListScreen({ nav }) {
     { key: "done", label: "Done", count: doneCount },
     { key: "reopened", label: "Re Opened", count: reopenedCount }
   ];
-  return /* @__PURE__ */ jsxs3("div", { children: [
-    /* @__PURE__ */ jsx4("div", { style: { display: "flex", gap: 8, marginBottom: availableRoles.length >= 2 ? 8 : 16 }, children: filters.map((f) => /* @__PURE__ */ jsxs3(
+  if (isLoading) return /* @__PURE__ */ jsx5(TestListScreenSkeleton, {});
+  return /* @__PURE__ */ jsxs4("div", { children: [
+    /* @__PURE__ */ jsx5("div", { style: { display: "flex", gap: 8, marginBottom: availableRoles.length >= 2 ? 8 : 16 }, children: filters.map((f) => /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
@@ -1730,9 +1926,9 @@ function TestListScreen({ nav }) {
       },
       f.key
     )) }),
-    availableRoles.length >= 2 && /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 12 }, children: [
-      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", marginBottom: selectedRole?.loginHint ? 8 : 0 }, children: [
-        /* @__PURE__ */ jsx4(
+    availableRoles.length >= 2 && /* @__PURE__ */ jsxs4("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", marginBottom: selectedRole?.loginHint ? 8 : 0 }, children: [
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -1755,7 +1951,7 @@ function TestListScreen({ nav }) {
         ),
         availableRoles.map((role) => {
           const isActive = roleFilter === role.id;
-          return /* @__PURE__ */ jsxs3(
+          return /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
@@ -1777,7 +1973,7 @@ function TestListScreen({ nav }) {
                 fontWeight: isActive ? 600 : 400
               },
               children: [
-                /* @__PURE__ */ jsx4("span", { style: {
+                /* @__PURE__ */ jsx5("span", { style: {
                   width: 6,
                   height: 6,
                   borderRadius: 3,
@@ -1791,7 +1987,7 @@ function TestListScreen({ nav }) {
           );
         })
       ] }),
-      selectedRole?.loginHint && /* @__PURE__ */ jsxs3("div", { style: {
+      selectedRole?.loginHint && /* @__PURE__ */ jsxs4("div", { style: {
         fontSize: 11,
         color: colors.textSecondary,
         backgroundColor: selectedRole.color + "10",
@@ -1803,6 +1999,103 @@ function TestListScreen({ nav }) {
         selectedRole.loginHint
       ] })
     ] }),
+    /* @__PURE__ */ jsx5("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx5(
+      "input",
+      {
+        type: "text",
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        placeholder: "Search tests...",
+        style: {
+          width: "100%",
+          padding: "8px 12px",
+          borderRadius: 8,
+          border: `1px solid ${colors.border}`,
+          backgroundColor: colors.card,
+          color: colors.textPrimary,
+          fontSize: 13,
+          outline: "none",
+          boxSizing: "border-box"
+        }
+      }
+    ) }),
+    (availableTracks.length >= 2 || true) && /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 12 }, children: [
+      availableTracks.length >= 2 && /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 4, flex: 1, overflow: "auto" }, children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            onClick: () => setTrackFilter(null),
+            style: {
+              padding: "3px 8px",
+              borderRadius: 6,
+              backgroundColor: !trackFilter ? colors.card : "transparent",
+              border: !trackFilter ? `1px solid ${colors.border}` : "1px solid transparent",
+              cursor: "pointer",
+              fontSize: 11,
+              color: !trackFilter ? colors.textPrimary : colors.textMuted,
+              fontWeight: !trackFilter ? 600 : 400,
+              whiteSpace: "nowrap"
+            },
+            children: "All Tracks"
+          }
+        ),
+        availableTracks.map((track) => {
+          const isActive = trackFilter === track.id;
+          return /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              onClick: () => setTrackFilter(isActive ? null : track.id),
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
+                padding: "3px 8px",
+                borderRadius: 6,
+                backgroundColor: isActive ? track.color + "20" : "transparent",
+                border: isActive ? `1px solid ${track.color}60` : "1px solid transparent",
+                cursor: "pointer",
+                fontSize: 11,
+                color: isActive ? track.color : colors.textMuted,
+                fontWeight: isActive ? 600 : 400,
+                whiteSpace: "nowrap"
+              },
+              children: [
+                track.icon,
+                " ",
+                track.name
+              ]
+            },
+            track.id
+          );
+        })
+      ] }),
+      /* @__PURE__ */ jsx5("div", { style: { display: "flex", gap: 2, marginLeft: "auto", flexShrink: 0 }, children: [
+        { key: "priority", label: "\u2195 Priority" },
+        { key: "recent", label: "\u{1F550} Recent" },
+        { key: "alpha", label: "A-Z" }
+      ].map((s) => /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSortMode(s.key),
+          style: {
+            padding: "3px 8px",
+            borderRadius: 6,
+            backgroundColor: sortMode === s.key ? colors.card : "transparent",
+            border: sortMode === s.key ? `1px solid ${colors.border}` : "1px solid transparent",
+            cursor: "pointer",
+            fontSize: 10,
+            color: sortMode === s.key ? colors.textPrimary : colors.textMuted,
+            fontWeight: sortMode === s.key ? 600 : 400,
+            whiteSpace: "nowrap"
+          },
+          children: s.label
+        },
+        s.key
+      )) })
+    ] }),
     groupedAssignments.map((folder) => {
       const folderId = folder.group?.id || "ungrouped";
       const isCollapsed = collapsedFolders.has(folderId);
@@ -1810,8 +2103,8 @@ function TestListScreen({ nav }) {
       if (filtered.length === 0 && filter !== "all") return null;
       const completedInFolder = folder.stats.passed + folder.stats.failed;
       const progressPercent = folder.stats.total > 0 ? Math.round(completedInFolder / folder.stats.total * 100) : 0;
-      return /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 12 }, children: [
-        /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs4("div", { style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ jsxs4(
           "button",
           {
             type: "button",
@@ -1831,8 +2124,8 @@ function TestListScreen({ nav }) {
               textAlign: "left"
             },
             children: [
-              /* @__PURE__ */ jsx4("span", { style: { fontSize: 10, color: colors.textMuted, width: 14 }, children: isCollapsed ? "\u25B6" : "\u25BC" }),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5("span", { style: { fontSize: 10, color: colors.textMuted, width: 14 }, children: isCollapsed ? "\u25B6" : "\u25BC" }),
+              /* @__PURE__ */ jsx5(
                 "span",
                 {
                   style: {
@@ -1847,7 +2140,7 @@ function TestListScreen({ nav }) {
                   children: folder.group?.name || "Ungrouped"
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 "div",
                 {
                   style: {
@@ -1858,7 +2151,7 @@ function TestListScreen({ nav }) {
                     overflow: "hidden",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx4(
+                  children: /* @__PURE__ */ jsx5(
                     "div",
                     {
                       style: {
@@ -1872,7 +2165,7 @@ function TestListScreen({ nav }) {
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4(
                 "span",
                 {
                   style: {
@@ -1896,7 +2189,7 @@ function TestListScreen({ nav }) {
           const badge = getStatusBadge(assignment.status);
           const isCurrent = currentAssignment?.id === assignment.id;
           const priorityColor = assignment.testCase.priority === "P0" ? colors.red : assignment.testCase.priority === "P1" ? colors.orange : colors.textDim;
-          return /* @__PURE__ */ jsxs3(
+          return /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
@@ -1918,9 +2211,9 @@ function TestListScreen({ nav }) {
                 textAlign: "left"
               },
               children: [
-                /* @__PURE__ */ jsx4("span", { style: { fontSize: 16, marginRight: 10, width: 20, flexShrink: 0 }, children: badge.icon }),
-                /* @__PURE__ */ jsxs3("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx5("span", { style: { fontSize: 16, marginRight: 10, width: 20, flexShrink: 0 }, children: badge.icon }),
+                /* @__PURE__ */ jsxs4("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx5(
                     "div",
                     {
                       style: {
@@ -1934,9 +2227,9 @@ function TestListScreen({ nav }) {
                       children: assignment.testCase.title
                     }
                   ),
-                  /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-                    assignment.isVerification && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-                      /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                    assignment.isVerification && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                      /* @__PURE__ */ jsx5(
                         "span",
                         {
                           style: {
@@ -1951,9 +2244,9 @@ function TestListScreen({ nav }) {
                           children: "Retest"
                         }
                       ),
-                      /* @__PURE__ */ jsx4("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" })
+                      /* @__PURE__ */ jsx5("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" })
                     ] }),
-                    /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx5(
                       "span",
                       {
                         style: {
@@ -1964,8 +2257,8 @@ function TestListScreen({ nav }) {
                         children: assignment.testCase.testKey
                       }
                     ),
-                    /* @__PURE__ */ jsx4("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx5("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx5(
                       "span",
                       {
                         style: {
@@ -1976,9 +2269,9 @@ function TestListScreen({ nav }) {
                         children: assignment.testCase.priority
                       }
                     ),
-                    assignment.testCase.role && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-                      /* @__PURE__ */ jsx4("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" }),
-                      /* @__PURE__ */ jsxs3("span", { style: {
+                    assignment.testCase.role && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                      /* @__PURE__ */ jsx5("span", { style: { fontSize: 11, color: colors.textDim }, children: "\xB7" }),
+                      /* @__PURE__ */ jsxs4("span", { style: {
                         display: "inline-flex",
                         alignItems: "center",
                         gap: 3,
@@ -1986,7 +2279,7 @@ function TestListScreen({ nav }) {
                         color: assignment.testCase.role.color,
                         fontWeight: 500
                       }, children: [
-                        /* @__PURE__ */ jsx4("span", { style: {
+                        /* @__PURE__ */ jsx5("span", { style: {
                           width: 5,
                           height: 5,
                           borderRadius: 3,
@@ -1997,7 +2290,7 @@ function TestListScreen({ nav }) {
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx5(
                   "span",
                   {
                     style: {
@@ -2024,7 +2317,7 @@ function TestListScreen({ nav }) {
     groupedAssignments.every((folder) => {
       const filtered = folder.assignments.filter(filterAssignment);
       return filtered.length === 0;
-    }) && /* @__PURE__ */ jsxs3(
+    }) && /* @__PURE__ */ jsxs4(
       "div",
       {
         style: {
@@ -2034,12 +2327,12 @@ function TestListScreen({ nav }) {
           padding: 32
         },
         children: [
-          /* @__PURE__ */ jsx4("span", { style: { fontSize: 32, marginBottom: 8 }, children: filter === "pending" ? "\u{1F389}" : filter === "reopened" ? "\u{1F44D}" : "\u{1F4CB}" }),
-          /* @__PURE__ */ jsx4("span", { style: { fontSize: 14, color: colors.textMuted }, children: filter === "pending" ? "All tests completed!" : filter === "done" ? "No passed tests yet" : filter === "reopened" ? "No reopened issues" : "No tests assigned" })
+          /* @__PURE__ */ jsx5("span", { style: { fontSize: 32, marginBottom: 8 }, children: filter === "pending" ? "\u{1F389}" : filter === "reopened" ? "\u{1F44D}" : "\u{1F4CB}" }),
+          /* @__PURE__ */ jsx5("span", { style: { fontSize: 14, color: colors.textMuted }, children: filter === "pending" ? "All tests completed!" : filter === "done" ? "No passed tests yet" : filter === "reopened" ? "No reopened issues" : "No tests assigned" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx4("div", { style: { display: "flex", justifyContent: "center", paddingTop: 12, paddingBottom: 8 }, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5("div", { style: { display: "flex", justifyContent: "center", paddingTop: 12, paddingBottom: 8 }, children: /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -2135,13 +2428,13 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
 }
 // src/widget/ImagePreviewStrip.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ImagePreviewStrip({ images, onRemove }) {
   if (images.length === 0) return null;
-  return /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: 8, overflowX: "auto", paddingTop: 4 }, children: [
-    images.map((img) => /* @__PURE__ */ jsxs4("div", { style: { position: "relative", width: 64, height: 64, flexShrink: 0, borderRadius: 8, overflow: "hidden" }, children: [
-      /* @__PURE__ */ jsx5("img", { src: img.localUri, alt: img.name, style: { width: 64, height: 64, objectFit: "cover", borderRadius: 8 } }),
-      img.status === "uploading" && /* @__PURE__ */ jsx5("div", { style: {
+  return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: 8, overflowX: "auto", paddingTop: 4 }, children: [
+    images.map((img) => /* @__PURE__ */ jsxs5("div", { style: { position: "relative", width: 64, height: 64, flexShrink: 0, borderRadius: 8, overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx6("img", { src: img.localUri, alt: img.name, style: { width: 64, height: 64, objectFit: "cover", borderRadius: 8 } }),
+      img.status === "uploading" && /* @__PURE__ */ jsx6("div", { style: {
         position: "absolute",
         inset: 0,
         backgroundColor: "rgba(0,0,0,0.5)",
@@ -2149,7 +2442,7 @@ function ImagePreviewStrip({ images, onRemove }) {
         alignItems: "center",
         justifyContent: "center",
         borderRadius: 8
-      }, children: /* @__PURE__ */ jsx5("div", { style: {
+      }, children: /* @__PURE__ */ jsx6("div", { style: {
         width: 16,
         height: 16,
         border: "2px solid #fff",
@@ -2157,7 +2450,7 @@ function ImagePreviewStrip({ images, onRemove }) {
         borderRadius: "50%",
         animation: "bb-spin 0.6s linear infinite"
       } }) }),
-      img.status === "error" && /* @__PURE__ */ jsx5("div", { style: {
+      img.status === "error" && /* @__PURE__ */ jsx6("div", { style: {
         position: "absolute",
         inset: 0,
         backgroundColor: "rgba(127,29,29,0.7)",
@@ -2165,8 +2458,8 @@ function ImagePreviewStrip({ images, onRemove }) {
         alignItems: "center",
         justifyContent: "center",
         borderRadius: 8
-      }, children: /* @__PURE__ */ jsx5("span", { style: { color: "#fca5a5", fontSize: 18, fontWeight: "bold" }, children: "!" }) }),
-      /* @__PURE__ */ jsx5(
+      }, children: /* @__PURE__ */ jsx6("span", { style: { color: "#fca5a5", fontSize: 18, fontWeight: "bold" }, children: "!" }) }),
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -2193,18 +2486,18 @@ function ImagePreviewStrip({ images, onRemove }) {
         }
       )
     ] }, img.id)),
-    /* @__PURE__ */ jsx5("style", { children: `@keyframes bb-spin { to { transform: rotate(360deg); } }` })
+    /* @__PURE__ */ jsx6("style", { children: `@keyframes bb-spin { to { transform: rotate(360deg); } }` })
   ] });
 }
 // src/widget/ImagePickerButtons.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
   const disabled = images.length >= maxImages;
-  return /* @__PURE__ */ jsxs5("div", { style: { marginTop: 12, marginBottom: 4 }, children: [
-    label && /* @__PURE__ */ jsx6("div", { style: { fontSize: 14, fontWeight: 500, color: "#e4e4e7", marginBottom: 8 }, children: label }),
-    /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6("div", { style: { marginTop: 12, marginBottom: 4 }, children: [
+    label && /* @__PURE__ */ jsx7("div", { style: { fontSize: 14, fontWeight: 500, color: "#e4e4e7", marginBottom: 8 }, children: label }),
+    /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -2225,7 +2518,7 @@ function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, on
           children: "Gallery"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -2246,18 +2539,18 @@ function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, on
           children: "Camera"
         }
       ),
-      /* @__PURE__ */ jsxs5("span", { style: { fontSize: 12, color: colors.textDim, marginLeft: 4 }, children: [
+      /* @__PURE__ */ jsxs6("span", { style: { fontSize: 12, color: colors.textDim, marginLeft: 4 }, children: [
         images.length,
         "/",
         maxImages
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(ImagePreviewStrip, { images, onRemove })
+    /* @__PURE__ */ jsx7(ImagePreviewStrip, { images, onRemove })
   ] });
 }
 // src/widget/screens/TestFeedbackScreen.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function TestFeedbackScreen({ status, assignmentId, nav }) {
   const { client, assignments, refreshAssignments, uploadImage } = useBugBear();
   const images = useImageAttachments(uploadImage, 3, "screenshots");
@@ -2290,6 +2583,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     }
   };
   const handleSubmit = async () => {
+    if (submitting || images.isUploading) return;
     setSubmitting(true);
     if (client && assignment) {
       const screenshotUrls = images.getScreenshotUrls();
@@ -2325,10 +2619,10 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     { key: "stepsUnclear", label: "Steps are unclear" },
     { key: "expectedResultUnclear", label: "Expected result unclear" }
   ];
-  return /* @__PURE__ */ jsxs6("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsx7("div", { style: styles.header, children: status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed" }),
-    /* @__PURE__ */ jsx7("div", { style: styles.subheader, children: "Rate this test case" }),
-    /* @__PURE__ */ jsx7("div", { style: styles.starRow, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs7("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsx8("div", { style: styles.header, children: status === "passed" ? "\u2705 Test Passed!" : "\u274C Test Failed" }),
+    /* @__PURE__ */ jsx8("div", { style: styles.subheader, children: "Rate this test case" }),
+    /* @__PURE__ */ jsx8("div", { style: styles.starRow, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx8(
       "button",
       {
         onClick: () => setRating(n),
@@ -2340,9 +2634,9 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
       },
       n
     )) }),
-    showFlags && /* @__PURE__ */ jsxs6("div", { style: styles.flagsSection, children: [
-      /* @__PURE__ */ jsx7("div", { style: styles.flagsLabel, children: "What could be improved?" }),
-      flagOptions.map(({ key, label }) => /* @__PURE__ */ jsxs6(
+    showFlags && /* @__PURE__ */ jsxs7("div", { style: styles.flagsSection, children: [
+      /* @__PURE__ */ jsx8("div", { style: styles.flagsLabel, children: "What could be improved?" }),
+      flagOptions.map(({ key, label }) => /* @__PURE__ */ jsxs7(
         "button",
         {
           onClick: () => toggleFlag(key),
@@ -2351,17 +2645,17 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
             ...flags[key] ? styles.flagItemActive : {}
           },
           children: [
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "div",
               {
                 style: {
                   ...styles.flagCheck,
                   ...flags[key] ? styles.flagCheckActive : {}
                 },
-                children: flags[key] && /* @__PURE__ */ jsx7("span", { style: styles.flagCheckmark, children: "\u2713" })
+                children: flags[key] && /* @__PURE__ */ jsx8("span", { style: styles.flagCheckmark, children: "\u2713" })
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "span",
               {
                 style: {
@@ -2376,7 +2670,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
         key
       ))
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "textarea",
       {
         style: styles.noteInput,
@@ -2386,7 +2680,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
         rows: 3
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       ImagePickerButtons,
       {
         images: images.images,
@@ -2397,9 +2691,9 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
         label: "Screenshots (optional)"
       }
     ),
-    /* @__PURE__ */ jsxs6("div", { style: styles.actions, children: [
-      /* @__PURE__ */ jsx7("button", { style: styles.skipButton, onClick: handleSkip, children: "Skip" }),
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs7("div", { style: styles.actions, children: [
+      /* @__PURE__ */ jsx8("button", { style: styles.skipButton, onClick: handleSkip, children: "Skip" }),
+      /* @__PURE__ */ jsx8(
         "button",
         {
           style: {
@@ -2552,7 +2846,7 @@ var styles = {
 import React6, { useState as useState6, useRef as useRef2 } from "react";
 // src/widget/CategoryDropdown.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var categoryOptions = [
   { value: "ui_ux", label: "UI/UX", icon: "\u{1F3A8}" },
   { value: "functional", label: "Functional", icon: "\u2699\uFE0F" },
@@ -2561,7 +2855,7 @@ var categoryOptions = [
   { value: "other", label: "Other", icon: "\u{1F4DD}" }
 ];
 function CategoryDropdown({ value, onChange, optional = true, disabled = false }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "select",
     {
       value: value || "",
@@ -2584,8 +2878,8 @@ function CategoryDropdown({ value, onChange, optional = true, disabled = false }
         paddingRight: 32
       },
       children: [
-        /* @__PURE__ */ jsx8("option", { value: "", children: optional ? "Select category (optional)" : "Select category" }),
-        categoryOptions.map(({ value: value2, label, icon }) => /* @__PURE__ */ jsxs7("option", { value: value2, children: [
+        /* @__PURE__ */ jsx9("option", { value: "", children: optional ? "Select category (optional)" : "Select category" }),
+        categoryOptions.map(({ value: value2, label, icon }) => /* @__PURE__ */ jsxs8("option", { value: value2, children: [
           icon,
           " ",
           label
@@ -2596,7 +2890,7 @@ function CategoryDropdown({ value, onChange, optional = true, disabled = false }
 }
 // src/widget/screens/ReportScreen.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ReportScreen({ nav, prefill }) {
   const { client, refreshAssignments, uploadImage } = useBugBear();
   const images = useImageAttachments(uploadImage, 5, "screenshots");
@@ -2671,17 +2965,17 @@ function ReportScreen({ nav, prefill }) {
     { sev: "medium", color: "#eab308" },
     { sev: "low", color: "#6b7280" }
   ];
-  return /* @__PURE__ */ jsx9("div", { children: isRetestFailure ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8("div", { style: styles2.retestBanner, children: [
-      /* @__PURE__ */ jsx9("span", { style: { fontSize: 16 }, children: "\u{1F504}" }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx9("div", { style: styles2.retestTitle, children: "Bug Still Present" }),
-        /* @__PURE__ */ jsx9("div", { style: styles2.retestSubtitle, children: "The fix did not resolve this issue" })
+  return /* @__PURE__ */ jsx10("div", { children: isRetestFailure ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsxs9("div", { style: styles2.retestBanner, children: [
+      /* @__PURE__ */ jsx10("span", { style: { fontSize: 16 }, children: "\u{1F504}" }),
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx10("div", { style: styles2.retestTitle, children: "Bug Still Present" }),
+        /* @__PURE__ */ jsx10("div", { style: styles2.retestSubtitle, children: "The fix did not resolve this issue" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "Severity" }),
-      /* @__PURE__ */ jsx9("div", { style: styles2.severityRow, children: severityOptions.map(({ sev, color }) => /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "Severity" }),
+      /* @__PURE__ */ jsx10("div", { style: styles2.severityRow, children: severityOptions.map(({ sev, color }) => /* @__PURE__ */ jsx10(
         "button",
         {
           onClick: () => setSeverity(sev),
@@ -2689,18 +2983,18 @@ function ReportScreen({ nav, prefill }) {
             ...styles2.sevButton,
             ...severity === sev ? { backgroundColor: `${color}30`, borderColor: color } : {}
           },
-          children: /* @__PURE__ */ jsx9("span", { style: { ...styles2.sevText, ...severity === sev ? { color } : {} }, children: sev })
+          children: /* @__PURE__ */ jsx10("span", { style: { ...styles2.sevText, ...severity === sev ? { color } : {} }, children: sev })
         },
         sev
       )) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "Category (optional)" }),
-      /* @__PURE__ */ jsx9(CategoryDropdown, { value: category, onChange: setCategory, optional: true })
+    /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "Category (optional)" }),
+      /* @__PURE__ */ jsx10(CategoryDropdown, { value: category, onChange: setCategory, optional: true })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "What went wrong?" }),
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "What went wrong?" }),
+      /* @__PURE__ */ jsx10(
         "textarea",
         {
           style: styles2.descInput,
@@ -2711,7 +3005,7 @@ function ReportScreen({ nav, prefill }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       ImagePickerButtons,
       {
         images: images.images,
@@ -2722,8 +3016,8 @@ function ReportScreen({ nav, prefill }) {
         label: "Attachments (optional)"
       }
     ),
-    error && /* @__PURE__ */ jsx9("div", { style: styles2.errorBanner, children: error }),
-    /* @__PURE__ */ jsx9(
+    error && /* @__PURE__ */ jsx10("div", { style: styles2.errorBanner, children: error }),
+    /* @__PURE__ */ jsx10(
       "button",
       {
         style: {
@@ -2736,9 +3030,9 @@ function ReportScreen({ nav, prefill }) {
         children: images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Failed Retest"
       }
     )
-  ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "What are you reporting?" }),
-    /* @__PURE__ */ jsx9("div", { style: styles2.typeRow, children: typeOptions.map(({ type, label, icon }) => /* @__PURE__ */ jsxs8(
+  ] }) : /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "What are you reporting?" }),
+    /* @__PURE__ */ jsx10("div", { style: styles2.typeRow, children: typeOptions.map(({ type, label, icon }) => /* @__PURE__ */ jsxs9(
       "button",
       {
         onClick: () => setReportType(type),
@@ -2747,8 +3041,8 @@ function ReportScreen({ nav, prefill }) {
           ...reportType === type ? styles2.typeCardActive : {}
         },
         children: [
-          /* @__PURE__ */ jsx9("div", { style: styles2.typeIcon, children: icon }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("div", { style: styles2.typeIcon, children: icon }),
+          /* @__PURE__ */ jsx10(
             "div",
             {
               style: {
@@ -2762,9 +3056,9 @@ function ReportScreen({ nav, prefill }) {
       },
       type
     )) }),
-    isBugType && /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "Severity" }),
-      /* @__PURE__ */ jsx9("div", { style: styles2.severityRow, children: severityOptions.map(({ sev, color }) => /* @__PURE__ */ jsx9(
+    isBugType && /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "Severity" }),
+      /* @__PURE__ */ jsx10("div", { style: styles2.severityRow, children: severityOptions.map(({ sev, color }) => /* @__PURE__ */ jsx10(
         "button",
         {
           onClick: () => setSeverity(sev),
@@ -2775,7 +3069,7 @@ function ReportScreen({ nav, prefill }) {
               borderColor: color
             } : {}
           },
-          children: /* @__PURE__ */ jsx9(
+          children: /* @__PURE__ */ jsx10(
             "span",
             {
               style: {
@@ -2789,13 +3083,13 @@ function ReportScreen({ nav, prefill }) {
         sev
       )) })
     ] }),
-    isBugType && /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "Category (optional)" }),
-      /* @__PURE__ */ jsx9(CategoryDropdown, { value: category, onChange: setCategory, optional: true })
+    isBugType && /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "Category (optional)" }),
+      /* @__PURE__ */ jsx10(CategoryDropdown, { value: category, onChange: setCategory, optional: true })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "What happened?" }),
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "What happened?" }),
+      /* @__PURE__ */ jsx10(
         "textarea",
         {
           style: styles2.descInput,
@@ -2806,9 +3100,9 @@ function ReportScreen({ nav, prefill }) {
         }
       )
     ] }),
-    isBugType && /* @__PURE__ */ jsxs8("div", { style: styles2.section, children: [
-      /* @__PURE__ */ jsx9("div", { style: styles2.label, children: "Where did it happen?" }),
-      /* @__PURE__ */ jsx9(
+    isBugType && /* @__PURE__ */ jsxs9("div", { style: styles2.section, children: [
+      /* @__PURE__ */ jsx10("div", { style: styles2.label, children: "Where did it happen?" }),
+      /* @__PURE__ */ jsx10(
         "input",
         {
           style: styles2.routeInput,
@@ -2817,13 +3111,13 @@ function ReportScreen({ nav, prefill }) {
           placeholder: observedRoute.current
         }
       ),
-      /* @__PURE__ */ jsxs8("div", { style: styles2.routeHint, children: [
+      /* @__PURE__ */ jsxs9("div", { style: styles2.routeHint, children: [
         "Leave blank to use current page (",
         observedRoute.current,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       ImagePickerButtons,
       {
         images: images.images,
@@ -2834,8 +3128,8 @@ function ReportScreen({ nav, prefill }) {
         label: "Screenshots (optional)"
       }
     ),
-    error && /* @__PURE__ */ jsx9("div", { style: styles2.errorBanner, children: error }),
-    /* @__PURE__ */ jsx9(
+    error && /* @__PURE__ */ jsx10("div", { style: styles2.errorBanner, children: error }),
+    /* @__PURE__ */ jsx10(
       "button",
       {
         style: {
@@ -3000,16 +3294,16 @@ var styles2 = {
 // src/widget/screens/ReportSuccessScreen.tsx
 import { useEffect as useEffect4 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function ReportSuccessScreen({ nav }) {
   useEffect4(() => {
     const timer = setTimeout(() => nav.reset(), 2e3);
     return () => clearTimeout(timer);
   }, [nav]);
-  return /* @__PURE__ */ jsxs9("div", { style: styles3.container, children: [
-    /* @__PURE__ */ jsx10("div", { style: styles3.emoji, children: "\u{1F389}" }),
-    /* @__PURE__ */ jsx10("div", { style: styles3.title, children: "Report submitted!" }),
-    /* @__PURE__ */ jsx10("div", { style: styles3.subtitle, children: "Thank you for your feedback" })
+  return /* @__PURE__ */ jsxs10("div", { style: styles3.container, children: [
+    /* @__PURE__ */ jsx11("div", { style: styles3.emoji, children: "\u{1F389}" }),
+    /* @__PURE__ */ jsx11("div", { style: styles3.title, children: "Report submitted!" }),
+    /* @__PURE__ */ jsx11("div", { style: styles3.subtitle, children: "Thank you for your feedback" })
   ] });
 }
 var styles3 = {
@@ -3038,11 +3332,12 @@ var styles3 = {
 };
 // src/widget/screens/MessageListScreen.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function MessageListScreen({ nav }) {
-  const { threads, unreadCount, refreshThreads } = useBugBear();
-  return /* @__PURE__ */ jsxs10("div", { children: [
-    /* @__PURE__ */ jsx11(
+  const { threads, unreadCount, refreshThreads, isLoading } = useBugBear();
+  if (isLoading) return /* @__PURE__ */ jsx12(MessageListScreenSkeleton, {});
+  return /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsx12(
       "button",
       {
         style: {
@@ -3061,7 +3356,7 @@ function MessageListScreen({ nav }) {
         children: "\u2709\uFE0F New Message"
       }
     ),
-    threads.length === 0 ? /* @__PURE__ */ jsxs10(
+    threads.length === 0 ? /* @__PURE__ */ jsxs11(
       "div",
       {
         style: {
@@ -3072,8 +3367,8 @@ function MessageListScreen({ nav }) {
           paddingBottom: 40
         },
         children: [
-          /* @__PURE__ */ jsx11("span", { style: { fontSize: 36, marginBottom: 12 }, children: "\u{1F4AC}" }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("span", { style: { fontSize: 36, marginBottom: 12 }, children: "\u{1F4AC}" }),
+          /* @__PURE__ */ jsx12(
             "span",
             {
               style: {
@@ -3085,7 +3380,7 @@ function MessageListScreen({ nav }) {
               children: "No messages yet"
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "span",
             {
               style: {
@@ -3098,7 +3393,7 @@ function MessageListScreen({ nav }) {
           )
         ]
       }
-    ) : /* @__PURE__ */ jsx11("div", { children: threads.map((thread) => /* @__PURE__ */ jsxs10(
+    ) : /* @__PURE__ */ jsx12("div", { children: threads.map((thread) => /* @__PURE__ */ jsxs11(
       "button",
       {
         style: {
@@ -3116,8 +3411,8 @@ function MessageListScreen({ nav }) {
         },
         onClick: () => nav.push({ name: "THREAD_DETAIL", thread }),
         children: [
-          /* @__PURE__ */ jsxs10("div", { style: { display: "flex", flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx12(
               "span",
               {
                 style: {
@@ -3129,7 +3424,7 @@ function MessageListScreen({ nav }) {
                 children: getThreadTypeIcon(thread.threadType)
               }
             ),
-            /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11(
               "div",
               {
                 style: {
@@ -3137,7 +3432,7 @@ function MessageListScreen({ nav }) {
                   minWidth: 0
                 },
                 children: [
-                  /* @__PURE__ */ jsxs10(
+                  /* @__PURE__ */ jsxs11(
                     "div",
                     {
                       style: {
@@ -3146,8 +3441,8 @@ function MessageListScreen({ nav }) {
                         gap: 4
                       },
                       children: [
-                        thread.isPinned && /* @__PURE__ */ jsx11("span", { style: { fontSize: 12, flexShrink: 0 }, children: "\u{1F4CC}" }),
-                        /* @__PURE__ */ jsx11(
+                        thread.isPinned && /* @__PURE__ */ jsx12("span", { style: { fontSize: 12, flexShrink: 0 }, children: "\u{1F4CC}" }),
+                        /* @__PURE__ */ jsx12(
                           "span",
                           {
                             style: {
@@ -3164,7 +3459,7 @@ function MessageListScreen({ nav }) {
                       ]
                     }
                   ),
-                  thread.lastMessage && /* @__PURE__ */ jsxs10(
+                  thread.lastMessage && /* @__PURE__ */ jsxs11(
                     "span",
                     {
                       style: {
@@ -3188,7 +3483,7 @@ function MessageListScreen({ nav }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs11(
             "div",
             {
               style: {
@@ -3200,8 +3495,8 @@ function MessageListScreen({ nav }) {
                 flexShrink: 0
               },
               children: [
-                /* @__PURE__ */ jsx11("span", { style: { fontSize: 11, color: colors.textDim }, children: formatRelativeTime(thread.lastMessageAt) }),
-                thread.unreadCount > 0 && /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12("span", { style: { fontSize: 11, color: colors.textDim }, children: formatRelativeTime(thread.lastMessageAt) }),
+                thread.unreadCount > 0 && /* @__PURE__ */ jsx12(
                   "span",
                   {
                     style: {
@@ -3228,7 +3523,7 @@ function MessageListScreen({ nav }) {
       },
       thread.id
     )) }),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         style: {
@@ -3240,7 +3535,7 @@ function MessageListScreen({ nav }) {
           paddingRight: 4
         },
         children: [
-          /* @__PURE__ */ jsxs10("span", { style: { fontSize: 12, color: colors.textMuted }, children: [
+          /* @__PURE__ */ jsxs11("span", { style: { fontSize: 12, color: colors.textMuted }, children: [
             threads.length,
             " thread",
             threads.length !== 1 ? "s" : "",
@@ -3249,7 +3544,7 @@ function MessageListScreen({ nav }) {
             unreadCount,
             " unread"
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               style: {
@@ -3272,7 +3567,7 @@ function MessageListScreen({ nav }) {
 // src/widget/screens/ThreadDetailScreen.tsx
 import { useState as useState7, useEffect as useEffect5 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var inputStyle = {
   backgroundColor: "#27272a",
   border: "1px solid #3f3f46",
@@ -3294,15 +3589,28 @@ function ThreadDetailScreen({
   const [sending, setSending] = useState7(false);
   const [sendError, setSendError] = useState7(false);
   useEffect5(() => {
+    let cancelled = false;
+    setLoading(true);
     (async () => {
-      setLoading(true);
-      const msgs = await getThreadMessages(thread.id);
-      setMessages(msgs);
-      setLoading(false);
-      if (thread.unreadCount > 0) {
-        await markAsRead(thread.id);
+      try {
+        const msgs = await getThreadMessages(thread.id);
+        if (!cancelled) {
+          setMessages(msgs);
+        }
+        if (thread.unreadCount > 0) {
+          await markAsRead(thread.id);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load thread messages", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [thread.id]);
   const handleSend = async () => {
     if (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) return;
@@ -3331,8 +3639,8 @@ function ThreadDetailScreen({
       handleSend();
     }
   };
-  return /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         style: {
@@ -3344,8 +3652,8 @@ function ThreadDetailScreen({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx12("span", { style: { fontSize: 20 }, children: getThreadTypeIcon(thread.threadType) }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13("span", { style: { fontSize: 20 }, children: getThreadTypeIcon(thread.threadType) }),
+          /* @__PURE__ */ jsx13(
             "span",
             {
               style: {
@@ -3365,7 +3673,7 @@ function ThreadDetailScreen({
         ]
       }
     ),
-    loading ? /* @__PURE__ */ jsx12(
+    loading ? /* @__PURE__ */ jsx13(
       "div",
       {
         style: {
@@ -3373,11 +3681,11 @@ function ThreadDetailScreen({
           paddingBottom: 40,
           textAlign: "center"
         },
-        children: /* @__PURE__ */ jsx12("span", { style: { fontSize: 14, color: colors.textMuted }, children: "Loading messages..." })
+        children: /* @__PURE__ */ jsx13("span", { style: { fontSize: 14, color: colors.textMuted }, children: "Loading messages..." })
       }
-    ) : /* @__PURE__ */ jsx12("div", { style: { paddingBottom: 8, marginBottom: 8 }, children: messages.map((msg) => {
+    ) : /* @__PURE__ */ jsx13("div", { style: { paddingBottom: 8, marginBottom: 8 }, children: messages.map((msg) => {
       const isTester = msg.senderType === "tester";
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs12(
         "div",
         {
           style: {
@@ -3393,7 +3701,7 @@ function ThreadDetailScreen({
             borderBottomRightRadius: isTester ? 4 : 16
           },
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "span",
               {
                 style: {
@@ -3406,7 +3714,7 @@ function ThreadDetailScreen({
                 children: isTester ? "You" : msg.senderName
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "span",
               {
                 style: {
@@ -3420,7 +3728,7 @@ function ThreadDetailScreen({
                 children: msg.content
               }
             ),
-            msg.attachments && msg.attachments.length > 0 && /* @__PURE__ */ jsx12("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 6 }, children: msg.attachments.filter((a) => a.type === "image" && typeof a.url === "string" && /^https?:\/\//i.test(a.url)).map((att, idx) => /* @__PURE__ */ jsx12(
+            msg.attachments && msg.attachments.length > 0 && /* @__PURE__ */ jsx13("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 6 }, children: msg.attachments.filter((a) => a.type === "image" && typeof a.url === "string" && /^https?:\/\//i.test(a.url)).map((att, idx) => /* @__PURE__ */ jsx13(
               "img",
               {
                 src: att.url,
@@ -3429,7 +3737,7 @@ function ThreadDetailScreen({
               },
               idx
             )) }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "span",
               {
                 style: {
@@ -3447,7 +3755,7 @@ function ThreadDetailScreen({
         msg.id
       );
     }) }),
-    sendError && /* @__PURE__ */ jsx12(
+    sendError && /* @__PURE__ */ jsx13(
       "div",
       {
         style: {
@@ -3459,7 +3767,7 @@ function ThreadDetailScreen({
           borderRadius: 8,
           marginBottom: 8
         },
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "span",
           {
             style: {
@@ -3473,8 +3781,8 @@ function ThreadDetailScreen({
         )
       }
     ),
-    replyImages.images.length > 0 && /* @__PURE__ */ jsx12("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ jsx12(ImagePreviewStrip, { images: replyImages.images, onRemove: replyImages.removeImage }) }),
-    /* @__PURE__ */ jsxs11(
+    replyImages.images.length > 0 && /* @__PURE__ */ jsx13("div", { style: { paddingTop: 8 }, children: /* @__PURE__ */ jsx13(ImagePreviewStrip, { images: replyImages.images, onRemove: replyImages.removeImage }) }),
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         style: {
@@ -3485,7 +3793,7 @@ function ThreadDetailScreen({
           gap: 8
         },
         children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -3504,7 +3812,7 @@ function ThreadDetailScreen({
               children: "\u{1F4CE}"
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "input",
             {
               type: "text",
@@ -3520,7 +3828,7 @@ function ThreadDetailScreen({
               }
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               style: {
@@ -3548,7 +3856,7 @@ function ThreadDetailScreen({
 // src/widget/screens/ComposeMessageScreen.tsx
 import { useState as useState8 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var inputStyle2 = {
   backgroundColor: "#27272a",
   border: "1px solid #3f3f46",
@@ -3579,9 +3887,9 @@ function ComposeMessageScreen({ nav }) {
       nav.pop();
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { children: [
-    /* @__PURE__ */ jsxs12("div", { style: { marginBottom: 20 }, children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs13("div", { children: [
+    /* @__PURE__ */ jsxs13("div", { style: { marginBottom: 20 }, children: [
+      /* @__PURE__ */ jsx14(
         "div",
         {
           style: {
@@ -3593,9 +3901,9 @@ function ComposeMessageScreen({ nav }) {
           children: "New Message"
         }
       ),
-      /* @__PURE__ */ jsx13("div", { style: { fontSize: 14, color: colors.textMuted }, children: "Send a message to the QA team" })
+      /* @__PURE__ */ jsx14("div", { style: { fontSize: 14, color: colors.textMuted }, children: "Send a message to the QA team" })
     ] }),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(
       "div",
       {
         style: {
@@ -3605,7 +3913,7 @@ function ComposeMessageScreen({ nav }) {
           border: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "label",
             {
               style: {
@@ -3618,7 +3926,7 @@ function ComposeMessageScreen({ nav }) {
               children: "Subject"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "input",
             {
               type: "text",
@@ -3633,7 +3941,7 @@ function ComposeMessageScreen({ nav }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "label",
             {
               style: {
@@ -3647,7 +3955,7 @@ function ComposeMessageScreen({ nav }) {
               children: "Message"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "textarea",
             {
               value: message,
@@ -3666,7 +3974,7 @@ function ComposeMessageScreen({ nav }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             ImagePickerButtons,
             {
               images: images.images,
@@ -3677,7 +3985,7 @@ function ComposeMessageScreen({ nav }) {
               label: "Attachments (optional)"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               style: {
@@ -3706,7 +4014,7 @@ function ComposeMessageScreen({ nav }) {
 // src/widget/screens/ProfileScreen.tsx
 import { useState as useState9, useEffect as useEffect6 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProfileScreen({ nav }) {
   const { testerInfo, assignments, updateTesterProfile, refreshTesterInfo } = useBugBear();
   const [editing, setEditing] = useState9(false);
@@ -3726,6 +4034,7 @@ function ProfileScreen({ nav }) {
     }
   }, [testerInfo]);
   const handleSave = async () => {
+    if (saving) return;
     setSaving(true);
     const updates = {
       name: name.trim(),
@@ -3752,22 +4061,22 @@ function ProfileScreen({ nav }) {
     }
   };
   if (saved) {
-    return /* @__PURE__ */ jsxs13("div", { style: styles4.emptyState, children: [
-      /* @__PURE__ */ jsx14("span", { style: styles4.emptyEmoji, children: "\u2705" }),
-      /* @__PURE__ */ jsx14("span", { style: styles4.emptyTitle, children: "Profile saved!" })
+    return /* @__PURE__ */ jsxs14("div", { style: styles4.emptyState, children: [
+      /* @__PURE__ */ jsx15("span", { style: styles4.emptyEmoji, children: "\u2705" }),
+      /* @__PURE__ */ jsx15("span", { style: styles4.emptyTitle, children: "Profile saved!" })
     ] });
   }
   if (!testerInfo) {
-    return /* @__PURE__ */ jsxs13("div", { style: styles4.emptyState, children: [
-      /* @__PURE__ */ jsx14("span", { style: styles4.emptyEmoji, children: "\u{1F464}" }),
-      /* @__PURE__ */ jsx14("span", { style: styles4.emptyTitle, children: "No profile found" })
+    return /* @__PURE__ */ jsxs14("div", { style: styles4.emptyState, children: [
+      /* @__PURE__ */ jsx15("span", { style: styles4.emptyEmoji, children: "\u{1F464}" }),
+      /* @__PURE__ */ jsx15("span", { style: styles4.emptyTitle, children: "No profile found" })
     ] });
   }
   if (editing) {
-    return /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsxs13("div", { style: styles4.editHeader, children: [
-        /* @__PURE__ */ jsx14("span", { style: styles4.editTitle, children: "Edit Profile" }),
-        /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsxs14("div", { style: styles4.editHeader, children: [
+        /* @__PURE__ */ jsx15("span", { style: styles4.editTitle, children: "Edit Profile" }),
+        /* @__PURE__ */ jsx15(
           "button",
           {
             style: styles4.cancelButton,
@@ -3779,9 +4088,9 @@ function ProfileScreen({ nav }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { style: styles4.field, children: [
-        /* @__PURE__ */ jsx14("label", { style: styles4.label, children: "Name" }),
-        /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs14("div", { style: styles4.field, children: [
+        /* @__PURE__ */ jsx15("label", { style: styles4.label, children: "Name" }),
+        /* @__PURE__ */ jsx15(
           "input",
           {
             style: styles4.input,
@@ -3791,15 +4100,15 @@ function ProfileScreen({ nav }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { style: styles4.field, children: [
-        /* @__PURE__ */ jsx14("label", { style: styles4.label, children: "Primary Email" }),
-        /* @__PURE__ */ jsx14("span", { style: styles4.emailFixed, children: testerInfo.email })
+      /* @__PURE__ */ jsxs14("div", { style: styles4.field, children: [
+        /* @__PURE__ */ jsx15("label", { style: styles4.label, children: "Primary Email" }),
+        /* @__PURE__ */ jsx15("span", { style: styles4.emailFixed, children: testerInfo.email })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { style: styles4.field, children: [
-        /* @__PURE__ */ jsx14("label", { style: styles4.label, children: "Additional Emails" }),
-        additionalEmails.map((email) => /* @__PURE__ */ jsxs13("div", { style: styles4.emailRow, children: [
-          /* @__PURE__ */ jsx14("span", { style: styles4.emailText, children: email }),
-          /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs14("div", { style: styles4.field, children: [
+        /* @__PURE__ */ jsx15("label", { style: styles4.label, children: "Additional Emails" }),
+        additionalEmails.map((email) => /* @__PURE__ */ jsxs14("div", { style: styles4.emailRow, children: [
+          /* @__PURE__ */ jsx15("span", { style: styles4.emailText, children: email }),
+          /* @__PURE__ */ jsx15(
             "button",
             {
               style: styles4.removeEmailButton,
@@ -3808,8 +4117,8 @@ function ProfileScreen({ nav }) {
             }
           )
         ] }, email)),
-        /* @__PURE__ */ jsxs13("div", { style: styles4.addEmailRow, children: [
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs14("div", { style: styles4.addEmailRow, children: [
+          /* @__PURE__ */ jsx15(
             "input",
             {
               style: { ...styles4.input, flex: 1, marginRight: 8 },
@@ -3822,18 +4131,18 @@ function ProfileScreen({ nav }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx14("button", { style: styles4.addButton, onClick: handleAddEmail, children: "Add" })
+          /* @__PURE__ */ jsx15("button", { style: styles4.addButton, onClick: handleAddEmail, children: "Add" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { style: styles4.field, children: [
-        /* @__PURE__ */ jsx14("label", { style: styles4.label, children: "Testing Platforms" }),
-        /* @__PURE__ */ jsx14("div", { style: styles4.platformRow, children: [
+      /* @__PURE__ */ jsxs14("div", { style: styles4.field, children: [
+        /* @__PURE__ */ jsx15("label", { style: styles4.label, children: "Testing Platforms" }),
+        /* @__PURE__ */ jsx15("div", { style: styles4.platformRow, children: [
           { key: "ios", label: "\u{1F4F1} iOS" },
           { key: "android", label: "\u{1F916} Android" },
           { key: "web", label: "\u{1F310} Web" }
         ].map(({ key, label }) => {
           const isActive = platforms.includes(key);
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             "button",
             {
               style: {
@@ -3843,13 +4152,13 @@ function ProfileScreen({ nav }) {
               onClick: () => setPlatforms(
                 (prev) => prev.includes(key) ? prev.filter((p) => p !== key) : [...prev, key]
               ),
-              children: /* @__PURE__ */ jsx14("span", { style: isActive ? styles4.platformTextActive : styles4.platformText, children: label })
+              children: /* @__PURE__ */ jsx15("span", { style: isActive ? styles4.platformTextActive : styles4.platformText, children: label })
             },
             key
           );
         }) })
       ] }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           style: { ...styles4.primaryButton, marginTop: 20 },
@@ -3860,45 +4169,45 @@ function ProfileScreen({ nav }) {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsxs13("div", { style: styles4.profileCard, children: [
-      /* @__PURE__ */ jsx14("div", { style: styles4.avatar, children: /* @__PURE__ */ jsx14("span", { style: styles4.avatarText, children: testerInfo.name.charAt(0).toUpperCase() }) }),
-      /* @__PURE__ */ jsx14("span", { style: styles4.profileName, children: testerInfo.name }),
-      /* @__PURE__ */ jsx14("span", { style: styles4.profileEmail, children: testerInfo.email })
+  return /* @__PURE__ */ jsxs14("div", { children: [
+    /* @__PURE__ */ jsxs14("div", { style: styles4.profileCard, children: [
+      /* @__PURE__ */ jsx15("div", { style: styles4.avatar, children: /* @__PURE__ */ jsx15("span", { style: styles4.avatarText, children: testerInfo.name.charAt(0).toUpperCase() }) }),
+      /* @__PURE__ */ jsx15("span", { style: styles4.profileName, children: testerInfo.name }),
+      /* @__PURE__ */ jsx15("span", { style: styles4.profileEmail, children: testerInfo.email })
     ] }),
-    /* @__PURE__ */ jsxs13("div", { style: styles4.statsRow, children: [
-      /* @__PURE__ */ jsxs13("div", { style: styles4.statItem, children: [
-        /* @__PURE__ */ jsx14("span", { style: styles4.statNumber, children: completedCount }),
-        /* @__PURE__ */ jsx14("span", { style: styles4.statLabel, children: "Completed" })
+    /* @__PURE__ */ jsxs14("div", { style: styles4.statsRow, children: [
+      /* @__PURE__ */ jsxs14("div", { style: styles4.statItem, children: [
+        /* @__PURE__ */ jsx15("span", { style: styles4.statNumber, children: completedCount }),
+        /* @__PURE__ */ jsx15("span", { style: styles4.statLabel, children: "Completed" })
       ] }),
-      /* @__PURE__ */ jsx14("div", { style: styles4.statDivider }),
-      /* @__PURE__ */ jsxs13("div", { style: styles4.statItem, children: [
-        /* @__PURE__ */ jsx14("span", { style: styles4.statNumber, children: assignments.length }),
-        /* @__PURE__ */ jsx14("span", { style: styles4.statLabel, children: "Total Assigned" })
+      /* @__PURE__ */ jsx15("div", { style: styles4.statDivider }),
+      /* @__PURE__ */ jsxs14("div", { style: styles4.statItem, children: [
+        /* @__PURE__ */ jsx15("span", { style: styles4.statNumber, children: assignments.length }),
+        /* @__PURE__ */ jsx15("span", { style: styles4.statLabel, children: "Total Assigned" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "button",
       {
         style: styles4.detailsToggle,
         onClick: () => setShowDetails(!showDetails),
-        children: /* @__PURE__ */ jsxs13("span", { style: styles4.detailsToggleText, children: [
+        children: /* @__PURE__ */ jsxs14("span", { style: styles4.detailsToggleText, children: [
           showDetails ? "\u25BC" : "\u25B6",
           " Details"
         ] })
       }
     ),
-    showDetails && /* @__PURE__ */ jsxs13("div", { style: styles4.detailsSection, children: [
-      additionalEmails.length > 0 && /* @__PURE__ */ jsxs13("div", { style: styles4.detailBlock, children: [
-        /* @__PURE__ */ jsx14("span", { style: styles4.detailLabel, children: "Additional Emails" }),
-        additionalEmails.map((e) => /* @__PURE__ */ jsx14("span", { style: styles4.detailValue, children: e }, e))
+    showDetails && /* @__PURE__ */ jsxs14("div", { style: styles4.detailsSection, children: [
+      additionalEmails.length > 0 && /* @__PURE__ */ jsxs14("div", { style: styles4.detailBlock, children: [
+        /* @__PURE__ */ jsx15("span", { style: styles4.detailLabel, children: "Additional Emails" }),
+        additionalEmails.map((e) => /* @__PURE__ */ jsx15("span", { style: styles4.detailValue, children: e }, e))
       ] }),
-      platforms.length > 0 && /* @__PURE__ */ jsxs13("div", { style: styles4.detailBlock, children: [
-        /* @__PURE__ */ jsx14("span", { style: styles4.detailLabel, children: "Platforms" }),
-        /* @__PURE__ */ jsx14("div", { style: styles4.platformTags, children: platforms.map((p) => /* @__PURE__ */ jsx14("span", { style: styles4.platformTag, children: /* @__PURE__ */ jsx14("span", { style: styles4.platformTagText, children: p === "ios" ? "\u{1F4F1} iOS" : p === "android" ? "\u{1F916} Android" : "\u{1F310} Web" }) }, p)) })
+      platforms.length > 0 && /* @__PURE__ */ jsxs14("div", { style: styles4.detailBlock, children: [
+        /* @__PURE__ */ jsx15("span", { style: styles4.detailLabel, children: "Platforms" }),
+        /* @__PURE__ */ jsx15("div", { style: styles4.platformTags, children: platforms.map((p) => /* @__PURE__ */ jsx15("span", { style: styles4.platformTag, children: /* @__PURE__ */ jsx15("span", { style: styles4.platformTagText, children: p === "ios" ? "\u{1F4F1} iOS" : p === "android" ? "\u{1F916} Android" : "\u{1F310} Web" }) }, p)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "button",
       {
         style: { ...styles4.primaryButton, marginTop: 20 },
@@ -4182,7 +4491,7 @@ var styles4 = {
 // src/widget/screens/IssueListScreen.tsx
 import { useState as useState10, useEffect as useEffect7 } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 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" },
@@ -4203,11 +4512,21 @@ function IssueListScreen({ nav, category }) {
     let cancelled = false;
     setLoading(true);
     (async () => {
-      if (!client) return;
-      const data = await client.getIssues(category);
-      if (!cancelled) {
-        setIssues(data);
+      if (!client) {
         setLoading(false);
+        return;
+      }
+      try {
+        const data = await client.getIssues(category);
+        if (!cancelled) {
+          setIssues(data);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load issues", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
     return () => {
@@ -4215,15 +4534,15 @@ function IssueListScreen({ nav, category }) {
     };
   }, [client, category]);
   if (loading) {
-    return /* @__PURE__ */ jsx15("div", { style: { padding: "40px 0", textAlign: "center" }, children: /* @__PURE__ */ jsx15("div", { style: { color: colors.textMuted, fontSize: 14 }, children: "Loading..." }) });
+    return /* @__PURE__ */ jsx16(IssueListScreenSkeleton, {});
   }
   if (issues.length === 0) {
-    return /* @__PURE__ */ jsxs14("div", { style: { padding: "40px 0", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx15("div", { style: { fontSize: 36, marginBottom: 8 }, children: config.emptyIcon }),
-      /* @__PURE__ */ jsx15("div", { style: { color: colors.textMuted, fontSize: 14 }, children: config.emptyText })
+    return /* @__PURE__ */ jsxs15("div", { style: { padding: "40px 0", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx16("div", { style: { fontSize: 36, marginBottom: 8 }, children: config.emptyIcon }),
+      /* @__PURE__ */ jsx16("div", { style: { color: colors.textMuted, fontSize: 14 }, children: config.emptyText })
     ] });
   }
-  return /* @__PURE__ */ jsx15("div", { children: issues.map((issue) => /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx16("div", { children: issues.map((issue) => /* @__PURE__ */ jsxs15(
     "div",
     {
       role: "button",
@@ -4242,8 +4561,8 @@ function IssueListScreen({ nav, category }) {
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-          issue.severity && /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+          issue.severity && /* @__PURE__ */ jsx16(
             "span",
             {
               style: {
@@ -4256,7 +4575,7 @@ function IssueListScreen({ nav, category }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx15("span", { style: {
+          /* @__PURE__ */ jsx16("span", { style: {
             fontSize: 13,
             fontWeight: 600,
             color: colors.textPrimary,
@@ -4266,11 +4585,11 @@ function IssueListScreen({ nav, category }) {
             whiteSpace: "nowrap"
           }, children: issue.title })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 6 }, children: [
-          issue.route && /* @__PURE__ */ jsx15("span", { style: { fontSize: 11, color: colors.textDim, maxWidth: "60%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: issue.route }),
-          /* @__PURE__ */ jsx15("span", { style: { fontSize: 11, color: colors.textDim, marginLeft: "auto" }, children: formatRelativeTime(issue.updatedAt) })
+        /* @__PURE__ */ jsxs15("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 6 }, children: [
+          issue.route && /* @__PURE__ */ jsx16("span", { style: { fontSize: 11, color: colors.textDim, maxWidth: "60%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: issue.route }),
+          /* @__PURE__ */ jsx16("span", { style: { fontSize: 11, color: colors.textDim, marginLeft: "auto" }, children: formatRelativeTime(issue.updatedAt) })
         ] }),
-        category === "done" && issue.verifiedByName && /* @__PURE__ */ jsxs14("div", { style: {
+        category === "done" && issue.verifiedByName && /* @__PURE__ */ jsxs15("div", { style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 4,
@@ -4286,7 +4605,7 @@ function IssueListScreen({ nav, category }) {
           "\u2714 Verified by ",
           issue.verifiedByName
         ] }),
-        category === "reopened" && issue.originalBugTitle && /* @__PURE__ */ jsxs14("div", { style: {
+        category === "reopened" && issue.originalBugTitle && /* @__PURE__ */ jsxs15("div", { style: {
           display: "inline-flex",
           alignItems: "center",
           gap: 4,
@@ -4313,7 +4632,7 @@ function IssueListScreen({ nav, category }) {
 }
 // src/widget/screens/IssueDetailScreen.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   new: { label: "New", bg: "#1e3a5f", color: "#60a5fa" },
   triaging: { label: "Triaging", bg: "#1e3a5f", color: "#60a5fa" },
@@ -4337,9 +4656,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__ */ jsxs15("div", { children: [
-    /* @__PURE__ */ jsxs15("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: 12 }, children: [
-      /* @__PURE__ */ jsx16("span", { style: {
+  return /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsxs16("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsx17("span", { style: {
         backgroundColor: statusConfig.bg,
         color: statusConfig.color,
         fontSize: 11,
@@ -4347,7 +4666,7 @@ function IssueDetailScreen({ nav, issue }) {
         padding: "3px 10px",
         borderRadius: 6
       }, children: statusConfig.label }),
-      severityConfig && /* @__PURE__ */ jsx16("span", { style: {
+      severityConfig && /* @__PURE__ */ jsx17("span", { style: {
         backgroundColor: severityConfig.bg,
         color: severityConfig.color,
         fontSize: 11,
@@ -4356,9 +4675,9 @@ function IssueDetailScreen({ nav, issue }) {
         borderRadius: 6
       }, children: severityConfig.label })
     ] }),
-    /* @__PURE__ */ jsx16("h3", { style: { fontSize: 16, fontWeight: 700, color: colors.textPrimary, margin: "0 0 8px 0", lineHeight: 1.3 }, children: issue.title }),
-    issue.route && /* @__PURE__ */ jsx16("div", { style: { fontSize: 12, color: colors.textDim, marginBottom: 12 }, children: issue.route }),
-    issue.description && /* @__PURE__ */ jsx16("div", { style: {
+    /* @__PURE__ */ jsx17("h3", { style: { fontSize: 16, fontWeight: 700, color: colors.textPrimary, margin: "0 0 8px 0", lineHeight: 1.3 }, children: issue.title }),
+    issue.route && /* @__PURE__ */ jsx17("div", { style: { fontSize: 12, color: colors.textDim, marginBottom: 12 }, children: issue.route }),
+    issue.description && /* @__PURE__ */ jsx17("div", { style: {
       backgroundColor: colors.card,
       border: `1px solid ${colors.border}`,
       borderRadius: 8,
@@ -4370,56 +4689,56 @@ function IssueDetailScreen({ nav, issue }) {
       whiteSpace: "pre-wrap",
       wordBreak: "break-word"
     }, children: issue.description }),
-    issue.verifiedByName && /* @__PURE__ */ jsxs15("div", { style: {
+    issue.verifiedByName && /* @__PURE__ */ jsxs16("div", { style: {
       backgroundColor: "#14532d",
       border: "1px solid #166534",
       borderRadius: 8,
       padding: 12,
       marginBottom: 12
     }, children: [
-      /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
-        /* @__PURE__ */ jsx16("span", { style: { fontSize: 16 }, children: "\u2705" }),
-        /* @__PURE__ */ jsx16("span", { style: { fontSize: 13, fontWeight: 600, color: "#4ade80" }, children: "Retesting Proof" })
+      /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+        /* @__PURE__ */ jsx17("span", { style: { fontSize: 16 }, children: "\u2705" }),
+        /* @__PURE__ */ jsx17("span", { style: { fontSize: 13, fontWeight: 600, color: "#4ade80" }, children: "Retesting Proof" })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { style: { fontSize: 12, color: "#86efac" }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { fontSize: 12, color: "#86efac" }, children: [
         "Verified by ",
-        /* @__PURE__ */ jsx16("strong", { children: issue.verifiedByName }),
-        issue.verifiedAt && /* @__PURE__ */ jsxs15("span", { children: [
+        /* @__PURE__ */ jsx17("strong", { children: issue.verifiedByName }),
+        issue.verifiedAt && /* @__PURE__ */ jsxs16("span", { children: [
           " on ",
           new Date(issue.verifiedAt).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" })
         ] })
       ] })
     ] }),
-    issue.originalBugTitle && /* @__PURE__ */ jsxs15("div", { style: {
+    issue.originalBugTitle && /* @__PURE__ */ jsxs16("div", { style: {
       backgroundColor: "#422006",
       border: "1px solid #854d0e",
       borderRadius: 8,
       padding: 12,
       marginBottom: 12
     }, children: [
-      /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
-        /* @__PURE__ */ jsx16("span", { style: { fontSize: 16 }, children: "\u{1F504}" }),
-        /* @__PURE__ */ jsx16("span", { style: { fontSize: 13, fontWeight: 600, color: "#fbbf24" }, children: "Original Bug" })
+      /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+        /* @__PURE__ */ jsx17("span", { style: { fontSize: 16 }, children: "\u{1F504}" }),
+        /* @__PURE__ */ jsx17("span", { style: { fontSize: 13, fontWeight: 600, color: "#fbbf24" }, children: "Original Bug" })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { style: { fontSize: 12, color: "#fde68a" }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { fontSize: 12, color: "#fde68a" }, children: [
         "Retest of: ",
-        /* @__PURE__ */ jsx16("strong", { children: issue.originalBugTitle })
+        /* @__PURE__ */ jsx17("strong", { children: issue.originalBugTitle })
       ] })
     ] }),
-    issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ jsxs15("div", { style: { marginBottom: 12 }, children: [
-      /* @__PURE__ */ jsxs15("div", { style: { fontSize: 12, fontWeight: 600, color: colors.textMuted, marginBottom: 8 }, children: [
+    issue.screenshotUrls && issue.screenshotUrls.length > 0 && /* @__PURE__ */ jsxs16("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { fontSize: 12, fontWeight: 600, color: colors.textMuted, marginBottom: 8 }, children: [
         "Screenshots (",
         issue.screenshotUrls.length,
         ")"
       ] }),
-      /* @__PURE__ */ jsx16("div", { style: { display: "flex", gap: 8, overflowX: "auto" }, children: issue.screenshotUrls.map((url, i) => /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17("div", { style: { display: "flex", gap: 8, overflowX: "auto" }, children: issue.screenshotUrls.map((url, i) => /* @__PURE__ */ jsx17(
         "a",
         {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer",
           style: { flexShrink: 0 },
-          children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx17(
             "img",
             {
               src: url,
@@ -4437,16 +4756,16 @@ function IssueDetailScreen({ nav, issue }) {
         i
       )) })
     ] }),
-    /* @__PURE__ */ jsxs15("div", { style: {
+    /* @__PURE__ */ jsxs16("div", { style: {
       borderTop: `1px solid ${colors.border}`,
       paddingTop: 12,
       marginTop: 4
     }, children: [
-      issue.reporterName && /* @__PURE__ */ jsxs15("div", { style: { fontSize: 12, color: colors.textDim, marginBottom: 4 }, children: [
+      issue.reporterName && /* @__PURE__ */ jsxs16("div", { style: { fontSize: 12, color: colors.textDim, marginBottom: 4 }, children: [
         "Reported by ",
         issue.reporterName
       ] }),
-      /* @__PURE__ */ jsxs15("div", { style: { fontSize: 11, color: colors.textDim }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { fontSize: 11, color: colors.textDim }, children: [
         "Created ",
         formatRelativeTime(issue.createdAt),
         " \xB7 Updated ",
@@ -4460,9 +4779,9 @@ function IssueDetailScreen({ nav, issue }) {
 var BUGBEAR_LOGO_BASE64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAJhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAASQBAACAAAAFAAAAISgAQADAAAAAQABAACgAgAEAAAAAQAAAGCgAwAEAAAAAQAAAGAAAAAAMjAyNjowMToyNCAxNjoyMTozOABbbVCuAAAACXBIWXMAAAsTAAALEwEAmpwYAAACo2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpJcHRjNHhtcEV4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPElwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPmh0dHA6Ly9jdi5pcHRjLm9yZy9uZXdzY29kZXMvZGlnaXRhbHNvdXJjZXR5cGUvdHJhaW5lZEFsZ29yaXRobWljTWVkaWE8L0lwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPgogICAgICAgICA8SXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPmZjNzJlN2Q2LTYyYTEtNDE1ZS04MjY5LWM2NjA4MjY0OWRiMDwvSXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wMS0yNFQxNjoyMTozODwveG1wOkNyZWF0ZURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+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";
 // src/BugBearPanel.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function BugBearIcon({ size = 24 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "img",
     {
       src: BUGBEAR_LOGO_BASE64,
@@ -4627,37 +4946,37 @@ function BugBearPanel({
   const renderScreen = () => {
     switch (currentScreen.name) {
       case "HOME":
-        return /* @__PURE__ */ jsx17(HomeScreen, { nav });
+        return /* @__PURE__ */ jsx18(HomeScreen, { nav });
       case "TEST_DETAIL":
-        return /* @__PURE__ */ jsx17(TestDetailScreen, { testId: currentScreen.testId, nav });
+        return /* @__PURE__ */ jsx18(TestDetailScreen, { testId: currentScreen.testId, nav });
       case "TEST_LIST":
-        return /* @__PURE__ */ jsx17(TestListScreen, { nav });
+        return /* @__PURE__ */ jsx18(TestListScreen, { nav });
       case "TEST_FEEDBACK":
-        return /* @__PURE__ */ jsx17(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
+        return /* @__PURE__ */ jsx18(TestFeedbackScreen, { status: currentScreen.status, assignmentId: currentScreen.assignmentId, nav });
       case "REPORT":
-        return /* @__PURE__ */ jsx17(ReportScreen, { nav, prefill: currentScreen.prefill });
+        return /* @__PURE__ */ jsx18(ReportScreen, { nav, prefill: currentScreen.prefill });
       case "REPORT_SUCCESS":
-        return /* @__PURE__ */ jsx17(ReportSuccessScreen, { nav });
+        return /* @__PURE__ */ jsx18(ReportSuccessScreen, { nav });
       case "MESSAGE_LIST":
-        return /* @__PURE__ */ jsx17(MessageListScreen, { nav });
+        return /* @__PURE__ */ jsx18(MessageListScreen, { nav });
       case "THREAD_DETAIL":
-        return /* @__PURE__ */ jsx17(ThreadDetailScreen, { thread: currentScreen.thread, nav });
+        return /* @__PURE__ */ jsx18(ThreadDetailScreen, { thread: currentScreen.thread, nav });
       case "COMPOSE_MESSAGE":
-        return /* @__PURE__ */ jsx17(ComposeMessageScreen, { nav });
+        return /* @__PURE__ */ jsx18(ComposeMessageScreen, { nav });
       case "ISSUE_LIST":
-        return /* @__PURE__ */ jsx17(IssueListScreen, { nav, category: currentScreen.category });
+        return /* @__PURE__ */ jsx18(IssueListScreen, { nav, category: currentScreen.category });
       case "ISSUE_DETAIL":
-        return /* @__PURE__ */ jsx17(IssueDetailScreen, { nav, issue: currentScreen.issue });
+        return /* @__PURE__ */ jsx18(IssueDetailScreen, { nav, issue: currentScreen.issue });
       case "PROFILE":
-        return /* @__PURE__ */ jsx17(ProfileScreen, { nav });
+        return /* @__PURE__ */ jsx18(ProfileScreen, { nav });
       default:
-        return /* @__PURE__ */ jsx17(HomeScreen, { nav });
+        return /* @__PURE__ */ jsx18(HomeScreen, { nav });
     }
   };
   if (typeof document === "undefined") return null;
   const headerTitle = getHeaderTitle();
   return createPortal(
-    /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         ref: panelRef,
@@ -4676,7 +4995,7 @@ function BugBearPanel({
         },
         onMouseDown: handleMouseDown,
         children: [
-          collapsed && /* @__PURE__ */ jsxs16(
+          collapsed && /* @__PURE__ */ jsxs17(
             "button",
             {
               onClick: () => setCollapsed(false),
@@ -4698,9 +5017,9 @@ function BugBearPanel({
                 fontWeight: 500
               },
               children: [
-                /* @__PURE__ */ jsx17(BugBearIcon, { size: 24 }),
-                /* @__PURE__ */ jsx17("span", { children: "BugBear" }),
-                badgeCount > 0 && /* @__PURE__ */ jsx17("span", { style: {
+                /* @__PURE__ */ jsx18(BugBearIcon, { size: 24 }),
+                /* @__PURE__ */ jsx18("span", { children: "BugBear" }),
+                badgeCount > 0 && /* @__PURE__ */ jsx18("span", { style: {
                   backgroundColor: "#fff",
                   color: colors.blue,
                   fontSize: "0.75rem",
@@ -4711,7 +5030,7 @@ function BugBearPanel({
               ]
             }
           ),
-          !collapsed && /* @__PURE__ */ jsxs16("div", { style: {
+          !collapsed && /* @__PURE__ */ jsxs17("div", { style: {
             width: PANEL_WIDTH,
             backgroundColor: colors.bg,
             borderRadius: 12,
@@ -4719,7 +5038,7 @@ function BugBearPanel({
             overflow: "hidden",
             boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5)"
           }, children: [
-            /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17(
               "div",
               {
                 "data-drag-handle": true,
@@ -4735,7 +5054,7 @@ function BugBearPanel({
                   cursor: draggable ? isDragging ? "grabbing" : "grab" : "default"
                 },
                 children: [
-                  /* @__PURE__ */ jsx17("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: canGoBack ? /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsx18("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: canGoBack ? /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: pop,
@@ -4751,14 +5070,14 @@ function BugBearPanel({
                       },
                       children: "\u2190 Back"
                     }
-                  ) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-                    /* @__PURE__ */ jsx17(BugBearIcon, { size: 28 }),
-                    /* @__PURE__ */ jsxs16("div", { children: [
-                      /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                        /* @__PURE__ */ jsx17("span", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: "BugBear" }),
-                        draggable && /* @__PURE__ */ jsx17("span", { style: { color: colors.textMuted, fontSize: "0.75rem" }, title: "Drag to move, double-click to reset", children: "\u22EE\u22EE" })
+                  ) : /* @__PURE__ */ jsxs17(Fragment4, { children: [
+                    /* @__PURE__ */ jsx18(BugBearIcon, { size: 28 }),
+                    /* @__PURE__ */ jsxs17("div", { children: [
+                      /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ jsx18("span", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: "BugBear" }),
+                        draggable && /* @__PURE__ */ jsx18("span", { style: { color: colors.textMuted, fontSize: "0.75rem" }, title: "Drag to move, double-click to reset", children: "\u22EE\u22EE" })
                       ] }),
-                      testerInfo && /* @__PURE__ */ jsxs16(
+                      testerInfo && /* @__PURE__ */ jsxs17(
                         "button",
                         {
                           onClick: () => push({ name: "PROFILE" }),
@@ -4776,13 +5095,13 @@ function BugBearPanel({
                           },
                           children: [
                             testerInfo.name,
-                            /* @__PURE__ */ jsx17("span", { style: { fontSize: "0.625rem" }, children: "\u270E" })
+                            /* @__PURE__ */ jsx18("span", { style: { fontSize: "0.625rem" }, children: "\u270E" })
                           ]
                         }
                       )
                     ] })
                   ] }) }),
-                  headerTitle ? /* @__PURE__ */ jsx17("span", { style: {
+                  headerTitle ? /* @__PURE__ */ jsx18("span", { style: {
                     fontSize: "0.8125rem",
                     fontWeight: 600,
                     color: colors.textSecondary,
@@ -4792,7 +5111,7 @@ function BugBearPanel({
                     textOverflow: "ellipsis",
                     whiteSpace: "nowrap"
                   }, children: headerTitle }) : null,
-                  /* @__PURE__ */ jsx17(
+                  /* @__PURE__ */ jsx18(
                     "button",
                     {
                       onClick: handleClose,
@@ -4816,13 +5135,13 @@ function BugBearPanel({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx17("div", { style: {
+            /* @__PURE__ */ jsx18("div", { style: {
               padding: 16,
               maxHeight: 400,
               overflowY: "auto",
               backgroundColor: colors.bg,
               color: colors.textSecondary
-            }, children: isLoading ? /* @__PURE__ */ jsx17("div", { style: { padding: "60px 0", textAlign: "center" }, children: /* @__PURE__ */ jsx17("div", { style: { color: colors.textMuted, fontSize: "0.875rem" }, children: "Loading..." }) }) : renderScreen() })
+            }, children: isLoading ? /* @__PURE__ */ jsx18("div", { style: { padding: "60px 0", textAlign: "center" }, children: /* @__PURE__ */ jsx18("div", { style: { color: colors.textMuted, fontSize: "0.875rem" }, children: "Loading..." }) }) : renderScreen() })
           ] })
         ]
       }
@@ -4834,7 +5153,7 @@ function BugBearPanel({
 // src/BugBearErrorBoundary.tsx
 import { Component } from "react";
 import { captureError, contextCapture as contextCapture2 } from "@bbearai/core";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var BugBearErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -4879,7 +5198,7 @@ var BugBearErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsxs17(
+      return /* @__PURE__ */ jsxs18(
         "div",
         {
           style: {
@@ -4891,13 +5210,13 @@ var BugBearErrorBoundary = class extends Component {
             fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
           },
           children: [
-            /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
-              /* @__PURE__ */ jsx18("img", { src: BUGBEAR_LOGO_BASE64, alt: "BugBear", width: 28, height: 28, style: { objectFit: "contain" } }),
-              /* @__PURE__ */ jsx18("h3", { style: { margin: 0, color: "#991b1b", fontSize: "16px" }, children: "Something went wrong" })
+            /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
+              /* @__PURE__ */ jsx19("img", { src: BUGBEAR_LOGO_BASE64, alt: "BugBear", width: 28, height: 28, style: { objectFit: "contain" } }),
+              /* @__PURE__ */ jsx19("h3", { style: { margin: 0, color: "#991b1b", fontSize: "16px" }, children: "Something went wrong" })
             ] }),
-            /* @__PURE__ */ jsx18("p", { style: { color: "#7f1d1d", fontSize: "14px", margin: "0 0 12px 0" }, children: error.message }),
-            /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "8px" }, children: [
-              /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19("p", { style: { color: "#7f1d1d", fontSize: "14px", margin: "0 0 12px 0" }, children: error.message }),
+            /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "8px" }, children: [
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   onClick: this.reset,
@@ -4914,7 +5233,7 @@ var BugBearErrorBoundary = class extends Component {
                   children: "Try Again"
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 "button",
                 {
                   onClick: () => window.location.reload(),
@@ -4932,7 +5251,7 @@ var BugBearErrorBoundary = class extends Component {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx18("p", { style: { color: "#9ca3af", fontSize: "12px", marginTop: "12px" }, children: "The error has been captured by BugBear" })
+            /* @__PURE__ */ jsx19("p", { style: { color: "#9ca3af", fontSize: "12px", marginTop: "12px" }, children: "The error has been captured by BugBear" })
           ]
         }
       );