npm - review-lens-react - Versions diffs - 1.0.1 → 1.0.3 - Mend

review-lens-react 1.0.1 → 1.0.3

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 (4) hide show

package/dist/review-lens-react.js +691 -617
package/dist/review-lens-react.umd.cjs +3 -3
package/dist/sheets/google-sheets-adapter.d.ts +1 -0
package/package.json +1 -1

package/dist/review-lens-react.js CHANGED Viewed

@@ -1,153 +1,184 @@
-import { jsx as i, jsxs as o, Fragment as ae } from "react/jsx-runtime";
-import { createContext as mt, useMemo as se, useState as N, useCallback as W, useEffect as B, useContext as pt, useRef as re, useLayoutEffect as gt } from "react";
+import { jsx as i, jsxs as s, Fragment as ae } from "react/jsx-runtime";
+import { createContext as gt, useMemo as oe, useState as x, useCallback as W, useEffect as P, useContext as ft, useRef as re, useLayoutEffect as wt } from "react";
 const Be = [
   "https://www.googleapis.com/auth/spreadsheets",
   "https://www.googleapis.com/auth/userinfo.email"
-], ft = "https://www.googleapis.com/auth/gmail.send", wt = "https://www.googleapis.com/oauth2/v3/userinfo", bt = "https://gmail.googleapis.com/gmail/v1/users/me/messages/send";
-function vt(e) {
-  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", r = e.usersSheetName ?? "Users", s = e.enableEmailNotifications ? [...Be, ft].join(" ") : Be.join(" ");
-  let c, h;
-  async function w() {
-    return c ?? (c = At(e.googleClientId, s)), c;
+], vt = "https://www.googleapis.com/auth/gmail.send", Pe = "https://www.googleapis.com/oauth2/v3/userinfo", bt = "https://gmail.googleapis.com/gmail/v1/users/me/messages/send", yt = "review-lens-google-token", kt = 6e4;
+function St(e) {
+  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", r = e.usersSheetName ?? "Users", o = e.enableEmailNotifications ? [...Be, vt].join(" ") : Be.join(" "), c = $t(e.googleClientId, o);
+  let u, w;
+  async function g() {
+    const p = Mt(c);
+    if (p)
+      return p.accessToken;
+    u ?? (u = Tt(e.googleClientId, o).then((h) => (Bt(c, h), h)));
+    const v = await u;
+    return Date.now() >= v.expiresAt ? (u = void 0, g()) : v.accessToken;
   }
-  async function p(g, f, m) {
-    const S = await w(), x = await fetch(
-      `https://sheets.googleapis.com/v4/spreadsheets/${g}${f}`,
+  async function b(p, v, h) {
+    const k = await g(), l = await fetch(
+      `https://sheets.googleapis.com/v4/spreadsheets/${p}${v}`,
       {
-        ...m,
+        ...h,
         headers: {
-          Authorization: `Bearer ${S}`,
+          Authorization: `Bearer ${k}`,
           "Content-Type": "application/json",
-          ...m == null ? void 0 : m.headers
+          ...h == null ? void 0 : h.headers
         }
       }
     );
-    if (!x.ok)
-      throw new Error(`Google Sheets request failed with ${x.status}`);
-    return x.json();
+    if (l.status === 401) {
+      We(c), u = void 0;
+      const C = await g(), f = await fetch(
+        `https://sheets.googleapis.com/v4/spreadsheets/${p}${v}`,
+        {
+          ...h,
+          headers: {
+            Authorization: `Bearer ${C}`,
+            "Content-Type": "application/json",
+            ...h == null ? void 0 : h.headers
+          }
+        }
+      );
+      if (!f.ok)
+        throw new Error(`Google Sheets request failed with ${f.status}`);
+      return f.json();
+    }
+    if (!l.ok)
+      throw new Error(`Google Sheets request failed with ${l.status}`);
+    return l.json();
   }
-  async function b(g, f) {
-    return (await p(
-      g,
-      `/values/${encodeURIComponent(f)}`
+  async function A(p, v) {
+    return (await b(
+      p,
+      `/values/${encodeURIComponent(v)}`
     )).values ?? [];
   }
   return {
     async getCurrentUser() {
-      if (!h) {
-        const g = await w(), f = await fetch(wt, {
-          headers: { Authorization: `Bearer ${g}` }
-        });
-        if (!f.ok)
-          throw new Error(`Google userinfo request failed with ${f.status}`);
-        h = (await f.json()).email;
-      }
-      if (!h)
+      if (w || (w = await L()), !w)
         throw new Error("Google account did not return an email address");
-      return { email: h };
+      return { email: w };
     },
-    async getPermissions(g) {
-      const [{ email: f }, m] = await Promise.all([
+    async getPermissions(p) {
+      const [{ email: v }, h] = await Promise.all([
         this.getCurrentUser(),
-        b(e.usersSpreadsheetId, r)
-      ]), S = ue(m), x = f.toLowerCase(), E = S.find(
-        (l) => {
-          var A;
-          return ((A = l.email) == null ? void 0 : A.toLowerCase()) === x && l.active !== "false" && (!l.projectKey || l.projectKey === g);
+        A(e.usersSpreadsheetId, r)
+      ]), k = ue(h), l = v.toLowerCase(), C = k.find(
+        (f) => {
+          var y;
+          return ((y = f.email) == null ? void 0 : y.toLowerCase()) === l && f.active !== "false" && (!f.projectKey || f.projectKey === p);
         }
       );
-      return Nt((E == null ? void 0 : E.role) ?? "designer");
+      return Et((C == null ? void 0 : C.role) ?? "designer");
     },
-    async listFeedback(g) {
-      return ue(await b(e.contentSpreadsheetId, t)).map(je).filter((m) => m !== null).filter(
-        (m) => m.projectKey === g.projectKey && m.contentId === g.contentId && m.normalizedPath === g.normalizedPath
-      ).sort((m, S) => S.createdAt.localeCompare(m.createdAt));
+    async listFeedback(p) {
+      return ue(await A(e.contentSpreadsheetId, t)).map(Ue).filter((h) => h !== null).filter(
+        (h) => h.projectKey === p.projectKey && h.contentId === p.contentId && h.normalizedPath === p.normalizedPath
+      ).sort((h, k) => k.createdAt.localeCompare(h.createdAt));
     },
-    async createFeedback(g) {
-      const f = (/* @__PURE__ */ new Date()).toISOString(), m = {
-        ...g,
+    async createFeedback(p) {
+      const v = (/* @__PURE__ */ new Date()).toISOString(), h = {
+        ...p,
         id: crypto.randomUUID(),
         attachments: [],
-        createdAt: f,
-        updatedAt: f
+        createdAt: v,
+        updatedAt: v
       };
-      return await p(
+      return await b(
         e.contentSpreadsheetId,
         `/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,
         {
           method: "POST",
-          body: JSON.stringify({ values: [_e(m)] })
+          body: JSON.stringify({ values: [je(h)] })
         }
-      ), m;
+      ), h;
     },
-    async updateFeedback(g, f) {
-      const m = await b(e.contentSpreadsheetId, t), S = m[0] ?? Pe, x = S.indexOf("id");
-      if (x === -1)
+    async updateFeedback(p, v) {
+      const h = await A(e.contentSpreadsheetId, t), k = h[0] ?? _e, l = k.indexOf("id");
+      if (l === -1)
         throw new Error(`Sheet ${t} is missing an id column`);
-      const E = m.findIndex((C, F) => F > 0 && C[x] === g);
-      if (E < 1)
-        throw new Error(`Feedback ${g} was not found`);
-      const l = (/* @__PURE__ */ new Date()).toISOString(), A = je(Ke(S, m[E]));
-      if (!A)
-        throw new Error(`Feedback ${g} could not be parsed before updating`);
-      const v = {
-        ...A,
-        ...f,
-        updatedAt: l
-      }, y = _e(v);
-      return await p(
+      const C = h.findIndex((M, j) => j > 0 && M[l] === p);
+      if (C < 1)
+        throw new Error(`Feedback ${p} was not found`);
+      const f = (/* @__PURE__ */ new Date()).toISOString(), y = Ue(Oe(k, h[C]));
+      if (!y)
+        throw new Error(`Feedback ${p} could not be parsed before updating`);
+      const N = {
+        ...y,
+        ...v,
+        updatedAt: f
+      }, F = je(N);
+      return await b(
         e.contentSpreadsheetId,
-        `/values/${encodeURIComponent(t)}!A${E + 1}:${Ft(
-          Pe.length
-        )}${E + 1}?valueInputOption=RAW`,
+        `/values/${encodeURIComponent(t)}!A${C + 1}:${It(
+          _e.length
+        )}${C + 1}?valueInputOption=RAW`,
         {
           method: "PUT",
-          body: JSON.stringify({ values: [y] })
+          body: JSON.stringify({ values: [F] })
         }
-      ), v;
+      ), N;
     },
-    async listMessages(g) {
-      return ue(await b(e.contentSpreadsheetId, n)).map(kt).filter((m) => m !== null).filter((m) => m.feedbackId === g).sort((m, S) => m.createdAt.localeCompare(S.createdAt));
+    async listMessages(p) {
+      return ue(await A(e.contentSpreadsheetId, n)).map(Ct).filter((h) => h !== null).filter((h) => h.feedbackId === p).sort((h, k) => h.createdAt.localeCompare(k.createdAt));
     },
-    async createMessage(g) {
-      const f = {
-        ...g,
+    async createMessage(p) {
+      const v = {
+        ...p,
         id: crypto.randomUUID(),
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return await p(
+      return await b(
         e.contentSpreadsheetId,
         `/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,
         {
           method: "POST",
-          body: JSON.stringify({ values: [St(f)] })
+          body: JSON.stringify({ values: [Nt(v)] })
         }
-      ), f;
+      ), v;
     },
-    async sendEmail(g) {
-      if (!e.enableEmailNotifications || g.to.length === 0)
+    async sendEmail(p) {
+      if (!e.enableEmailNotifications || p.to.length === 0)
         return;
-      const f = await w(), m = await this.getCurrentUser(), S = await fetch(bt, {
+      const v = await g(), h = await this.getCurrentUser(), k = await fetch(bt, {
         method: "POST",
         headers: {
-          Authorization: `Bearer ${f}`,
+          Authorization: `Bearer ${v}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          raw: It({
-            from: m.email,
-            to: g.to,
-            subject: g.subject,
-            text: g.text
+          raw: _t({
+            from: h.email,
+            to: p.to,
+            subject: p.subject,
+            text: p.text
           })
         })
       });
-      if (!S.ok)
-        throw new Error(`Gmail send request failed with ${S.status}`);
+      if (!k.ok)
+        throw new Error(`Gmail send request failed with ${k.status}`);
     }
   };
+  async function L() {
+    const p = await fetch(Pe, {
+      headers: { Authorization: `Bearer ${await g()}` }
+    });
+    if (p.status === 401) {
+      We(c), u = void 0;
+      const h = await fetch(Pe, {
+        headers: { Authorization: `Bearer ${await g()}` }
+      });
+      if (!h.ok)
+        throw new Error(`Google userinfo request failed with ${h.status}`);
+      return (await h.json()).email;
+    }
+    if (!p.ok)
+      throw new Error(`Google userinfo request failed with ${p.status}`);
+    return (await p.json()).email;
+  }
 }
-const Pe = [
+const _e = [
   "id",
   "projectKey",
   "contentId",
@@ -176,8 +207,8 @@ const Pe = [
   "fixedBy",
   "resolvedAt",
   "resolvedBy"
-], yt = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
-function _e(e) {
+], xt = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
+function je(e) {
   return [
     e.id,
     e.projectKey,
@@ -209,17 +240,17 @@ function _e(e) {
     e.resolvedBy ?? ""
   ];
 }
-function St(e) {
-  return yt.map((t) => e[t]);
+function Nt(e) {
+  return xt.map((t) => e[t]);
 }
 function ue(e) {
   const [t, ...n] = e;
-  return t ? n.map((r) => Ke(t, r)) : [];
+  return t ? n.map((r) => Oe(t, r)) : [];
 }
-function Ke(e, t) {
+function Oe(e, t) {
   return Object.fromEntries(e.map((n, r) => [n, t[r] ?? ""]));
 }
-function je(e) {
+function Ue(e) {
   return e.id ? {
     id: e.id,
     projectKey: e.projectKey,
@@ -233,16 +264,16 @@ function je(e) {
       width: 0,
       height: 0
     }),
-    createdCssSnapshot: Ue(e.createdCssSnapshotJson),
-    fixedCssSnapshot: e.fixedCssSnapshotJson ? Ue(e.fixedCssSnapshotJson) : void 0,
+    createdCssSnapshot: De(e.createdCssSnapshotJson),
+    fixedCssSnapshot: e.fixedCssSnapshotJson ? De(e.fixedCssSnapshotJson) : void 0,
     comment: e.comment,
-    status: Ct(e.status),
-    severity: xt(e.severity),
-    category: Et(e.category),
+    status: Lt(e.status),
+    severity: At(e.severity),
+    category: Ft(e.category),
     assigneeEmail: e.assigneeEmail || void 0,
     viewportWidth: Number(e.viewportWidth) || 0,
     viewportHeight: Number(e.viewportHeight) || 0,
-    viewportPreset: Lt(e.viewportPreset),
+    viewportPreset: Rt(e.viewportPreset),
     screenshotUrl: e.screenshotUrl || void 0,
     screenshotThumbnailUrl: e.screenshotThumbnailUrl || void 0,
     attachments: fe(e.attachmentJson, []),
@@ -255,7 +286,7 @@ function je(e) {
     resolvedBy: e.resolvedBy || void 0
   } : null;
 }
-function kt(e) {
+function Ct(e) {
   return !e.id || !e.feedbackId ? null : {
     id: e.id,
     feedbackId: e.feedbackId,
@@ -271,7 +302,7 @@ function fe(e, t) {
     return t;
   }
 }
-function Ue(e) {
+function De(e) {
   const t = fe(e, {});
   return {
     margin: t.margin ?? "",
@@ -299,22 +330,22 @@ function Ue(e) {
     height: t.height ?? 0
   };
 }
-function Nt(e) {
+function Et(e) {
   return e === "admin" ? ["create", "read", "reply", "update", "assign"] : e === "developer" ? ["read", "reply", "update", "assign"] : ["create", "read", "reply"];
 }
-function Ct(e) {
+function Lt(e) {
   return e === "in_progress" || e === "needs_clarification" || e === "fixed" || e === "wontfix" || e === "resolved" ? e : "open";
 }
-function xt(e) {
+function At(e) {
   return e === "low" || e === "high" ? e : "medium";
 }
-function Et(e) {
+function Ft(e) {
   return e === "visual" || e === "copy" || e === "accessibility" || e === "responsive" ? e : "bug";
 }
-function Lt(e) {
+function Rt(e) {
   return e === "mobile" || e === "tablet" || e === "desktop" ? e : "custom";
 }
-function Ft(e) {
+function It(e) {
   let t = e, n = "";
   for (; t > 0; ) {
     const r = (t - 1) % 26;
@@ -322,24 +353,58 @@ function Ft(e) {
   }
   return n;
 }
-async function At(e, t) {
-  return await Rt(), new Promise((n, r) => {
+async function Tt(e, t) {
+  return await Pt(), new Promise((n, r) => {
     var c;
-    const s = (c = window.google) == null ? void 0 : c.accounts.oauth2.initTokenClient({
+    const o = (c = window.google) == null ? void 0 : c.accounts.oauth2.initTokenClient({
       client_id: e,
       scope: t,
-      callback: (h) => {
-        if (h.error || !h.access_token) {
-          r(new Error(h.error ?? "Google OAuth did not return an access token"));
+      callback: (u) => {
+        if (u.error || !u.access_token) {
+          r(new Error(u.error ?? "Google OAuth did not return an access token"));
           return;
         }
-        n(h.access_token);
+        const w = u.expires_in ?? 3600;
+        n({
+          accessToken: u.access_token,
+          expiresAt: Date.now() + w * 1e3
+        });
       }
     });
-    s == null || s.requestAccessToken({ prompt: "" });
+    o == null || o.requestAccessToken({ prompt: "" });
   });
 }
-function Rt() {
+function $t(e, t) {
+  return `${yt}:${e}:${t}`;
+}
+function Mt(e) {
+  try {
+    const t = window.localStorage.getItem(e);
+    if (!t)
+      return;
+    const n = JSON.parse(t);
+    if (typeof n.accessToken != "string" || typeof n.expiresAt != "number" || Date.now() >= n.expiresAt - kt) {
+      window.localStorage.removeItem(e);
+      return;
+    }
+    return n;
+  } catch {
+    return;
+  }
+}
+function Bt(e, t) {
+  try {
+    window.localStorage.setItem(e, JSON.stringify(t));
+  } catch {
+  }
+}
+function We(e) {
+  try {
+    window.localStorage.removeItem(e);
+  } catch {
+  }
+}
+function Pt() {
   var e;
   return (e = window.google) != null && e.accounts.oauth2 ? Promise.resolve() : new Promise((t, n) => {
     const r = document.querySelector(
@@ -351,11 +416,11 @@ function Rt() {
       });
       return;
     }
-    const s = document.createElement("script");
-    s.src = "https://accounts.google.com/gsi/client", s.async = !0, s.defer = !0, s.onload = () => t(), s.onerror = () => n(new Error("Google Identity failed to load")), document.head.append(s);
+    const o = document.createElement("script");
+    o.src = "https://accounts.google.com/gsi/client", o.async = !0, o.defer = !0, o.onload = () => t(), o.onerror = () => n(new Error("Google Identity failed to load")), document.head.append(o);
   });
 }
-function It(e) {
+function _t(e) {
   const t = [
     `From: ${e.from}`,
     `To: ${e.to.join(", ")}`,
@@ -365,26 +430,26 @@ function It(e) {
     e.text
   ].join(`\r
 `);
-  return Mt(t);
+  return jt(t);
 }
-function Mt(e) {
+function jt(e) {
   const t = new TextEncoder().encode(e);
   let n = "";
   return t.forEach((r) => {
     n += String.fromCharCode(r);
   }), btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
 }
-function $t(e) {
+function Ut(e) {
   return new URL(e, window.location.href).pathname.replace(/\/+$/, "") || "/";
 }
-const Je = mt(null);
-function wn({ config: e, children: t }) {
-  const n = se(() => e.adapter ? e.adapter : vt({
+const Ge = gt(null);
+function xn({ config: e, children: t }) {
+  const n = oe(() => e.adapter ? e.adapter : St({
     googleClientId: me(e.googleClientId, "googleClientId"),
     contentSpreadsheetId: me(e.contentSpreadsheetId, "contentSpreadsheetId"),
     usersSpreadsheetId: me(e.usersSpreadsheetId, "usersSpreadsheetId"),
     feedbackSheetName: e.sheetName ?? "Feedback",
-    enableEmailNotifications: Oe(e)
+    enableEmailNotifications: qe(e)
   }), [
     e.adapter,
     e.contentSpreadsheetId,
@@ -392,106 +457,106 @@ function wn({ config: e, children: t }) {
     e.googleClientId,
     e.sheetName,
     e.usersSpreadsheetId
-  ]), r = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? $t)(r), [c, h] = N(), [w, p] = N([]), [b, g] = N([]), f = W(async () => {
-    const v = await n.listFeedback({
+  ]), r = e.currentUrl ?? window.location.href, o = (e.normalizeUrl ?? Ut)(r), [c, u] = x(), [w, g] = x([]), [b, A] = x([]), L = W(async () => {
+    const f = await n.listFeedback({
       projectKey: e.projectKey,
       contentId: e.contentId,
-      normalizedPath: s
+      normalizedPath: o
     });
-    g(v);
-  }, [n, e.contentId, e.projectKey, s]);
-  B(() => {
-    let v = !0;
+    A(f);
+  }, [n, e.contentId, e.projectKey, o]);
+  P(() => {
+    let f = !0;
     async function y() {
-      const [C, F] = await Promise.all([
+      const [N, F] = await Promise.all([
         n.getCurrentUser(),
         n.getPermissions(e.projectKey)
       ]);
-      v && (h(C), p(F), await f());
+      f && (u(N), g(F), await L());
     }
     return y(), () => {
-      v = !1;
+      f = !1;
     };
-  }, [n, e.projectKey, f]);
-  const m = W(
-    async (v) => {
-      const y = await n.createFeedback(v);
-      return g((C) => [y, ...C]), pe(e, n, {
-        actorEmail: (c == null ? void 0 : c.email) ?? v.authorEmail,
+  }, [n, e.projectKey, L]);
+  const p = W(
+    async (f) => {
+      const y = await n.createFeedback(f);
+      return A((N) => [y, ...N]), pe(e, n, {
+        actorEmail: (c == null ? void 0 : c.email) ?? f.authorEmail,
         item: y,
         kind: "created"
       }), y;
     },
     [n, e, c == null ? void 0 : c.email]
-  ), S = W(
-    async (v, y) => {
-      const C = b.find((_) => _.id === v), F = await n.updateFeedback(v, y);
-      return g(
-        (_) => _.map((H) => H.id === v ? F : H)
+  ), v = W(
+    async (f, y) => {
+      const N = b.find((M) => M.id === f), F = await n.updateFeedback(f, y);
+      return A(
+        (M) => M.map((j) => j.id === f ? F : j)
       ), pe(e, n, {
         actorEmail: c == null ? void 0 : c.email,
         item: F,
-        kind: Bt(y),
-        previousItem: C
+        kind: Wt(y),
+        previousItem: N
       }), F;
     },
     [n, e, c == null ? void 0 : c.email, b]
-  ), x = W(
-    (v) => n.listMessages(v),
+  ), h = W(
+    (f) => n.listMessages(f),
     [n]
-  ), E = W(
-    async (v) => {
-      const y = await n.createMessage(v), C = b.find((F) => F.id === v.feedbackId);
-      return C && pe(e, n, {
-        actorEmail: v.authorEmail,
-        item: C,
+  ), k = W(
+    async (f) => {
+      const y = await n.createMessage(f), N = b.find((F) => F.id === f.feedbackId);
+      return N && pe(e, n, {
+        actorEmail: f.authorEmail,
+        item: N,
         kind: "reply",
-        replyBody: v.body
+        replyBody: f.body
       }), y;
     },
     [n, e, b]
   ), l = W(
-    async (v, y) => {
-      const C = e.uploadAttachment ?? n.uploadAttachment;
-      if (!C)
+    async (f, y) => {
+      const N = e.uploadAttachment ?? n.uploadAttachment;
+      if (!N)
         throw new Error("Review Lens attachment upload is not configured");
-      return C(v, y);
+      return N(f, y);
     },
     [n, e]
-  ), A = se(
+  ), C = oe(
     () => ({
       config: e,
       adapter: n,
       currentUser: c,
       permissions: w,
       feedback: b,
-      normalizedPath: s,
-      refreshFeedback: f,
-      createFeedback: m,
-      updateFeedback: S,
-      listMessages: x,
-      createMessage: E,
+      normalizedPath: o,
+      refreshFeedback: L,
+      createFeedback: p,
+      updateFeedback: v,
+      listMessages: h,
+      createMessage: k,
       uploadAttachment: l
     }),
     [
       n,
       e,
-      m,
+      p,
       c,
       b,
-      s,
+      o,
       w,
-      f,
-      S,
-      x,
-      E,
+      L,
+      v,
+      h,
+      k,
       l
     ]
   );
-  return /* @__PURE__ */ i(Je.Provider, { value: A, children: t });
+  return /* @__PURE__ */ i(Ge.Provider, { value: C, children: t });
 }
-function Tt() {
-  const e = pt(Je);
+function Dt() {
+  const e = ft(Ge);
   if (!e)
     throw new Error("useReviewLens must be used inside ReviewLensProvider");
   return e;
@@ -501,60 +566,60 @@ function me(e, t) {
     throw new Error(`review-lens-react requires config.${t} when no adapter is provided`);
   return e;
 }
-function Oe(e) {
+function qe(e) {
   return typeof e.emailNotifications == "object" ? e.emailNotifications.enabled !== !1 : !!e.emailNotifications;
 }
-function Bt(e) {
+function Wt(e) {
   return e.status === "resolved" ? "resolved" : e.status === "fixed" || e.fixedAt || e.fixedBy ? "fixed" : e.status ? "status" : "assigneeEmail" in e ? "assigned" : "updated";
 }
 async function pe(e, t, n) {
-  if (!Oe(e) || !t.sendEmail)
+  if (!qe(e) || !t.sendEmail)
     return;
-  const r = Pt(n);
+  const r = zt(n);
   if (r.length !== 0)
     try {
       await t.sendEmail({
         to: r,
-        subject: _t(e, n),
-        text: jt(n)
+        subject: Ht(e, n),
+        text: Kt(n)
       });
-    } catch (s) {
-      console.warn("Review Lens email notification failed", s);
+    } catch (o) {
+      console.warn("Review Lens email notification failed", o);
     }
 }
-function Pt(e) {
+function zt(e) {
   var n;
   const t = /* @__PURE__ */ new Set();
   return t.add(e.item.authorEmail), (n = e.previousItem) != null && n.assigneeEmail && t.add(e.previousItem.assigneeEmail), e.item.assigneeEmail && t.add(e.item.assigneeEmail), [...t].filter((r) => {
-    var s;
-    return r ? r.toLowerCase() !== ((s = e.actorEmail) == null ? void 0 : s.toLowerCase()) : !1;
+    var o;
+    return r ? r.toLowerCase() !== ((o = e.actorEmail) == null ? void 0 : o.toLowerCase()) : !1;
   });
 }
-function _t(e, t) {
-  return `${(typeof e.emailNotifications == "object" ? e.emailNotifications : {}).subjectPrefix ?? "Review Lens"}: ${qe(t)}`;
+function Ht(e, t) {
+  return `${(typeof e.emailNotifications == "object" ? e.emailNotifications : {}).subjectPrefix ?? "Review Lens"}: ${Ve(t)}`;
 }
-function jt(e) {
+function Kt(e) {
   const t = [
     "[Review Lens]",
-    qe(e),
-    Ut(e),
+    Ve(e),
+    Jt(e),
     "",
     `Review: ${e.item.comment}`,
-    `Status: ${Ve(e.item.status)}`,
+    `Status: ${Ye(e.item.status)}`,
     `Author: ${e.item.authorEmail}`,
     `Assignee: ${e.item.assigneeEmail ?? "Unassigned"}`,
-    `Link: ${Wt(e.item)}`
+    `Link: ${Ot(e.item)}`
   ];
   return e.replyBody && t.splice(2, 0, `Reply: ${e.replyBody}`, ""), t.join(`
 `);
 }
-function Ut(e) {
+function Jt(e) {
   return e.actorEmail ? `Sent by Review Lens on behalf of ${e.actorEmail}.` : "Sent by Review Lens on behalf of the signed-in Google user.";
 }
-function qe(e) {
-  return e.kind === "created" ? "New review feedback" : e.kind === "assigned" ? `Review assignment changed to ${e.item.assigneeEmail ?? "unassigned"}` : e.kind === "status" ? `Review status changed to ${Ve(e.item.status)}` : e.kind === "fixed" ? "Review marked fixed" : e.kind === "resolved" ? "Review resolved" : e.kind === "reply" ? "New review reply" : "Review updated";
+function Ve(e) {
+  return e.kind === "created" ? "New review feedback" : e.kind === "assigned" ? `Review assignment changed to ${e.item.assigneeEmail ?? "unassigned"}` : e.kind === "status" ? `Review status changed to ${Ye(e.item.status)}` : e.kind === "fixed" ? "Review marked fixed" : e.kind === "resolved" ? "Review resolved" : e.kind === "reply" ? "New review reply" : "Review updated";
 }
-function Wt(e) {
+function Ot(e) {
   try {
     const t = new URL(e.originalUrl);
     return t.searchParams.set("reviewLensFeedback", e.id), t.toString();
@@ -562,10 +627,10 @@ function Wt(e) {
     return e.originalUrl;
   }
 }
-function Ve(e) {
+function Ye(e) {
   return e.replace(/_/g, " ");
 }
-const Dt = [
+const Gt = [
   "data-review-id",
   "data-testid",
   "data-test-id",
@@ -573,43 +638,43 @@ const Dt = [
   "name"
 ];
 function Q(e) {
-  const t = e.getBoundingClientRect(), n = zt(e);
+  const t = e.getBoundingClientRect(), n = qt(e);
   return {
     selector: n.selector,
     selectorStrategy: n.strategy,
-    fingerprint: Kt(e, t),
-    cssSnapshot: Jt(e, t),
+    fingerprint: Yt(e, t),
+    cssSnapshot: Xt(e, t),
     rect: t
   };
 }
-function zt(e) {
-  for (const t of Dt) {
+function qt(e) {
+  for (const t of Gt) {
     const n = e.getAttribute(t);
     if (n)
       return {
-        selector: `[${t}="${We(n)}"]`,
+        selector: `[${t}="${ze(n)}"]`,
         strategy: "stable-attribute"
       };
   }
-  return e.id ? { selector: `#${We(e.id)}`, strategy: "stable-attribute" } : { selector: Ht(e), strategy: "css-path" };
+  return e.id ? { selector: `#${ze(e.id)}`, strategy: "stable-attribute" } : { selector: Vt(e), strategy: "css-path" };
 }
-function Ht(e) {
+function Vt(e) {
   const t = [];
   let n = e;
   for (; n && n.nodeType === Node.ELEMENT_NODE && n !== document.body; ) {
-    const r = n.parentElement, s = n.tagName.toLowerCase();
+    const r = n.parentElement, o = n.tagName.toLowerCase();
     if (!r) {
-      t.unshift(s);
+      t.unshift(o);
       break;
     }
-    const c = n.tagName, h = Array.from(r.children).filter(
-      (p) => p.tagName === c
-    ), w = h.indexOf(n) + 1;
-    t.unshift(h.length > 1 ? `${s}:nth-of-type(${w})` : s), n = r;
+    const c = n.tagName, u = Array.from(r.children).filter(
+      (g) => g.tagName === c
+    ), w = u.indexOf(n) + 1;
+    t.unshift(u.length > 1 ? `${o}:nth-of-type(${w})` : o), n = r;
   }
   return t.join(" > ");
 }
-function Kt(e, t) {
+function Yt(e, t) {
   var n;
   return {
     tagName: e.tagName.toLowerCase(),
@@ -621,7 +686,7 @@ function Kt(e, t) {
     height: Math.round(t.height)
   };
 }
-function Jt(e, t) {
+function Xt(e, t) {
   const n = window.getComputedStyle(e);
   return {
     margin: ge(n.marginTop, n.marginRight, n.marginBottom, n.marginLeft),
@@ -662,11 +727,11 @@ function Jt(e, t) {
 function ge(e, t, n, r) {
   return e === t && t === n && n === r ? e : `${e} ${t} ${n} ${r}`;
 }
-function We(e) {
+function ze(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-function Ot({ className: e, title: t = "Review Lens logo" }) {
-  return /* @__PURE__ */ o(
+function Qt({ className: e, title: t = "Review Lens logo" }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
       className: e,
@@ -676,44 +741,53 @@ function Ot({ className: e, title: t = "Review Lens logo" }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ i("rect", { x: "4", y: "6", width: "28", height: "28", rx: "8", fill: "#171717" }),
+        /* @__PURE__ */ i("rect", { x: "5", y: "5", width: "30", height: "30", rx: "9", fill: "#111827" }),
         /* @__PURE__ */ i(
           "path",
           {
-            d: "M13 15.5C14.5 13.4 17.1 12 20 12C23.9 12 27.3 14.5 28.7 18C27.3 21.5 23.9 24 20 24C17.1 24 14.5 22.6 13 20.5",
-            stroke: "#FFFFFF",
-            strokeWidth: "2.2",
+            d: "M11.5 20C14.2 15.7 17.4 13.6 20 13.6C22.6 13.6 25.8 15.7 28.5 20C25.8 24.3 22.6 26.4 20 26.4C17.4 26.4 14.2 24.3 11.5 20Z",
+            stroke: "#F8FAFC",
+            strokeWidth: "2.4",
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ i("circle", { cx: "20", cy: "18", r: "3.4", fill: "#F97316" }),
         /* @__PURE__ */ i(
           "path",
           {
-            d: "M28.5 26.5L34.5 32.5",
-            stroke: "#2563EB",
-            strokeWidth: "4",
+            d: "M24.7 24.7L31.5 31.5",
+            stroke: "#22D3EE",
+            strokeWidth: "3.6",
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ i("circle", { cx: "31.8", cy: "29.8", r: "2.1", fill: "#FACC15", stroke: "#171717", strokeWidth: "1.4" })
+        /* @__PURE__ */ i("circle", { cx: "20", cy: "20", r: "4.6", fill: "#F8FAFC" }),
+        /* @__PURE__ */ i("circle", { cx: "20", cy: "20", r: "2.2", fill: "#2563EB" }),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            d: "M14.2 11.6L17 11.6M11.6 14.2L11.6 17M28.4 14.2L28.4 17",
+            stroke: "#A7F3D0",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
       ]
     }
   );
 }
-const qt = [
+const Zt = [
   { label: "Desktop", value: "desktop" },
   { label: "Tablet", value: "tablet" },
   { label: "Mobile", value: "mobile" }
-], Ge = [
+], Xe = [
   "open",
   "in_progress",
   "needs_clarification",
   "fixed",
   "wontfix",
   "resolved"
-], Ye = ["low", "medium", "high"], Xe = ["bug", "visual", "copy", "accessibility", "responsive"], oe = {
+], Qe = ["low", "medium", "high"], Ze = ["bug", "visual", "copy", "accessibility", "responsive"], se = {
   open: "Open",
   in_progress: "In progress",
   needs_clarification: "Needs clarification",
@@ -731,156 +805,156 @@ const qt = [
   accessibility: "Accessibility",
   responsive: "Responsive"
 };
-function bn({
+function Nn({
   open: e,
   onOpenChange: t,
   placement: n = "top-right",
   showResolved: r = !1,
-  syncSelectionToUrl: s = !1,
-  responsivePresets: c = qt
+  syncSelectionToUrl: o = !1,
+  responsivePresets: c = Zt
 }) {
-  var Te;
+  var Me;
   const {
-    adapter: h,
+    adapter: u,
     config: w,
-    currentUser: p,
+    currentUser: g,
     feedback: b,
-    normalizedPath: g,
-    permissions: f,
-    createFeedback: m,
-    updateFeedback: S,
-    listMessages: x,
-    createMessage: E,
+    normalizedPath: A,
+    permissions: L,
+    createFeedback: p,
+    updateFeedback: v,
+    listMessages: h,
+    createMessage: k,
     uploadAttachment: l
-  } = Tt(), [A, v] = N(), [y, C] = N(), [F, _] = N(""), [H, Ze] = N("medium"), [we, et] = N("visual"), [be, ve] = N(""), [ye, tt] = N(
-    ((Te = c[0]) == null ? void 0 : Te.value) ?? "desktop"
-  ), [k, K] = N(), [M, P] = N("review"), [nt, Se] = N(!1), [J, ke] = N("all"), [O, Ne] = N("all"), [q, Ce] = N("all"), [V, xe] = N("all"), [G, Ee] = N("all"), [it, rt] = N(!1), [at, Le] = N({}), [le, de] = N(""), te = re(null), Fe = re(e), ce = re(
-    s ? new URL(window.location.href).searchParams.get("reviewLensFeedback") : null
-  ), $ = !!p, T = f.includes("create"), Ae = f.includes("reply"), Re = f.includes("update"), st = f.includes("assign"), j = A ?? y, ot = !!y, lt = !!(w.captureScreenshot && (w.uploadAttachment || h.uploadAttachment)), dt = se(() => {
-    const a = b.map((u) => u.assigneeEmail).filter((u) => !!u);
-    return p != null && p.email && a.push(p.email), Array.from(new Set(a)).sort((u, d) => u.localeCompare(d));
-  }, [p == null ? void 0 : p.email, b]), R = se(
-    () => b.filter((a) => r || a.status !== "resolved").filter((a) => J === "all" || a.status === J).filter((a) => O === "all" || a.severity === O).filter((a) => q === "all" || a.category === q).filter((a) => V === "all" || a.assigneeEmail === V).filter((a) => G === "all" || a.viewportPreset === G),
+  } = Dt(), [C, f] = x(), [y, N] = x(), [F, M] = x(""), [j, tt] = x("medium"), [we, nt] = x("visual"), [ve, be] = x(""), [ye, it] = x(
+    ((Me = c[0]) == null ? void 0 : Me.value) ?? "desktop"
+  ), [S, K] = x(), [T, _] = x("review"), [rt, ke] = x(!1), [J, Se] = x("all"), [O, xe] = x("all"), [G, Ne] = x("all"), [q, Ce] = x("all"), [V, Ee] = x("all"), [at, ot] = x(!1), [st, Le] = x({}), [le, ce] = x(""), te = re(null), Ae = re(e), de = re(
+    o ? new URL(window.location.href).searchParams.get("reviewLensFeedback") : null
+  ), $ = !!g, B = L.includes("create"), Fe = L.includes("reply"), Re = L.includes("update"), lt = L.includes("assign"), U = C ?? y, ct = !!y, dt = !!(w.captureScreenshot && (w.uploadAttachment || u.uploadAttachment)), ht = oe(() => {
+    const a = b.map((m) => m.assigneeEmail).filter((m) => !!m);
+    return g != null && g.email && a.push(g.email), Array.from(new Set(a)).sort((m, d) => m.localeCompare(d));
+  }, [g == null ? void 0 : g.email, b]), R = oe(
+    () => b.filter((a) => r || a.status !== "resolved").filter((a) => J === "all" || a.status === J).filter((a) => O === "all" || a.severity === O).filter((a) => G === "all" || a.category === G).filter((a) => q === "all" || a.assigneeEmail === q).filter((a) => V === "all" || a.viewportPreset === V),
     [
-      V,
       q,
+      G,
       b,
       O,
       r,
       J,
-      G
+      V
     ]
-  ), ct = [
+  ), ut = [
     J,
     O,
+    G,
     q,
-    V,
-    G
+    V
   ].filter((a) => a !== "all").length;
-  B(() => {
+  P(() => {
     if (e) {
-      Fe.current = !0;
+      Ae.current = !0;
       return;
     }
-    if (v(void 0), C(void 0), _(""), de(""), P("review"), s && Fe.current) {
+    if (f(void 0), N(void 0), M(""), ce(""), _("review"), o && Ae.current) {
       const a = new URL(window.location.href);
       a.searchParams.has("reviewLensFeedback") && (a.searchParams.delete("reviewLensFeedback"), window.history.replaceState({}, "", a));
     }
-  }, [e, s]), B(() => {
-    $ || (v(void 0), C(void 0));
-  }, [$]), B(() => {
-    !y || M !== "review" || window.requestAnimationFrame(() => {
-      var a, u, d;
-      (u = (a = te.current) == null ? void 0 : a.scrollIntoView) == null || u.call(a, { block: "nearest" }), (d = te.current) == null || d.focus();
+  }, [e, o]), P(() => {
+    $ || (f(void 0), N(void 0));
+  }, [$]), P(() => {
+    !y || T !== "review" || window.requestAnimationFrame(() => {
+      var a, m, d;
+      (m = (a = te.current) == null ? void 0 : a.scrollIntoView) == null || m.call(a, { block: "nearest" }), (d = te.current) == null || d.focus();
     });
-  }, [y, M]), B(() => {
-    if (!k)
+  }, [y, T]), P(() => {
+    if (!S)
       return;
     let a = !0;
-    return x(k.id).then((u) => {
-      a && Le((d) => ({ ...d, [k.id]: u }));
+    return h(S.id).then((m) => {
+      a && Le((d) => ({ ...d, [S.id]: m }));
     }), () => {
       a = !1;
     };
-  }, [x, k]), B(() => {
-    if (!s || !ce.current || b.length === 0)
+  }, [h, S]), P(() => {
+    if (!o || !de.current || b.length === 0)
       return;
-    const a = b.find((u) => u.id === ce.current);
-    a && (ce.current = null, t == null || t(!0), D(a, { syncUrl: !1 }));
-  }, [b, s]), B(() => {
-    if (!e || !s || k || b.length === 0)
+    const a = b.find((m) => m.id === de.current);
+    a && (de.current = null, t == null || t(!0), z(a, { syncUrl: !1 }));
+  }, [b, o]), P(() => {
+    if (!e || !o || S || b.length === 0)
       return;
-    const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), u = b.find((d) => d.id === a);
-    u && D(u, { syncUrl: !1 });
-  }, [b, e, k, s]), B(() => {
+    const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), m = b.find((d) => d.id === a);
+    m && z(m, { syncUrl: !1 });
+  }, [b, e, S, o]), P(() => {
     if (!e)
       return;
     function a(d) {
-      var L;
-      if (d.key === "Shift" && Se(!0), d.key === "Escape") {
+      var E;
+      if (d.key === "Shift" && ke(!0), d.key === "Escape") {
         d.preventDefault(), t == null || t(!1);
         return;
       }
-      hn(d.target) || ((d.key === "n" || d.key === "ArrowDown") && (d.preventDefault(), Ie(1)), (d.key === "p" || d.key === "ArrowUp") && (d.preventDefault(), Ie(-1)), d.key === "c" && (d.preventDefault(), P("review"), (L = te.current) == null || L.focus()), d.key === "f" && k && Re && (d.preventDefault(), $e(k)));
+      wn(d.target) || ((d.key === "n" || d.key === "ArrowDown") && (d.preventDefault(), Ie(1)), (d.key === "p" || d.key === "ArrowUp") && (d.preventDefault(), Ie(-1)), d.key === "c" && (d.preventDefault(), _("review"), (E = te.current) == null || E.focus()), d.key === "f" && S && Re && (d.preventDefault(), $e(S)));
     }
-    function u(d) {
-      d.key === "Shift" && Se(!1);
+    function m(d) {
+      d.key === "Shift" && ke(!1);
     }
-    return window.addEventListener("keydown", a), window.addEventListener("keyup", u), () => {
-      window.removeEventListener("keydown", a), window.removeEventListener("keyup", u);
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
     };
   });
   const he = W((a) => {
-    const u = a.target instanceof Element ? a.target : null;
-    if (u)
-      return u.closest("[data-review-lens-ui]") ? null : u;
+    const m = a.target instanceof Element ? a.target : null;
+    if (m)
+      return m.closest("[data-review-lens-ui]") ? null : m;
     const d = document.elementFromPoint(a.clientX, a.clientY);
     return !d || d.closest("[data-review-lens-ui]") ? null : d;
   }, []);
-  if (B(() => {
+  if (P(() => {
     if (!e || !$)
       return;
     function a(d) {
-      const L = he(d);
-      v(L ? Q(L) : void 0);
+      const E = he(d);
+      f(E ? Q(E) : void 0);
     }
-    function u(d) {
-      const L = he(d);
-      L && (d.preventDefault(), d.stopPropagation(), C(Q(L)), P("review"));
+    function m(d) {
+      const E = he(d);
+      E && (d.preventDefault(), d.stopPropagation(), N(Q(E)), _("review"));
     }
-    return window.addEventListener("mousemove", a, !0), window.addEventListener("click", u, !0), () => {
-      window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", u, !0);
+    return window.addEventListener("mousemove", a, !0), window.addEventListener("click", m, !0), () => {
+      window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", m, !0);
     };
   }, [$, he, e]), !e)
     return null;
-  function D(a, u = { syncUrl: !0 }) {
-    var L;
-    if (K(a), C(void 0), P("feedback"), s && u.syncUrl !== !1) {
+  function z(a, m = { syncUrl: !0 }) {
+    var E;
+    if (K(a), N(void 0), _("feedback"), o && m.syncUrl !== !1) {
       const ne = new URL(window.location.href);
       ne.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", ne);
     }
-    const d = z(a.selector);
+    const d = H(a.selector);
     if (!d) {
-      v(void 0);
+      f(void 0);
       return;
     }
-    (L = d.scrollIntoView) == null || L.call(d, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
-      v(Q(d));
+    (E = d.scrollIntoView) == null || E.call(d, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
+      f(Q(d));
     });
   }
   function Ie(a) {
     if (R.length === 0)
       return;
-    const u = k ? R.findIndex((L) => L.id === k.id) : -1, d = u < 0 ? a > 0 ? 0 : R.length - 1 : (u + a + R.length) % R.length;
-    D(R[d]);
+    const m = S ? R.findIndex((E) => E.id === S.id) : -1, d = m < 0 ? a > 0 ? 0 : R.length - 1 : (m + a + R.length) % R.length;
+    z(R[d]);
   }
-  async function Me() {
-    if (!y || !F.trim() || !p || !T)
+  async function Te() {
+    if (!y || !F.trim() || !g || !B)
       return;
-    let a = await m({
+    let a = await p({
       projectKey: w.projectKey,
       contentId: w.contentId,
-      normalizedPath: g,
+      normalizedPath: A,
       originalUrl: w.currentUrl ?? window.location.href,
       selector: y.selector,
       selectorStrategy: y.selectorStrategy,
@@ -888,115 +962,115 @@ function bn({
       createdCssSnapshot: y.cssSnapshot,
       comment: F.trim(),
       status: "open",
-      severity: H,
+      severity: j,
       category: we,
-      assigneeEmail: be.trim() || void 0,
+      assigneeEmail: ve.trim() || void 0,
       viewportWidth: window.innerWidth,
       viewportHeight: window.innerHeight,
       viewportPreset: ye,
       screenshotUrl: void 0,
       screenshotThumbnailUrl: void 0,
-      authorEmail: p.email
+      authorEmail: g.email
     });
     if (w.captureScreenshot)
       try {
-        const u = await w.captureScreenshot(y), d = await l(a.id, {
+        const m = await w.captureScreenshot(y), d = await l(a.id, {
           type: "screenshot",
-          data: u,
-          createdBy: p.email
+          data: m,
+          createdBy: g.email
         });
-        a = await S(a.id, {
+        a = await v(a.id, {
           attachments: [d],
           screenshotUrl: d.url,
           screenshotThumbnailUrl: d.thumbnailUrl
         });
       } catch {
       }
-    if (_(""), ve(""), C(void 0), v(void 0), P("feedback"), K(a), s) {
-      const u = new URL(window.location.href);
-      u.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", u);
+    if (M(""), be(""), N(void 0), f(void 0), _("feedback"), K(a), o) {
+      const m = new URL(window.location.href);
+      m.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", m);
     }
   }
-  async function ht(a, u) {
-    const d = (/* @__PURE__ */ new Date()).toISOString(), L = u === "resolved" ? { status: u, resolvedAt: d, resolvedBy: p == null ? void 0 : p.email } : { status: u }, ne = await S(a.id, L);
+  async function mt(a, m) {
+    const d = (/* @__PURE__ */ new Date()).toISOString(), E = m === "resolved" ? { status: m, resolvedAt: d, resolvedBy: g == null ? void 0 : g.email } : { status: m }, ne = await v(a.id, E);
     K(ne);
   }
   async function $e(a) {
-    const u = z(a.selector);
-    if (!u || !p)
+    const m = H(a.selector);
+    if (!m || !g)
       return;
-    const d = Q(u), L = await S(a.id, {
+    const d = Q(m), E = await v(a.id, {
       status: "fixed",
       fixedCssSnapshot: d.cssSnapshot,
       fixedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      fixedBy: p.email
+      fixedBy: g.email
     });
-    K(L);
+    K(E);
   }
-  async function ut(a) {
-    if (!le.trim() || !p || !Ae)
+  async function pt(a) {
+    if (!le.trim() || !g || !Fe)
       return;
-    const u = await E({
+    const m = await k({
       feedbackId: a.id,
       body: le.trim(),
-      authorEmail: p.email
+      authorEmail: g.email
     });
     Le((d) => ({
       ...d,
-      [a.id]: [...d[a.id] ?? [], u]
-    })), de("");
+      [a.id]: [...d[a.id] ?? [], m]
+    })), ce("");
   }
-  return /* @__PURE__ */ o("div", { className: "review-lens-root", "data-review-lens-ui": !0, children: [
-    $ && j ? /* @__PURE__ */ i(Zt, { target: j, locked: !!y }) : null,
-    $ && y && A && nt ? /* @__PURE__ */ i(en, { from: y, to: A }) : null,
-    $ ? /* @__PURE__ */ o(ae, { children: [
+  return /* @__PURE__ */ s("div", { className: "review-lens-root", "data-review-lens-ui": !0, children: [
+    $ && U ? /* @__PURE__ */ i(on, { target: U, locked: !!y }) : null,
+    $ && y && C && rt ? /* @__PURE__ */ i(sn, { from: y, to: C }) : null,
+    $ ? /* @__PURE__ */ s(ae, { children: [
       /* @__PURE__ */ i(
-        tn,
+        ln,
         {
           feedback: R,
-          selectedFeedback: k,
-          onSelect: D
+          selectedFeedback: S,
+          onSelect: z
         }
       ),
       /* @__PURE__ */ i(
-        rn,
+        dn,
         {
           feedback: R,
-          selectedFeedback: k,
-          onSelect: D
+          selectedFeedback: S,
+          onSelect: z
         }
       )
     ] }) : null,
-    /* @__PURE__ */ o("aside", { className: `review-lens-panel review-lens-panel--${n}`, "data-review-lens-ui": !0, children: [
-      /* @__PURE__ */ o("header", { className: "review-lens-panel__header", children: [
-        /* @__PURE__ */ o("div", { className: "review-lens-brand", children: [
-          /* @__PURE__ */ i(Ot, { className: "review-lens-brand__mark" }),
-          /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ s("aside", { className: `review-lens-panel review-lens-panel--${n}`, "data-review-lens-ui": !0, children: [
+      /* @__PURE__ */ s("header", { className: "review-lens-panel__header", children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-brand", children: [
+          /* @__PURE__ */ i(Qt, { className: "review-lens-brand__mark" }),
+          /* @__PURE__ */ s("div", { children: [
             /* @__PURE__ */ i("p", { className: "review-lens-kicker", children: "Review Lens" }),
-            /* @__PURE__ */ i("h2", { children: M === "summary" ? "Summary" : M === "feedback" ? "Feedback" : y ? "Element locked" : "Inspecting" })
+            /* @__PURE__ */ i("h2", { children: T === "summary" ? "Summary" : T === "feedback" ? "Feedback" : y ? "Element locked" : "Inspecting" })
           ] })
         ] }),
         /* @__PURE__ */ i("button", { type: "button", onClick: () => t == null ? void 0 : t(!1), children: "Close" })
       ] }),
-      /* @__PURE__ */ o("div", { className: "review-lens-panel__body", children: [
-        /* @__PURE__ */ o("div", { className: "review-lens-mode-switch", role: "tablist", "aria-label": "Review Lens mode", children: [
+      /* @__PURE__ */ s("div", { className: "review-lens-panel__body", children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-mode-switch", role: "tablist", "aria-label": "Review Lens mode", children: [
           /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "review",
-              onClick: () => P("review"),
+              "aria-selected": T === "review",
+              onClick: () => _("review"),
               children: "Review"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "feedback",
-              onClick: () => P("feedback"),
+              "aria-selected": T === "feedback",
+              onClick: () => _("feedback"),
               children: [
                 "Feedback ",
                 /* @__PURE__ */ i("span", { children: R.length })
@@ -1008,34 +1082,34 @@ function bn({
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "summary",
-              onClick: () => P("summary"),
+              "aria-selected": T === "summary",
+              onClick: () => _("summary"),
               children: "Summary"
             }
           )
         ] }),
-        M === "review" ? /* @__PURE__ */ o("div", { className: "review-lens-review-pane", role: "tabpanel", children: [
-          /* @__PURE__ */ o("div", { className: "review-lens-inspection", children: [
+        T === "review" ? /* @__PURE__ */ s("div", { className: "review-lens-review-pane", role: "tabpanel", children: [
+          /* @__PURE__ */ s("div", { className: "review-lens-inspection", children: [
             $ ? null : /* @__PURE__ */ i("p", { children: "Authenticate with Google to inspect this page." }),
-            $ && j ? /* @__PURE__ */ o(ae, { children: [
-              /* @__PURE__ */ i(an, { target: j }),
-              /* @__PURE__ */ i(De, { title: "Accessibility", items: sn(j) }),
+            $ && U ? /* @__PURE__ */ s(ae, { children: [
+              /* @__PURE__ */ i(hn, { target: U }),
+              /* @__PURE__ */ i(He, { title: "Accessibility", items: un(U) }),
               /* @__PURE__ */ i(
-                De,
+                He,
                 {
                   title: "Design tokens",
-                  items: on(j.cssSnapshot, w.designTokens)
+                  items: mn(U.cssSnapshot, w.designTokens)
                 }
               )
             ] }) : null,
-            $ && !j ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
+            $ && !U ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
           ] }),
-          ot ? /* @__PURE__ */ i("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ o(
+          ct ? /* @__PURE__ */ i("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ s(
             "form",
             {
               className: "review-lens-feedback-form",
               onSubmit: (a) => {
-                a.preventDefault(), Me();
+                a.preventDefault(), Te();
               },
               children: [
                 /* @__PURE__ */ i("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
@@ -1045,181 +1119,181 @@ function bn({
                     ref: te,
                     id: "review-lens-comment",
                     value: F,
-                    disabled: !T,
-                    onChange: (a) => _(a.target.value),
+                    disabled: !B,
+                    onChange: (a) => M(a.target.value),
                     onKeyDown: (a) => {
-                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Me());
+                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Te());
                     },
-                    placeholder: T ? "Describe the UX issue..." : "You do not have permission to comment."
+                    placeholder: B ? "Describe the UX issue..." : "You do not have permission to comment."
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "review-lens-form-grid", children: [
-                  /* @__PURE__ */ o("label", { children: [
+                /* @__PURE__ */ s("div", { className: "review-lens-form-grid", children: [
+                  /* @__PURE__ */ s("label", { children: [
                     "Severity",
                     /* @__PURE__ */ i(
                       "select",
                       {
-                        value: H,
-                        onChange: (a) => Ze(a.target.value),
-                        disabled: !T,
-                        children: Ye.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
+                        value: j,
+                        onChange: (a) => tt(a.target.value),
+                        disabled: !B,
+                        children: Qe.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o("label", { children: [
+                  /* @__PURE__ */ s("label", { children: [
                     "Type",
                     /* @__PURE__ */ i(
                       "select",
                       {
                         value: we,
-                        onChange: (a) => et(a.target.value),
-                        disabled: !T,
-                        children: Xe.map((a) => /* @__PURE__ */ i("option", { value: a, children: ee[a] }, a))
+                        onChange: (a) => nt(a.target.value),
+                        disabled: !B,
+                        children: Ze.map((a) => /* @__PURE__ */ i("option", { value: a, children: ee[a] }, a))
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o("label", { children: [
+                  /* @__PURE__ */ s("label", { children: [
                     "Assignee",
                     /* @__PURE__ */ i(
                       "input",
                       {
-                        value: be,
-                        onChange: (a) => ve(a.target.value),
-                        disabled: !T,
+                        value: ve,
+                        onChange: (a) => be(a.target.value),
+                        disabled: !B,
                         placeholder: "optional@email.com"
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o("label", { children: [
+                  /* @__PURE__ */ s("label", { children: [
                     "Viewport",
                     /* @__PURE__ */ i(
                       "select",
                       {
                         value: ye,
-                        onChange: (a) => tt(a.target.value),
-                        disabled: !T,
+                        onChange: (a) => it(a.target.value),
+                        disabled: !B,
                         children: c.map((a) => /* @__PURE__ */ i("option", { value: a.value, children: a.label }, a.value))
                       }
                     )
                   ] })
                 ] }),
-                T ? /* @__PURE__ */ o("p", { className: "review-lens-feedback-form__hint", children: [
+                B ? /* @__PURE__ */ s("p", { className: "review-lens-feedback-form__hint", children: [
                   "Press ",
                   /* @__PURE__ */ i("kbd", { children: "Command" }),
                   " + ",
                   /* @__PURE__ */ i("kbd", { children: "Enter" }),
                   " to submit.",
-                  lt ? " Screenshot capture runs after save." : ""
+                  dt ? " Screenshot capture runs after save." : ""
                 ] }) : null,
-                /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "submit", disabled: !F.trim() || !T, children: "Save feedback" }) })
+                /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "submit", disabled: !F.trim() || !B, children: "Save feedback" }) })
               ]
             }
           ) }) : null
         ] }) : null,
-        M === "feedback" ? /* @__PURE__ */ o("div", { className: "review-lens-comments", children: [
+        T === "feedback" ? /* @__PURE__ */ s("div", { className: "review-lens-comments", children: [
           /* @__PURE__ */ i(
-            Vt,
+            en,
             {
-              open: it,
-              activeCount: ct,
+              open: at,
+              activeCount: ut,
               statusFilter: J,
               severityFilter: O,
-              categoryFilter: q,
-              assigneeFilter: V,
-              viewportFilter: G,
-              assignees: dt,
+              categoryFilter: G,
+              assigneeFilter: q,
+              viewportFilter: V,
+              assignees: ht,
               responsivePresets: c,
-              onStatusChange: ke,
-              onSeverityChange: Ne,
-              onCategoryChange: Ce,
-              onAssigneeChange: xe,
+              onStatusChange: Se,
+              onSeverityChange: xe,
+              onCategoryChange: Ne,
+              onAssigneeChange: Ce,
               onViewportChange: Ee,
-              onToggle: () => rt((a) => !a),
+              onToggle: () => ot((a) => !a),
               onClear: () => {
-                ke("all"), Ne("all"), Ce("all"), xe("all"), Ee("all");
+                Se("all"), xe("all"), Ne("all"), Ce("all"), Ee("all");
               }
             }
           ),
-          /* @__PURE__ */ o("div", { className: "review-lens-list-panel", children: [
-            /* @__PURE__ */ o("div", { className: "review-lens-comments__header", children: [
+          /* @__PURE__ */ s("div", { className: "review-lens-list-panel", children: [
+            /* @__PURE__ */ s("div", { className: "review-lens-comments__header", children: [
               /* @__PURE__ */ i("h3", { children: "All feedback" }),
               /* @__PURE__ */ i("span", { children: R.length })
             ] }),
-            /* @__PURE__ */ o("div", { className: "review-lens-comments__list", children: [
+            /* @__PURE__ */ s("div", { className: "review-lens-comments__list", children: [
               R.length === 0 ? /* @__PURE__ */ i("p", { children: "No feedback for this view." }) : null,
               R.map((a) => /* @__PURE__ */ i(
-                Gt,
+                tn,
                 {
                   item: a,
-                  selected: (k == null ? void 0 : k.id) === a.id,
-                  onSelect: D
+                  selected: (S == null ? void 0 : S.id) === a.id,
+                  onSelect: z
                 },
                 a.id
               ))
             ] })
           ] }),
-          k ? /* @__PURE__ */ o("div", { className: "review-lens-selected-panel", children: [
+          S ? /* @__PURE__ */ s("div", { className: "review-lens-selected-panel", children: [
             /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
             /* @__PURE__ */ i(
-              Yt,
+              nn,
               {
-                item: k,
-                messages: at[k.id] ?? [],
+                item: S,
+                messages: st[S.id] ?? [],
                 messageDraft: le,
-                canReply: Ae,
+                canReply: Fe,
                 canUpdate: Re,
-                canAssign: st,
-                syncSelectionToUrl: s,
-                onMessageDraftChange: de,
-                onSubmitMessage: () => void ut(k),
-                onStatusChange: (a) => void ht(k, a),
-                onAssigneeChange: (a) => void S(k.id, {
+                canAssign: lt,
+                syncSelectionToUrl: o,
+                onMessageDraftChange: ce,
+                onSubmitMessage: () => void pt(S),
+                onStatusChange: (a) => void mt(S, a),
+                onAssigneeChange: (a) => void v(S.id, {
                   assigneeEmail: a.trim() || void 0
                 }).then(K),
-                onMarkFixed: () => void $e(k)
+                onMarkFixed: () => void $e(S)
               },
-              k.id
+              S.id
             )
-          ] }) : /* @__PURE__ */ o("div", { className: "review-lens-selected-panel review-lens-selected-panel--empty", children: [
+          ] }) : /* @__PURE__ */ s("div", { className: "review-lens-selected-panel review-lens-selected-panel--empty", children: [
             /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
             /* @__PURE__ */ i("p", { children: "Select a feedback item above to review status, assignment, drift, and replies." })
           ] })
         ] }) : null,
-        M === "summary" ? /* @__PURE__ */ i(Qt, { feedback: b }) : null
+        T === "summary" ? /* @__PURE__ */ i(an, { feedback: b }) : null
       ] })
     ] })
   ] });
 }
-function Vt({
+function en({
   open: e,
   activeCount: t,
   statusFilter: n,
   severityFilter: r,
-  categoryFilter: s,
+  categoryFilter: o,
   assigneeFilter: c,
-  viewportFilter: h,
+  viewportFilter: u,
   assignees: w,
-  responsivePresets: p,
+  responsivePresets: g,
   onStatusChange: b,
-  onSeverityChange: g,
-  onCategoryChange: f,
-  onAssigneeChange: m,
-  onViewportChange: S,
-  onToggle: x,
-  onClear: E
+  onSeverityChange: A,
+  onCategoryChange: L,
+  onAssigneeChange: p,
+  onViewportChange: v,
+  onToggle: h,
+  onClear: k
 }) {
-  return /* @__PURE__ */ o("div", { className: "review-lens-filter-shell", children: [
-    /* @__PURE__ */ o("div", { className: "review-lens-filter-bar", children: [
-      /* @__PURE__ */ o("button", { type: "button", "aria-expanded": e, onClick: x, children: [
+  return /* @__PURE__ */ s("div", { className: "review-lens-filter-shell", children: [
+    /* @__PURE__ */ s("div", { className: "review-lens-filter-bar", children: [
+      /* @__PURE__ */ s("button", { type: "button", "aria-expanded": e, onClick: h, children: [
         "Filters",
         t > 0 ? /* @__PURE__ */ i("span", { children: t }) : null
       ] }),
-      t > 0 ? /* @__PURE__ */ i("button", { type: "button", onClick: E, children: "Clear" }) : null
+      t > 0 ? /* @__PURE__ */ i("button", { type: "button", onClick: k, children: "Clear" }) : null
     ] }),
-    e ? /* @__PURE__ */ o("div", { className: "review-lens-filters", children: [
-      /* @__PURE__ */ o("label", { children: [
+    e ? /* @__PURE__ */ s("div", { className: "review-lens-filters", children: [
+      /* @__PURE__ */ s("label", { children: [
         "Status",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter status",
@@ -1227,49 +1301,49 @@ function Vt({
             onChange: (l) => b(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All statuses" }),
-              Ge.map((l) => /* @__PURE__ */ i("option", { value: l, children: oe[l] }, l))
+              Xe.map((l) => /* @__PURE__ */ i("option", { value: l, children: se[l] }, l))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Priority",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter severity",
             value: r,
-            onChange: (l) => g(l.target.value),
+            onChange: (l) => A(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All priorities" }),
-              Ye.map((l) => /* @__PURE__ */ i("option", { value: l, children: Z[l] }, l))
+              Qe.map((l) => /* @__PURE__ */ i("option", { value: l, children: Z[l] }, l))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Type",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter type",
-            value: s,
-            onChange: (l) => f(l.target.value),
+            value: o,
+            onChange: (l) => L(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All types" }),
-              Xe.map((l) => /* @__PURE__ */ i("option", { value: l, children: ee[l] }, l))
+              Ze.map((l) => /* @__PURE__ */ i("option", { value: l, children: ee[l] }, l))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Assignee",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter assignee",
             value: c,
-            onChange: (l) => m(l.target.value),
+            onChange: (l) => p(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All assignees" }),
               w.map((l) => /* @__PURE__ */ i("option", { value: l, children: l }, l))
@@ -1277,17 +1351,17 @@ function Vt({
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Viewport",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter viewport",
-            value: h,
-            onChange: (l) => S(l.target.value),
+            value: u,
+            onChange: (l) => v(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All viewports" }),
-              p.map((l) => /* @__PURE__ */ i("option", { value: l.value, children: l.label }, l.value))
+              g.map((l) => /* @__PURE__ */ i("option", { value: l.value, children: l.label }, l.value))
             ]
           }
         )
@@ -1295,13 +1369,13 @@ function Vt({
     ] }) : null
   ] });
 }
-function Gt({
+function tn({
   item: e,
   selected: t,
   onSelect: n
 }) {
-  const r = Qe(e);
-  return /* @__PURE__ */ o(
+  const r = et(e);
+  return /* @__PURE__ */ s(
     "article",
     {
       tabIndex: 0,
@@ -1311,22 +1385,22 @@ function Gt({
         t ? "review-lens-comment--selected" : ""
       ].filter(Boolean).join(" "),
       onClick: () => n(e),
-      onKeyDown: (s) => {
-        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), n(e));
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), n(e));
       },
       children: [
-        /* @__PURE__ */ o("div", { className: "review-lens-comment__header", children: [
-          /* @__PURE__ */ i("span", { children: oe[e.status] }),
+        /* @__PURE__ */ s("div", { className: "review-lens-comment__header", children: [
+          /* @__PURE__ */ i("span", { children: se[e.status] }),
           /* @__PURE__ */ i("strong", { children: Z[e.severity] })
         ] }),
-        /* @__PURE__ */ o("div", { className: "review-lens-comment__content", children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-comment__content", children: [
           /* @__PURE__ */ i("p", { children: e.comment }),
-          /* @__PURE__ */ o("span", { children: [
+          /* @__PURE__ */ s("span", { children: [
             e.authorEmail,
             e.assigneeEmail ? ` -> ${e.assigneeEmail}` : ""
           ] })
         ] }),
-        /* @__PURE__ */ o("div", { className: "review-lens-tags", children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-tags", children: [
           /* @__PURE__ */ i("span", { children: ee[e.category] }),
           /* @__PURE__ */ i("span", { children: e.viewportPreset }),
           /* @__PURE__ */ i("span", { children: r.label })
@@ -1335,96 +1409,96 @@ function Gt({
     }
   );
 }
-function Yt({
+function nn({
   item: e,
   messages: t,
   messageDraft: n,
   canReply: r,
-  canUpdate: s,
+  canUpdate: o,
   canAssign: c,
-  syncSelectionToUrl: h,
+  syncSelectionToUrl: u,
   onMessageDraftChange: w,
-  onSubmitMessage: p,
+  onSubmitMessage: g,
   onStatusChange: b,
-  onAssigneeChange: g,
-  onMarkFixed: f
+  onAssigneeChange: A,
+  onMarkFixed: L
 }) {
-  const [m, S] = N(!1), x = Qe(e);
-  function E() {
+  const [p, v] = x(!1), h = et(e);
+  function k() {
     const l = new URL(window.location.href);
-    l.searchParams.set("reviewLensFeedback", e.id), Xt(l.toString()).then((A) => {
-      A && (S(!0), setTimeout(() => S(!1), 2e3));
+    l.searchParams.set("reviewLensFeedback", e.id), rn(l.toString()).then((C) => {
+      C && (v(!0), setTimeout(() => v(!1), 2e3));
     });
   }
-  return /* @__PURE__ */ o("section", { className: "review-lens-detail", "aria-label": "Selected feedback detail", children: [
-    /* @__PURE__ */ o("div", { className: "review-lens-detail__header", children: [
-      /* @__PURE__ */ o("h3", { children: [
+  return /* @__PURE__ */ s("section", { className: "review-lens-detail", "aria-label": "Selected feedback detail", children: [
+    /* @__PURE__ */ s("div", { className: "review-lens-detail__header", children: [
+      /* @__PURE__ */ s("h3", { children: [
         ee[e.category],
         " feedback"
       ] }),
-      /* @__PURE__ */ o("div", { className: "review-lens-detail__header-actions", children: [
-        h ? /* @__PURE__ */ i(
+      /* @__PURE__ */ s("div", { className: "review-lens-detail__header-actions", children: [
+        u ? /* @__PURE__ */ i(
           "button",
           {
             type: "button",
             className: "review-lens-copy-link",
-            onClick: E,
+            onClick: k,
             "aria-label": "Copy link to this feedback",
-            children: m ? "Copied!" : "Copy link"
+            children: p ? "Copied!" : "Copy link"
           }
         ) : null,
         /* @__PURE__ */ i("strong", { children: Z[e.severity] })
       ] })
     ] }),
     /* @__PURE__ */ i("blockquote", { children: e.comment }),
-    /* @__PURE__ */ o("dl", { className: "review-lens-detail-meta", children: [
-      /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ s("dl", { className: "review-lens-detail-meta", children: [
+      /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ i("dt", { children: "Target" }),
-        /* @__PURE__ */ i("dd", { children: x.label })
+        /* @__PURE__ */ i("dd", { children: h.label })
       ] }),
-      /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ i("dt", { children: "Viewport" }),
         /* @__PURE__ */ i("dd", { children: e.viewportPreset })
       ] }),
-      e.screenshotUrl ? /* @__PURE__ */ o("div", { children: [
+      e.screenshotUrl ? /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ i("dt", { children: "Evidence" }),
         /* @__PURE__ */ i("dd", { children: /* @__PURE__ */ i("a", { href: e.screenshotUrl, target: "_blank", rel: "noreferrer", children: "Screenshot" }) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ o("div", { className: "review-lens-form-grid", children: [
-      /* @__PURE__ */ o("label", { children: [
+    /* @__PURE__ */ s("div", { className: "review-lens-form-grid", children: [
+      /* @__PURE__ */ s("label", { children: [
         "Status",
         /* @__PURE__ */ i(
           "select",
           {
             value: e.status,
-            disabled: !s,
+            disabled: !o,
             onChange: (l) => b(l.target.value),
-            children: Ge.map((l) => /* @__PURE__ */ i("option", { value: l, children: oe[l] }, l))
+            children: Xe.map((l) => /* @__PURE__ */ i("option", { value: l, children: se[l] }, l))
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Assignee",
         /* @__PURE__ */ i(
           "input",
           {
             defaultValue: e.assigneeEmail ?? "",
             disabled: !c,
-            onBlur: (l) => g(l.target.value),
+            onBlur: (l) => A(l.target.value),
             placeholder: "optional@email.com"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "review-lens-status-actions", children: [
+    /* @__PURE__ */ s("div", { className: "review-lens-status-actions", children: [
       /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           className: "review-lens-button-secondary",
-          disabled: !s,
-          onClick: f,
+          disabled: !o,
+          onClick: L,
           children: "Mark fixed"
         }
       ),
@@ -1433,19 +1507,19 @@ function Yt({
         {
           type: "button",
           className: "review-lens-button-primary",
-          disabled: !s,
+          disabled: !o,
           onClick: () => b("resolved"),
           children: "Resolve"
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "review-lens-thread", children: [
-      /* @__PURE__ */ o("div", { className: "review-lens-thread__header", children: [
+    /* @__PURE__ */ s("div", { className: "review-lens-thread", children: [
+      /* @__PURE__ */ s("div", { className: "review-lens-thread__header", children: [
         /* @__PURE__ */ i("h3", { children: "Thread" }),
         /* @__PURE__ */ i("span", { children: t.length })
       ] }),
       t.length === 0 ? /* @__PURE__ */ i("p", { children: "No replies yet." }) : null,
-      t.map((l) => /* @__PURE__ */ o("div", { className: "review-lens-thread__message", children: [
+      t.map((l) => /* @__PURE__ */ s("div", { className: "review-lens-thread__message", children: [
         /* @__PURE__ */ i("p", { children: l.body }),
         /* @__PURE__ */ i("span", { children: l.authorEmail })
       ] }, l.id)),
@@ -1459,11 +1533,11 @@ function Yt({
           placeholder: r ? "Reply..." : "You do not have permission to reply."
         }
       ),
-      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: p, children: "Reply" }) })
+      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: g, children: "Reply" }) })
     ] })
   ] });
 }
-async function Xt(e) {
+async function rn(e) {
   var n;
   if ((n = navigator.clipboard) != null && n.writeText)
     return await navigator.clipboard.writeText(e), !0;
@@ -1475,9 +1549,9 @@ async function Xt(e) {
     t.remove();
   }
 }
-function Qt({ feedback: e }) {
-  return /* @__PURE__ */ o("div", { className: "review-lens-summary", role: "tabpanel", children: [
-    /* @__PURE__ */ i(Y, { title: "Status", values: X(e, (t) => oe[t.status]) }),
+function an({ feedback: e }) {
+  return /* @__PURE__ */ s("div", { className: "review-lens-summary", role: "tabpanel", children: [
+    /* @__PURE__ */ i(Y, { title: "Status", values: X(e, (t) => se[t.status]) }),
     /* @__PURE__ */ i(Y, { title: "Severity", values: X(e, (t) => Z[t.severity]) }),
     /* @__PURE__ */ i(Y, { title: "Type", values: X(e, (t) => ee[t.category]) }),
     /* @__PURE__ */ i(Y, { title: "Assignee", values: X(e, (t) => t.assigneeEmail ?? "Unassigned") }),
@@ -1485,17 +1559,17 @@ function Qt({ feedback: e }) {
   ] });
 }
 function Y({ title: e, values: t }) {
-  return /* @__PURE__ */ o("section", { children: [
+  return /* @__PURE__ */ s("section", { children: [
     /* @__PURE__ */ i("h3", { children: e }),
-    /* @__PURE__ */ i("dl", { children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ i("dl", { children: t.map(([n, r]) => /* @__PURE__ */ s("div", { children: [
       /* @__PURE__ */ i("dt", { children: n }),
       /* @__PURE__ */ i("dd", { children: r })
     ] }, n)) })
   ] });
 }
-function Zt({ target: e, locked: t }) {
-  const n = pn(e), r = dn(e.fingerprint);
-  return /* @__PURE__ */ o(
+function on({ target: e, locked: t }) {
+  const n = yn(e), r = gn(e.fingerprint);
+  return /* @__PURE__ */ s(
     "div",
     {
       className: t ? "review-lens-highlight review-lens-highlight--locked" : "review-lens-highlight",
@@ -1542,9 +1616,9 @@ function Zt({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ o("div", { className: "review-lens-highlight__label", children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-highlight__label", children: [
           /* @__PURE__ */ i("strong", { children: r }),
-          /* @__PURE__ */ o("span", { children: [
+          /* @__PURE__ */ s("span", { children: [
             Math.round(e.rect.width),
             " x ",
             Math.round(e.rect.height)
@@ -1554,8 +1628,8 @@ function Zt({ target: e, locked: t }) {
     }
   );
 }
-function en({ from: e, to: t }) {
-  const n = cn(e.rect, t.rect);
+function sn({ from: e, to: t }) {
+  const n = fn(e.rect, t.rect);
   return n.length === 0 ? null : /* @__PURE__ */ i(ae, { children: n.map((r) => /* @__PURE__ */ i(
     "div",
     {
@@ -1571,13 +1645,13 @@ function en({ from: e, to: t }) {
     r.key
   )) });
 }
-function tn({
+function ln({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
   return /* @__PURE__ */ i(ae, { children: e.map((r) => /* @__PURE__ */ i(
-    nn,
+    cn,
     {
       feedback: r,
       selected: (t == null ? void 0 : t.id) === r.id,
@@ -1586,23 +1660,23 @@ function tn({
     r.id
   )) });
 }
-function nn({
+function cn({
   feedback: e,
   selected: t,
   onSelect: n
 }) {
   const r = re(null);
-  return gt(() => {
-    let s = 0;
+  return wt(() => {
+    let o = 0;
     const c = () => {
-      s = 0;
-      const w = r.current, p = z(e.selector), b = p == null ? void 0 : p.getBoundingClientRect();
+      o = 0;
+      const w = r.current, g = H(e.selector), b = g == null ? void 0 : g.getBoundingClientRect();
       !w || !b || (w.style.top = `${b.top}px`, w.style.left = `${b.right}px`, w.hidden = b.bottom < 0 || b.top > window.innerHeight);
-    }, h = () => {
-      s || (s = window.requestAnimationFrame(c));
+    }, u = () => {
+      o || (o = window.requestAnimationFrame(c));
     };
-    return c(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
-      s && window.cancelAnimationFrame(s), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
+    return c(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+      o && window.cancelAnimationFrame(o), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
   }, [e.selector]), /* @__PURE__ */ i(
     "button",
@@ -1615,35 +1689,35 @@ function nn({
     }
   );
 }
-function rn({
+function dn({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
-  const r = e.map((s) => {
-    const c = z(s.selector), h = c == null ? void 0 : c.getBoundingClientRect(), w = Math.max(
+  const r = e.map((o) => {
+    const c = H(o.selector), u = c == null ? void 0 : c.getBoundingClientRect(), w = Math.max(
       document.documentElement.scrollHeight,
       document.body.scrollHeight,
       window.innerHeight
     );
-    return !h || w <= 0 ? null : {
-      item: s,
-      top: Math.min(100, Math.max(0, (h.top + window.scrollY) / w * 100))
+    return !u || w <= 0 ? null : {
+      item: o,
+      top: Math.min(100, Math.max(0, (u.top + window.scrollY) / w * 100))
     };
-  }).filter((s) => s !== null);
-  return r.length === 0 ? null : /* @__PURE__ */ i("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: r.map((s) => /* @__PURE__ */ i(
+  }).filter((o) => o !== null);
+  return r.length === 0 ? null : /* @__PURE__ */ i("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: r.map((o) => /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      className: (t == null ? void 0 : t.id) === s.item.id ? "review-lens-minimap__point review-lens-minimap__point--selected" : "review-lens-minimap__point",
-      style: { top: `${s.top}%` },
-      onClick: () => n(s.item),
-      "aria-label": `Jump to feedback from ${s.item.authorEmail}`
+      className: (t == null ? void 0 : t.id) === o.item.id ? "review-lens-minimap__point review-lens-minimap__point--selected" : "review-lens-minimap__point",
+      style: { top: `${o.top}%` },
+      onClick: () => n(o.item),
+      "aria-label": `Jump to feedback from ${o.item.authorEmail}`
     },
-    s.item.id
+    o.item.id
   )) });
 }
-function an({ target: e }) {
+function hn({ target: e }) {
   const t = [
     ["Selector", e.selector],
     ["Size", `${e.cssSnapshot.width} x ${e.cssSnapshot.height}`],
@@ -1656,120 +1730,120 @@ function an({ target: e }) {
     ["Color", e.cssSnapshot.color],
     ["Background", e.cssSnapshot.backgroundColor]
   ];
-  return /* @__PURE__ */ i("dl", { className: "review-lens-metrics", children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
+  return /* @__PURE__ */ i("dl", { className: "review-lens-metrics", children: t.map(([n, r]) => /* @__PURE__ */ s("div", { children: [
     /* @__PURE__ */ i("dt", { children: n }),
     /* @__PURE__ */ i("dd", { children: r })
   ] }, n)) });
 }
-function De({ title: e, items: t }) {
-  return /* @__PURE__ */ o("section", { className: "review-lens-insights", children: [
+function He({ title: e, items: t }) {
+  return /* @__PURE__ */ s("section", { className: "review-lens-insights", children: [
     /* @__PURE__ */ i("h3", { children: e }),
     t.length === 0 ? /* @__PURE__ */ i("p", { children: "No issues detected." }) : null,
     t.length > 0 ? /* @__PURE__ */ i("ul", { children: t.map((n) => /* @__PURE__ */ i("li", { children: n }, n)) }) : null
   ] });
 }
-function z(e) {
+function H(e) {
   try {
     return document.querySelector(e);
   } catch {
     return null;
   }
 }
-function Qe(e) {
-  const t = z(e.selector);
+function et(e) {
+  const t = H(e.selector);
   if (!t)
     return { label: "Target missing", level: "warning" };
   const n = Q(t);
   return n.fingerprint.tagName !== e.elementFingerprint.tagName ? { label: "Element changed", level: "warning" } : Math.abs(n.fingerprint.width - e.elementFingerprint.width) > 2 || Math.abs(n.fingerprint.height - e.elementFingerprint.height) > 2 ? { label: "Size changed", level: "warning" } : n.cssSnapshot.fontSize !== e.createdCssSnapshot.fontSize || n.cssSnapshot.color !== e.createdCssSnapshot.color || n.cssSnapshot.padding !== e.createdCssSnapshot.padding ? { label: "Style changed", level: "warning" } : { label: "Target unchanged", level: "ok" };
 }
-function sn(e) {
-  var p;
-  const t = z(e.selector);
+function un(e) {
+  var g;
+  const t = H(e.selector);
   if (!t)
     return ["Selected element is no longer available."];
-  const n = [], r = t.tagName.toLowerCase(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(r) || s === "button" || s === "link", h = t.getAttribute("aria-label") || t.getAttribute("title") || ((p = t.textContent) == null ? void 0 : p.trim());
-  c && !h && n.push("Interactive element has no accessible name."), c && (e.rect.width < 44 || e.rect.height < 44) && n.push("Tap target is smaller than 44 x 44."), r === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
+  const n = [], r = t.tagName.toLowerCase(), o = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(r) || o === "button" || o === "link", u = t.getAttribute("aria-label") || t.getAttribute("title") || ((g = t.textContent) == null ? void 0 : g.trim());
+  c && !u && n.push("Interactive element has no accessible name."), c && (e.rect.width < 44 || e.rect.height < 44) && n.push("Tap target is smaller than 44 x 44."), r === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
   const w = /^h[1-6]$/.test(r) ? Number(r.slice(1)) : 0;
-  return w > 1 && !document.querySelector(`h${w - 1}`) && n.push("Heading may skip the previous level."), un(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
+  return w > 1 && !document.querySelector(`h${w - 1}`) && n.push("Heading may skip the previous level."), vn(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
 }
-function on(e, t = {}) {
+function mn(e, t = {}) {
   const n = [];
-  return U("Padding", e.padding, t.spacing, n, { allowComposite: !0 }), U("Margin", e.margin, t.spacing, n, { allowComposite: !0 }), U("Font size", e.fontSize, t.fontSize, n), U("Line height", e.lineHeight, t.lineHeight, n), U("Text color", e.color, t.color, n), U("Background", e.backgroundColor, t.color, n), U("Radius", e.borderRadius, t.radius, n, { allowComposite: !0 }), n;
+  return D("Padding", e.padding, t.spacing, n, { allowComposite: !0 }), D("Margin", e.margin, t.spacing, n, { allowComposite: !0 }), D("Font size", e.fontSize, t.fontSize, n), D("Line height", e.lineHeight, t.lineHeight, n), D("Text color", e.color, t.color, n), D("Background", e.backgroundColor, t.color, n), D("Radius", e.borderRadius, t.radius, n, { allowComposite: !0 }), n;
 }
-function U(e, t, n, r, s = {}) {
-  !n || n.length === 0 || !t || ln(t, n, s) || r.push(`${e} ${t} is outside configured tokens.`);
+function D(e, t, n, r, o = {}) {
+  !n || n.length === 0 || !t || pn(t, n, o) || r.push(`${e} ${t} is outside configured tokens.`);
 }
-function ln(e, t, n = {}) {
+function pn(e, t, n = {}) {
   if (t.includes(e))
     return !0;
   if (!n.allowComposite)
     return !1;
   const r = e.trim().split(/\s+/);
-  return r.length > 1 && r.every((s) => t.includes(s));
+  return r.length > 1 && r.every((o) => t.includes(o));
 }
-function dn(e) {
+function gn(e) {
   const t = e.id ? `#${e.id}` : "", n = e.className ? `.${e.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".")}` : "", r = e.ariaLabel ? `[aria-label="${e.ariaLabel}"]` : "";
   return `${e.tagName}${t}${n}${r}` || e.tagName;
 }
-function cn(e, t) {
-  const n = [], r = (Math.max(e.left, t.left) + Math.min(e.right, t.right)) / 2, s = (Math.max(e.top, t.top) + Math.min(e.bottom, t.bottom)) / 2;
+function fn(e, t) {
+  const n = [], r = (Math.max(e.left, t.left) + Math.min(e.right, t.right)) / 2, o = (Math.max(e.top, t.top) + Math.min(e.bottom, t.bottom)) / 2;
   if (e.right <= t.left || t.right <= e.left) {
-    const c = e.right <= t.left ? e.right : t.right, h = e.right <= t.left ? t.left : e.left;
+    const c = e.right <= t.left ? e.right : t.right, u = e.right <= t.left ? t.left : e.left;
     n.push({
       key: "horizontal",
       axis: "horizontal",
-      top: ze(s, 0, window.innerHeight),
+      top: Ke(o, 0, window.innerHeight),
       left: c,
-      width: Math.max(h - c, 1),
+      width: Math.max(u - c, 1),
       height: 1,
-      label: `${Math.round(h - c)}px`
+      label: `${Math.round(u - c)}px`
     });
   }
   if (e.bottom <= t.top || t.bottom <= e.top) {
-    const c = e.bottom <= t.top ? e.bottom : t.bottom, h = e.bottom <= t.top ? t.top : e.top;
+    const c = e.bottom <= t.top ? e.bottom : t.bottom, u = e.bottom <= t.top ? t.top : e.top;
     n.push({
       key: "vertical",
       axis: "vertical",
       top: c,
-      left: ze(r, 0, window.innerWidth),
+      left: Ke(r, 0, window.innerWidth),
       width: 1,
-      height: Math.max(h - c, 1),
-      label: `${Math.round(h - c)}px`
+      height: Math.max(u - c, 1),
+      label: `${Math.round(u - c)}px`
     });
   }
   return n;
 }
-function ze(e, t, n) {
+function Ke(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
 function X(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
-    const s = t(r);
-    n.set(s, (n.get(s) ?? 0) + 1);
+    const o = t(r);
+    n.set(o, (n.get(o) ?? 0) + 1);
   }
-  return Array.from(n.entries()).sort((r, s) => s[1] - r[1] || r[0].localeCompare(s[0]));
+  return Array.from(n.entries()).sort((r, o) => o[1] - r[1] || r[0].localeCompare(o[0]));
 }
-function hn(e) {
+function wn(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement || e instanceof HTMLElement && e.isContentEditable;
 }
-function un(e, t) {
-  const n = He(e), r = He(t);
-  return !n || !r || r.alpha === 0 ? !1 : mn(n, r) < 4.5;
+function vn(e, t) {
+  const n = Je(e), r = Je(t);
+  return !n || !r || r.alpha === 0 ? !1 : bn(n, r) < 4.5;
 }
-function He(e) {
+function Je(e) {
   const t = e.match(/rgba?\(([^)]+)\)/);
   if (!t)
     return null;
-  const [n, r, s, c = "1"] = t[1].split(",").map((h) => h.trim());
+  const [n, r, o, c = "1"] = t[1].split(",").map((u) => u.trim());
   return {
     red: Number(n),
     green: Number(r),
-    blue: Number(s),
+    blue: Number(o),
     alpha: Number(c)
   };
 }
-function mn(e, t) {
+function bn(e, t) {
   const n = Math.max(ie(e), ie(t)), r = Math.min(ie(e), ie(t));
   return (n + 0.05) / (r + 0.05);
 }
@@ -1780,7 +1854,7 @@ function ie(e) {
   });
   return t[0] * 0.2126 + t[1] * 0.7152 + t[2] * 0.0722;
 }
-function pn(e) {
+function yn(e) {
   const t = {
     top: I(e.cssSnapshot.marginTop),
     right: I(e.cssSnapshot.marginRight),
@@ -1796,31 +1870,31 @@ function pn(e) {
     right: I(e.cssSnapshot.paddingRight),
     bottom: I(e.cssSnapshot.paddingBottom),
     left: I(e.cssSnapshot.paddingLeft)
-  }, s = {
+  }, o = {
     top: e.rect.top,
     left: e.rect.left,
     width: Math.max(e.rect.width, 0),
     height: Math.max(e.rect.height, 0)
   }, c = {
-    top: s.top - t.top,
-    left: s.left - t.left,
-    width: s.width + t.left + t.right,
-    height: s.height + t.top + t.bottom
-  }, h = {
-    top: s.top + n.top,
-    left: s.left + n.left,
-    width: Math.max(s.width - n.left - n.right, 0),
-    height: Math.max(s.height - n.top - n.bottom, 0)
+    top: o.top - t.top,
+    left: o.left - t.left,
+    width: o.width + t.left + t.right,
+    height: o.height + t.top + t.bottom
+  }, u = {
+    top: o.top + n.top,
+    left: o.left + n.left,
+    width: Math.max(o.width - n.left - n.right, 0),
+    height: Math.max(o.height - n.top - n.bottom, 0)
   }, w = {
-    top: h.top + r.top,
-    left: h.left + r.left,
-    width: Math.max(h.width - r.left - r.right, 0),
-    height: Math.max(h.height - r.top - r.bottom, 0)
+    top: u.top + r.top,
+    left: u.left + r.left,
+    width: Math.max(u.width - r.left - r.right, 0),
+    height: Math.max(u.height - r.top - r.bottom, 0)
   };
   return {
     margin: c,
-    border: s,
-    padding: h,
+    border: o,
+    padding: u,
     content: w
   };
 }
@@ -1829,11 +1903,11 @@ function I(e) {
   return Number.isFinite(t) ? t : 0;
 }
 export {
-  Ot as ReviewLensLogo,
-  bn as ReviewLensOverlay,
-  wn as ReviewLensProvider,
+  Qt as ReviewLensLogo,
+  Nn as ReviewLensOverlay,
+  xn as ReviewLensProvider,
   Q as buildElementTarget,
-  vt as createGoogleSheetsAdapter,
-  $t as normalizeReviewUrl,
-  Tt as useReviewLens
+  St as createGoogleSheetsAdapter,
+  Ut as normalizeReviewUrl,
+  Dt as useReviewLens
 };