review-lens-react 0.2.1 → 1.0.0

package/dist/review-lens-react.js

@@ -1,34 +1,35 @@
-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";
+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 = [
   "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";
+  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", i = e.usersSheetName ?? "Users";
   let s, c;
   async function g() {
     return s ?? (s = St(e.googleClientId)), s;
   }
-  async function f(d, v) {
-    const p = await g(), b = await fetch(
-      `https://sheets.googleapis.com/v4/spreadsheets/${e.spreadsheetId}${d}`,
+  async function f(d, v, h) {
+    const b = await g(), C = await fetch(
+      `https://sheets.googleapis.com/v4/spreadsheets/${d}${v}`,
       {
-        ...v,
+        ...h,
         headers: {
-          Authorization: `Bearer ${p}`,
+          Authorization: `Bearer ${b}`,
           "Content-Type": "application/json",
-          ...v == null ? void 0 : v.headers
+          ...h == null ? void 0 : h.headers
         }
       }
     );
-    if (!b.ok)
-      throw new Error(`Google Sheets request failed with ${b.status}`);
-    return b.json();
+    if (!C.ok)
+      throw new Error(`Google Sheets request failed with ${C.status}`);
+    return C.json();
   }
-  async function u(d) {
+  async function p(d, v) {
     return (await f(
-      `/values/${encodeURIComponent(d)}`
+      d,
+      `/values/${encodeURIComponent(v)}`
     )).values ?? [];
   }
   return {
@@ -46,51 +47,59 @@ function ht(e) {
       return { email: c };
     },
     async getPermissions(d) {
-      const [{ email: v }, p] = await Promise.all([this.getCurrentUser(), u(r)]), b = ce(p), E = v.toLowerCase(), x = b.find(
+      const [{ email: v }, h] = await Promise.all([
+        this.getCurrentUser(),
+        p(e.usersSpreadsheetId, i)
+      ]), b = ce(h), C = v.toLowerCase(), E = b.find(
         (A) => {
-          var h;
-          return ((h = A.email) == null ? void 0 : h.toLowerCase()) === E && A.active !== "false" && (!A.projectKey || A.projectKey === d);
+          var u;
+          return ((u = A.email) == null ? void 0 : u.toLowerCase()) === C && A.active !== "false" && (!A.projectKey || A.projectKey === d);
         }
       );
-      return gt((x == null ? void 0 : x.role) ?? "designer");
+      return gt((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));
+      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 createFeedback(d) {
-      const v = (/* @__PURE__ */ new Date()).toISOString(), p = {
+      const v = (/* @__PURE__ */ new Date()).toISOString(), h = {
         ...d,
         id: crypto.randomUUID(),
         attachments: [],
         createdAt: v,
         updatedAt: v
       };
-      return await f(`/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`, {
-        method: "POST",
-        body: JSON.stringify({ values: [Ie(p)] })
-      }), p;
+      return await f(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,
+        {
+          method: "POST",
+          body: JSON.stringify({ values: [Te(h)] })
+        }
+      ), h;
     },
     async updateFeedback(d, v) {
-      const p = await u(t), b = p[0] ?? Me, E = b.indexOf("id");
-      if (E === -1)
+      const h = await p(e.contentSpreadsheetId, t), b = h[0] ?? Me, C = b.indexOf("id");
+      if (C === -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)
+      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(), h = Te(De(b, p[x]));
-      if (!h)
+      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 = {
-        ...h,
+        ...u,
         ...v,
         updatedAt: A
-      }, y = Ie(R);
+      }, y = Te(R);
       return await f(
-        `/values/${encodeURIComponent(t)}!A${x + 1}:${yt(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(t)}!A${E + 1}:${yt(
           Me.length
-        )}${x + 1}?valueInputOption=RAW`,
+        )}${E + 1}?valueInputOption=RAW`,
         {
           method: "PUT",
           body: JSON.stringify({ values: [y] })
@@ -98,7 +107,7 @@ function ht(e) {
       ), R;
     },
     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));
+      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 createMessage(d) {
       const v = {
@@ -106,10 +115,14 @@ function ht(e) {
         id: crypto.randomUUID(),
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return await f(`/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`, {
-        method: "POST",
-        body: JSON.stringify({ values: [pt(v)] })
-      }), v;
+      return await f(
+        e.contentSpreadsheetId,
+        `/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,
+        {
+          method: "POST",
+          body: JSON.stringify({ values: [pt(v)] })
+        }
+      ), v;
     }
   };
 }
@@ -143,7 +156,7 @@ const Me = [
   "resolvedAt",
   "resolvedBy"
 ], ut = ["id", "feedbackId", "body", "authorEmail", "createdAt"];
-function Ie(e) {
+function Te(e) {
   return [
     e.id,
     e.projectKey,
@@ -180,12 +193,12 @@ function pt(e) {
 }
 function ce(e) {
   const [t, ...n] = e;
-  return t ? n.map((r) => De(t, r)) : [];
+  return t ? n.map((i) => De(t, i)) : [];
 }
 function De(e, t) {
-  return Object.fromEntries(e.map((n, r) => [n, t[r] ?? ""]));
+  return Object.fromEntries(e.map((n, i) => [n, t[i] ?? ""]));
 }
-function Te(e) {
+function Re(e) {
   return e.id ? {
     id: e.id,
     projectKey: e.projectKey,
@@ -194,13 +207,13 @@ function Te(e) {
     originalUrl: e.originalUrl,
     selector: e.selector,
     selectorStrategy: e.selectorStrategy === "stable-attribute" ? "stable-attribute" : "css-path",
-    elementFingerprint: he(e.elementFingerprintJson, {
+    elementFingerprint: ue(e.elementFingerprintJson, {
       tagName: "",
       width: 0,
       height: 0
     }),
-    createdCssSnapshot: Re(e.createdCssSnapshotJson),
-    fixedCssSnapshot: e.fixedCssSnapshotJson ? Re(e.fixedCssSnapshotJson) : void 0,
+    createdCssSnapshot: Be(e.createdCssSnapshotJson),
+    fixedCssSnapshot: e.fixedCssSnapshotJson ? Be(e.fixedCssSnapshotJson) : void 0,
     comment: e.comment,
     status: ft(e.status),
     severity: bt(e.severity),
@@ -211,7 +224,7 @@ function Te(e) {
     viewportPreset: wt(e.viewportPreset),
     screenshotUrl: e.screenshotUrl || void 0,
     screenshotThumbnailUrl: e.screenshotThumbnailUrl || void 0,
-    attachments: he(e.attachmentJson, []),
+    attachments: ue(e.attachmentJson, []),
     authorEmail: e.authorEmail,
     createdAt: e.createdAt,
     updatedAt: e.updatedAt,
@@ -230,15 +243,15 @@ function mt(e) {
     createdAt: e.createdAt
   };
 }
-function he(e, t) {
+function ue(e, t) {
   try {
     return e ? JSON.parse(e) : t;
   } catch {
     return t;
   }
 }
-function Re(e) {
-  const t = he(e, {});
+function Be(e) {
+  const t = ue(e, {});
   return {
     margin: t.margin ?? "",
     marginTop: t.marginTop ?? "",
@@ -283,15 +296,15 @@ function wt(e) {
 function yt(e) {
   let t = e, n = "";
   for (; t > 0; ) {
-    const r = (t - 1) % 26;
-    n = String.fromCharCode(65 + r) + n, t = Math.floor((t - r) / 26);
+    const i = (t - 1) % 26;
+    n = String.fromCharCode(65 + i) + n, t = Math.floor((t - i) / 26);
   }
   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({
+    const i = (s = window.google) == null ? void 0 : s.accounts.oauth2.initTokenClient({
       client_id: e,
       scope: ct,
       callback: (c) => {
@@ -302,17 +315,17 @@ async function St(e) {
         t(c.access_token);
       }
     });
-    r == null || r.requestAccessToken({ prompt: "" });
+    i == null || i.requestAccessToken({ prompt: "" });
   });
 }
 function kt() {
   var e;
   return (e = window.google) != null && e.accounts.oauth2 ? Promise.resolve() : new Promise((t, n) => {
-    const r = document.querySelector(
+    const i = document.querySelector(
       'script[src="https://accounts.google.com/gsi/client"]'
     );
-    if (r) {
-      r.addEventListener("load", () => t(), { once: !0 }), r.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
+    if (i) {
+      i.addEventListener("load", () => t(), { once: !0 }), i.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
         once: !0
       });
       return;
@@ -326,11 +339,18 @@ function Ct(e) {
 }
 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"),
+  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"
-  }), [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 () => {
+  }), [
+    e.adapter,
+    e.contentSpreadsheetId,
+    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({
       projectKey: e.projectKey,
       contentId: e.contentId,
@@ -341,45 +361,45 @@ function Qt({ config: e, children: t }) {
   _(() => {
     let y = !0;
     async function w() {
-      const [C, B] = await Promise.all([
+      const [N, B] = await Promise.all([
         n.getCurrentUser(),
         n.getPermissions(e.projectKey)
       ]);
-      y && (g(C), u(B), await p());
+      y && (g(N), p(B), await h());
     }
     return w(), () => {
       y = !1;
     };
-  }, [n, e.projectKey, p]);
+  }, [n, e.projectKey, h]);
   const b = W(
     async (y) => {
       const w = await n.createFeedback(y);
-      return v((C) => [w, ...C]), w;
+      return v((N) => [w, ...N]), w;
     },
     [n]
-  ), E = W(
+  ), C = W(
     async (y, w) => {
-      const C = await n.updateFeedback(y, w);
+      const N = await n.updateFeedback(y, w);
       return v(
-        (B) => B.map((D) => D.id === y ? C : D)
-      ), C;
+        (B) => B.map((D) => D.id === y ? N : D)
+      ), N;
     },
     [n]
-  ), x = W(
+  ), E = W(
     (y) => n.listMessages(y),
     [n]
   ), A = W(
     (y) => n.createMessage(y),
     [n]
-  ), h = W(
+  ), u = W(
     async (y, w) => {
-      const C = e.uploadAttachment ?? n.uploadAttachment;
-      if (!C)
+      const N = e.uploadAttachment ?? n.uploadAttachment;
+      if (!N)
         throw new Error("Review Lens attachment upload is not configured");
-      return C(y, w);
+      return N(y, w);
     },
     [n, e]
-  ), R = re(
+  ), R = ie(
     () => ({
       config: e,
       adapter: n,
@@ -387,12 +407,12 @@ function Qt({ config: e, children: t }) {
       permissions: f,
       feedback: d,
       normalizedPath: s,
-      refreshFeedback: p,
+      refreshFeedback: h,
       createFeedback: b,
-      updateFeedback: E,
-      listMessages: x,
+      updateFeedback: C,
+      listMessages: E,
       createMessage: A,
-      uploadAttachment: h
+      uploadAttachment: u
     }),
     [
       n,
@@ -402,14 +422,14 @@ function Qt({ config: e, children: t }) {
       d,
       s,
       f,
-      p,
+      h,
+      C,
       E,
-      x,
       A,
-      h
+      u
     ]
   );
-  return /* @__PURE__ */ i(ze.Provider, { value: R, children: t });
+  return /* @__PURE__ */ r(ze.Provider, { value: R, children: t });
 }
 function Nt() {
   const e = ot(ze);
@@ -417,7 +437,7 @@ function Nt() {
     throw new Error("useReviewLens must be used inside ReviewLensProvider");
   return e;
 }
-function Be(e, t) {
+function de(e, t) {
   if (!e)
     throw new Error(`review-lens-react requires config.${t} when no adapter is provided`);
   return e;
@@ -434,8 +454,8 @@ function X(e) {
   return {
     selector: n.selector,
     selectorStrategy: n.strategy,
-    fingerprint: Lt(e, t),
-    cssSnapshot: Ft(e, t),
+    fingerprint: It(e, t),
+    cssSnapshot: Lt(e, t),
     rect: t
   };
 }
@@ -454,19 +474,19 @@ function At(e) {
   const t = [];
   let n = e;
   for (; n && n.nodeType === Node.ELEMENT_NODE && n !== document.body; ) {
-    const r = n.parentElement, s = n.tagName.toLowerCase();
-    if (!r) {
+    const i = n.parentElement, s = n.tagName.toLowerCase();
+    if (!i) {
       t.unshift(s);
       break;
     }
-    const c = n.tagName, g = Array.from(r.children).filter(
-      (u) => u.tagName === c
+    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 = r;
+    t.unshift(g.length > 1 ? `${s}:nth-of-type(${f})` : s), n = i;
   }
   return t.join(" > ");
 }
-function Lt(e, t) {
+function It(e, t) {
   var n;
   return {
     tagName: e.tagName.toLowerCase(),
@@ -478,15 +498,15 @@ function Lt(e, t) {
     height: Math.round(t.height)
   };
 }
-function Ft(e, t) {
+function Lt(e, t) {
   const n = window.getComputedStyle(e);
   return {
-    margin: de(n.marginTop, n.marginRight, n.marginBottom, n.marginLeft),
+    margin: he(n.marginTop, n.marginRight, n.marginBottom, n.marginLeft),
     marginTop: n.marginTop,
     marginRight: n.marginRight,
     marginBottom: n.marginBottom,
     marginLeft: n.marginLeft,
-    padding: de(
+    padding: he(
       n.paddingTop,
       n.paddingRight,
       n.paddingBottom,
@@ -496,7 +516,7 @@ function Ft(e, t) {
     paddingRight: n.paddingRight,
     paddingBottom: n.paddingBottom,
     paddingLeft: n.paddingLeft,
-    border: de(
+    border: he(
       n.borderTopWidth,
       n.borderRightWidth,
       n.borderBottomWidth,
@@ -516,13 +536,13 @@ function Ft(e, t) {
     height: Math.round(t.height)
   };
 }
-function de(e, t, n, r) {
-  return e === t && t === n && n === r ? e : `${e} ${t} ${n} ${r}`;
+function he(e, t, n, i) {
+  return e === t && t === n && n === i ? e : `${e} ${t} ${n} ${i}`;
 }
 function $e(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
 }
-const Mt = [
+const Ft = [
   { label: "Desktop", value: "desktop" },
   { label: "Tablet", value: "tablet" },
   { label: "Mobile", value: "mobile" }
@@ -555,40 +575,40 @@ function Zt({
   open: e,
   onOpenChange: t,
   placement: n = "top-right",
-  showResolved: r = !1,
+  showResolved: i = !1,
   syncSelectionToUrl: s = !1,
-  responsivePresets: c = Mt
+  responsivePresets: c = Ft
 }) {
   var Fe;
   const {
     adapter: g,
     config: f,
-    currentUser: u,
+    currentUser: p,
     feedback: d,
     normalizedPath: v,
-    permissions: p,
+    permissions: h,
     createFeedback: b,
-    updateFeedback: E,
-    listMessages: x,
+    updateFeedback: C,
+    listMessages: E,
     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(
+    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(), [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(() => {
+  ), [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 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),
+    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),
     [
       J,
       K,
       d,
       O,
-      r,
+      i,
       j,
       V
     ]
-  ), it = [
+  ), rt = [
     j,
     O,
     K,
@@ -596,24 +616,24 @@ function Zt({
     V
   ].filter((a) => a !== "all").length;
   _(() => {
-    e || (y(void 0), C(void 0), D(""), oe(""), $("review"));
+    e || (y(void 0), N(void 0), D(""), oe(""), $("review"));
   }, [e]), _(() => {
-    I || (y(void 0), C(void 0));
-  }, [I]), _(() => {
-    !w || M !== "review" || window.requestAnimationFrame(() => {
+    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();
     });
-  }, [w, M]), _(() => {
+  }, [w, F]), _(() => {
     if (!S)
       return;
     let a = !0;
-    return x(S.id).then((m) => {
-      a && Ce((l) => ({ ...l, [S.id]: m }));
+    return E(S.id).then((m) => {
+      a && Ne((l) => ({ ...l, [S.id]: m }));
     }), () => {
       a = !1;
     };
-  }, [x, S]), _(() => {
+  }, [E, S]), _(() => {
     if (!e || !s || S || d.length === 0)
       return;
     const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), m = d.find((l) => l.id === a);
@@ -622,15 +642,15 @@ function Zt({
     if (!e)
       return;
     function a(l) {
-      var N;
-      if (l.key === "Shift" && be(!0), l.key === "Escape") {
+      var x;
+      if (l.key === "Shift" && ve(!0), l.key === "Escape") {
         l.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)));
+      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)));
     }
     function m(l) {
-      l.key === "Shift" && be(!1);
+      l.key === "Shift" && ve(!1);
     }
     return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
       window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
@@ -644,24 +664,24 @@ function Zt({
     return !l || l.closest("[data-review-lens-ui]") ? null : l;
   }, []);
   if (_(() => {
-    if (!e || !I)
+    if (!e || !M)
       return;
     function a(l) {
-      const N = le(l);
-      y(N ? X(N) : void 0);
+      const x = le(l);
+      y(x ? X(x) : void 0);
     }
     function m(l) {
-      const N = le(l);
-      N && (l.preventDefault(), l.stopPropagation(), C(X(N)), $("review"));
+      const x = le(l);
+      x && (l.preventDefault(), l.stopPropagation(), N(X(x)), $("review"));
     }
     return window.addEventListener("mousemove", a, !0), window.addEventListener("click", m, !0), () => {
       window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", m, !0);
     };
-  }, [I, le, e]), !e)
+  }, [M, le, e]), !e)
     return null;
   function q(a, m = { syncUrl: !0 }) {
-    var N;
-    if (H(a), C(void 0), $("feedback"), s && m.syncUrl !== !1) {
+    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);
     }
@@ -670,18 +690,18 @@ function Zt({
       y(void 0);
       return;
     }
-    (N = l.scrollIntoView) == null || N.call(l, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
+    (x = l.scrollIntoView) == null || x.call(l, { behavior: "smooth", block: "center", inline: "center" }), window.requestAnimationFrame(() => {
       y(X(l));
     });
   }
-  function Ee(a) {
-    if (L.length === 0)
+  function Ae(a) {
+    if (I.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 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]);
   }
-  async function Ae() {
-    if (!w || !B.trim() || !u || !T)
+  async function Ie() {
+    if (!w || !B.trim() || !p || !T)
       return;
     let a = await b({
       projectKey: f.projectKey,
@@ -694,77 +714,77 @@ function Zt({
       createdCssSnapshot: w.cssSnapshot,
       comment: B.trim(),
       status: "open",
-      severity: ue,
-      category: pe,
-      assigneeEmail: me.trim() || void 0,
+      severity: pe,
+      category: me,
+      assigneeEmail: ge.trim() || void 0,
       viewportWidth: window.innerWidth,
       viewportHeight: window.innerHeight,
-      viewportPreset: fe,
+      viewportPreset: be,
       screenshotUrl: void 0,
       screenshotThumbnailUrl: void 0,
-      authorEmail: u.email
+      authorEmail: p.email
     });
     if (f.captureScreenshot)
       try {
-        const m = await f.captureScreenshot(w), l = await h(a.id, {
+        const m = await f.captureScreenshot(w), l = await u(a.id, {
           type: "screenshot",
           data: m,
-          createdBy: u.email
+          createdBy: p.email
         });
-        a = await E(a.id, {
+        a = await C(a.id, {
           attachments: [l],
           screenshotUrl: l.url,
           screenshotThumbnailUrl: l.thumbnailUrl
         });
       } catch {
       }
-    D(""), ge(""), C(void 0), y(void 0), $("feedback"), H(a);
+    D(""), fe(""), N(void 0), y(void 0), $("feedback"), H(a);
   }
-  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);
+  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 Le(a) {
     const m = z(a.selector);
-    if (!m || !u)
+    if (!m || !p)
       return;
-    const l = X(m), N = await E(a.id, {
+    const l = X(m), x = await C(a.id, {
       status: "fixed",
       fixedCssSnapshot: l.cssSnapshot,
       fixedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      fixedBy: u.email
+      fixedBy: p.email
     });
-    H(N);
+    H(x);
   }
   async function at(a) {
-    if (!se.trim() || !u || !Ne)
+    if (!se.trim() || !p || !xe)
       return;
     const m = await A({
       feedbackId: a.id,
       body: se.trim(),
-      authorEmail: u.email
+      authorEmail: p.email
     });
-    Ce((l) => ({
+    Ne((l) => ({
       ...l,
       [a.id]: [...l[a.id] ?? [], m]
     })), oe("");
   }
   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: [
-      /* @__PURE__ */ i(
+    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,
         {
-          feedback: L,
+          feedback: I,
           selectedFeedback: S,
           onSelect: q
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         Wt,
         {
-          feedback: L,
+          feedback: I,
           selectedFeedback: S,
           onSelect: q
         }
@@ -773,19 +793,19 @@ function Zt({
     /* @__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__ */ r("p", { className: "review-lens-kicker", children: "Review Lens" }),
+          /* @__PURE__ */ r("h2", { children: F === "summary" ? "Summary" : F === "feedback" ? "Feedback" : w ? "Element locked" : "Inspecting" })
         ] }),
-        /* @__PURE__ */ i("button", { type: "button", onClick: () => t == null ? void 0 : t(!1), children: "Close" })
+        /* @__PURE__ */ r("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__ */ i(
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "review",
+              "aria-selected": F === "review",
               onClick: () => $("review"),
               children: "Review"
             }
@@ -795,32 +815,32 @@ function Zt({
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "feedback",
+              "aria-selected": F === "feedback",
               onClick: () => $("feedback"),
               children: [
                 "Feedback ",
-                /* @__PURE__ */ i("span", { children: L.length })
+                /* @__PURE__ */ r("span", { children: I.length })
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               role: "tab",
-              "aria-selected": M === "summary",
+              "aria-selected": F === "summary",
               onClick: () => $("summary"),
               children: "Summary"
             }
           )
         ] }),
-        M === "review" ? /* @__PURE__ */ o("div", { className: "review-lens-review-pane", role: "tabpanel", children: [
+        F === "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) }),
-              /* @__PURE__ */ i(
+            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,
                 {
                   title: "Design tokens",
@@ -828,18 +848,18 @@ function Zt({
                 }
               )
             ] }) : null,
-            I && !P ? /* @__PURE__ */ i("p", { children: "Move over the app to inspect." }) : null
+            M && !P ? /* @__PURE__ */ r("p", { children: "Move over the app to inspect." }) : null
           ] }),
-          et ? /* @__PURE__ */ i("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ o(
+          et ? /* @__PURE__ */ r("div", { className: "review-lens-composer-panel", children: /* @__PURE__ */ o(
             "form",
             {
               className: "review-lens-feedback-form",
               onSubmit: (a) => {
-                a.preventDefault(), Ae();
+                a.preventDefault(), Ie();
               },
               children: [
-                /* @__PURE__ */ i("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ r("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
+                /* @__PURE__ */ r(
                   "textarea",
                   {
                     ref: ee,
@@ -848,7 +868,7 @@ function Zt({
                     disabled: !T,
                     onChange: (a) => D(a.target.value),
                     onKeyDown: (a) => {
-                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Ae());
+                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Ie());
                     },
                     placeholder: T ? "Describe the UX issue..." : "You do not have permission to comment."
                   }
@@ -856,35 +876,35 @@ function Zt({
                 /* @__PURE__ */ o("div", { className: "review-lens-form-grid", children: [
                   /* @__PURE__ */ o("label", { children: [
                     "Severity",
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ r(
                       "select",
                       {
-                        value: ue,
+                        value: pe,
                         onChange: (a) => Je(a.target.value),
                         disabled: !T,
-                        children: je.map((a) => /* @__PURE__ */ i("option", { value: a, children: Q[a] }, a))
+                        children: je.map((a) => /* @__PURE__ */ r("option", { value: a, children: Q[a] }, a))
                       }
                     )
                   ] }),
                   /* @__PURE__ */ o("label", { children: [
                     "Type",
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ r(
                       "select",
                       {
-                        value: pe,
+                        value: me,
                         onChange: (a) => Ve(a.target.value),
                         disabled: !T,
-                        children: Oe.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
+                        children: Oe.map((a) => /* @__PURE__ */ r("option", { value: a, children: Z[a] }, a))
                       }
                     )
                   ] }),
                   /* @__PURE__ */ o("label", { children: [
                     "Assignee",
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ r(
                       "input",
                       {
-                        value: me,
-                        onChange: (a) => ge(a.target.value),
+                        value: ge,
+                        onChange: (a) => fe(a.target.value),
                         disabled: !T,
                         placeholder: "optional@email.com"
                       }
@@ -892,36 +912,36 @@ function Zt({
                   ] }),
                   /* @__PURE__ */ o("label", { children: [
                     "Viewport",
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ r(
                       "select",
                       {
-                        value: fe,
+                        value: be,
                         onChange: (a) => qe(a.target.value),
                         disabled: !T,
-                        children: c.map((a) => /* @__PURE__ */ i("option", { value: a.value, children: a.label }, a.value))
+                        children: c.map((a) => /* @__PURE__ */ r("option", { value: a.value, children: a.label }, a.value))
                       }
                     )
                   ] })
                 ] }),
                 T ? /* @__PURE__ */ o("p", { className: "review-lens-feedback-form__hint", children: [
                   "Press ",
-                  /* @__PURE__ */ i("kbd", { children: "Command" }),
+                  /* @__PURE__ */ r("kbd", { children: "Command" }),
                   " + ",
-                  /* @__PURE__ */ i("kbd", { children: "Enter" }),
+                  /* @__PURE__ */ r("kbd", { children: "Enter" }),
                   " to submit.",
                   tt ? " 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__ */ r("div", { className: "review-lens-actions", children: /* @__PURE__ */ r("button", { type: "submit", disabled: !B.trim() || !T, children: "Save feedback" }) })
               ]
             }
           ) }) : null
         ] }) : null,
-        M === "feedback" ? /* @__PURE__ */ o("div", { className: "review-lens-comments", children: [
-          /* @__PURE__ */ i(
-            It,
+        F === "feedback" ? /* @__PURE__ */ o("div", { className: "review-lens-comments", children: [
+          /* @__PURE__ */ r(
+            Mt,
             {
               open: Ye,
-              activeCount: it,
+              activeCount: rt,
               statusFilter: j,
               severityFilter: O,
               categoryFilter: K,
@@ -929,25 +949,25 @@ function Zt({
               viewportFilter: V,
               assignees: nt,
               responsivePresets: c,
-              onStatusChange: ve,
-              onSeverityChange: we,
-              onCategoryChange: ye,
-              onAssigneeChange: Se,
-              onViewportChange: ke,
+              onStatusChange: we,
+              onSeverityChange: ye,
+              onCategoryChange: Se,
+              onAssigneeChange: ke,
+              onViewportChange: Ce,
               onToggle: () => Xe((a) => !a),
               onClear: () => {
-                ve("all"), we("all"), ye("all"), Se("all"), ke("all");
+                we("all"), ye("all"), Se("all"), ke("all"), Ce("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__ */ r("h3", { children: "All feedback" }),
+              /* @__PURE__ */ r("span", { children: I.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(
+              I.length === 0 ? /* @__PURE__ */ r("p", { children: "No feedback for this view." }) : null,
+              I.map((a) => /* @__PURE__ */ r(
                 Tt,
                 {
                   item: a,
@@ -959,20 +979,20 @@ function Zt({
             ] })
           ] }),
           S ? /* @__PURE__ */ o("div", { className: "review-lens-selected-panel", children: [
-            /* @__PURE__ */ i("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r("div", { className: "review-lens-selected-panel__label", children: "Selected feedback" }),
+            /* @__PURE__ */ r(
               Rt,
               {
                 item: S,
                 messages: Qe[S.id] ?? [],
                 messageDraft: se,
-                canReply: Ne,
-                canUpdate: xe,
+                canReply: xe,
+                canUpdate: Ee,
                 canAssign: Ze,
                 onMessageDraftChange: oe,
                 onSubmitMessage: () => void at(S),
-                onStatusChange: (a) => void rt(S, a),
-                onAssigneeChange: (a) => void E(S.id, {
+                onStatusChange: (a) => void it(S, a),
+                onAssigneeChange: (a) => void C(S.id, {
                   assigneeEmail: a.trim() || void 0
                 }).then(H),
                 onMarkFixed: () => void Le(S)
@@ -980,40 +1000,40 @@ function Zt({
               S.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." })
+            /* @__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." })
           ] })
         ] }) : null,
-        M === "summary" ? /* @__PURE__ */ i(Bt, { feedback: d }) : null
+        F === "summary" ? /* @__PURE__ */ r(Bt, { feedback: d }) : null
       ] })
     ] })
   ] });
 }
-function It({
+function Mt({
   open: e,
   activeCount: t,
   statusFilter: n,
-  severityFilter: r,
+  severityFilter: i,
   categoryFilter: s,
   assigneeFilter: c,
   viewportFilter: g,
   assignees: f,
-  responsivePresets: u,
+  responsivePresets: p,
   onStatusChange: d,
   onSeverityChange: v,
-  onCategoryChange: p,
+  onCategoryChange: h,
   onAssigneeChange: b,
-  onViewportChange: E,
-  onToggle: x,
+  onViewportChange: C,
+  onToggle: E,
   onClear: A
 }) {
   return /* @__PURE__ */ o("div", { className: "review-lens-filter-shell", children: [
     /* @__PURE__ */ o("div", { className: "review-lens-filter-bar", children: [
-      /* @__PURE__ */ o("button", { type: "button", "aria-expanded": e, onClick: x, children: [
+      /* @__PURE__ */ o("button", { type: "button", "aria-expanded": e, onClick: E, children: [
         "Filters",
-        t > 0 ? /* @__PURE__ */ i("span", { children: t }) : null
+        t > 0 ? /* @__PURE__ */ r("span", { children: t }) : null
       ] }),
-      t > 0 ? /* @__PURE__ */ i("button", { type: "button", onClick: A, children: "Clear" }) : null
+      t > 0 ? /* @__PURE__ */ r("button", { type: "button", onClick: A, children: "Clear" }) : null
     ] }),
     e ? /* @__PURE__ */ o("div", { className: "review-lens-filters", children: [
       /* @__PURE__ */ o("label", { children: [
@@ -1023,10 +1043,10 @@ function It({
           {
             "aria-label": "Filter status",
             value: n,
-            onChange: (h) => d(h.target.value),
+            onChange: (u) => d(u.target.value),
             children: [
-              /* @__PURE__ */ i("option", { value: "all", children: "All statuses" }),
-              He.map((h) => /* @__PURE__ */ i("option", { value: h, children: ae[h] }, h))
+              /* @__PURE__ */ r("option", { value: "all", children: "All statuses" }),
+              He.map((u) => /* @__PURE__ */ r("option", { value: u, children: ae[u] }, u))
             ]
           }
         )
@@ -1037,11 +1057,11 @@ function It({
           "select",
           {
             "aria-label": "Filter severity",
-            value: r,
-            onChange: (h) => v(h.target.value),
+            value: i,
+            onChange: (u) => v(u.target.value),
             children: [
-              /* @__PURE__ */ i("option", { value: "all", children: "All priorities" }),
-              je.map((h) => /* @__PURE__ */ i("option", { value: h, children: Q[h] }, h))
+              /* @__PURE__ */ r("option", { value: "all", children: "All priorities" }),
+              je.map((u) => /* @__PURE__ */ r("option", { value: u, children: Q[u] }, u))
             ]
           }
         )
@@ -1053,10 +1073,10 @@ function It({
           {
             "aria-label": "Filter type",
             value: s,
-            onChange: (h) => p(h.target.value),
+            onChange: (u) => h(u.target.value),
             children: [
-              /* @__PURE__ */ i("option", { value: "all", children: "All types" }),
-              Oe.map((h) => /* @__PURE__ */ i("option", { value: h, children: Z[h] }, h))
+              /* @__PURE__ */ r("option", { value: "all", children: "All types" }),
+              Oe.map((u) => /* @__PURE__ */ r("option", { value: u, children: Z[u] }, u))
             ]
           }
         )
@@ -1068,10 +1088,10 @@ function It({
           {
             "aria-label": "Filter assignee",
             value: c,
-            onChange: (h) => b(h.target.value),
+            onChange: (u) => b(u.target.value),
             children: [
-              /* @__PURE__ */ i("option", { value: "all", children: "All assignees" }),
-              f.map((h) => /* @__PURE__ */ i("option", { value: h, children: h }, h))
+              /* @__PURE__ */ r("option", { value: "all", children: "All assignees" }),
+              f.map((u) => /* @__PURE__ */ r("option", { value: u, children: u }, u))
             ]
           }
         )
@@ -1083,10 +1103,10 @@ function It({
           {
             "aria-label": "Filter viewport",
             value: g,
-            onChange: (h) => E(h.target.value),
+            onChange: (u) => C(u.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))
+              /* @__PURE__ */ r("option", { value: "all", children: "All viewports" }),
+              p.map((u) => /* @__PURE__ */ r("option", { value: u.value, children: u.label }, u.value))
             ]
           }
         )
@@ -1099,7 +1119,7 @@ function Tt({
   selected: t,
   onSelect: n
 }) {
-  const r = Ke(e);
+  const i = Ke(e);
   return /* @__PURE__ */ o(
     "article",
     {
@@ -1115,20 +1135,20 @@ 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__ */ r("span", { children: ae[e.status] }),
+          /* @__PURE__ */ r("strong", { children: Q[e.severity] })
         ] }),
         /* @__PURE__ */ o("div", { className: "review-lens-comment__content", children: [
-          /* @__PURE__ */ i("p", { children: e.comment }),
+          /* @__PURE__ */ r("p", { children: e.comment }),
           /* @__PURE__ */ o("span", { children: [
             e.authorEmail,
             e.assigneeEmail ? ` -> ${e.assigneeEmail}` : ""
           ] })
         ] }),
         /* @__PURE__ */ o("div", { className: "review-lens-tags", children: [
-          /* @__PURE__ */ i("span", { children: Z[e.category] }),
-          /* @__PURE__ */ i("span", { children: e.viewportPreset }),
-          /* @__PURE__ */ i("span", { children: r.label })
+          /* @__PURE__ */ r("span", { children: Z[e.category] }),
+          /* @__PURE__ */ r("span", { children: e.viewportPreset }),
+          /* @__PURE__ */ r("span", { children: i.label })
         ] })
       ]
     }
@@ -1138,55 +1158,55 @@ function Rt({
   item: e,
   messages: t,
   messageDraft: n,
-  canReply: r,
+  canReply: i,
   canUpdate: s,
   canAssign: c,
   onMessageDraftChange: g,
   onSubmitMessage: f,
-  onStatusChange: u,
+  onStatusChange: p,
   onAssigneeChange: d,
   onMarkFixed: v
 }) {
-  const p = Ke(e);
+  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],
         " feedback"
       ] }),
-      /* @__PURE__ */ i("strong", { children: Q[e.severity] })
+      /* @__PURE__ */ r("strong", { children: Q[e.severity] })
     ] }),
-    /* @__PURE__ */ i("blockquote", { children: e.comment }),
+    /* @__PURE__ */ r("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__ */ r("dt", { children: "Target" }),
+        /* @__PURE__ */ r("dd", { children: h.label })
       ] }),
       /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ i("dt", { children: "Viewport" }),
-        /* @__PURE__ */ i("dd", { children: e.viewportPreset })
+        /* @__PURE__ */ r("dt", { children: "Viewport" }),
+        /* @__PURE__ */ r("dd", { children: e.viewportPreset })
       ] }),
       e.screenshotUrl ? /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ i("dt", { children: "Evidence" }),
-        /* @__PURE__ */ i("dd", { children: /* @__PURE__ */ i("a", { href: e.screenshotUrl, target: "_blank", rel: "noreferrer", children: "Screenshot" }) })
+        /* @__PURE__ */ r("dt", { children: "Evidence" }),
+        /* @__PURE__ */ r("dd", { children: /* @__PURE__ */ r("a", { href: e.screenshotUrl, target: "_blank", rel: "noreferrer", children: "Screenshot" }) })
       ] }) : null
     ] }),
     /* @__PURE__ */ o("div", { className: "review-lens-form-grid", children: [
       /* @__PURE__ */ o("label", { children: [
         "Status",
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "select",
           {
             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: (b) => p(b.target.value),
+            children: He.map((b) => /* @__PURE__ */ r("option", { value: b, children: ae[b] }, b))
           }
         )
       ] }),
       /* @__PURE__ */ o("label", { children: [
         "Assignee",
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "input",
           {
             defaultValue: e.assigneeEmail ?? "",
@@ -1198,7 +1218,7 @@ function Rt({
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "review-lens-status-actions", children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -1208,61 +1228,61 @@ function Rt({
           children: "Mark fixed"
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "review-lens-button-primary",
           disabled: !s,
-          onClick: () => u("resolved"),
+          onClick: () => p("resolved"),
           children: "Resolve"
         }
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "review-lens-thread", children: [
       /* @__PURE__ */ o("div", { className: "review-lens-thread__header", children: [
-        /* @__PURE__ */ i("h3", { children: "Thread" }),
-        /* @__PURE__ */ i("span", { children: t.length })
+        /* @__PURE__ */ r("h3", { children: "Thread" }),
+        /* @__PURE__ */ r("span", { children: t.length })
       ] }),
-      t.length === 0 ? /* @__PURE__ */ i("p", { children: "No replies yet." }) : null,
+      t.length === 0 ? /* @__PURE__ */ r("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 })
+        /* @__PURE__ */ r("p", { children: b.body }),
+        /* @__PURE__ */ r("span", { children: b.authorEmail })
       ] }, b.id)),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "textarea",
         {
           "aria-label": "Reply",
           value: n,
-          disabled: !r,
+          disabled: !i,
           onChange: (b) => g(b.target.value),
-          placeholder: r ? "Reply..." : "You do not have permission to reply."
+          placeholder: i ? "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__ */ r("div", { className: "review-lens-actions", children: /* @__PURE__ */ r("button", { type: "button", disabled: !n.trim() || !i, onClick: f, children: "Reply" }) })
     ] })
   ] });
 }
 function Bt({ 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__ */ 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) })
   ] });
 }
 function G({ 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: [
-      /* @__PURE__ */ i("dt", { children: n }),
-      /* @__PURE__ */ i("dd", { children: r })
+    /* @__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 })
     ] }, n)) })
   ] });
 }
 function $t({ target: e, locked: t }) {
-  const n = Gt(e), r = Ot(e.fingerprint);
+  const n = Gt(e), i = Ot(e.fingerprint);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1274,7 +1294,7 @@ function $t({ target: e, locked: t }) {
         height: n.margin.height
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "div",
           {
             className: "review-lens-highlight__border",
@@ -1286,7 +1306,7 @@ function $t({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "div",
           {
             className: "review-lens-highlight__padding",
@@ -1298,7 +1318,7 @@ function $t({ target: e, locked: t }) {
             }
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "div",
           {
             className: "review-lens-highlight__content",
@@ -1311,7 +1331,7 @@ function $t({ target: e, locked: t }) {
           }
         ),
         /* @__PURE__ */ o("div", { className: "review-lens-highlight__label", children: [
-          /* @__PURE__ */ i("strong", { children: r }),
+          /* @__PURE__ */ r("strong", { children: i }),
           /* @__PURE__ */ o("span", { children: [
             Math.round(e.rect.width),
             " x ",
@@ -1324,19 +1344,19 @@ 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(
+  return n.length === 0 ? null : /* @__PURE__ */ r(re, { children: n.map((i) => /* @__PURE__ */ r(
     "div",
     {
-      className: `review-lens-distance review-lens-distance--${r.axis}`,
+      className: `review-lens-distance review-lens-distance--${i.axis}`,
       style: {
-        top: r.top,
-        left: r.left,
-        width: r.width,
-        height: r.height
+        top: i.top,
+        left: i.left,
+        width: i.width,
+        height: i.height
       },
-      children: /* @__PURE__ */ i("span", { children: r.label })
+      children: /* @__PURE__ */ r("span", { children: i.label })
     },
-    r.key
+    i.key
   )) });
 }
 function Pt({
@@ -1344,14 +1364,14 @@ function Pt({
   selectedFeedback: t,
   onSelect: n
 }) {
-  return /* @__PURE__ */ i(ie, { children: e.map((r) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(re, { children: e.map((i) => /* @__PURE__ */ r(
     Ut,
     {
-      feedback: r,
-      selected: (t == null ? void 0 : t.id) === r.id,
+      feedback: i,
+      selected: (t == null ? void 0 : t.id) === i.id,
       onSelect: n
     },
-    r.id
+    i.id
   )) });
 }
 function Ut({
@@ -1359,12 +1379,12 @@ function Ut({
   selected: t,
   onSelect: n
 }) {
-  const r = We(null);
+  const i = We(null);
   return lt(() => {
     let s = 0;
     const c = () => {
       s = 0;
-      const f = r.current, u = z(e.selector), d = u == null ? void 0 : u.getBoundingClientRect();
+      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));
@@ -1372,10 +1392,10 @@ function Ut({
     return c(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
       s && window.cancelAnimationFrame(s), window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
     };
-  }, [e.selector]), /* @__PURE__ */ i(
+  }, [e.selector]), /* @__PURE__ */ r(
     "button",
     {
-      ref: r,
+      ref: i,
       type: "button",
       className: t ? "review-lens-marker review-lens-marker--selected" : "review-lens-marker",
       onClick: () => n(e),
@@ -1388,7 +1408,7 @@ function Wt({
   selectedFeedback: t,
   onSelect: n
 }) {
-  const r = e.map((s) => {
+  const i = e.map((s) => {
     const c = z(s.selector), g = c == null ? void 0 : c.getBoundingClientRect(), f = Math.max(
       document.documentElement.scrollHeight,
       document.body.scrollHeight,
@@ -1399,7 +1419,7 @@ function Wt({
       top: Math.min(100, Math.max(0, (g.top + window.scrollY) / f * 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(
+  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(
     "button",
     {
       type: "button",
@@ -1424,16 +1444,16 @@ function Dt({ target: e }) {
     ["Color", e.cssSnapshot.color],
     ["Background", e.cssSnapshot.backgroundColor]
   ];
-  return /* @__PURE__ */ i("dl", { className: "review-lens-metrics", children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ i("dt", { children: n }),
-    /* @__PURE__ */ i("dd", { children: r })
+  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 })
   ] }, n)) });
 }
 function _e({ 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,
-    t.length > 0 ? /* @__PURE__ */ i("ul", { children: t.map((n) => /* @__PURE__ */ i("li", { children: n }, n)) }) : null
+    /* @__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 z(e) {
@@ -1451,36 +1471,36 @@ function Ke(e) {
   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;
+  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;
+  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;
 }
 function Ht(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.`);
+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 jt(e, t, n = {}) {
   if (t.includes(e))
     return !0;
   if (!n.allowComposite)
     return !1;
-  const r = e.trim().split(/\s+/);
-  return r.length > 1 && r.every((s) => t.includes(s));
+  const i = e.trim().split(/\s+/);
+  return i.length > 1 && i.every((s) => t.includes(s));
 }
 function Ot(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;
+  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 Kt(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;
+  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;
   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;
     n.push({
@@ -1499,7 +1519,7 @@ function Kt(e, t) {
       key: "vertical",
       axis: "vertical",
       top: c,
-      left: Pe(r, 0, window.innerWidth),
+      left: Pe(i, 0, window.innerWidth),
       width: 1,
       height: Math.max(g - c, 1),
       label: `${Math.round(g - c)}px`
@@ -1512,58 +1532,58 @@ function Pe(e, t, n) {
 }
 function Y(e, t) {
   const n = /* @__PURE__ */ new Map();
-  for (const r of e) {
-    const s = t(r);
+  for (const i of e) {
+    const s = t(i);
     n.set(s, (n.get(s) ?? 0) + 1);
   }
-  return Array.from(n.entries()).sort((r, s) => s[1] - r[1] || r[0].localeCompare(s[0]));
+  return Array.from(n.entries()).sort((i, s) => s[1] - i[1] || i[0].localeCompare(s[0]));
 }
 function Jt(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;
+  const n = Ue(e), i = Ue(t);
+  return !n || !i || i.alpha === 0 ? !1 : qt(n, i) < 4.5;
 }
 function Ue(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, i, s, c = "1"] = t[1].split(",").map((g) => g.trim());
   return {
     red: Number(n),
-    green: Number(r),
+    green: Number(i),
     blue: Number(s),
     alpha: Number(c)
   };
 }
 function qt(e, t) {
-  const n = Math.max(ne(e), ne(t)), r = Math.min(ne(e), ne(t));
-  return (n + 0.05) / (r + 0.05);
+  const n = Math.max(ne(e), ne(t)), i = Math.min(ne(e), ne(t));
+  return (n + 0.05) / (i + 0.05);
 }
 function ne(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;
+    const i = n / 255;
+    return i <= 0.03928 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
   });
   return t[0] * 0.2126 + t[1] * 0.7152 + t[2] * 0.0722;
 }
 function Gt(e) {
   const t = {
-    top: F(e.cssSnapshot.marginTop),
-    right: F(e.cssSnapshot.marginRight),
-    bottom: F(e.cssSnapshot.marginBottom),
-    left: F(e.cssSnapshot.marginLeft)
+    top: L(e.cssSnapshot.marginTop),
+    right: L(e.cssSnapshot.marginRight),
+    bottom: L(e.cssSnapshot.marginBottom),
+    left: L(e.cssSnapshot.marginLeft)
   }, n = {
-    top: F(e.cssSnapshot.borderTopWidth),
-    right: F(e.cssSnapshot.borderRightWidth),
-    bottom: F(e.cssSnapshot.borderBottomWidth),
-    left: F(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: 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: e.rect.top,
     left: e.rect.left,
@@ -1580,10 +1600,10 @@ function Gt(e) {
     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)
+    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)
   };
   return {
     margin: c,
@@ -1592,7 +1612,7 @@ function Gt(e) {
     content: f
   };
 }
-function F(e) {
+function L(e) {
   const t = Number.parseFloat(e);
   return Number.isFinite(t) ? t : 0;
 }