review-lens-react 0.2.1 → 1.0.1

package/dist/review-lens-react.js

@@ -1,119 +1,153 @@
-import { jsx as i, jsxs as o, Fragment as ie } from "react/jsx-runtime";
-import { createContext as st, useMemo as re, 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 o, Fragment as ae } from "react/jsx-runtime";
+import { createContext as mt, useMemo as se, useState as N, useCallback as W, useEffect as B, useContext as pt, useRef as re, useLayoutEffect as gt } from "react";
+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", r = e.usersSheetName ?? "Users";
-  let s, c;
-  async function g() {
-    return s ?? (s = St(e.googleClientId)), s;
+], ft = "https://www.googleapis.com/auth/gmail.send", wt = "https://www.googleapis.com/oauth2/v3/userinfo", bt = "https://gmail.googleapis.com/gmail/v1/users/me/messages/send";
+function vt(e) {
+  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", r = e.usersSheetName ?? "Users", s = e.enableEmailNotifications ? [...Be, ft].join(" ") : Be.join(" ");
+  let c, h;
+  async function w() {
+    return c ?? (c = At(e.googleClientId, s)), c;
   }
-  async function f(d, v) {
-    const p = await g(), b = await fetch(
-      `https://sheets.googleapis.com/v4/spreadsheets/${e.spreadsheetId}${d}`,
+  async function p(g, f, m) {
+    const S = await w(), x = await fetch(
+      `https://sheets.googleapis.com/v4/spreadsheets/${g}${f}`,
       {
-        ...v,
+        ...m,
         headers: {
-          Authorization: `Bearer ${p}`,
+          Authorization: `Bearer ${S}`,
           "Content-Type": "application/json",
-          ...v == null ? void 0 : v.headers
+          ...m == null ? void 0 : m.headers
         }
       }
     );
-    if (!b.ok)
-      throw new Error(`Google Sheets request failed with ${b.status}`);
-    return b.json();
+    if (!x.ok)
+      throw new Error(`Google Sheets request failed with ${x.status}`);
+    return x.json();
   }
-  async function u(d) {
-    return (await f(
-      `/values/${encodeURIComponent(d)}`
+  async function b(g, f) {
+    return (await p(
+      g,
+      `/values/${encodeURIComponent(f)}`
     )).values ?? [];
   }
   return {
     async getCurrentUser() {
-      if (!c) {
-        const d = await g(), v = await fetch(dt, {
-          headers: { Authorization: `Bearer ${d}` }
+      if (!h) {
+        const g = await w(), f = await fetch(wt, {
+          headers: { Authorization: `Bearer ${g}` }
         });
-        if (!v.ok)
-          throw new Error(`Google userinfo request failed with ${v.status}`);
-        c = (await v.json()).email;
+        if (!f.ok)
+          throw new Error(`Google userinfo request failed with ${f.status}`);
+        h = (await f.json()).email;
       }
-      if (!c)
+      if (!h)
         throw new Error("Google account did not return an email address");
-      return { email: c };
+      return { email: h };
     },
-    async getPermissions(d) {
-      const [{ email: v }, p] = await Promise.all([this.getCurrentUser(), u(r)]), b = ce(p), E = v.toLowerCase(), x = b.find(
-        (A) => {
-          var h;
-          return ((h = A.email) == null ? void 0 : h.toLowerCase()) === E && A.active !== "false" && (!A.projectKey || A.projectKey === d);
+    async getPermissions(g) {
+      const [{ email: f }, m] = await Promise.all([
+        this.getCurrentUser(),
+        b(e.usersSpreadsheetId, r)
+      ]), S = ue(m), x = f.toLowerCase(), E = S.find(
+        (l) => {
+          var A;
+          return ((A = l.email) == null ? void 0 : A.toLowerCase()) === x && l.active !== "false" && (!l.projectKey || l.projectKey === g);
         }
       );
-      return gt((x == null ? void 0 : x.role) ?? "designer");
+      return Nt((E == null ? void 0 : E.role) ?? "designer");
     },
-    async listFeedback(d) {
-      return ce(await u(t)).map(Te).filter((p) => p !== null).filter(
-        (p) => p.projectKey === d.projectKey && p.contentId === d.contentId && p.normalizedPath === d.normalizedPath
-      ).sort((p, b) => b.createdAt.localeCompare(p.createdAt));
+    async listFeedback(g) {
+      return ue(await b(e.contentSpreadsheetId, t)).map(je).filter((m) => m !== null).filter(
+        (m) => m.projectKey === g.projectKey && m.contentId === g.contentId && m.normalizedPath === g.normalizedPath
+      ).sort((m, S) => S.createdAt.localeCompare(m.createdAt));
     },
-    async createFeedback(d) {
-      const v = (/* @__PURE__ */ new Date()).toISOString(), p = {
-        ...d,
+    async createFeedback(g) {
+      const f = (/* @__PURE__ */ new Date()).toISOString(), m = {
+        ...g,
         id: crypto.randomUUID(),
         attachments: [],
-        createdAt: v,
-        updatedAt: v
+        createdAt: f,
+        updatedAt: f
       };
-      return await f(`/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`, {
-        method: "POST",
-        body: JSON.stringify({ values: [Ie(p)] })
-      }), p;
+      return await p(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,
+        {
+          method: "POST",
+          body: JSON.stringify({ values: [_e(m)] })
+        }
+      ), m;
     },
-    async updateFeedback(d, v) {
-      const p = await u(t), b = p[0] ?? Me, E = b.indexOf("id");
-      if (E === -1)
+    async updateFeedback(g, f) {
+      const m = await b(e.contentSpreadsheetId, t), S = m[0] ?? Pe, x = S.indexOf("id");
+      if (x === -1)
         throw new Error(`Sheet ${t} is missing an id column`);
-      const x = p.findIndex((w, C) => C > 0 && w[E] === d);
-      if (x < 1)
-        throw new Error(`Feedback ${d} was not found`);
-      const A = (/* @__PURE__ */ new Date()).toISOString(), h = Te(De(b, p[x]));
-      if (!h)
-        throw new Error(`Feedback ${d} could not be parsed before updating`);
-      const R = {
-        ...h,
-        ...v,
-        updatedAt: A
-      }, y = Ie(R);
-      return await f(
-        `/values/${encodeURIComponent(t)}!A${x + 1}:${yt(
-          Me.length
-        )}${x + 1}?valueInputOption=RAW`,
+      const E = m.findIndex((C, F) => F > 0 && C[x] === g);
+      if (E < 1)
+        throw new Error(`Feedback ${g} was not found`);
+      const l = (/* @__PURE__ */ new Date()).toISOString(), A = je(Ke(S, m[E]));
+      if (!A)
+        throw new Error(`Feedback ${g} could not be parsed before updating`);
+      const v = {
+        ...A,
+        ...f,
+        updatedAt: l
+      }, y = _e(v);
+      return await p(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(t)}!A${E + 1}:${Ft(
+          Pe.length
+        )}${E + 1}?valueInputOption=RAW`,
         {
           method: "PUT",
           body: JSON.stringify({ values: [y] })
         }
-      ), R;
+      ), v;
     },
-    async listMessages(d) {
-      return ce(await u(n)).map(mt).filter((p) => p !== null).filter((p) => p.feedbackId === d).sort((p, b) => p.createdAt.localeCompare(b.createdAt));
+    async listMessages(g) {
+      return ue(await b(e.contentSpreadsheetId, n)).map(kt).filter((m) => m !== null).filter((m) => m.feedbackId === g).sort((m, S) => m.createdAt.localeCompare(S.createdAt));
     },
-    async createMessage(d) {
-      const v = {
-        ...d,
+    async createMessage(g) {
+      const f = {
+        ...g,
         id: crypto.randomUUID(),
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return await f(`/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`, {
+      return await p(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,
+        {
+          method: "POST",
+          body: JSON.stringify({ values: [St(f)] })
+        }
+      ), f;
+    },
+    async sendEmail(g) {
+      if (!e.enableEmailNotifications || g.to.length === 0)
+        return;
+      const f = await w(), m = await this.getCurrentUser(), S = await fetch(bt, {
         method: "POST",
-        body: JSON.stringify({ values: [pt(v)] })
-      }), v;
+        headers: {
+          Authorization: `Bearer ${f}`,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          raw: It({
+            from: m.email,
+            to: g.to,
+            subject: g.subject,
+            text: g.text
+          })
+        })
+      });
+      if (!S.ok)
+        throw new Error(`Gmail send request failed with ${S.status}`);
     }
   };
 }
-const Me = [
+const Pe = [
   "id",
   "projectKey",
   "contentId",
@@ -142,8 +176,8 @@ const Me = [
   "fixedBy",
   "resolvedAt",
   "resolvedBy"
-], ut = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
-function Ie(e) {
+], yt = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
+function _e(e) {
   return [
     e.id,
     e.projectKey,
@@ -175,17 +209,17 @@ function Ie(e) {
     e.resolvedBy ?? ""
   ];
 }
-function pt(e) {
-  return ut.map((t) => e[t]);
+function St(e) {
+  return yt.map((t) => e[t]);
 }
-function ce(e) {
+function ue(e) {
   const [t, ...n] = e;
-  return t ? n.map((r) => De(t, r)) : [];
+  return t ? n.map((r) => Ke(t, r)) : [];
 }
-function De(e, t) {
+function Ke(e, t) {
   return Object.fromEntries(e.map((n, r) => [n, t[r] ?? ""]));
 }
-function Te(e) {
+function je(e) {
   return e.id ? {
     id: e.id,
     projectKey: e.projectKey,
@@ -194,24 +228,24 @@ function Te(e) {
     originalUrl: e.originalUrl,
     selector: e.selector,
     selectorStrategy: e.selectorStrategy === "stable-attribute" ? "stable-attribute" : "css-path",
-    elementFingerprint: he(e.elementFingerprintJson, {
+    elementFingerprint: fe(e.elementFingerprintJson, {
       tagName: "",
       width: 0,
       height: 0
     }),
-    createdCssSnapshot: Re(e.createdCssSnapshotJson),
-    fixedCssSnapshot: e.fixedCssSnapshotJson ? Re(e.fixedCssSnapshotJson) : void 0,
+    createdCssSnapshot: Ue(e.createdCssSnapshotJson),
+    fixedCssSnapshot: e.fixedCssSnapshotJson ? Ue(e.fixedCssSnapshotJson) : void 0,
     comment: e.comment,
-    status: ft(e.status),
-    severity: bt(e.severity),
-    category: vt(e.category),
+    status: Ct(e.status),
+    severity: xt(e.severity),
+    category: Et(e.category),
     assigneeEmail: e.assigneeEmail || void 0,
     viewportWidth: Number(e.viewportWidth) || 0,
     viewportHeight: Number(e.viewportHeight) || 0,
-    viewportPreset: wt(e.viewportPreset),
+    viewportPreset: Lt(e.viewportPreset),
     screenshotUrl: e.screenshotUrl || void 0,
     screenshotThumbnailUrl: e.screenshotThumbnailUrl || void 0,
-    attachments: he(e.attachmentJson, []),
+    attachments: fe(e.attachmentJson, []),
     authorEmail: e.authorEmail,
     createdAt: e.createdAt,
     updatedAt: e.updatedAt,
@@ -221,7 +255,7 @@ function Te(e) {
     resolvedBy: e.resolvedBy || void 0
   } : null;
 }
-function mt(e) {
+function kt(e) {
   return !e.id || !e.feedbackId ? null : {
     id: e.id,
     feedbackId: e.feedbackId,
@@ -230,15 +264,15 @@ function mt(e) {
     createdAt: e.createdAt
   };
 }
-function he(e, t) {
+function fe(e, t) {
   try {
     return e ? JSON.parse(e) : t;
   } catch {
     return t;
   }
 }
-function Re(e) {
-  const t = he(e, {});
+function Ue(e) {
+  const t = fe(e, {});
   return {
     margin: t.margin ?? "",
     marginTop: t.marginTop ?? "",
@@ -265,22 +299,22 @@ function Re(e) {
     height: t.height ?? 0
   };
 }
-function gt(e) {
+function Nt(e) {
   return e === "admin" ? ["create", "read", "reply", "update", "assign"] : e === "developer" ? ["read", "reply", "update", "assign"] : ["create", "read", "reply"];
 }
-function ft(e) {
+function Ct(e) {
   return e === "in_progress" || e === "needs_clarification" || e === "fixed" || e === "wontfix" || e === "resolved" ? e : "open";
 }
-function bt(e) {
+function xt(e) {
   return e === "low" || e === "high" ? e : "medium";
 }
-function vt(e) {
+function Et(e) {
   return e === "visual" || e === "copy" || e === "accessibility" || e === "responsive" ? e : "bug";
 }
-function wt(e) {
+function Lt(e) {
   return e === "mobile" || e === "tablet" || e === "desktop" ? e : "custom";
 }
-function yt(e) {
+function Ft(e) {
   let t = e, n = "";
   for (; t > 0; ) {
     const r = (t - 1) % 26;
@@ -288,24 +322,24 @@ function yt(e) {
   }
   return n;
 }
-async function St(e) {
-  return await kt(), new Promise((t, n) => {
-    var s;
-    const r = (s = window.google) == null ? void 0 : s.accounts.oauth2.initTokenClient({
+async function At(e, t) {
+  return await Rt(), new Promise((n, r) => {
+    var c;
+    const s = (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: (h) => {
+        if (h.error || !h.access_token) {
+          r(new Error(h.error ?? "Google OAuth did not return an access token"));
           return;
         }
-        t(c.access_token);
+        n(h.access_token);
       }
     });
-    r == null || r.requestAccessToken({ prompt: "" });
+    s == null || s.requestAccessToken({ prompt: "" });
   });
 }
-function kt() {
+function Rt() {
   var e;
   return (e = window.google) != null && e.accounts.oauth2 ? Promise.resolve() : new Promise((t, n) => {
     const r = document.querySelector(
@@ -321,136 +355,245 @@ function kt() {
     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);
   });
 }
-function Ct(e) {
+function It(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 Mt(t);
+}
+function Mt(e) {
+  const t = new TextEncoder().encode(e);
+  let n = "";
+  return t.forEach((r) => {
+    n += String.fromCharCode(r);
+  }), btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
+}
+function $t(e) {
   return new URL(e, window.location.href).pathname.replace(/\/+$/, "") || "/";
 }
-const ze = st(null);
-function Qt({ config: e, children: t }) {
-  const n = re(() => e.adapter ? e.adapter : ht({
-    googleClientId: Be(e.googleClientId, "googleClientId"),
-    spreadsheetId: Be(e.spreadsheetId, "spreadsheetId"),
-    feedbackSheetName: e.sheetName ?? "Feedback"
-  }), [e.adapter, e.googleClientId, e.sheetName, e.spreadsheetId]), r = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? Ct)(r), [c, g] = k(), [f, u] = k([]), [d, v] = k([]), p = W(async () => {
-    const y = await n.listFeedback({
+const Je = mt(null);
+function wn({ config: e, children: t }) {
+  const n = se(() => e.adapter ? e.adapter : vt({
+    googleClientId: me(e.googleClientId, "googleClientId"),
+    contentSpreadsheetId: me(e.contentSpreadsheetId, "contentSpreadsheetId"),
+    usersSpreadsheetId: me(e.usersSpreadsheetId, "usersSpreadsheetId"),
+    feedbackSheetName: e.sheetName ?? "Feedback",
+    enableEmailNotifications: Oe(e)
+  }), [
+    e.adapter,
+    e.contentSpreadsheetId,
+    e.emailNotifications,
+    e.googleClientId,
+    e.sheetName,
+    e.usersSpreadsheetId
+  ]), r = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? $t)(r), [c, h] = N(), [w, p] = N([]), [b, g] = N([]), f = W(async () => {
+    const v = await n.listFeedback({
       projectKey: e.projectKey,
       contentId: e.contentId,
       normalizedPath: s
     });
-    v(y);
+    g(v);
   }, [n, e.contentId, e.projectKey, s]);
-  _(() => {
-    let y = !0;
-    async function w() {
-      const [C, B] = await Promise.all([
+  B(() => {
+    let v = !0;
+    async function y() {
+      const [C, F] = await Promise.all([
         n.getCurrentUser(),
         n.getPermissions(e.projectKey)
       ]);
-      y && (g(C), u(B), await p());
+      v && (h(C), p(F), await f());
     }
-    return w(), () => {
-      y = !1;
+    return y(), () => {
+      v = !1;
     };
-  }, [n, e.projectKey, p]);
-  const b = W(
-    async (y) => {
-      const w = await n.createFeedback(y);
-      return v((C) => [w, ...C]), w;
+  }, [n, e.projectKey, f]);
+  const m = W(
+    async (v) => {
+      const y = await n.createFeedback(v);
+      return g((C) => [y, ...C]), pe(e, n, {
+        actorEmail: (c == null ? void 0 : c.email) ?? v.authorEmail,
+        item: y,
+        kind: "created"
+      }), y;
     },
-    [n]
-  ), E = W(
-    async (y, w) => {
-      const C = await n.updateFeedback(y, w);
-      return v(
-        (B) => B.map((D) => D.id === y ? C : D)
-      ), C;
+    [n, e, c == null ? void 0 : c.email]
+  ), S = W(
+    async (v, y) => {
+      const C = b.find((_) => _.id === v), F = await n.updateFeedback(v, y);
+      return g(
+        (_) => _.map((H) => H.id === v ? F : H)
+      ), pe(e, n, {
+        actorEmail: c == null ? void 0 : c.email,
+        item: F,
+        kind: Bt(y),
+        previousItem: C
+      }), F;
     },
-    [n]
+    [n, e, c == null ? void 0 : c.email, b]
   ), x = W(
-    (y) => n.listMessages(y),
-    [n]
-  ), A = W(
-    (y) => n.createMessage(y),
+    (v) => n.listMessages(v),
     [n]
-  ), h = W(
-    async (y, w) => {
+  ), E = W(
+    async (v) => {
+      const y = await n.createMessage(v), C = b.find((F) => F.id === v.feedbackId);
+      return C && pe(e, n, {
+        actorEmail: v.authorEmail,
+        item: C,
+        kind: "reply",
+        replyBody: v.body
+      }), y;
+    },
+    [n, e, b]
+  ), l = W(
+    async (v, y) => {
       const C = e.uploadAttachment ?? n.uploadAttachment;
       if (!C)
         throw new Error("Review Lens attachment upload is not configured");
-      return C(y, w);
+      return C(v, y);
     },
     [n, e]
-  ), R = re(
+  ), A = se(
     () => ({
       config: e,
       adapter: n,
       currentUser: c,
-      permissions: f,
-      feedback: d,
+      permissions: w,
+      feedback: b,
       normalizedPath: s,
-      refreshFeedback: p,
-      createFeedback: b,
-      updateFeedback: E,
+      refreshFeedback: f,
+      createFeedback: m,
+      updateFeedback: S,
       listMessages: x,
-      createMessage: A,
-      uploadAttachment: h
+      createMessage: E,
+      uploadAttachment: l
     }),
     [
       n,
       e,
-      b,
+      m,
       c,
-      d,
+      b,
       s,
+      w,
       f,
-      p,
-      E,
+      S,
       x,
-      A,
-      h
+      E,
+      l
     ]
   );
-  return /* @__PURE__ */ i(ze.Provider, { value: R, children: t });
+  return /* @__PURE__ */ i(Je.Provider, { value: A, children: t });
 }
-function Nt() {
-  const e = ot(ze);
+function Tt() {
+  const e = pt(Je);
   if (!e)
     throw new Error("useReviewLens must be used inside ReviewLensProvider");
   return e;
 }
-function Be(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 Oe(e) {
+  return typeof e.emailNotifications == "object" ? e.emailNotifications.enabled !== !1 : !!e.emailNotifications;
+}
+function Bt(e) {
+  return e.status === "resolved" ? "resolved" : e.status === "fixed" || e.fixedAt || e.fixedBy ? "fixed" : e.status ? "status" : "assigneeEmail" in e ? "assigned" : "updated";
+}
+async function pe(e, t, n) {
+  if (!Oe(e) || !t.sendEmail)
+    return;
+  const r = Pt(n);
+  if (r.length !== 0)
+    try {
+      await t.sendEmail({
+        to: r,
+        subject: _t(e, n),
+        text: jt(n)
+      });
+    } catch (s) {
+      console.warn("Review Lens email notification failed", s);
+    }
+}
+function Pt(e) {
+  var n;
+  const t = /* @__PURE__ */ new Set();
+  return t.add(e.item.authorEmail), (n = e.previousItem) != null && n.assigneeEmail && t.add(e.previousItem.assigneeEmail), e.item.assigneeEmail && t.add(e.item.assigneeEmail), [...t].filter((r) => {
+    var s;
+    return r ? r.toLowerCase() !== ((s = e.actorEmail) == null ? void 0 : s.toLowerCase()) : !1;
+  });
+}
+function _t(e, t) {
+  return `${(typeof e.emailNotifications == "object" ? e.emailNotifications : {}).subjectPrefix ?? "Review Lens"}: ${qe(t)}`;
+}
+function jt(e) {
+  const t = [
+    "[Review Lens]",
+    qe(e),
+    Ut(e),
+    "",
+    `Review: ${e.item.comment}`,
+    `Status: ${Ve(e.item.status)}`,
+    `Author: ${e.item.authorEmail}`,
+    `Assignee: ${e.item.assigneeEmail ?? "Unassigned"}`,
+    `Link: ${Wt(e.item)}`
+  ];
+  return e.replyBody && t.splice(2, 0, `Reply: ${e.replyBody}`, ""), t.join(`
+`);
+}
+function Ut(e) {
+  return e.actorEmail ? `Sent by Review Lens on behalf of ${e.actorEmail}.` : "Sent by Review Lens on behalf of the signed-in Google user.";
+}
+function qe(e) {
+  return e.kind === "created" ? "New review feedback" : e.kind === "assigned" ? `Review assignment changed to ${e.item.assigneeEmail ?? "unassigned"}` : e.kind === "status" ? `Review status changed to ${Ve(e.item.status)}` : e.kind === "fixed" ? "Review marked fixed" : e.kind === "resolved" ? "Review resolved" : e.kind === "reply" ? "New review reply" : "Review updated";
+}
+function Wt(e) {
+  try {
+    const t = new URL(e.originalUrl);
+    return t.searchParams.set("reviewLensFeedback", e.id), t.toString();
+  } catch {
+    return e.originalUrl;
+  }
+}
+function Ve(e) {
+  return e.replace(/_/g, " ");
+}
+const Dt = [
   "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 = zt(e);
   return {
     selector: n.selector,
     selectorStrategy: n.strategy,
-    fingerprint: Lt(e, t),
-    cssSnapshot: Ft(e, t),
+    fingerprint: Kt(e, t),
+    cssSnapshot: Jt(e, t),
     rect: t
   };
 }
-function Et(e) {
-  for (const t of xt) {
+function zt(e) {
+  for (const t of Dt) {
     const n = e.getAttribute(t);
     if (n)
       return {
-        selector: `[${t}="${$e(n)}"]`,
+        selector: `[${t}="${We(n)}"]`,
         strategy: "stable-attribute"
       };
   }
-  return e.id ? { selector: `#${$e(e.id)}`, strategy: "stable-attribute" } : { selector: At(e), strategy: "css-path" };
+  return e.id ? { selector: `#${We(e.id)}`, strategy: "stable-attribute" } : { selector: Ht(e), strategy: "css-path" };
 }
-function At(e) {
+function Ht(e) {
   const t = [];
   let n = e;
   for (; n && n.nodeType === Node.ELEMENT_NODE && n !== document.body; ) {
@@ -459,14 +602,14 @@ function At(e) {
       t.unshift(s);
       break;
     }
-    const c = n.tagName, g = Array.from(r.children).filter(
-      (u) => u.tagName === c
-    ), f = g.indexOf(n) + 1;
-    t.unshift(g.length > 1 ? `${s}:nth-of-type(${f})` : s), n = r;
+    const c = n.tagName, h = Array.from(r.children).filter(
+      (p) => p.tagName === c
+    ), w = h.indexOf(n) + 1;
+    t.unshift(h.length > 1 ? `${s}:nth-of-type(${w})` : s), n = r;
   }
   return t.join(" > ");
 }
-function Lt(e, t) {
+function Kt(e, t) {
   var n;
   return {
     tagName: e.tagName.toLowerCase(),
@@ -478,15 +621,15 @@ function Lt(e, t) {
     height: Math.round(t.height)
   };
 }
-function Ft(e, t) {
+function Jt(e, t) {
   const n = window.getComputedStyle(e);
   return {
-    margin: de(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: de(
+    padding: ge(
       n.paddingTop,
       n.paddingRight,
       n.paddingBottom,
@@ -496,7 +639,7 @@ function Ft(e, t) {
     paddingRight: n.paddingRight,
     paddingBottom: n.paddingBottom,
     paddingLeft: n.paddingLeft,
-    border: de(
+    border: ge(
       n.borderTopWidth,
       n.borderRightWidth,
       n.borderBottomWidth,
@@ -516,265 +659,322 @@ function Ft(e, t) {
     height: Math.round(t.height)
   };
 }
-function de(e, t, n, r) {
+function ge(e, t, n, r) {
   return e === t && t === n && n === r ? e : `${e} ${t} ${n} ${r}`;
 }
-function $e(e) {
+function We(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-const Mt = [
+function Ot({ className: e, title: t = "Review Lens logo" }) {
+  return /* @__PURE__ */ o(
+    "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 qt = [
   { label: "Desktop", value: "desktop" },
   { label: "Tablet", value: "tablet" },
   { label: "Mobile", value: "mobile" }
-], He = [
+], Ge = [
   "open",
   "in_progress",
   "needs_clarification",
   "fixed",
   "wontfix",
   "resolved"
-], je = ["low", "medium", "high"], Oe = ["bug", "visual", "copy", "accessibility", "responsive"], ae = {
+], Ye = ["low", "medium", "high"], Xe = ["bug", "visual", "copy", "accessibility", "responsive"], oe = {
   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 bn({
   open: e,
   onOpenChange: t,
   placement: n = "top-right",
   showResolved: r = !1,
   syncSelectionToUrl: s = !1,
-  responsivePresets: c = Mt
+  responsivePresets: c = qt
 }) {
-  var Fe;
+  var Te;
   const {
-    adapter: g,
-    config: f,
-    currentUser: u,
-    feedback: d,
-    normalizedPath: v,
-    permissions: p,
-    createFeedback: b,
-    updateFeedback: E,
+    adapter: h,
+    config: w,
+    currentUser: p,
+    feedback: b,
+    normalizedPath: g,
+    permissions: f,
+    createFeedback: m,
+    updateFeedback: S,
     listMessages: x,
-    createMessage: A,
-    uploadAttachment: h
-  } = Nt(), [R, y] = k(), [w, C] = k(), [B, D] = k(""), [ue, Je] = k("medium"), [pe, Ve] = k("visual"), [me, ge] = k(""), [fe, qe] = k(
-    ((Fe = c[0]) == null ? void 0 : Fe.value) ?? "desktop"
-  ), [S, H] = k(), [M, $] = k("review"), [Ge, be] = k(!1), [j, ve] = k("all"), [O, we] = k("all"), [K, ye] = k("all"), [J, Se] = k("all"), [V, ke] = k("all"), [Ye, Xe] = k(!1), [Qe, Ce] = k({}), [se, oe] = k(""), ee = We(null), I = !!u, T = p.includes("create"), Ne = p.includes("reply"), xe = p.includes("update"), Ze = p.includes("assign"), P = R ?? w, et = !!w, tt = !!(f.captureScreenshot && (f.uploadAttachment || g.uploadAttachment)), nt = re(() => {
-    const a = d.map((m) => m.assigneeEmail).filter((m) => !!m);
-    return u != null && u.email && a.push(u.email), Array.from(new Set(a)).sort((m, l) => m.localeCompare(l));
-  }, [u == null ? void 0 : u.email, d]), L = re(
-    () => d.filter((a) => r || 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),
+    createMessage: E,
+    uploadAttachment: l
+  } = Tt(), [A, v] = N(), [y, C] = N(), [F, _] = N(""), [H, Ze] = N("medium"), [we, et] = N("visual"), [be, ve] = N(""), [ye, tt] = N(
+    ((Te = c[0]) == null ? void 0 : Te.value) ?? "desktop"
+  ), [k, K] = N(), [M, P] = N("review"), [nt, Se] = N(!1), [J, ke] = N("all"), [O, Ne] = N("all"), [q, Ce] = N("all"), [V, xe] = N("all"), [G, Ee] = N("all"), [it, rt] = N(!1), [at, Le] = N({}), [le, de] = N(""), te = re(null), Fe = re(e), ce = re(
+    s ? new URL(window.location.href).searchParams.get("reviewLensFeedback") : null
+  ), $ = !!p, T = f.includes("create"), Ae = f.includes("reply"), Re = f.includes("update"), st = f.includes("assign"), j = A ?? y, ot = !!y, lt = !!(w.captureScreenshot && (w.uploadAttachment || h.uploadAttachment)), dt = se(() => {
+    const a = b.map((u) => u.assigneeEmail).filter((u) => !!u);
+    return p != null && p.email && a.push(p.email), Array.from(new Set(a)).sort((u, d) => u.localeCompare(d));
+  }, [p == null ? void 0 : p.email, b]), R = se(
+    () => b.filter((a) => r || a.status !== "resolved").filter((a) => J === "all" || a.status === J).filter((a) => O === "all" || a.severity === O).filter((a) => q === "all" || a.category === q).filter((a) => V === "all" || a.assigneeEmail === V).filter((a) => G === "all" || a.viewportPreset === G),
     [
-      J,
-      K,
-      d,
+      V,
+      q,
+      b,
       O,
       r,
-      j,
-      V
+      J,
+      G
     ]
-  ), it = [
-    j,
-    O,
-    K,
+  ), ct = [
     J,
-    V
+    O,
+    q,
+    V,
+    G
   ].filter((a) => a !== "all").length;
-  _(() => {
-    e || (y(void 0), C(void 0), D(""), oe(""), $("review"));
-  }, [e]), _(() => {
-    I || (y(void 0), C(void 0));
-  }, [I]), _(() => {
-    !w || M !== "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();
+  B(() => {
+    if (e) {
+      Fe.current = !0;
+      return;
+    }
+    if (v(void 0), C(void 0), _(""), de(""), P("review"), s && Fe.current) {
+      const a = new URL(window.location.href);
+      a.searchParams.has("reviewLensFeedback") && (a.searchParams.delete("reviewLensFeedback"), window.history.replaceState({}, "", a));
+    }
+  }, [e, s]), B(() => {
+    $ || (v(void 0), C(void 0));
+  }, [$]), B(() => {
+    !y || M !== "review" || window.requestAnimationFrame(() => {
+      var a, u, d;
+      (u = (a = te.current) == null ? void 0 : a.scrollIntoView) == null || u.call(a, { block: "nearest" }), (d = te.current) == null || d.focus();
     });
-  }, [w, M]), _(() => {
-    if (!S)
+  }, [y, M]), B(() => {
+    if (!k)
       return;
     let a = !0;
-    return x(S.id).then((m) => {
-      a && Ce((l) => ({ ...l, [S.id]: m }));
+    return x(k.id).then((u) => {
+      a && Le((d) => ({ ...d, [k.id]: u }));
     }), () => {
       a = !1;
     };
-  }, [x, S]), _(() => {
-    if (!e || !s || S || d.length === 0)
+  }, [x, k]), B(() => {
+    if (!s || !ce.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((u) => u.id === ce.current);
+    a && (ce.current = null, t == null || t(!0), D(a, { syncUrl: !1 }));
+  }, [b, s]), B(() => {
+    if (!e || !s || k || b.length === 0)
+      return;
+    const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), u = b.find((d) => d.id === a);
+    u && D(u, { syncUrl: !1 });
+  }, [b, e, k, s]), B(() => {
     if (!e)
       return;
-    function a(l) {
-      var N;
-      if (l.key === "Shift" && be(!0), l.key === "Escape") {
-        l.preventDefault(), t == null || t(!1);
+    function a(d) {
+      var L;
+      if (d.key === "Shift" && Se(!0), d.key === "Escape") {
+        d.preventDefault(), t == null || t(!1);
         return;
       }
-      Jt(l.target) || ((l.key === "n" || l.key === "ArrowDown") && (l.preventDefault(), Ee(1)), (l.key === "p" || l.key === "ArrowUp") && (l.preventDefault(), Ee(-1)), l.key === "c" && (l.preventDefault(), $("review"), (N = ee.current) == null || N.focus()), l.key === "f" && S && xe && (l.preventDefault(), Le(S)));
+      hn(d.target) || ((d.key === "n" || d.key === "ArrowDown") && (d.preventDefault(), Ie(1)), (d.key === "p" || d.key === "ArrowUp") && (d.preventDefault(), Ie(-1)), d.key === "c" && (d.preventDefault(), P("review"), (L = te.current) == null || L.focus()), d.key === "f" && k && Re && (d.preventDefault(), $e(k)));
     }
-    function m(l) {
-      l.key === "Shift" && be(!1);
+    function u(d) {
+      d.key === "Shift" && Se(!1);
     }
-    return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
-      window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", u), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", u);
     };
   });
-  const le = W((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 he = W((a) => {
+    const u = a.target instanceof Element ? a.target : null;
+    if (u)
+      return u.closest("[data-review-lens-ui]") ? null : u;
+    const d = document.elementFromPoint(a.clientX, a.clientY);
+    return !d || d.closest("[data-review-lens-ui]") ? null : d;
   }, []);
-  if (_(() => {
-    if (!e || !I)
+  if (B(() => {
+    if (!e || !$)
       return;
-    function a(l) {
-      const N = le(l);
-      y(N ? X(N) : void 0);
+    function a(d) {
+      const L = he(d);
+      v(L ? Q(L) : void 0);
     }
-    function m(l) {
-      const N = le(l);
-      N && (l.preventDefault(), l.stopPropagation(), C(X(N)), $("review"));
+    function u(d) {
+      const L = he(d);
+      L && (d.preventDefault(), d.stopPropagation(), C(Q(L)), P("review"));
     }
-    return window.addEventListener("mousemove", a, !0), window.addEventListener("click", m, !0), () => {
-      window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", m, !0);
+    return window.addEventListener("mousemove", a, !0), window.addEventListener("click", u, !0), () => {
+      window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", u, !0);
     };
-  }, [I, le, e]), !e)
+  }, [$, he, e]), !e)
     return null;
-  function q(a, m = { syncUrl: !0 }) {
-    var N;
-    if (H(a), C(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 D(a, u = { syncUrl: !0 }) {
+    var L;
+    if (K(a), C(void 0), P("feedback"), s && u.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 = z(a.selector);
+    if (!d) {
+      v(void 0);
       return;
     }
-    (N = l.scrollIntoView) == null || N.call(l, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
-      y(X(l));
+    (L = d.scrollIntoView) == null || L.call(d, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
+      v(Q(d));
     });
   }
-  function Ee(a) {
-    if (L.length === 0)
+  function Ie(a) {
+    if (R.length === 0)
       return;
-    const m = S ? L.findIndex((N) => N.id === S.id) : -1, l = m < 0 ? a > 0 ? 0 : L.length - 1 : (m + a + L.length) % L.length;
-    q(L[l]);
+    const u = k ? R.findIndex((L) => L.id === k.id) : -1, d = u < 0 ? a > 0 ? 0 : R.length - 1 : (u + a + R.length) % R.length;
+    D(R[d]);
   }
-  async function Ae() {
-    if (!w || !B.trim() || !u || !T)
+  async function Me() {
+    if (!y || !F.trim() || !p || !T)
       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 m({
+      projectKey: w.projectKey,
+      contentId: w.contentId,
+      normalizedPath: g,
+      originalUrl: w.currentUrl ?? window.location.href,
+      selector: y.selector,
+      selectorStrategy: y.selectorStrategy,
+      elementFingerprint: y.fingerprint,
+      createdCssSnapshot: y.cssSnapshot,
+      comment: F.trim(),
       status: "open",
-      severity: ue,
-      category: pe,
-      assigneeEmail: me.trim() || void 0,
+      severity: H,
+      category: we,
+      assigneeEmail: be.trim() || void 0,
       viewportWidth: window.innerWidth,
       viewportHeight: window.innerHeight,
-      viewportPreset: fe,
+      viewportPreset: ye,
       screenshotUrl: void 0,
       screenshotThumbnailUrl: void 0,
-      authorEmail: u.email
+      authorEmail: p.email
     });
-    if (f.captureScreenshot)
+    if (w.captureScreenshot)
       try {
-        const m = await f.captureScreenshot(w), l = await h(a.id, {
+        const u = await w.captureScreenshot(y), d = await l(a.id, {
           type: "screenshot",
-          data: m,
-          createdBy: u.email
+          data: u,
+          createdBy: p.email
         });
-        a = await E(a.id, {
-          attachments: [l],
-          screenshotUrl: l.url,
-          screenshotThumbnailUrl: l.thumbnailUrl
+        a = await S(a.id, {
+          attachments: [d],
+          screenshotUrl: d.url,
+          screenshotThumbnailUrl: d.thumbnailUrl
         });
       } catch {
       }
-    D(""), ge(""), C(void 0), y(void 0), $("feedback"), H(a);
+    if (_(""), ve(""), C(void 0), v(void 0), P("feedback"), K(a), s) {
+      const u = new URL(window.location.href);
+      u.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", u);
+    }
   }
-  async function rt(a, m) {
-    const l = (/* @__PURE__ */ new Date()).toISOString(), N = m === "resolved" ? { status: m, resolvedAt: l, resolvedBy: u == null ? void 0 : u.email } : { status: m }, te = await E(a.id, N);
-    H(te);
+  async function ht(a, u) {
+    const d = (/* @__PURE__ */ new Date()).toISOString(), L = u === "resolved" ? { status: u, resolvedAt: d, resolvedBy: p == null ? void 0 : p.email } : { status: u }, ne = await S(a.id, L);
+    K(ne);
   }
-  async function Le(a) {
-    const m = z(a.selector);
-    if (!m || !u)
+  async function $e(a) {
+    const u = z(a.selector);
+    if (!u || !p)
       return;
-    const l = X(m), N = await E(a.id, {
+    const d = Q(u), L = await S(a.id, {
       status: "fixed",
-      fixedCssSnapshot: l.cssSnapshot,
+      fixedCssSnapshot: d.cssSnapshot,
       fixedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      fixedBy: u.email
+      fixedBy: p.email
     });
-    H(N);
+    K(L);
   }
-  async function at(a) {
-    if (!se.trim() || !u || !Ne)
+  async function ut(a) {
+    if (!le.trim() || !p || !Ae)
       return;
-    const m = await A({
+    const u = await E({
       feedbackId: a.id,
-      body: se.trim(),
-      authorEmail: u.email
+      body: le.trim(),
+      authorEmail: p.email
     });
-    Ce((l) => ({
-      ...l,
-      [a.id]: [...l[a.id] ?? [], m]
-    })), oe("");
+    Le((d) => ({
+      ...d,
+      [a.id]: [...d[a.id] ?? [], u]
+    })), de("");
   }
   return /* @__PURE__ */ o("div", { className: "review-lens-root", "data-review-lens-ui": !0, children: [
-    I && P ? /* @__PURE__ */ i($t, { target: P, locked: !!w }) : null,
-    I && w && R && Ge ? /* @__PURE__ */ i(_t, { from: w, to: R }) : null,
-    I ? /* @__PURE__ */ o(ie, { children: [
+    $ && j ? /* @__PURE__ */ i(Zt, { target: j, locked: !!y }) : null,
+    $ && y && A && nt ? /* @__PURE__ */ i(en, { from: y, to: A }) : null,
+    $ ? /* @__PURE__ */ o(ae, { children: [
       /* @__PURE__ */ i(
-        Pt,
+        tn,
         {
-          feedback: L,
-          selectedFeedback: S,
-          onSelect: q
+          feedback: R,
+          selectedFeedback: k,
+          onSelect: D
         }
       ),
       /* @__PURE__ */ i(
-        Wt,
+        rn,
         {
-          feedback: L,
-          selectedFeedback: S,
-          onSelect: q
+          feedback: R,
+          selectedFeedback: k,
+          onSelect: D
         }
       )
     ] }) : 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__ */ i("p", { className: "review-lens-kicker", children: "Review Lens" }),
-          /* @__PURE__ */ i("h2", { children: M === "summary" ? "Summary" : M === "feedback" ? "Feedback" : w ? "Element locked" : "Inspecting" })
+        /* @__PURE__ */ o("div", { className: "review-lens-brand", children: [
+          /* @__PURE__ */ i(Ot, { className: "review-lens-brand__mark" }),
+          /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ i("p", { className: "review-lens-kicker", children: "Review Lens" }),
+            /* @__PURE__ */ i("h2", { children: M === "summary" ? "Summary" : M === "feedback" ? "Feedback" : y ? "Element locked" : "Inspecting" })
+          ] })
         ] }),
         /* @__PURE__ */ i("button", { type: "button", onClick: () => t == null ? void 0 : t(!1), children: "Close" })
       ] }),
@@ -786,7 +986,7 @@ function Zt({
               type: "button",
               role: "tab",
               "aria-selected": M === "review",
-              onClick: () => $("review"),
+              onClick: () => P("review"),
               children: "Review"
             }
           ),
@@ -796,10 +996,10 @@ function Zt({
               type: "button",
               role: "tab",
               "aria-selected": M === "feedback",
-              onClick: () => $("feedback"),
+              onClick: () => P("feedback"),
               children: [
                 "Feedback ",
-                /* @__PURE__ */ i("span", { children: L.length })
+                /* @__PURE__ */ i("span", { children: R.length })
               ]
             }
           ),
@@ -809,46 +1009,46 @@ function Zt({
               type: "button",
               role: "tab",
               "aria-selected": M === "summary",
-              onClick: () => $("summary"),
+              onClick: () => P("summary"),
               children: "Summary"
             }
           )
         ] }),
         M === "review" ? /* @__PURE__ */ o("div", { className: "review-lens-review-pane", role: "tabpanel", children: [
           /* @__PURE__ */ o("div", { className: "review-lens-inspection", children: [
-            I ? null : /* @__PURE__ */ i("p", { children: "Authenticate with Google to inspect this page." }),
-            I && P ? /* @__PURE__ */ o(ie, { children: [
-              /* @__PURE__ */ i(Dt, { target: P }),
-              /* @__PURE__ */ i(_e, { title: "Accessibility", items: zt(P) }),
+            $ ? null : /* @__PURE__ */ i("p", { children: "Authenticate with Google to inspect this page." }),
+            $ && j ? /* @__PURE__ */ o(ae, { children: [
+              /* @__PURE__ */ i(an, { target: j }),
+              /* @__PURE__ */ i(De, { title: "Accessibility", items: sn(j) }),
               /* @__PURE__ */ i(
-                _e,
+                De,
                 {
                   title: "Design tokens",
-                  items: Ht(P.cssSnapshot, f.designTokens)
+                  items: on(j.cssSnapshot, w.designTokens)
                 }
               )
             ] }) : null,
-            I && !P ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
+            $ && !j ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
           ] }),
-          et ? /* @__PURE__ */ i("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ o(
+          ot ? /* @__PURE__ */ i("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ o(
             "form",
             {
               className: "review-lens-feedback-form",
               onSubmit: (a) => {
-                a.preventDefault(), Ae();
+                a.preventDefault(), Me();
               },
               children: [
                 /* @__PURE__ */ i("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
                 /* @__PURE__ */ i(
                   "textarea",
                   {
-                    ref: ee,
+                    ref: te,
                     id: "review-lens-comment",
-                    value: B,
+                    value: F,
                     disabled: !T,
-                    onChange: (a) => D(a.target.value),
+                    onChange: (a) => _(a.target.value),
                     onKeyDown: (a) => {
-                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Ae());
+                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Me());
                     },
                     placeholder: T ? "Describe the UX issue..." : "You do not have permission to comment."
                   }
@@ -859,10 +1059,10 @@ function Zt({
                     /* @__PURE__ */ i(
                       "select",
                       {
-                        value: ue,
-                        onChange: (a) => Je(a.target.value),
+                        value: H,
+                        onChange: (a) => Ze(a.target.value),
                         disabled: !T,
-                        children: je.map((a) => /* @__PURE__ */ i("option", { value: a, children: Q[a] }, a))
+                        children: Ye.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
                       }
                     )
                   ] }),
@@ -871,10 +1071,10 @@ function Zt({
                     /* @__PURE__ */ i(
                       "select",
                       {
-                        value: pe,
-                        onChange: (a) => Ve(a.target.value),
+                        value: we,
+                        onChange: (a) => et(a.target.value),
                         disabled: !T,
-                        children: Oe.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
+                        children: Xe.map((a) => /* @__PURE__ */ i("option", { value: a, children: ee[a] }, a))
                       }
                     )
                   ] }),
@@ -883,8 +1083,8 @@ function Zt({
                     /* @__PURE__ */ i(
                       "input",
                       {
-                        value: me,
-                        onChange: (a) => ge(a.target.value),
+                        value: be,
+                        onChange: (a) => ve(a.target.value),
                         disabled: !T,
                         placeholder: "optional@email.com"
                       }
@@ -895,8 +1095,8 @@ function Zt({
                     /* @__PURE__ */ i(
                       "select",
                       {
-                        value: fe,
-                        onChange: (a) => qe(a.target.value),
+                        value: ye,
+                        onChange: (a) => tt(a.target.value),
                         disabled: !T,
                         children: c.map((a) => /* @__PURE__ */ i("option", { value: a.value, children: a.label }, a.value))
                       }
@@ -909,103 +1109,104 @@ function Zt({
                   " + ",
                   /* @__PURE__ */ i("kbd", { children: "Enter" }),
                   " to submit.",
-                  tt ? " Screenshot capture runs after save." : ""
+                  lt ? " Screenshot capture runs after save." : ""
                 ] }) : null,
-                /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("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() || !T, children: "Save feedback" }) })
               ]
             }
           ) }) : null
         ] }) : null,
         M === "feedback" ? /* @__PURE__ */ o("div", { className: "review-lens-comments", children: [
           /* @__PURE__ */ i(
-            It,
+            Vt,
             {
-              open: Ye,
-              activeCount: it,
-              statusFilter: j,
+              open: it,
+              activeCount: ct,
+              statusFilter: J,
               severityFilter: O,
-              categoryFilter: K,
-              assigneeFilter: J,
-              viewportFilter: V,
-              assignees: nt,
+              categoryFilter: q,
+              assigneeFilter: V,
+              viewportFilter: G,
+              assignees: dt,
               responsivePresets: c,
-              onStatusChange: ve,
-              onSeverityChange: we,
-              onCategoryChange: ye,
-              onAssigneeChange: Se,
-              onViewportChange: ke,
-              onToggle: () => Xe((a) => !a),
+              onStatusChange: ke,
+              onSeverityChange: Ne,
+              onCategoryChange: Ce,
+              onAssigneeChange: xe,
+              onViewportChange: Ee,
+              onToggle: () => rt((a) => !a),
               onClear: () => {
-                ve("all"), we("all"), ye("all"), Se("all"), ke("all");
+                ke("all"), Ne("all"), Ce("all"), xe("all"), Ee("all");
               }
             }
           ),
           /* @__PURE__ */ o("div", { className: "review-lens-list-panel", children: [
             /* @__PURE__ */ o("div", { className: "review-lens-comments__header", children: [
               /* @__PURE__ */ i("h3", { children: "All feedback" }),
-              /* @__PURE__ */ i("span", { children: L.length })
+              /* @__PURE__ */ i("span", { children: R.length })
             ] }),
             /* @__PURE__ */ o("div", { className: "review-lens-comments__list", children: [
-              L.length === 0 ? /* @__PURE__ */ i("p", { children: "No feedback for this view." }) : null,
-              L.map((a) => /* @__PURE__ */ i(
-                Tt,
+              R.length === 0 ? /* @__PURE__ */ i("p", { children: "No feedback for this view." }) : null,
+              R.map((a) => /* @__PURE__ */ i(
+                Gt,
                 {
                   item: a,
-                  selected: (S == null ? void 0 : S.id) === a.id,
-                  onSelect: q
+                  selected: (k == null ? void 0 : k.id) === a.id,
+                  onSelect: D
                 },
                 a.id
               ))
             ] })
           ] }),
-          S ? /* @__PURE__ */ o("div", { className: "review-lens-selected-panel", children: [
+          k ? /* @__PURE__ */ o("div", { className: "review-lens-selected-panel", children: [
             /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
             /* @__PURE__ */ i(
-              Rt,
+              Yt,
               {
-                item: S,
-                messages: Qe[S.id] ?? [],
-                messageDraft: se,
-                canReply: Ne,
-                canUpdate: xe,
-                canAssign: Ze,
-                onMessageDraftChange: oe,
-                onSubmitMessage: () => void at(S),
-                onStatusChange: (a) => void rt(S, a),
-                onAssigneeChange: (a) => void E(S.id, {
+                item: k,
+                messages: at[k.id] ?? [],
+                messageDraft: le,
+                canReply: Ae,
+                canUpdate: Re,
+                canAssign: st,
+                syncSelectionToUrl: s,
+                onMessageDraftChange: de,
+                onSubmitMessage: () => void ut(k),
+                onStatusChange: (a) => void ht(k, a),
+                onAssigneeChange: (a) => void S(k.id, {
                   assigneeEmail: a.trim() || void 0
-                }).then(H),
-                onMarkFixed: () => void Le(S)
+                }).then(K),
+                onMarkFixed: () => void $e(k)
               },
-              S.id
+              k.id
             )
           ] }) : /* @__PURE__ */ o("div", { className: "review-lens-selected-panel review-lens-selected-panel--empty", children: [
             /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
             /* @__PURE__ */ i("p", { children: "Select a feedback item above to review status, assignment, drift, and replies." })
           ] })
         ] }) : null,
-        M === "summary" ? /* @__PURE__ */ i(Bt, { feedback: d }) : null
+        M === "summary" ? /* @__PURE__ */ i(Qt, { feedback: b }) : null
       ] })
     ] })
   ] });
 }
-function It({
+function Vt({
   open: e,
   activeCount: t,
   statusFilter: n,
   severityFilter: r,
   categoryFilter: s,
   assigneeFilter: c,
-  viewportFilter: g,
-  assignees: f,
-  responsivePresets: u,
-  onStatusChange: d,
-  onSeverityChange: v,
-  onCategoryChange: p,
-  onAssigneeChange: b,
-  onViewportChange: E,
+  viewportFilter: h,
+  assignees: w,
+  responsivePresets: p,
+  onStatusChange: b,
+  onSeverityChange: g,
+  onCategoryChange: f,
+  onAssigneeChange: m,
+  onViewportChange: S,
   onToggle: x,
-  onClear: A
+  onClear: E
 }) {
   return /* @__PURE__ */ o("div", { className: "review-lens-filter-shell", children: [
     /* @__PURE__ */ o("div", { className: "review-lens-filter-bar", children: [
@@ -1013,7 +1214,7 @@ function It({
         "Filters",
         t > 0 ? /* @__PURE__ */ i("span", { children: t }) : null
       ] }),
-      t > 0 ? /* @__PURE__ */ i("button", { type: "button", onClick: A, children: "Clear" }) : null
+      t > 0 ? /* @__PURE__ */ i("button", { type: "button", onClick: E, children: "Clear" }) : null
     ] }),
     e ? /* @__PURE__ */ o("div", { className: "review-lens-filters", children: [
       /* @__PURE__ */ o("label", { children: [
@@ -1023,10 +1224,10 @@ function It({
           {
             "aria-label": "Filter status",
             value: n,
-            onChange: (h) => d(h.target.value),
+            onChange: (l) => b(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All statuses" }),
-              He.map((h) => /* @__PURE__ */ i("option", { value: h, children: ae[h] }, h))
+              Ge.map((l) => /* @__PURE__ */ i("option", { value: l, children: oe[l] }, l))
             ]
           }
         )
@@ -1038,10 +1239,10 @@ function It({
           {
             "aria-label": "Filter severity",
             value: r,
-            onChange: (h) => v(h.target.value),
+            onChange: (l) => g(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All priorities" }),
-              je.map((h) => /* @__PURE__ */ i("option", { value: h, children: Q[h] }, h))
+              Ye.map((l) => /* @__PURE__ */ i("option", { value: l, children: Z[l] }, l))
             ]
           }
         )
@@ -1053,10 +1254,10 @@ function It({
           {
             "aria-label": "Filter type",
             value: s,
-            onChange: (h) => p(h.target.value),
+            onChange: (l) => f(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All types" }),
-              Oe.map((h) => /* @__PURE__ */ i("option", { value: h, children: Z[h] }, h))
+              Xe.map((l) => /* @__PURE__ */ i("option", { value: l, children: ee[l] }, l))
             ]
           }
         )
@@ -1068,10 +1269,10 @@ function It({
           {
             "aria-label": "Filter assignee",
             value: c,
-            onChange: (h) => b(h.target.value),
+            onChange: (l) => m(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All assignees" }),
-              f.map((h) => /* @__PURE__ */ i("option", { value: h, children: h }, h))
+              w.map((l) => /* @__PURE__ */ i("option", { value: l, children: l }, l))
             ]
           }
         )
@@ -1082,11 +1283,11 @@ function It({
           "select",
           {
             "aria-label": "Filter viewport",
-            value: g,
-            onChange: (h) => E(h.target.value),
+            value: h,
+            onChange: (l) => S(l.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All viewports" }),
-              u.map((h) => /* @__PURE__ */ i("option", { value: h.value, children: h.label }, h.value))
+              p.map((l) => /* @__PURE__ */ i("option", { value: l.value, children: l.label }, l.value))
             ]
           }
         )
@@ -1094,12 +1295,12 @@ function It({
     ] }) : null
   ] });
 }
-function Tt({
+function Gt({
   item: e,
   selected: t,
   onSelect: n
 }) {
-  const r = Ke(e);
+  const r = Qe(e);
   return /* @__PURE__ */ o(
     "article",
     {
@@ -1115,8 +1316,8 @@ function Tt({
       },
       children: [
         /* @__PURE__ */ o("div", { className: "review-lens-comment__header", children: [
-          /* @__PURE__ */ i("span", { children: ae[e.status] }),
-          /* @__PURE__ */ i("strong", { children: Q[e.severity] })
+          /* @__PURE__ */ i("span", { children: oe[e.status] }),
+          /* @__PURE__ */ i("strong", { children: Z[e.severity] })
         ] }),
         /* @__PURE__ */ o("div", { className: "review-lens-comment__content", children: [
           /* @__PURE__ */ i("p", { children: e.comment }),
@@ -1126,7 +1327,7 @@ function Tt({
           ] })
         ] }),
         /* @__PURE__ */ o("div", { className: "review-lens-tags", children: [
-          /* @__PURE__ */ i("span", { children: Z[e.category] }),
+          /* @__PURE__ */ i("span", { children: ee[e.category] }),
           /* @__PURE__ */ i("span", { children: e.viewportPreset }),
           /* @__PURE__ */ i("span", { children: r.label })
         ] })
@@ -1134,33 +1335,52 @@ function Tt({
     }
   );
 }
-function Rt({
+function Yt({
   item: e,
   messages: t,
   messageDraft: n,
   canReply: r,
   canUpdate: s,
   canAssign: c,
-  onMessageDraftChange: g,
-  onSubmitMessage: f,
-  onStatusChange: u,
-  onAssigneeChange: d,
-  onMarkFixed: v
+  syncSelectionToUrl: h,
+  onMessageDraftChange: w,
+  onSubmitMessage: p,
+  onStatusChange: b,
+  onAssigneeChange: g,
+  onMarkFixed: f
 }) {
-  const p = Ke(e);
+  const [m, S] = N(!1), x = Qe(e);
+  function E() {
+    const l = new URL(window.location.href);
+    l.searchParams.set("reviewLensFeedback", e.id), Xt(l.toString()).then((A) => {
+      A && (S(!0), setTimeout(() => S(!1), 2e3));
+    });
+  }
   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],
+        ee[e.category],
         " feedback"
       ] }),
-      /* @__PURE__ */ i("strong", { children: Q[e.severity] })
+      /* @__PURE__ */ o("div", { className: "review-lens-detail__header-actions", children: [
+        h ? /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "review-lens-copy-link",
+            onClick: E,
+            "aria-label": "Copy link to this feedback",
+            children: m ? "Copied!" : "Copy link"
+          }
+        ) : null,
+        /* @__PURE__ */ i("strong", { children: Z[e.severity] })
+      ] })
     ] }),
     /* @__PURE__ */ i("blockquote", { children: e.comment }),
     /* @__PURE__ */ o("dl", { className: "review-lens-detail-meta", children: [
       /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ i("dt", { children: "Target" }),
-        /* @__PURE__ */ i("dd", { children: p.label })
+        /* @__PURE__ */ i("dd", { children: x.label })
       ] }),
       /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ i("dt", { children: "Viewport" }),
@@ -1179,8 +1399,8 @@ function Rt({
           {
             value: e.status,
             disabled: !s,
-            onChange: (b) => u(b.target.value),
-            children: He.map((b) => /* @__PURE__ */ i("option", { value: b, children: ae[b] }, b))
+            onChange: (l) => b(l.target.value),
+            children: Ge.map((l) => /* @__PURE__ */ i("option", { value: l, children: oe[l] }, l))
           }
         )
       ] }),
@@ -1191,7 +1411,7 @@ function Rt({
           {
             defaultValue: e.assigneeEmail ?? "",
             disabled: !c,
-            onBlur: (b) => d(b.target.value),
+            onBlur: (l) => g(l.target.value),
             placeholder: "optional@email.com"
           }
         )
@@ -1204,7 +1424,7 @@ function Rt({
           type: "button",
           className: "review-lens-button-secondary",
           disabled: !s,
-          onClick: v,
+          onClick: f,
           children: "Mark fixed"
         }
       ),
@@ -1214,7 +1434,7 @@ function Rt({
           type: "button",
           className: "review-lens-button-primary",
           disabled: !s,
-          onClick: () => u("resolved"),
+          onClick: () => b("resolved"),
           children: "Resolve"
         }
       )
@@ -1225,34 +1445,46 @@ function Rt({
         /* @__PURE__ */ i("span", { children: t.length })
       ] }),
       t.length === 0 ? /* @__PURE__ */ i("p", { children: "No replies yet." }) : null,
-      t.map((b) => /* @__PURE__ */ o("div", { className: "review-lens-thread__message", children: [
-        /* @__PURE__ */ i("p", { children: b.body }),
-        /* @__PURE__ */ i("span", { children: b.authorEmail })
-      ] }, b.id)),
+      t.map((l) => /* @__PURE__ */ o("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: !r,
-          onChange: (b) => g(b.target.value),
+          onChange: (l) => w(l.target.value),
           placeholder: r ? "Reply..." : "You do not have permission to reply."
         }
       ),
-      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: f, children: "Reply" }) })
+      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: p, children: "Reply" }) })
     ] })
   ] });
 }
-function Bt({ feedback: e }) {
+async function Xt(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 Qt({ feedback: e }) {
   return /* @__PURE__ */ o("div", { className: "review-lens-summary", role: "tabpanel", children: [
-    /* @__PURE__ */ i(G, { title: "Status", values: Y(e, (t) => ae[t.status]) }),
-    /* @__PURE__ */ i(G, { title: "Severity", values: Y(e, (t) => Q[t.severity]) }),
-    /* @__PURE__ */ i(G, { title: "Type", values: Y(e, (t) => Z[t.category]) }),
-    /* @__PURE__ */ i(G, { title: "Assignee", values: Y(e, (t) => t.assigneeEmail ?? "Unassigned") }),
-    /* @__PURE__ */ i(G, { title: "Viewport", values: Y(e, (t) => t.viewportPreset) })
+    /* @__PURE__ */ i(Y, { title: "Status", values: X(e, (t) => oe[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 }) {
+function Y({ title: e, values: t }) {
   return /* @__PURE__ */ o("section", { children: [
     /* @__PURE__ */ i("h3", { children: e }),
     /* @__PURE__ */ i("dl", { children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
@@ -1261,8 +1493,8 @@ function G({ title: e, values: t }) {
     ] }, n)) })
   ] });
 }
-function $t({ target: e, locked: t }) {
-  const n = Gt(e), r = Ot(e.fingerprint);
+function Zt({ target: e, locked: t }) {
+  const n = pn(e), r = dn(e.fingerprint);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1322,9 +1554,9 @@ 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__ */ i(ie, { children: n.map((r) => /* @__PURE__ */ i(
+function en({ from: e, to: t }) {
+  const n = cn(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--${r.axis}`,
@@ -1339,13 +1571,13 @@ function _t({ from: e, to: t }) {
     r.key
   )) });
 }
-function Pt({
+function tn({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
-  return /* @__PURE__ */ i(ie, { children: e.map((r) => /* @__PURE__ */ i(
-    Ut,
+  return /* @__PURE__ */ i(ae, { children: e.map((r) => /* @__PURE__ */ i(
+    nn,
     {
       feedback: r,
       selected: (t == null ? void 0 : t.id) === r.id,
@@ -1354,23 +1586,23 @@ function Pt({
     r.id
   )) });
 }
-function Ut({
+function nn({
   feedback: e,
   selected: t,
   onSelect: n
 }) {
-  const r = We(null);
-  return lt(() => {
+  const r = re(null);
+  return gt(() => {
     let s = 0;
     const c = () => {
       s = 0;
-      const f = r.current, u = z(e.selector), d = u == null ? void 0 : u.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 = () => {
+      const w = r.current, p = z(e.selector), b = p == null ? void 0 : p.getBoundingClientRect();
+      !w || !b || (w.style.top = `${b.top}px`, w.style.left = `${b.right}px`, w.hidden = b.bottom < 0 || b.top > window.innerHeight);
+    }, h = () => {
       s || (s = window.requestAnimationFrame(c));
     };
-    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", h, !0), window.addEventListener("resize", h), () => {
+      s && window.cancelAnimationFrame(s), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
   }, [e.selector]), /* @__PURE__ */ i(
     "button",
@@ -1383,20 +1615,20 @@ function Ut({
     }
   );
 }
-function Wt({
+function rn({
   feedback: e,
   selectedFeedback: t,
   onSelect: n
 }) {
   const r = e.map((s) => {
-    const c = z(s.selector), g = c == null ? void 0 : c.getBoundingClientRect(), f = Math.max(
+    const c = z(s.selector), h = c == null ? void 0 : c.getBoundingClientRect(), w = Math.max(
       document.documentElement.scrollHeight,
       document.body.scrollHeight,
       window.innerHeight
     );
-    return !g || f <= 0 ? null : {
+    return !h || w <= 0 ? null : {
       item: s,
-      top: Math.min(100, Math.max(0, (g.top + window.scrollY) / f * 100))
+      top: Math.min(100, Math.max(0, (h.top + window.scrollY) / w * 100))
     };
   }).filter((s) => s !== null);
   return r.length === 0 ? null : /* @__PURE__ */ i("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: r.map((s) => /* @__PURE__ */ i(
@@ -1411,7 +1643,7 @@ function Wt({
     s.item.id
   )) });
 }
-function Dt({ target: e }) {
+function an({ target: e }) {
   const t = [
     ["Selector", e.selector],
     ["Size", `${e.cssSnapshot.width} x ${e.cssSnapshot.height}`],
@@ -1429,7 +1661,7 @@ function Dt({ target: e }) {
     /* @__PURE__ */ i("dd", { children: r })
   ] }, n)) });
 }
-function _e({ title: e, items: t }) {
+function De({ title: e, items: t }) {
   return /* @__PURE__ */ o("section", { className: "review-lens-insights", children: [
     /* @__PURE__ */ i("h3", { children: e }),
     t.length === 0 ? /* @__PURE__ */ i("p", { children: "No issues detected." }) : null,
@@ -1443,31 +1675,31 @@ function z(e) {
     return null;
   }
 }
-function Ke(e) {
+function Qe(e) {
   const t = z(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 u;
+function sn(e) {
+  var p;
   const t = z(e.selector);
   if (!t)
     return ["Selected element is no longer available."];
-  const n = [], r = t.tagName.toLowerCase(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(r) || s === "button" || s === "link", g = t.getAttribute("aria-label") || t.getAttribute("title") || ((u = t.textContent) == null ? void 0 : u.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."), r === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
-  const f = /^h[1-6]$/.test(r) ? Number(r.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(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(r) || s === "button" || s === "link", h = t.getAttribute("aria-label") || t.getAttribute("title") || ((p = t.textContent) == null ? void 0 : p.trim());
+  c && !h && n.push("Interactive element has no accessible name."), c && (e.rect.width < 44 || e.rect.height < 44) && n.push("Tap target is smaller than 44 x 44."), r === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
+  const w = /^h[1-6]$/.test(r) ? Number(r.slice(1)) : 0;
+  return w > 1 && !document.querySelector(`h${w - 1}`) && n.push("Heading may skip the previous level."), un(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
 }
-function Ht(e, t = {}) {
+function on(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;
 }
 function U(e, t, n, r, s = {}) {
-  !n || n.length === 0 || !t || jt(t, n, s) || r.push(`${e} ${t} is outside configured tokens.`);
+  !n || n.length === 0 || !t || ln(t, n, s) || r.push(`${e} ${t} is outside configured tokens.`);
 }
-function jt(e, t, n = {}) {
+function ln(e, t, n = {}) {
   if (t.includes(e))
     return !0;
   if (!n.allowComposite)
@@ -1475,42 +1707,42 @@ function jt(e, t, n = {}) {
   const r = e.trim().split(/\s+/);
   return r.length > 1 && r.every((s) => t.includes(s));
 }
-function Ot(e) {
+function dn(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) {
+function cn(e, t) {
   const n = [], r = (Math.max(e.left, t.left) + Math.min(e.right, t.right)) / 2, s = (Math.max(e.top, t.top) + Math.min(e.bottom, t.bottom)) / 2;
   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, h = e.right <= t.left ? t.left : e.left;
     n.push({
       key: "horizontal",
       axis: "horizontal",
-      top: Pe(s, 0, window.innerHeight),
+      top: ze(s, 0, window.innerHeight),
       left: c,
-      width: Math.max(g - c, 1),
+      width: Math.max(h - c, 1),
       height: 1,
-      label: `${Math.round(g - c)}px`
+      label: `${Math.round(h - 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, h = e.bottom <= t.top ? t.top : e.top;
     n.push({
       key: "vertical",
       axis: "vertical",
       top: c,
-      left: Pe(r, 0, window.innerWidth),
+      left: ze(r, 0, window.innerWidth),
       width: 1,
-      height: Math.max(g - c, 1),
-      label: `${Math.round(g - c)}px`
+      height: Math.max(h - c, 1),
+      label: `${Math.round(h - c)}px`
     });
   }
   return n;
 }
-function Pe(e, t, n) {
+function ze(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 r of e) {
     const s = t(r);
@@ -1518,18 +1750,18 @@ function Y(e, t) {
   }
   return Array.from(n.entries()).sort((r, s) => s[1] - r[1] || r[0].localeCompare(s[0]));
 }
-function Jt(e) {
+function hn(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement || e instanceof HTMLElement && e.isContentEditable;
 }
-function Vt(e, t) {
-  const n = Ue(e), r = Ue(t);
-  return !n || !r || r.alpha === 0 ? !1 : qt(n, r) < 4.5;
+function un(e, t) {
+  const n = He(e), r = He(t);
+  return !n || !r || r.alpha === 0 ? !1 : mn(n, r) < 4.5;
 }
-function Ue(e) {
+function He(e) {
   const t = e.match(/rgba?\(([^)]+)\)/);
   if (!t)
     return null;
-  const [n, r, s, c = "1"] = t[1].split(",").map((g) => g.trim());
+  const [n, r, s, c = "1"] = t[1].split(",").map((h) => h.trim());
   return {
     red: Number(n),
     green: Number(r),
@@ -1537,33 +1769,33 @@ function Ue(e) {
     alpha: Number(c)
   };
 }
-function qt(e, t) {
-  const n = Math.max(ne(e), ne(t)), r = Math.min(ne(e), ne(t));
+function mn(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 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 pn(e) {
   const t = {
-    top: F(e.cssSnapshot.marginTop),
-    right: F(e.cssSnapshot.marginRight),
-    bottom: F(e.cssSnapshot.marginBottom),
-    left: F(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: F(e.cssSnapshot.borderTopWidth),
-    right: F(e.cssSnapshot.borderRightWidth),
-    bottom: F(e.cssSnapshot.borderBottomWidth),
-    left: F(e.cssSnapshot.borderLeftWidth)
+    top: I(e.cssSnapshot.borderTopWidth),
+    right: I(e.cssSnapshot.borderRightWidth),
+    bottom: I(e.cssSnapshot.borderBottomWidth),
+    left: I(e.cssSnapshot.borderLeftWidth)
   }, r = {
-    top: F(e.cssSnapshot.paddingTop),
-    right: F(e.cssSnapshot.paddingRight),
-    bottom: F(e.cssSnapshot.paddingBottom),
-    left: F(e.cssSnapshot.paddingLeft)
+    top: I(e.cssSnapshot.paddingTop),
+    right: I(e.cssSnapshot.paddingRight),
+    bottom: I(e.cssSnapshot.paddingBottom),
+    left: I(e.cssSnapshot.paddingLeft)
   }, s = {
     top: e.rect.top,
     left: e.rect.left,
@@ -1574,33 +1806,34 @@ function Gt(e) {
     left: s.left - t.left,
     width: s.width + t.left + t.right,
     height: s.height + t.top + t.bottom
-  }, g = {
+  }, h = {
     top: s.top + n.top,
     left: s.left + n.left,
     width: Math.max(s.width - n.left - n.right, 0),
     height: Math.max(s.height - n.top - n.bottom, 0)
-  }, f = {
-    top: g.top + r.top,
-    left: g.left + r.left,
-    width: Math.max(g.width - r.left - r.right, 0),
-    height: Math.max(g.height - r.top - r.bottom, 0)
+  }, w = {
+    top: h.top + r.top,
+    left: h.left + r.left,
+    width: Math.max(h.width - r.left - r.right, 0),
+    height: Math.max(h.height - r.top - r.bottom, 0)
   };
   return {
     margin: c,
     border: s,
-    padding: g,
-    content: f
+    padding: h,
+    content: w
   };
 }
-function F(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
+  Ot as ReviewLensLogo,
+  bn as ReviewLensOverlay,
+  wn as ReviewLensProvider,
+  Q as buildElementTarget,
+  vt as createGoogleSheetsAdapter,
+  $t as normalizeReviewUrl,
+  Tt as useReviewLens
 };