review-lens-react 1.0.0 → 1.0.2

package/dist/review-lens-react.js

@@ -1,132 +1,184 @@
-import { jsx as r, jsxs as o, Fragment as re } from "react/jsx-runtime";
-import { createContext as st, useMemo as ie, useState as k, useCallback as W, useEffect as _, useContext as ot, useRef as We, useLayoutEffect as lt } from "react";
-const ct = [
+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 D, 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"
-].join(" "), dt = "https://www.googleapis.com/oauth2/v3/userinfo";
-function ht(e) {
-  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", i = e.usersSheetName ?? "Users";
-  let 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() {
-    return s ?? (s = St(e.googleClientId)), s;
+    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 f(d, v, h) {
-    const b = await g(), C = await fetch(
-      `https://sheets.googleapis.com/v4/spreadsheets/${d}${v}`,
+  async function b(p, v, h) {
+    const k = await g(), l = await fetch(
+      `https://sheets.googleapis.com/v4/spreadsheets/${p}${v}`,
       {
         ...h,
         headers: {
-          Authorization: `Bearer ${b}`,
+          Authorization: `Bearer ${k}`,
           "Content-Type": "application/json",
           ...h == null ? void 0 : h.headers
         }
       }
     );
-    if (!C.ok)
-      throw new Error(`Google Sheets request failed with ${C.status}`);
-    return C.json();
+    if (l.status === 401) {
+      De(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 p(d, v) {
-    return (await f(
-      d,
+  async function A(p, v) {
+    return (await b(
+      p,
       `/values/${encodeURIComponent(v)}`
     )).values ?? [];
   }
   return {
     async getCurrentUser() {
-      if (!c) {
-        const d = await g(), v = await fetch(dt, {
-          headers: { Authorization: `Bearer ${d}` }
-        });
-        if (!v.ok)
-          throw new Error(`Google userinfo request failed with ${v.status}`);
-        c = (await v.json()).email;
-      }
-      if (!c)
+      if (w || (w = await L()), !w)
         throw new Error("Google account did not return an email address");
-      return { email: c };
+      return { email: w };
     },
-    async getPermissions(d) {
+    async getPermissions(p) {
       const [{ email: v }, h] = await Promise.all([
         this.getCurrentUser(),
-        p(e.usersSpreadsheetId, i)
-      ]), b = ce(h), C = v.toLowerCase(), E = b.find(
-        (A) => {
-          var u;
-          return ((u = A.email) == null ? void 0 : u.toLowerCase()) === C && A.active !== "false" && (!A.projectKey || A.projectKey === d);
+        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 gt((E == null ? void 0 : E.role) ?? "designer");
+      return Et((C == null ? void 0 : C.role) ?? "designer");
     },
-    async listFeedback(d) {
-      return ce(await p(e.contentSpreadsheetId, t)).map(Re).filter((h) => h !== null).filter(
-        (h) => h.projectKey === d.projectKey && h.contentId === d.contentId && h.normalizedPath === d.normalizedPath
-      ).sort((h, b) => b.createdAt.localeCompare(h.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(d) {
+    async createFeedback(p) {
       const v = (/* @__PURE__ */ new Date()).toISOString(), h = {
-        ...d,
+        ...p,
         id: crypto.randomUUID(),
         attachments: [],
         createdAt: v,
         updatedAt: v
       };
-      return await f(
+      return await b(
         e.contentSpreadsheetId,
         `/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,
         {
           method: "POST",
-          body: JSON.stringify({ values: [Te(h)] })
+          body: JSON.stringify({ values: [je(h)] })
         }
       ), h;
     },
-    async updateFeedback(d, v) {
-      const h = await p(e.contentSpreadsheetId, t), b = h[0] ?? Me, C = b.indexOf("id");
-      if (C === -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 = h.findIndex((w, N) => N > 0 && w[C] === d);
-      if (E < 1)
-        throw new Error(`Feedback ${d} was not found`);
-      const A = (/* @__PURE__ */ new Date()).toISOString(), u = Re(De(b, h[E]));
-      if (!u)
-        throw new Error(`Feedback ${d} could not be parsed before updating`);
-      const R = {
-        ...u,
+      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: A
-      }, y = Te(R);
-      return await f(
+        updatedAt: f
+      }, F = je(N);
+      return await b(
         e.contentSpreadsheetId,
-        `/values/${encodeURIComponent(t)}!A${E + 1}:${yt(
-          Me.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] })
         }
-      ), R;
+      ), N;
     },
-    async listMessages(d) {
-      return ce(await p(e.contentSpreadsheetId, n)).map(mt).filter((h) => h !== null).filter((h) => h.feedbackId === d).sort((h, b) => h.createdAt.localeCompare(b.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(d) {
+    async createMessage(p) {
       const v = {
-        ...d,
+        ...p,
         id: crypto.randomUUID(),
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return await f(
+      return await b(
         e.contentSpreadsheetId,
         `/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,
         {
           method: "POST",
-          body: JSON.stringify({ values: [pt(v)] })
+          body: JSON.stringify({ values: [Nt(v)] })
         }
       ), v;
+    },
+    async sendEmail(p) {
+      if (!e.enableEmailNotifications || p.to.length === 0)
+        return;
+      const v = await g(), h = await this.getCurrentUser(), k = await fetch(bt, {
+        method: "POST",
+        headers: {
+          Authorization: `Bearer ${v}`,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          raw: _t({
+            from: h.email,
+            to: p.to,
+            subject: p.subject,
+            text: p.text
+          })
+        })
+      });
+      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) {
+      De(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 Me = [
+const _e = [
   "id",
   "projectKey",
   "contentId",
@@ -155,8 +207,8 @@ const Me = [
   "fixedBy",
   "resolvedAt",
   "resolvedBy"
-], ut = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
-function Te(e) {
+], xt = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
+function je(e) {
   return [
     e.id,
     e.projectKey,
@@ -188,17 +240,17 @@ function Te(e) {
     e.resolvedBy ?? ""
   ];
 }
-function pt(e) {
-  return ut.map((t) => e[t]);
+function Nt(e) {
+  return xt.map((t) => e[t]);
 }
-function ce(e) {
+function ue(e) {
   const [t, ...n] = e;
-  return t ? n.map((i) => De(t, i)) : [];
+  return t ? n.map((r) => Oe(t, r)) : [];
 }
-function De(e, t) {
-  return Object.fromEntries(e.map((n, i) => [n, t[i] ?? ""]));
+function Oe(e, t) {
+  return Object.fromEntries(e.map((n, r) => [n, t[r] ?? ""]));
 }
-function Re(e) {
+function Ue(e) {
   return e.id ? {
     id: e.id,
     projectKey: e.projectKey,
@@ -207,24 +259,24 @@ function Re(e) {
     originalUrl: e.originalUrl,
     selector: e.selector,
     selectorStrategy: e.selectorStrategy === "stable-attribute" ? "stable-attribute" : "css-path",
-    elementFingerprint: ue(e.elementFingerprintJson, {
+    elementFingerprint: fe(e.elementFingerprintJson, {
       tagName: "",
       width: 0,
       height: 0
     }),
-    createdCssSnapshot: Be(e.createdCssSnapshotJson),
-    fixedCssSnapshot: e.fixedCssSnapshotJson ? Be(e.fixedCssSnapshotJson) : void 0,
+    createdCssSnapshot: We(e.createdCssSnapshotJson),
+    fixedCssSnapshot: e.fixedCssSnapshotJson ? We(e.fixedCssSnapshotJson) : void 0,
     comment: e.comment,
-    status: ft(e.status),
-    severity: bt(e.severity),
-    category: vt(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: wt(e.viewportPreset),
+    viewportPreset: Rt(e.viewportPreset),
     screenshotUrl: e.screenshotUrl || void 0,
     screenshotThumbnailUrl: e.screenshotThumbnailUrl || void 0,
-    attachments: ue(e.attachmentJson, []),
+    attachments: fe(e.attachmentJson, []),
     authorEmail: e.authorEmail,
     createdAt: e.createdAt,
     updatedAt: e.updatedAt,
@@ -234,7 +286,7 @@ function Re(e) {
     resolvedBy: e.resolvedBy || void 0
   } : null;
 }
-function mt(e) {
+function Ct(e) {
   return !e.id || !e.feedbackId ? null : {
     id: e.id,
     feedbackId: e.feedbackId,
@@ -243,15 +295,15 @@ function mt(e) {
     createdAt: e.createdAt
   };
 }
-function ue(e, t) {
+function fe(e, t) {
   try {
     return e ? JSON.parse(e) : t;
   } catch {
     return t;
   }
 }
-function Be(e) {
-  const t = ue(e, {});
+function We(e) {
+  const t = fe(e, {});
   return {
     margin: t.margin ?? "",
     marginTop: t.marginTop ?? "",
@@ -278,215 +330,351 @@ function Be(e) {
     height: t.height ?? 0
   };
 }
-function gt(e) {
+function Et(e) {
   return e === "admin" ? ["create", "read", "reply", "update", "assign"] : e === "developer" ? ["read", "reply", "update", "assign"] : ["create", "read", "reply"];
 }
-function ft(e) {
+function Lt(e) {
   return e === "in_progress" || e === "needs_clarification" || e === "fixed" || e === "wontfix" || e === "resolved" ? e : "open";
 }
-function bt(e) {
+function At(e) {
   return e === "low" || e === "high" ? e : "medium";
 }
-function vt(e) {
+function Ft(e) {
   return e === "visual" || e === "copy" || e === "accessibility" || e === "responsive" ? e : "bug";
 }
-function wt(e) {
+function Rt(e) {
   return e === "mobile" || e === "tablet" || e === "desktop" ? e : "custom";
 }
-function yt(e) {
+function It(e) {
   let t = e, n = "";
   for (; t > 0; ) {
-    const i = (t - 1) % 26;
-    n = String.fromCharCode(65 + i) + n, t = Math.floor((t - i) / 26);
+    const r = (t - 1) % 26;
+    n = String.fromCharCode(65 + r) + n, t = Math.floor((t - r) / 26);
   }
   return n;
 }
-async function St(e) {
-  return await kt(), new Promise((t, n) => {
-    var s;
-    const i = (s = window.google) == null ? void 0 : s.accounts.oauth2.initTokenClient({
+async function Tt(e, t) {
+  return await Pt(), new Promise((n, r) => {
+    var c;
+    const o = (c = window.google) == null ? void 0 : c.accounts.oauth2.initTokenClient({
       client_id: e,
-      scope: ct,
-      callback: (c) => {
-        if (c.error || !c.access_token) {
-          n(new Error(c.error ?? "Google OAuth did not return an access token"));
+      scope: t,
+      callback: (u) => {
+        if (u.error || !u.access_token) {
+          r(new Error(u.error ?? "Google OAuth did not return an access token"));
           return;
         }
-        t(c.access_token);
+        const w = u.expires_in ?? 3600;
+        n({
+          accessToken: u.access_token,
+          expiresAt: Date.now() + w * 1e3
+        });
       }
     });
-    i == null || i.requestAccessToken({ prompt: "" });
+    o == null || o.requestAccessToken({ prompt: "" });
   });
 }
-function kt() {
+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 De(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 i = document.querySelector(
+    const r = document.querySelector(
       'script[src="https://accounts.google.com/gsi/client"]'
     );
-    if (i) {
-      i.addEventListener("load", () => t(), { once: !0 }), i.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
+    if (r) {
+      r.addEventListener("load", () => t(), { once: !0 }), r.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
         once: !0
       });
       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 Ct(e) {
+function _t(e) {
+  const t = [
+    `From: ${e.from}`,
+    `To: ${e.to.join(", ")}`,
+    `Subject: ${e.subject}`,
+    "Content-Type: text/plain; charset=UTF-8",
+    "",
+    e.text
+  ].join(`\r
+`);
+  return jt(t);
+}
+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 Ut(e) {
   return new URL(e, window.location.href).pathname.replace(/\/+$/, "") || "/";
 }
-const ze = st(null);
-function Qt({ config: e, children: t }) {
-  const n = ie(() => e.adapter ? e.adapter : ht({
-    googleClientId: de(e.googleClientId, "googleClientId"),
-    contentSpreadsheetId: de(e.contentSpreadsheetId, "contentSpreadsheetId"),
-    usersSpreadsheetId: de(e.usersSpreadsheetId, "usersSpreadsheetId"),
-    feedbackSheetName: e.sheetName ?? "Feedback"
+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: qe(e)
   }), [
     e.adapter,
     e.contentSpreadsheetId,
+    e.emailNotifications,
     e.googleClientId,
     e.sheetName,
     e.usersSpreadsheetId
-  ]), i = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? Ct)(i), [c, g] = k(), [f, p] = k([]), [d, v] = k([]), h = W(async () => {
-    const y = await n.listFeedback({
+  ]), r = e.currentUrl ?? window.location.href, o = (e.normalizeUrl ?? Ut)(r), [c, u] = x(), [w, g] = x([]), [b, A] = x([]), L = D(async () => {
+    const f = await n.listFeedback({
       projectKey: e.projectKey,
       contentId: e.contentId,
-      normalizedPath: s
+      normalizedPath: o
     });
-    v(y);
-  }, [n, e.contentId, e.projectKey, s]);
-  _(() => {
-    let y = !0;
-    async function w() {
-      const [N, B] = await Promise.all([
+    A(f);
+  }, [n, e.contentId, e.projectKey, o]);
+  P(() => {
+    let f = !0;
+    async function y() {
+      const [N, F] = await Promise.all([
         n.getCurrentUser(),
         n.getPermissions(e.projectKey)
       ]);
-      y && (g(N), p(B), await h());
+      f && (u(N), g(F), await L());
     }
-    return w(), () => {
-      y = !1;
+    return y(), () => {
+      f = !1;
     };
-  }, [n, e.projectKey, h]);
-  const b = W(
-    async (y) => {
-      const w = await n.createFeedback(y);
-      return v((N) => [w, ...N]), w;
+  }, [n, e.projectKey, L]);
+  const p = D(
+    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]
-  ), C = W(
-    async (y, w) => {
-      const N = await n.updateFeedback(y, w);
-      return v(
-        (B) => B.map((D) => D.id === y ? N : D)
-      ), N;
+    [n, e, c == null ? void 0 : c.email]
+  ), v = D(
+    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: Dt(y),
+        previousItem: N
+      }), F;
     },
+    [n, e, c == null ? void 0 : c.email, b]
+  ), h = D(
+    (f) => n.listMessages(f),
     [n]
-  ), E = W(
-    (y) => n.listMessages(y),
-    [n]
-  ), A = W(
-    (y) => n.createMessage(y),
-    [n]
-  ), u = W(
-    async (y, w) => {
+  ), k = D(
+    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: f.body
+      }), y;
+    },
+    [n, e, b]
+  ), l = D(
+    async (f, y) => {
       const N = e.uploadAttachment ?? n.uploadAttachment;
       if (!N)
         throw new Error("Review Lens attachment upload is not configured");
-      return N(y, w);
+      return N(f, y);
     },
     [n, e]
-  ), R = ie(
+  ), C = oe(
     () => ({
       config: e,
       adapter: n,
       currentUser: c,
-      permissions: f,
-      feedback: d,
-      normalizedPath: s,
-      refreshFeedback: h,
-      createFeedback: b,
-      updateFeedback: C,
-      listMessages: E,
-      createMessage: A,
-      uploadAttachment: u
+      permissions: w,
+      feedback: b,
+      normalizedPath: o,
+      refreshFeedback: L,
+      createFeedback: p,
+      updateFeedback: v,
+      listMessages: h,
+      createMessage: k,
+      uploadAttachment: l
     }),
     [
       n,
       e,
-      b,
+      p,
       c,
-      d,
-      s,
-      f,
+      b,
+      o,
+      w,
+      L,
+      v,
       h,
-      C,
-      E,
-      A,
-      u
+      k,
+      l
     ]
   );
-  return /* @__PURE__ */ r(ze.Provider, { value: R, children: t });
+  return /* @__PURE__ */ i(Ge.Provider, { value: C, children: t });
 }
-function Nt() {
-  const e = ot(ze);
+function Wt() {
+  const e = ft(Ge);
   if (!e)
     throw new Error("useReviewLens must be used inside ReviewLensProvider");
   return e;
 }
-function de(e, t) {
+function me(e, t) {
   if (!e)
     throw new Error(`review-lens-react requires config.${t} when no adapter is provided`);
   return e;
 }
-const xt = [
+function qe(e) {
+  return typeof e.emailNotifications == "object" ? e.emailNotifications.enabled !== !1 : !!e.emailNotifications;
+}
+function Dt(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 (!qe(e) || !t.sendEmail)
+    return;
+  const r = zt(n);
+  if (r.length !== 0)
+    try {
+      await t.sendEmail({
+        to: r,
+        subject: Ht(e, n),
+        text: Kt(n)
+      });
+    } catch (o) {
+      console.warn("Review Lens email notification failed", o);
+    }
+}
+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 o;
+    return r ? r.toLowerCase() !== ((o = e.actorEmail) == null ? void 0 : o.toLowerCase()) : !1;
+  });
+}
+function Ht(e, t) {
+  return `${(typeof e.emailNotifications == "object" ? e.emailNotifications : {}).subjectPrefix ?? "Review Lens"}: ${Ve(t)}`;
+}
+function Kt(e) {
+  const t = [
+    "[Review Lens]",
+    Ve(e),
+    Jt(e),
+    "",
+    `Review: ${e.item.comment}`,
+    `Status: ${Ye(e.item.status)}`,
+    `Author: ${e.item.authorEmail}`,
+    `Assignee: ${e.item.assigneeEmail ?? "Unassigned"}`,
+    `Link: ${Ot(e.item)}`
+  ];
+  return e.replyBody && t.splice(2, 0, `Reply: ${e.replyBody}`, ""), t.join(`
+`);
+}
+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 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 Ot(e) {
+  try {
+    const t = new URL(e.originalUrl);
+    return t.searchParams.set("reviewLensFeedback", e.id), t.toString();
+  } catch {
+    return e.originalUrl;
+  }
+}
+function Ye(e) {
+  return e.replace(/_/g, " ");
+}
+const Gt = [
   "data-review-id",
   "data-testid",
   "data-test-id",
   "aria-label",
   "name"
 ];
-function X(e) {
-  const t = e.getBoundingClientRect(), n = Et(e);
+function Q(e) {
+  const t = e.getBoundingClientRect(), n = qt(e);
   return {
     selector: n.selector,
     selectorStrategy: n.strategy,
-    fingerprint: It(e, t),
-    cssSnapshot: Lt(e, t),
+    fingerprint: Yt(e, t),
+    cssSnapshot: Xt(e, t),
     rect: t
   };
 }
-function Et(e) {
-  for (const t of xt) {
+function qt(e) {
+  for (const t of Gt) {
     const n = e.getAttribute(t);
     if (n)
       return {
-        selector: `[${t}="${$e(n)}"]`,
+        selector: `[${t}="${ze(n)}"]`,
         strategy: "stable-attribute"
       };
   }
-  return e.id ? { selector: `#${$e(e.id)}`, strategy: "stable-attribute" } : { selector: At(e), strategy: "css-path" };
+  return e.id ? { selector: `#${ze(e.id)}`, strategy: "stable-attribute" } : { selector: Vt(e), strategy: "css-path" };
 }
-function At(e) {
+function Vt(e) {
   const t = [];
   let n = e;
   for (; n && n.nodeType === Node.ELEMENT_NODE && n !== document.body; ) {
-    const i = n.parentElement, s = n.tagName.toLowerCase();
-    if (!i) {
-      t.unshift(s);
+    const r = n.parentElement, o = n.tagName.toLowerCase();
+    if (!r) {
+      t.unshift(o);
       break;
     }
-    const c = n.tagName, g = Array.from(i.children).filter(
-      (p) => p.tagName === c
-    ), f = g.indexOf(n) + 1;
-    t.unshift(g.length > 1 ? `${s}:nth-of-type(${f})` : s), n = i;
+    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 It(e, t) {
+function Yt(e, t) {
   var n;
   return {
     tagName: e.tagName.toLowerCase(),
@@ -498,15 +686,15 @@ function It(e, t) {
     height: Math.round(t.height)
   };
 }
-function Lt(e, t) {
+function Xt(e, t) {
   const n = window.getComputedStyle(e);
   return {
-    margin: he(n.marginTop, n.marginRight, n.marginBottom, n.marginLeft),
+    margin: ge(n.marginTop, n.marginRight, n.marginBottom, n.marginLeft),
     marginTop: n.marginTop,
     marginRight: n.marginRight,
     marginBottom: n.marginBottom,
     marginLeft: n.marginLeft,
-    padding: he(
+    padding: ge(
       n.paddingTop,
       n.paddingRight,
       n.paddingBottom,
@@ -516,7 +704,7 @@ function Lt(e, t) {
     paddingRight: n.paddingRight,
     paddingBottom: n.paddingBottom,
     paddingLeft: n.paddingLeft,
-    border: he(
+    border: ge(
       n.borderTopWidth,
       n.borderRightWidth,
       n.borderBottomWidth,
@@ -536,577 +724,635 @@ function Lt(e, t) {
     height: Math.round(t.height)
   };
 }
-function he(e, t, n, i) {
-  return e === t && t === n && n === i ? e : `${e} ${t} ${n} ${i}`;
+function ge(e, t, n, r) {
+  return e === t && t === n && n === r ? e : `${e} ${t} ${n} ${r}`;
 }
-function $e(e) {
+function ze(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-const Ft = [
+function Qt({ className: e, title: t = "Review Lens logo" }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      className: e,
+      role: "img",
+      "aria-label": t,
+      viewBox: "0 0 40 40",
+      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(
+          "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",
+            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",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ i("circle", { cx: "31.8", cy: "29.8", r: "2.1", fill: "#FACC15", stroke: "#171717", strokeWidth: "1.4" })
+      ]
+    }
+  );
+}
+const Zt = [
   { label: "Desktop", value: "desktop" },
   { label: "Tablet", value: "tablet" },
   { label: "Mobile", value: "mobile" }
-], He = [
+], Xe = [
   "open",
   "in_progress",
   "needs_clarification",
   "fixed",
   "wontfix",
   "resolved"
-], je = ["low", "medium", "high"], Oe = ["bug", "visual", "copy", "accessibility", "responsive"], ae = {
+], Qe = ["low", "medium", "high"], Ze = ["bug", "visual", "copy", "accessibility", "responsive"], se = {
   open: "Open",
   in_progress: "In progress",
   needs_clarification: "Needs clarification",
   fixed: "Fixed",
   wontfix: "Won't fix",
   resolved: "Resolved"
-}, Q = {
+}, Z = {
   low: "Low",
   medium: "Medium",
   high: "High"
-}, Z = {
+}, ee = {
   bug: "Bug",
   visual: "Visual",
   copy: "Copy",
   accessibility: "Accessibility",
   responsive: "Responsive"
 };
-function Zt({
+function Nn({
   open: e,
   onOpenChange: t,
   placement: n = "top-right",
-  showResolved: i = !1,
-  syncSelectionToUrl: s = !1,
-  responsivePresets: c = Ft
+  showResolved: r = !1,
+  syncSelectionToUrl: o = !1,
+  responsivePresets: c = Zt
 }) {
-  var Fe;
+  var Me;
   const {
-    adapter: g,
-    config: f,
-    currentUser: p,
-    feedback: d,
-    normalizedPath: v,
-    permissions: h,
-    createFeedback: b,
-    updateFeedback: C,
-    listMessages: E,
-    createMessage: A,
-    uploadAttachment: u
-  } = Nt(), [R, y] = k(), [w, N] = k(), [B, D] = k(""), [pe, Je] = k("medium"), [me, Ve] = k("visual"), [ge, fe] = k(""), [be, qe] = k(
-    ((Fe = c[0]) == null ? void 0 : Fe.value) ?? "desktop"
-  ), [S, H] = k(), [F, $] = k("review"), [Ge, ve] = k(!1), [j, we] = k("all"), [O, ye] = k("all"), [K, Se] = k("all"), [J, ke] = k("all"), [V, Ce] = k("all"), [Ye, Xe] = k(!1), [Qe, Ne] = k({}), [se, oe] = k(""), ee = We(null), M = !!p, T = h.includes("create"), xe = h.includes("reply"), Ee = h.includes("update"), Ze = h.includes("assign"), P = R ?? w, et = !!w, tt = !!(f.captureScreenshot && (f.uploadAttachment || g.uploadAttachment)), nt = ie(() => {
-    const a = d.map((m) => m.assigneeEmail).filter((m) => !!m);
-    return p != null && p.email && a.push(p.email), Array.from(new Set(a)).sort((m, l) => m.localeCompare(l));
-  }, [p == null ? void 0 : p.email, d]), I = ie(
-    () => d.filter((a) => i || a.status !== "resolved").filter((a) => j === "all" || a.status === j).filter((a) => O === "all" || a.severity === O).filter((a) => K === "all" || a.category === K).filter((a) => J === "all" || a.assigneeEmail === J).filter((a) => V === "all" || a.viewportPreset === V),
+    adapter: u,
+    config: w,
+    currentUser: g,
+    feedback: b,
+    normalizedPath: A,
+    permissions: L,
+    createFeedback: p,
+    updateFeedback: v,
+    listMessages: h,
+    createMessage: k,
+    uploadAttachment: l
+  } = Wt(), [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),
     [
-      J,
-      K,
-      d,
+      q,
+      G,
+      b,
       O,
-      i,
-      j,
+      r,
+      J,
       V
     ]
-  ), rt = [
-    j,
-    O,
-    K,
+  ), ut = [
     J,
+    O,
+    G,
+    q,
     V
   ].filter((a) => a !== "all").length;
-  _(() => {
-    e || (y(void 0), N(void 0), D(""), oe(""), $("review"));
-  }, [e]), _(() => {
-    M || (y(void 0), N(void 0));
-  }, [M]), _(() => {
-    !w || F !== "review" || window.requestAnimationFrame(() => {
-      var a, m, l;
-      (m = (a = ee.current) == null ? void 0 : a.scrollIntoView) == null || m.call(a, { block: "nearest" }), (l = ee.current) == null || l.focus();
+  P(() => {
+    if (e) {
+      Ae.current = !0;
+      return;
+    }
+    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, 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();
     });
-  }, [w, F]), _(() => {
+  }, [y, T]), P(() => {
     if (!S)
       return;
     let a = !0;
-    return E(S.id).then((m) => {
-      a && Ne((l) => ({ ...l, [S.id]: m }));
+    return h(S.id).then((m) => {
+      a && Le((d) => ({ ...d, [S.id]: m }));
     }), () => {
       a = !1;
     };
-  }, [E, S]), _(() => {
-    if (!e || !s || S || d.length === 0)
+  }, [h, S]), P(() => {
+    if (!o || !de.current || b.length === 0)
       return;
-    const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), m = d.find((l) => l.id === a);
-    m && q(m, { syncUrl: !1 });
-  }, [d, e, S, s]), _(() => {
+    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"), m = b.find((d) => d.id === a);
+    m && z(m, { syncUrl: !1 });
+  }, [b, e, S, o]), P(() => {
     if (!e)
       return;
-    function a(l) {
-      var x;
-      if (l.key === "Shift" && ve(!0), l.key === "Escape") {
-        l.preventDefault(), t == null || t(!1);
+    function a(d) {
+      var E;
+      if (d.key === "Shift" && ke(!0), d.key === "Escape") {
+        d.preventDefault(), t == null || t(!1);
         return;
       }
-      Jt(l.target) || ((l.key === "n" || l.key === "ArrowDown") && (l.preventDefault(), Ae(1)), (l.key === "p" || l.key === "ArrowUp") && (l.preventDefault(), Ae(-1)), l.key === "c" && (l.preventDefault(), $("review"), (x = ee.current) == null || x.focus()), l.key === "f" && S && Ee && (l.preventDefault(), Le(S)));
+      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 m(l) {
-      l.key === "Shift" && ve(!1);
+    function m(d) {
+      d.key === "Shift" && ke(!1);
     }
     return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
       window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
     };
   });
-  const le = W((a) => {
+  const he = D((a) => {
     const m = a.target instanceof Element ? a.target : null;
     if (m)
       return m.closest("[data-review-lens-ui]") ? null : m;
-    const l = document.elementFromPoint(a.clientX, a.clientY);
-    return !l || l.closest("[data-review-lens-ui]") ? null : l;
+    const d = document.elementFromPoint(a.clientX, a.clientY);
+    return !d || d.closest("[data-review-lens-ui]") ? null : d;
   }, []);
-  if (_(() => {
-    if (!e || !M)
+  if (P(() => {
+    if (!e || !$)
       return;
-    function a(l) {
-      const x = le(l);
-      y(x ? X(x) : void 0);
+    function a(d) {
+      const E = he(d);
+      f(E ? Q(E) : void 0);
     }
-    function m(l) {
-      const x = le(l);
-      x && (l.preventDefault(), l.stopPropagation(), N(X(x)), $("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", m, !0), () => {
       window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", m, !0);
     };
-  }, [M, le, e]), !e)
+  }, [$, he, e]), !e)
     return null;
-  function q(a, m = { syncUrl: !0 }) {
-    var x;
-    if (H(a), N(void 0), $("feedback"), s && m.syncUrl !== !1) {
-      const te = new URL(window.location.href);
-      te.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", te);
+  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 l = z(a.selector);
-    if (!l) {
-      y(void 0);
+    const d = H(a.selector);
+    if (!d) {
+      f(void 0);
       return;
     }
-    (x = l.scrollIntoView) == null || x.call(l, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
-      y(X(l));
+    (E = d.scrollIntoView) == null || E.call(d, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
+      f(Q(d));
     });
   }
-  function Ae(a) {
-    if (I.length === 0)
+  function Ie(a) {
+    if (R.length === 0)
       return;
-    const m = S ? I.findIndex((x) => x.id === S.id) : -1, l = m < 0 ? a > 0 ? 0 : I.length - 1 : (m + a + I.length) % I.length;
-    q(I[l]);
+    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 Ie() {
-    if (!w || !B.trim() || !p || !T)
+  async function Te() {
+    if (!y || !F.trim() || !g || !B)
       return;
-    let a = await b({
-      projectKey: f.projectKey,
-      contentId: f.contentId,
-      normalizedPath: v,
-      originalUrl: f.currentUrl ?? window.location.href,
-      selector: w.selector,
-      selectorStrategy: w.selectorStrategy,
-      elementFingerprint: w.fingerprint,
-      createdCssSnapshot: w.cssSnapshot,
-      comment: B.trim(),
+    let a = await p({
+      projectKey: w.projectKey,
+      contentId: w.contentId,
+      normalizedPath: A,
+      originalUrl: w.currentUrl ?? window.location.href,
+      selector: y.selector,
+      selectorStrategy: y.selectorStrategy,
+      elementFingerprint: y.fingerprint,
+      createdCssSnapshot: y.cssSnapshot,
+      comment: F.trim(),
       status: "open",
-      severity: pe,
-      category: me,
-      assigneeEmail: ge.trim() || void 0,
+      severity: j,
+      category: we,
+      assigneeEmail: ve.trim() || void 0,
       viewportWidth: window.innerWidth,
       viewportHeight: window.innerHeight,
-      viewportPreset: be,
+      viewportPreset: ye,
       screenshotUrl: void 0,
       screenshotThumbnailUrl: void 0,
-      authorEmail: p.email
+      authorEmail: g.email
     });
-    if (f.captureScreenshot)
+    if (w.captureScreenshot)
       try {
-        const m = await f.captureScreenshot(w), l = await u(a.id, {
+        const m = await w.captureScreenshot(y), d = await l(a.id, {
           type: "screenshot",
           data: m,
-          createdBy: p.email
+          createdBy: g.email
         });
-        a = await C(a.id, {
-          attachments: [l],
-          screenshotUrl: l.url,
-          screenshotThumbnailUrl: l.thumbnailUrl
+        a = await v(a.id, {
+          attachments: [d],
+          screenshotUrl: d.url,
+          screenshotThumbnailUrl: d.thumbnailUrl
         });
       } catch {
       }
-    D(""), fe(""), N(void 0), y(void 0), $("feedback"), H(a);
+    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 it(a, m) {
-    const l = (/* @__PURE__ */ new Date()).toISOString(), x = m === "resolved" ? { status: m, resolvedAt: l, resolvedBy: p == null ? void 0 : p.email } : { status: m }, te = await C(a.id, x);
-    H(te);
+  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 Le(a) {
-    const m = z(a.selector);
-    if (!m || !p)
+  async function $e(a) {
+    const m = H(a.selector);
+    if (!m || !g)
       return;
-    const l = X(m), x = await C(a.id, {
+    const d = Q(m), E = await v(a.id, {
       status: "fixed",
-      fixedCssSnapshot: l.cssSnapshot,
+      fixedCssSnapshot: d.cssSnapshot,
       fixedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      fixedBy: p.email
+      fixedBy: g.email
     });
-    H(x);
+    K(E);
   }
-  async function at(a) {
-    if (!se.trim() || !p || !xe)
+  async function pt(a) {
+    if (!le.trim() || !g || !Fe)
       return;
-    const m = await A({
+    const m = await k({
       feedbackId: a.id,
-      body: se.trim(),
-      authorEmail: p.email
+      body: le.trim(),
+      authorEmail: g.email
     });
-    Ne((l) => ({
-      ...l,
-      [a.id]: [...l[a.id] ?? [], m]
-    })), oe("");
+    Le((d) => ({
+      ...d,
+      [a.id]: [...d[a.id] ?? [], m]
+    })), ce("");
   }
-  return /* @__PURE__ */ o("div", { className: "review-lens-root", "data-review-lens-ui": !0, children: [
-    M && P ? /* @__PURE__ */ r($t, { target: P, locked: !!w }) : null,
-    M && w && R && Ge ? /* @__PURE__ */ r(_t, { from: w, to: R }) : null,
-    M ? /* @__PURE__ */ o(re, { children: [
-      /* @__PURE__ */ r(
-        Pt,
+  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(
+        ln,
         {
-          feedback: I,
+          feedback: R,
           selectedFeedback: S,
-          onSelect: q
+          onSelect: z
         }
       ),
-      /* @__PURE__ */ r(
-        Wt,
+      /* @__PURE__ */ i(
+        dn,
         {
-          feedback: I,
+          feedback: R,
           selectedFeedback: S,
-          onSelect: q
+          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", { children: [
-          /* @__PURE__ */ r("p", { className: "review-lens-kicker", children: "Review Lens" }),
-          /* @__PURE__ */ r("h2", { children: F === "summary" ? "Summary" : F === "feedback" ? "Feedback" : w ? "Element locked" : "Inspecting" })
+    /* @__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: T === "summary" ? "Summary" : T === "feedback" ? "Feedback" : y ? "Element locked" : "Inspecting" })
+          ] })
         ] }),
-        /* @__PURE__ */ r("button", { type: "button", onClick: () => t == null ? void 0 : t(!1), children: "Close" })
+        /* @__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__ */ r(
+      /* @__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": F === "review",
-              onClick: () => $("review"),
+              "aria-selected": T === "review",
+              onClick: () => _("review"),
               children: "Review"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": F === "feedback",
-              onClick: () => $("feedback"),
+              "aria-selected": T === "feedback",
+              onClick: () => _("feedback"),
               children: [
                 "Feedback ",
-                /* @__PURE__ */ r("span", { children: I.length })
+                /* @__PURE__ */ i("span", { children: R.length })
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": F === "summary",
-              onClick: () => $("summary"),
+              "aria-selected": T === "summary",
+              onClick: () => _("summary"),
               children: "Summary"
             }
           )
         ] }),
-        F === "review" ? /* @__PURE__ */ o("div", { className: "review-lens-review-pane", role: "tabpanel", children: [
-          /* @__PURE__ */ o("div", { className: "review-lens-inspection", children: [
-            M ? null : /* @__PURE__ */ r("p", { children: "Authenticate with Google to inspect this page." }),
-            M && P ? /* @__PURE__ */ o(re, { children: [
-              /* @__PURE__ */ r(Dt, { target: P }),
-              /* @__PURE__ */ r(_e, { title: "Accessibility", items: zt(P) }),
-              /* @__PURE__ */ r(
-                _e,
+        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." }),
+            $ && U ? /* @__PURE__ */ s(ae, { children: [
+              /* @__PURE__ */ i(hn, { target: U }),
+              /* @__PURE__ */ i(He, { title: "Accessibility", items: un(U) }),
+              /* @__PURE__ */ i(
+                He,
                 {
                   title: "Design tokens",
-                  items: Ht(P.cssSnapshot, f.designTokens)
+                  items: mn(U.cssSnapshot, w.designTokens)
                 }
               )
             ] }) : null,
-            M && !P ? /* @__PURE__ */ r("p", { children: "Move over the app to inspect." }) : null
+            $ && !U ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
           ] }),
-          et ? /* @__PURE__ */ r("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(), Ie();
+                a.preventDefault(), Te();
               },
               children: [
-                /* @__PURE__ */ r("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ i("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
+                /* @__PURE__ */ i(
                   "textarea",
                   {
-                    ref: ee,
+                    ref: te,
                     id: "review-lens-comment",
-                    value: B,
-                    disabled: !T,
-                    onChange: (a) => D(a.target.value),
+                    value: F,
+                    disabled: !B,
+                    onChange: (a) => M(a.target.value),
                     onKeyDown: (a) => {
-                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Ie());
+                      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__ */ r(
+                    /* @__PURE__ */ i(
                       "select",
                       {
-                        value: pe,
-                        onChange: (a) => Je(a.target.value),
-                        disabled: !T,
-                        children: je.map((a) => /* @__PURE__ */ r("option", { value: a, children: Q[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__ */ r(
+                    /* @__PURE__ */ i(
                       "select",
                       {
-                        value: me,
-                        onChange: (a) => Ve(a.target.value),
-                        disabled: !T,
-                        children: Oe.map((a) => /* @__PURE__ */ r("option", { value: a, children: Z[a] }, a))
+                        value: we,
+                        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__ */ r(
+                    /* @__PURE__ */ i(
                       "input",
                       {
-                        value: ge,
-                        onChange: (a) => fe(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__ */ r(
+                    /* @__PURE__ */ i(
                       "select",
                       {
-                        value: be,
-                        onChange: (a) => qe(a.target.value),
-                        disabled: !T,
-                        children: c.map((a) => /* @__PURE__ */ r("option", { value: a.value, children: a.label }, a.value))
+                        value: ye,
+                        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__ */ r("kbd", { children: "Command" }),
+                  /* @__PURE__ */ i("kbd", { children: "Command" }),
                   " + ",
-                  /* @__PURE__ */ r("kbd", { children: "Enter" }),
+                  /* @__PURE__ */ i("kbd", { children: "Enter" }),
                   " to submit.",
-                  tt ? " Screenshot capture runs after save." : ""
+                  dt ? " Screenshot capture runs after save." : ""
                 ] }) : null,
-                /* @__PURE__ */ r("div", { className: "review-lens-actions", children: /* @__PURE__ */ r("button", { type: "submit", disabled: !B.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,
-        F === "feedback" ? /* @__PURE__ */ o("div", { className: "review-lens-comments", children: [
-          /* @__PURE__ */ r(
-            Mt,
+        T === "feedback" ? /* @__PURE__ */ s("div", { className: "review-lens-comments", children: [
+          /* @__PURE__ */ i(
+            en,
             {
-              open: Ye,
-              activeCount: rt,
-              statusFilter: j,
+              open: at,
+              activeCount: ut,
+              statusFilter: J,
               severityFilter: O,
-              categoryFilter: K,
-              assigneeFilter: J,
+              categoryFilter: G,
+              assigneeFilter: q,
               viewportFilter: V,
-              assignees: nt,
+              assignees: ht,
               responsivePresets: c,
-              onStatusChange: we,
-              onSeverityChange: ye,
-              onCategoryChange: Se,
-              onAssigneeChange: ke,
-              onViewportChange: Ce,
-              onToggle: () => Xe((a) => !a),
+              onStatusChange: Se,
+              onSeverityChange: xe,
+              onCategoryChange: Ne,
+              onAssigneeChange: Ce,
+              onViewportChange: Ee,
+              onToggle: () => ot((a) => !a),
               onClear: () => {
-                we("all"), ye("all"), Se("all"), ke("all"), Ce("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__ */ r("h3", { children: "All feedback" }),
-              /* @__PURE__ */ r("span", { children: I.length })
+          /* @__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: [
-              I.length === 0 ? /* @__PURE__ */ r("p", { children: "No feedback for this view." }) : null,
-              I.map((a) => /* @__PURE__ */ r(
-                Tt,
+            /* @__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(
+                tn,
                 {
                   item: a,
                   selected: (S == null ? void 0 : S.id) === a.id,
-                  onSelect: q
+                  onSelect: z
                 },
                 a.id
               ))
             ] })
           ] }),
-          S ? /* @__PURE__ */ o("div", { className: "review-lens-selected-panel", children: [
-            /* @__PURE__ */ r("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
-            /* @__PURE__ */ r(
-              Rt,
+          S ? /* @__PURE__ */ s("div", { className: "review-lens-selected-panel", children: [
+            /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
+            /* @__PURE__ */ i(
+              nn,
               {
                 item: S,
-                messages: Qe[S.id] ?? [],
-                messageDraft: se,
-                canReply: xe,
-                canUpdate: Ee,
-                canAssign: Ze,
-                onMessageDraftChange: oe,
-                onSubmitMessage: () => void at(S),
-                onStatusChange: (a) => void it(S, a),
-                onAssigneeChange: (a) => void C(S.id, {
+                messages: st[S.id] ?? [],
+                messageDraft: le,
+                canReply: Fe,
+                canUpdate: Re,
+                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(H),
-                onMarkFixed: () => void Le(S)
+                }).then(K),
+                onMarkFixed: () => void $e(S)
               },
               S.id
             )
-          ] }) : /* @__PURE__ */ o("div", { className: "review-lens-selected-panel review-lens-selected-panel--empty", children: [
-            /* @__PURE__ */ r("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
-            /* @__PURE__ */ r("p", { children: "Select a feedback item above to review status, assignment, drift, and replies." })
+          ] }) : /* @__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,
-        F === "summary" ? /* @__PURE__ */ r(Bt, { feedback: d }) : null
+        T === "summary" ? /* @__PURE__ */ i(an, { feedback: b }) : null
       ] })
     ] })
   ] });
 }
-function Mt({
+function en({
   open: e,
   activeCount: t,
   statusFilter: n,
-  severityFilter: i,
-  categoryFilter: s,
+  severityFilter: r,
+  categoryFilter: o,
   assigneeFilter: c,
-  viewportFilter: g,
-  assignees: f,
-  responsivePresets: p,
-  onStatusChange: d,
-  onSeverityChange: v,
-  onCategoryChange: h,
-  onAssigneeChange: b,
-  onViewportChange: C,
-  onToggle: E,
-  onClear: A
+  viewportFilter: u,
+  assignees: w,
+  responsivePresets: g,
+  onStatusChange: b,
+  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: E, 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__ */ r("span", { children: t }) : null
+        t > 0 ? /* @__PURE__ */ i("span", { children: t }) : null
       ] }),
-      t > 0 ? /* @__PURE__ */ r("button", { type: "button", onClick: A, 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",
             value: n,
-            onChange: (u) => d(u.target.value),
+            onChange: (l) => b(l.target.value),
             children: [
-              /* @__PURE__ */ r("option", { value: "all", children: "All statuses" }),
-              He.map((u) => /* @__PURE__ */ r("option", { value: u, children: ae[u] }, u))
+              /* @__PURE__ */ i("option", { value: "all", children: "All statuses" }),
+              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: i,
-            onChange: (u) => v(u.target.value),
+            value: r,
+            onChange: (l) => A(l.target.value),
             children: [
-              /* @__PURE__ */ r("option", { value: "all", children: "All priorities" }),
-              je.map((u) => /* @__PURE__ */ r("option", { value: u, children: Q[u] }, u))
+              /* @__PURE__ */ i("option", { value: "all", children: "All priorities" }),
+              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: (u) => h(u.target.value),
+            value: o,
+            onChange: (l) => L(l.target.value),
             children: [
-              /* @__PURE__ */ r("option", { value: "all", children: "All types" }),
-              Oe.map((u) => /* @__PURE__ */ r("option", { value: u, children: Z[u] }, u))
+              /* @__PURE__ */ i("option", { value: "all", children: "All types" }),
+              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: (u) => b(u.target.value),
+            onChange: (l) => p(l.target.value),
             children: [
-              /* @__PURE__ */ r("option", { value: "all", children: "All assignees" }),
-              f.map((u) => /* @__PURE__ */ r("option", { value: u, children: u }, u))
+              /* @__PURE__ */ i("option", { value: "all", children: "All assignees" }),
+              w.map((l) => /* @__PURE__ */ i("option", { value: l, children: l }, l))
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Viewport",
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "select",
           {
             "aria-label": "Filter viewport",
-            value: g,
-            onChange: (u) => C(u.target.value),
+            value: u,
+            onChange: (l) => v(l.target.value),
             children: [
-              /* @__PURE__ */ r("option", { value: "all", children: "All viewports" }),
-              p.map((u) => /* @__PURE__ */ r("option", { value: u.value, children: u.label }, u.value))
+              /* @__PURE__ */ i("option", { value: "all", children: "All viewports" }),
+              g.map((l) => /* @__PURE__ */ i("option", { value: l.value, children: l.label }, l.value))
             ]
           }
         )
@@ -1114,13 +1360,13 @@ function Mt({
     ] }) : null
   ] });
 }
-function Tt({
+function tn({
   item: e,
   selected: t,
   onSelect: n
 }) {
-  const i = Ke(e);
-  return /* @__PURE__ */ o(
+  const r = et(e);
+  return /* @__PURE__ */ s(
     "article",
     {
       tabIndex: 0,
@@ -1130,160 +1376,191 @@ function Tt({
         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__ */ r("span", { children: ae[e.status] }),
-          /* @__PURE__ */ r("strong", { children: Q[e.severity] })
+        /* @__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__ */ r("p", { children: e.comment }),
-          /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-comment__content", children: [
+          /* @__PURE__ */ i("p", { children: e.comment }),
+          /* @__PURE__ */ s("span", { children: [
             e.authorEmail,
             e.assigneeEmail ? ` -> ${e.assigneeEmail}` : ""
           ] })
         ] }),
-        /* @__PURE__ */ o("div", { className: "review-lens-tags", children: [
-          /* @__PURE__ */ r("span", { children: Z[e.category] }),
-          /* @__PURE__ */ r("span", { children: e.viewportPreset }),
-          /* @__PURE__ */ r("span", { children: i.label })
+        /* @__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 })
         ] })
       ]
     }
   );
 }
-function Rt({
+function nn({
   item: e,
   messages: t,
   messageDraft: n,
-  canReply: i,
-  canUpdate: s,
+  canReply: r,
+  canUpdate: o,
   canAssign: c,
-  onMessageDraftChange: g,
-  onSubmitMessage: f,
-  onStatusChange: p,
-  onAssigneeChange: d,
-  onMarkFixed: v
+  syncSelectionToUrl: u,
+  onMessageDraftChange: w,
+  onSubmitMessage: g,
+  onStatusChange: b,
+  onAssigneeChange: A,
+  onMarkFixed: L
 }) {
-  const h = Ke(e);
-  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: [
-        Z[e.category],
+  const [p, v] = x(!1), h = et(e);
+  function k() {
+    const l = new URL(window.location.href);
+    l.searchParams.set("reviewLensFeedback", e.id), rn(l.toString()).then((C) => {
+      C && (v(!0), setTimeout(() => v(!1), 2e3));
+    });
+  }
+  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__ */ r("strong", { children: Q[e.severity] })
+      /* @__PURE__ */ s("div", { className: "review-lens-detail__header-actions", children: [
+        u ? /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "review-lens-copy-link",
+            onClick: k,
+            "aria-label": "Copy link to this feedback",
+            children: p ? "Copied!" : "Copy link"
+          }
+        ) : null,
+        /* @__PURE__ */ i("strong", { children: Z[e.severity] })
+      ] })
     ] }),
-    /* @__PURE__ */ r("blockquote", { children: e.comment }),
-    /* @__PURE__ */ o("dl", { className: "review-lens-detail-meta", children: [
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ r("dt", { children: "Target" }),
-        /* @__PURE__ */ r("dd", { children: h.label })
+    /* @__PURE__ */ i("blockquote", { children: e.comment }),
+    /* @__PURE__ */ s("dl", { className: "review-lens-detail-meta", children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ i("dt", { children: "Target" }),
+        /* @__PURE__ */ i("dd", { children: h.label })
       ] }),
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ r("dt", { children: "Viewport" }),
-        /* @__PURE__ */ r("dd", { children: e.viewportPreset })
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ i("dt", { children: "Viewport" }),
+        /* @__PURE__ */ i("dd", { children: e.viewportPreset })
       ] }),
-      e.screenshotUrl ? /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ r("dt", { children: "Evidence" }),
-        /* @__PURE__ */ r("dd", { children: /* @__PURE__ */ r("a", { href: e.screenshotUrl, target: "_blank", rel: "noreferrer", children: "Screenshot" }) })
+      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__ */ r(
+        /* @__PURE__ */ i(
           "select",
           {
             value: e.status,
-            disabled: !s,
-            onChange: (b) => p(b.target.value),
-            children: He.map((b) => /* @__PURE__ */ r("option", { value: b, children: ae[b] }, b))
+            disabled: !o,
+            onChange: (l) => b(l.target.value),
+            children: Xe.map((l) => /* @__PURE__ */ i("option", { value: l, children: se[l] }, l))
           }
         )
       ] }),
-      /* @__PURE__ */ o("label", { children: [
+      /* @__PURE__ */ s("label", { children: [
         "Assignee",
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "input",
           {
             defaultValue: e.assigneeEmail ?? "",
             disabled: !c,
-            onBlur: (b) => d(b.target.value),
+            onBlur: (l) => A(l.target.value),
             placeholder: "optional@email.com"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "review-lens-status-actions", children: [
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ s("div", { className: "review-lens-status-actions", children: [
+      /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           className: "review-lens-button-secondary",
-          disabled: !s,
-          onClick: v,
+          disabled: !o,
+          onClick: L,
           children: "Mark fixed"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           className: "review-lens-button-primary",
-          disabled: !s,
-          onClick: () => p("resolved"),
+          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__ */ r("h3", { children: "Thread" }),
-        /* @__PURE__ */ r("span", { children: t.length })
+    /* @__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__ */ r("p", { children: "No replies yet." }) : null,
-      t.map((b) => /* @__PURE__ */ o("div", { className: "review-lens-thread__message", children: [
-        /* @__PURE__ */ r("p", { children: b.body }),
-        /* @__PURE__ */ r("span", { children: b.authorEmail })
-      ] }, b.id)),
-      /* @__PURE__ */ r(
+      t.length === 0 ? /* @__PURE__ */ i("p", { children: "No replies yet." }) : null,
+      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)),
+      /* @__PURE__ */ i(
         "textarea",
         {
           "aria-label": "Reply",
           value: n,
-          disabled: !i,
-          onChange: (b) => g(b.target.value),
-          placeholder: i ? "Reply..." : "You do not have permission to reply."
+          disabled: !r,
+          onChange: (l) => w(l.target.value),
+          placeholder: r ? "Reply..." : "You do not have permission to reply."
         }
       ),
-      /* @__PURE__ */ r("div", { className: "review-lens-actions", children: /* @__PURE__ */ r("button", { type: "button", disabled: !n.trim() || !i, onClick: f, children: "Reply" }) })
+      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: g, children: "Reply" }) })
     ] })
   ] });
 }
-function Bt({ feedback: e }) {
-  return /* @__PURE__ */ o("div", { className: "review-lens-summary", role: "tabpanel", children: [
-    /* @__PURE__ */ r(G, { title: "Status", values: Y(e, (t) => ae[t.status]) }),
-    /* @__PURE__ */ r(G, { title: "Severity", values: Y(e, (t) => Q[t.severity]) }),
-    /* @__PURE__ */ r(G, { title: "Type", values: Y(e, (t) => Z[t.category]) }),
-    /* @__PURE__ */ r(G, { title: "Assignee", values: Y(e, (t) => t.assigneeEmail ?? "Unassigned") }),
-    /* @__PURE__ */ r(G, { title: "Viewport", values: Y(e, (t) => t.viewportPreset) })
+async function rn(e) {
+  var n;
+  if ((n = navigator.clipboard) != null && n.writeText)
+    return await navigator.clipboard.writeText(e), !0;
+  const t = document.createElement("textarea");
+  t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.append(t), t.select();
+  try {
+    return document.execCommand("copy");
+  } finally {
+    t.remove();
+  }
+}
+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") }),
+    /* @__PURE__ */ i(Y, { title: "Viewport", values: X(e, (t) => t.viewportPreset) })
   ] });
 }
-function G({ title: e, values: t }) {
-  return /* @__PURE__ */ o("section", { children: [
-    /* @__PURE__ */ r("h3", { children: e }),
-    /* @__PURE__ */ r("dl", { children: t.map(([n, i]) => /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ r("dt", { children: n }),
-      /* @__PURE__ */ r("dd", { children: i })
+function Y({ title: e, values: t }) {
+  return /* @__PURE__ */ s("section", { children: [
+    /* @__PURE__ */ i("h3", { children: e }),
+    /* @__PURE__ */ i("dl", { children: t.map(([n, r]) => /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ i("dt", { children: n }),
+      /* @__PURE__ */ i("dd", { children: r })
     ] }, n)) })
   ] });
 }
-function $t({ target: e, locked: t }) {
-  const n = Gt(e), i = Ot(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",
@@ -1294,7 +1571,7 @@ function $t({ target: e, locked: t }) {
         height: n.margin.height
       },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "review-lens-highlight__border",
@@ -1306,7 +1583,7 @@ function $t({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "review-lens-highlight__padding",
@@ -1318,7 +1595,7 @@ function $t({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "review-lens-highlight__content",
@@ -1330,9 +1607,9 @@ function $t({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ o("div", { className: "review-lens-highlight__label", children: [
-          /* @__PURE__ */ r("strong", { children: i }),
-          /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ s("div", { className: "review-lens-highlight__label", children: [
+          /* @__PURE__ */ i("strong", { children: r }),
+          /* @__PURE__ */ s("span", { children: [
             Math.round(e.rect.width),
             " x ",
             Math.round(e.rect.height)
@@ -1342,60 +1619,60 @@ function $t({ target: e, locked: t }) {
     }
   );
 }
-function _t({ from: e, to: t }) {
-  const n = Kt(e.rect, t.rect);
-  return n.length === 0 ? null : /* @__PURE__ */ r(re, { children: n.map((i) => /* @__PURE__ */ r(
+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",
     {
-      className: `review-lens-distance review-lens-distance--${i.axis}`,
+      className: `review-lens-distance review-lens-distance--${r.axis}`,
       style: {
-        top: i.top,
-        left: i.left,
-        width: i.width,
-        height: i.height
+        top: r.top,
+        left: r.left,
+        width: r.width,
+        height: r.height
       },
-      children: /* @__PURE__ */ r("span", { children: i.label })
+      children: /* @__PURE__ */ i("span", { children: r.label })
     },
-    i.key
+    r.key
   )) });
 }
-function Pt({
+function ln({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
-  return /* @__PURE__ */ r(re, { children: e.map((i) => /* @__PURE__ */ r(
-    Ut,
+  return /* @__PURE__ */ i(ae, { children: e.map((r) => /* @__PURE__ */ i(
+    cn,
     {
-      feedback: i,
-      selected: (t == null ? void 0 : t.id) === i.id,
+      feedback: r,
+      selected: (t == null ? void 0 : t.id) === r.id,
       onSelect: n
     },
-    i.id
+    r.id
   )) });
 }
-function Ut({
+function cn({
   feedback: e,
   selected: t,
   onSelect: n
 }) {
-  const i = We(null);
-  return lt(() => {
-    let s = 0;
+  const r = re(null);
+  return wt(() => {
+    let o = 0;
     const c = () => {
-      s = 0;
-      const f = i.current, p = z(e.selector), d = p == null ? void 0 : p.getBoundingClientRect();
-      !f || !d || (f.style.top = `${d.top}px`, f.style.left = `${d.right}px`, f.hidden = d.bottom < 0 || d.top > window.innerHeight);
-    }, g = () => {
-      s || (s = window.requestAnimationFrame(c));
+      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);
+    }, u = () => {
+      o || (o = window.requestAnimationFrame(c));
     };
-    return c(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
-      s && window.cancelAnimationFrame(s), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+    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__ */ r(
+  }, [e.selector]), /* @__PURE__ */ i(
     "button",
     {
-      ref: i,
+      ref: r,
       type: "button",
       className: t ? "review-lens-marker review-lens-marker--selected" : "review-lens-marker",
       onClick: () => n(e),
@@ -1403,35 +1680,35 @@ function Ut({
     }
   );
 }
-function Wt({
+function dn({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
-  const i = e.map((s) => {
-    const c = z(s.selector), g = c == null ? void 0 : c.getBoundingClientRect(), f = 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 !g || f <= 0 ? null : {
-      item: s,
-      top: Math.min(100, Math.max(0, (g.top + window.scrollY) / f * 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 i.length === 0 ? null : /* @__PURE__ */ r("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: i.map((s) => /* @__PURE__ */ r(
+  }).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 Dt({ target: e }) {
+function hn({ target: e }) {
   const t = [
     ["Selector", e.selector],
     ["Size", `${e.cssSnapshot.width} x ${e.cssSnapshot.height}`],
@@ -1444,183 +1721,184 @@ function Dt({ target: e }) {
     ["Color", e.cssSnapshot.color],
     ["Background", e.cssSnapshot.backgroundColor]
   ];
-  return /* @__PURE__ */ r("dl", { className: "review-lens-metrics", children: t.map(([n, i]) => /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ r("dt", { children: n }),
-    /* @__PURE__ */ r("dd", { children: i })
+  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 _e({ title: e, items: t }) {
-  return /* @__PURE__ */ o("section", { className: "review-lens-insights", children: [
-    /* @__PURE__ */ r("h3", { children: e }),
-    t.length === 0 ? /* @__PURE__ */ r("p", { children: "No issues detected." }) : null,
-    t.length > 0 ? /* @__PURE__ */ r("ul", { children: t.map((n) => /* @__PURE__ */ r("li", { children: n }, n)) }) : null
+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 Ke(e) {
-  const t = z(e.selector);
+function et(e) {
+  const t = H(e.selector);
   if (!t)
     return { label: "Target missing", level: "warning" };
-  const n = X(t);
+  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 zt(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 = [], i = t.tagName.toLowerCase(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(i) || s === "button" || s === "link", g = t.getAttribute("aria-label") || t.getAttribute("title") || ((p = t.textContent) == null ? void 0 : p.trim());
-  c && !g && 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."), i === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
-  const f = /^h[1-6]$/.test(i) ? Number(i.slice(1)) : 0;
-  return f > 1 && !document.querySelector(`h${f - 1}`) && n.push("Heading may skip the previous level."), Vt(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
+  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."), vn(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
 }
-function Ht(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 W("Padding", e.padding, t.spacing, n, { allowComposite: !0 }), W("Margin", e.margin, t.spacing, n, { allowComposite: !0 }), W("Font size", e.fontSize, t.fontSize, n), W("Line height", e.lineHeight, t.lineHeight, n), W("Text color", e.color, t.color, n), W("Background", e.backgroundColor, t.color, n), W("Radius", e.borderRadius, t.radius, n, { allowComposite: !0 }), n;
 }
-function U(e, t, n, i, s = {}) {
-  !n || n.length === 0 || !t || jt(t, n, s) || i.push(`${e} ${t} is outside configured tokens.`);
+function W(e, t, n, r, o = {}) {
+  !n || n.length === 0 || !t || pn(t, n, o) || r.push(`${e} ${t} is outside configured tokens.`);
 }
-function jt(e, t, n = {}) {
+function pn(e, t, n = {}) {
   if (t.includes(e))
     return !0;
   if (!n.allowComposite)
     return !1;
-  const i = e.trim().split(/\s+/);
-  return i.length > 1 && i.every((s) => t.includes(s));
+  const r = e.trim().split(/\s+/);
+  return r.length > 1 && r.every((o) => t.includes(o));
 }
-function Ot(e) {
-  const t = e.id ? `#${e.id}` : "", n = e.className ? `.${e.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".")}` : "", i = e.ariaLabel ? `[aria-label="${e.ariaLabel}"]` : "";
-  return `${e.tagName}${t}${n}${i}` || e.tagName;
+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 Kt(e, t) {
-  const n = [], i = (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, g = 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: Pe(s, 0, window.innerHeight),
+      top: Ke(o, 0, window.innerHeight),
       left: c,
-      width: Math.max(g - c, 1),
+      width: Math.max(u - c, 1),
       height: 1,
-      label: `${Math.round(g - 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, g = 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: Pe(i, 0, window.innerWidth),
+      left: Ke(r, 0, window.innerWidth),
       width: 1,
-      height: Math.max(g - c, 1),
-      label: `${Math.round(g - c)}px`
+      height: Math.max(u - c, 1),
+      label: `${Math.round(u - c)}px`
     });
   }
   return n;
 }
-function Pe(e, t, n) {
+function Ke(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-function Y(e, t) {
+function X(e, t) {
   const n = /* @__PURE__ */ new Map();
-  for (const i of e) {
-    const s = t(i);
-    n.set(s, (n.get(s) ?? 0) + 1);
+  for (const r of e) {
+    const o = t(r);
+    n.set(o, (n.get(o) ?? 0) + 1);
   }
-  return Array.from(n.entries()).sort((i, s) => s[1] - i[1] || i[0].localeCompare(s[0]));
+  return Array.from(n.entries()).sort((r, o) => o[1] - r[1] || r[0].localeCompare(o[0]));
 }
-function Jt(e) {
+function wn(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement || e instanceof HTMLElement && e.isContentEditable;
 }
-function Vt(e, t) {
-  const n = Ue(e), i = Ue(t);
-  return !n || !i || i.alpha === 0 ? !1 : qt(n, i) < 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 Ue(e) {
+function Je(e) {
   const t = e.match(/rgba?\(([^)]+)\)/);
   if (!t)
     return null;
-  const [n, i, s, c = "1"] = t[1].split(",").map((g) => g.trim());
+  const [n, r, o, c = "1"] = t[1].split(",").map((u) => u.trim());
   return {
     red: Number(n),
-    green: Number(i),
-    blue: Number(s),
+    green: Number(r),
+    blue: Number(o),
     alpha: Number(c)
   };
 }
-function qt(e, t) {
-  const n = Math.max(ne(e), ne(t)), i = Math.min(ne(e), ne(t));
-  return (n + 0.05) / (i + 0.05);
+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);
 }
-function ne(e) {
+function ie(e) {
   const t = [e.red, e.green, e.blue].map((n) => {
-    const i = n / 255;
-    return i <= 0.03928 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
+    const r = n / 255;
+    return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   });
   return t[0] * 0.2126 + t[1] * 0.7152 + t[2] * 0.0722;
 }
-function Gt(e) {
+function yn(e) {
   const t = {
-    top: L(e.cssSnapshot.marginTop),
-    right: L(e.cssSnapshot.marginRight),
-    bottom: L(e.cssSnapshot.marginBottom),
-    left: L(e.cssSnapshot.marginLeft)
+    top: I(e.cssSnapshot.marginTop),
+    right: I(e.cssSnapshot.marginRight),
+    bottom: I(e.cssSnapshot.marginBottom),
+    left: I(e.cssSnapshot.marginLeft)
   }, n = {
-    top: L(e.cssSnapshot.borderTopWidth),
-    right: L(e.cssSnapshot.borderRightWidth),
-    bottom: L(e.cssSnapshot.borderBottomWidth),
-    left: L(e.cssSnapshot.borderLeftWidth)
-  }, i = {
-    top: L(e.cssSnapshot.paddingTop),
-    right: L(e.cssSnapshot.paddingRight),
-    bottom: L(e.cssSnapshot.paddingBottom),
-    left: L(e.cssSnapshot.paddingLeft)
-  }, s = {
+    top: I(e.cssSnapshot.borderTopWidth),
+    right: I(e.cssSnapshot.borderRightWidth),
+    bottom: I(e.cssSnapshot.borderBottomWidth),
+    left: I(e.cssSnapshot.borderLeftWidth)
+  }, r = {
+    top: I(e.cssSnapshot.paddingTop),
+    right: I(e.cssSnapshot.paddingRight),
+    bottom: I(e.cssSnapshot.paddingBottom),
+    left: I(e.cssSnapshot.paddingLeft)
+  }, 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
-  }, g = {
-    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)
-  }, f = {
-    top: g.top + i.top,
-    left: g.left + i.left,
-    width: Math.max(g.width - i.left - i.right, 0),
-    height: Math.max(g.height - i.top - i.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: 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: g,
-    content: f
+    border: o,
+    padding: u,
+    content: w
   };
 }
-function L(e) {
+function I(e) {
   const t = Number.parseFloat(e);
   return Number.isFinite(t) ? t : 0;
 }
 export {
-  Zt as ReviewLensOverlay,
-  Qt as ReviewLensProvider,
-  X as buildElementTarget,
-  ht as createGoogleSheetsAdapter,
-  Ct as normalizeReviewUrl,
-  Nt as useReviewLens
+  Qt as ReviewLensLogo,
+  Nn as ReviewLensOverlay,
+  xn as ReviewLensProvider,
+  Q as buildElementTarget,
+  St as createGoogleSheetsAdapter,
+  Ut as normalizeReviewUrl,
+  Wt as useReviewLens
 };