@makefully/notefully 0.1.52 → 0.1.54

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function Qe(t, e) {
+function tn(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -8,7 +8,7 @@ function Qe(t, e) {
   const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
   return n.head.appendChild(r), n.body.appendChild(i), e && (r.href = e), i.href = t, i.href;
 }
-const Ze = /* @__PURE__ */ (() => {
+const en = /* @__PURE__ */ (() => {
   let t = 0;
   const e = () => (
     // eslint-disable-next-line no-bitwise
@@ -16,33 +16,33 @@ const Ze = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function U(t) {
+function j(t) {
   const e = [];
   for (let n = 0, r = t.length; n < r; n++)
     e.push(t[n]);
   return e;
 }
-let G = null;
-function he(t = {}) {
-  return G || (t.includeStyleProperties ? (G = t.includeStyleProperties, G) : (G = U(window.getComputedStyle(document.documentElement)), G));
+let Z = null;
+function pe(t = {}) {
+  return Z || (t.includeStyleProperties ? (Z = t.includeStyleProperties, Z) : (Z = j(window.getComputedStyle(document.documentElement)), Z));
 }
-function st(t, e) {
+function lt(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function tn(t) {
-  const e = st(t, "border-left-width"), n = st(t, "border-right-width");
+function nn(t) {
+  const e = lt(t, "border-left-width"), n = lt(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function en(t) {
-  const e = st(t, "border-top-width"), n = st(t, "border-bottom-width");
+function rn(t) {
+  const e = lt(t, "border-top-width"), n = lt(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
-function pe(t, e = {}) {
-  const n = e.width || tn(t), r = e.height || en(t);
+function ye(t, e = {}) {
+  const n = e.width || nn(t), r = e.height || rn(t);
   return { width: n, height: r };
 }
-function nn() {
+function an() {
   let t, e;
   try {
     e = process;
@@ -51,11 +51,11 @@ function nn() {
   const n = e && e.env ? e.env.devicePixelRatio : null;
   return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
-const E = 16384;
-function rn(t) {
-  (t.width > E || t.height > E) && (t.width > E && t.height > E ? t.width > t.height ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E) : t.width > E ? (t.height *= E / t.width, t.width = E) : (t.width *= E / t.height, t.height = E));
+const k = 16384;
+function on(t) {
+  (t.width > k || t.height > k) && (t.width > k && t.height > k ? t.width > t.height ? (t.height *= k / t.width, t.width = k) : (t.width *= k / t.height, t.height = k) : t.width > k ? (t.height *= k / t.width, t.width = k) : (t.width *= k / t.height, t.height = k));
 }
-function ct(t) {
+function ut(t) {
   return new Promise((e, n) => {
     const r = new Image();
     r.onload = () => {
@@ -65,77 +65,77 @@ function ct(t) {
     }, r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function an(t) {
+async function sn(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function on(t, e, n) {
+async function cn(t, e, n) {
   const r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), a = document.createElementNS(r, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(t), an(i);
+  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${e} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(t), sn(i);
 }
-const x = (t, e) => {
+const E = (t, e) => {
   if (t instanceof e)
     return !0;
   const n = Object.getPrototypeOf(t);
-  return n === null ? !1 : n.constructor.name === e.name || x(n, e);
+  return n === null ? !1 : n.constructor.name === e.name || E(n, e);
 };
-function sn(t) {
+function ln(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function cn(t, e) {
-  return he(e).map((n) => {
+function un(t, e) {
+  return pe(e).map((n) => {
     const r = t.getPropertyValue(n), i = t.getPropertyPriority(n);
     return `${n}: ${r}${i ? " !important" : ""};`;
   }).join(" ");
 }
-function ln(t, e, n, r) {
-  const i = `.${t}:${e}`, a = n.cssText ? sn(n) : cn(n, r);
+function dn(t, e, n, r) {
+  const i = `.${t}:${e}`, a = n.cssText ? ln(n) : un(n, r);
   return document.createTextNode(`${i}{${a}}`);
 }
-function Kt(t, e, n, r) {
+function qt(t, e, n, r) {
   const i = window.getComputedStyle(t, n), a = i.getPropertyValue("content");
   if (a === "" || a === "none")
     return;
-  const o = Ze();
+  const o = en();
   try {
     e.className = `${e.className} ${o}`;
   } catch {
     return;
   }
   const c = document.createElement("style");
-  c.appendChild(ln(o, n, i, r)), e.appendChild(c);
+  c.appendChild(dn(o, n, i, r)), e.appendChild(c);
 }
-function un(t, e, n) {
-  Kt(t, e, ":before", n), Kt(t, e, ":after", n);
+function fn(t, e, n) {
+  qt(t, e, ":before", n), qt(t, e, ":after", n);
 }
-const qt = "application/font-woff", Xt = "image/jpeg", dn = {
-  woff: qt,
-  woff2: qt,
+const Xt = "application/font-woff", Yt = "image/jpeg", hn = {
+  woff: Xt,
+  woff2: Xt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Xt,
-  jpeg: Xt,
+  jpg: Yt,
+  jpeg: Yt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function fn(t) {
+function pn(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
-function Bt(t) {
-  const e = fn(t).toLowerCase();
-  return dn[e] || "";
+function Ht(t) {
+  const e = pn(t).toLowerCase();
+  return hn[e] || "";
 }
-function hn(t) {
+function yn(t) {
   return t.split(/,/)[1];
 }
-function Lt(t) {
+function Rt(t) {
   return t.search(/^(data:)/) !== -1;
 }
-function pn(t, e) {
+function mn(t, e) {
   return `data:${e};base64,${t}`;
 }
 async function me(t, e, n) {
@@ -154,84 +154,84 @@ async function me(t, e, n) {
     }, c.readAsDataURL(i);
   });
 }
-const St = {};
-function mn(t, e, n) {
+const Et = {};
+function gn(t, e, n) {
   let r = t.replace(/\?.*/, "");
   return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
 }
-async function Dt(t, e, n) {
-  const r = mn(t, e, n.includeQueryParams);
-  if (St[r] != null)
-    return St[r];
+async function Ft(t, e, n) {
+  const r = gn(t, e, n.includeQueryParams);
+  if (Et[r] != null)
+    return Et[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let i;
   try {
-    const a = await me(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), hn(c)));
-    i = pn(a, e);
+    const a = await me(t, n.fetchRequestInit, ({ res: o, result: c }) => (e || (e = o.headers.get("Content-Type") || ""), yn(c)));
+    i = mn(a, e);
   } catch (a) {
     i = n.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${t}`;
     a && (o = typeof a == "string" ? a : a.message), o && console.warn(o);
   }
-  return St[r] = i, i;
+  return Et[r] = i, i;
 }
-async function yn(t) {
+async function wn(t) {
   const e = t.toDataURL();
-  return e === "data:," ? t.cloneNode(!1) : ct(e);
+  return e === "data:," ? t.cloneNode(!1) : ut(e);
 }
-async function gn(t, e) {
+async function vn(t, e) {
   if (t.currentSrc) {
     const a = document.createElement("canvas"), o = a.getContext("2d");
     a.width = t.clientWidth, a.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, a.width, a.height);
     const c = a.toDataURL();
-    return ct(c);
+    return ut(c);
   }
-  const n = t.poster, r = Bt(n), i = await Dt(n, r, e);
-  return ct(i);
+  const n = t.poster, r = Ht(n), i = await Ft(n, r, e);
+  return ut(i);
 }
-async function wn(t, e) {
+async function bn(t, e) {
   var n;
   try {
     if (!((n = t == null ? void 0 : t.contentDocument) === null || n === void 0) && n.body)
-      return await yt(t.contentDocument.body, e, !0);
+      return await wt(t.contentDocument.body, e, !0);
   } catch {
   }
   return t.cloneNode(!1);
 }
-async function vn(t, e) {
-  return x(t, HTMLCanvasElement) ? yn(t) : x(t, HTMLVideoElement) ? gn(t, e) : x(t, HTMLIFrameElement) ? wn(t, e) : t.cloneNode(ye(t));
+async function Sn(t, e) {
+  return E(t, HTMLCanvasElement) ? wn(t) : E(t, HTMLVideoElement) ? vn(t, e) : E(t, HTMLIFrameElement) ? bn(t, e) : t.cloneNode(ge(t));
 }
-const bn = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ye = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
-async function Sn(t, e, n) {
+const xn = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT", ge = (t) => t.tagName != null && t.tagName.toUpperCase() === "SVG";
+async function En(t, e, n) {
   var r, i;
-  if (ye(e))
+  if (ge(e))
     return e;
   let a = [];
-  return bn(t) && t.assignedNodes ? a = U(t.assignedNodes()) : x(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? a = U(t.contentDocument.body.childNodes) : a = U(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || x(t, HTMLVideoElement) || await a.reduce((o, c) => o.then(() => yt(c, n)).then((l) => {
+  return xn(t) && t.assignedNodes ? a = j(t.assignedNodes()) : E(t, HTMLIFrameElement) && (!((r = t.contentDocument) === null || r === void 0) && r.body) ? a = j(t.contentDocument.body.childNodes) : a = j(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || E(t, HTMLVideoElement) || await a.reduce((o, c) => o.then(() => wt(c, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function xn(t, e, n) {
+function Cn(t, e, n) {
   const r = e.style;
   if (!r)
     return;
   const i = window.getComputedStyle(t);
-  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : he(n).forEach((a) => {
+  i.cssText ? (r.cssText = i.cssText, r.transformOrigin = i.transformOrigin) : pe(n).forEach((a) => {
     let o = i.getPropertyValue(a);
-    a === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), x(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), r.setProperty(a, o, i.getPropertyPriority(a));
+    a === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), E(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), r.setProperty(a, o, i.getPropertyPriority(a));
   });
 }
-function En(t, e) {
-  x(t, HTMLTextAreaElement) && (e.innerHTML = t.value), x(t, HTMLInputElement) && e.setAttribute("value", t.value);
+function kn(t, e) {
+  E(t, HTMLTextAreaElement) && (e.innerHTML = t.value), E(t, HTMLInputElement) && e.setAttribute("value", t.value);
 }
-function Cn(t, e) {
-  if (x(t, HTMLSelectElement)) {
+function Ln(t, e) {
+  if (E(t, HTMLSelectElement)) {
     const r = Array.from(e.children).find((i) => t.value === i.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
 function An(t, e, n) {
-  return x(e, Element) && (xn(t, e, n), un(t, e, n), En(t, e), Cn(t, e)), e;
+  return E(e, Element) && (Cn(t, e, n), fn(t, e, n), kn(t, e), Ln(t, e)), e;
 }
 async function Mn(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
@@ -242,7 +242,7 @@ async function Mn(t, e) {
     const c = n[a].getAttribute("xlink:href");
     if (c) {
       const l = t.querySelector(c), u = document.querySelector(c);
-      !l && u && !r[c] && (r[c] = await yt(u, e, !0));
+      !l && u && !r[c] && (r[c] = await wt(u, e, !0));
     }
   }
   const i = Object.values(r);
@@ -257,31 +257,31 @@ async function Mn(t, e) {
   }
   return t;
 }
-async function yt(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => vn(r, e)).then((r) => Sn(t, r, e)).then((r) => An(t, r, e)).then((r) => Mn(r, e));
+async function wt(t, e, n) {
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => Sn(r, e)).then((r) => En(t, r, e)).then((r) => An(t, r, e)).then((r) => Mn(r, e));
 }
-const ge = /url\((['"]?)([^'"]+?)\1\)/g, Ln = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, $n = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Rn(t) {
+const we = /url\((['"]?)([^'"]+?)\1\)/g, Rn = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, $n = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Tn(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function kn(t) {
+function Pn(t) {
   const e = [];
-  return t.replace(ge, (n, r, i) => (e.push(i), n)), e.filter((n) => !Lt(n));
+  return t.replace(we, (n, r, i) => (e.push(i), n)), e.filter((n) => !Rt(n));
 }
-async function Tn(t, e, n, r, i) {
+async function In(t, e, n, r, i) {
   try {
-    const a = n ? Qe(e, n) : e, o = Bt(e);
+    const a = n ? tn(e, n) : e, o = Ht(e);
     let c;
-    return i || (c = await Dt(a, o, r)), t.replace(Rn(e), `$1${c}$3`);
+    return i || (c = await Ft(a, o, r)), t.replace(Tn(e), `$1${c}$3`);
   } catch {
   }
   return t;
 }
-function Pn(t, { preferredFontFormat: e }) {
+function On(t, { preferredFontFormat: e }) {
   return e ? t.replace($n, (n) => {
     for (; ; ) {
-      const [r, , i] = Ln.exec(n) || [];
+      const [r, , i] = Rn.exec(n) || [];
       if (!i)
         return "";
       if (i === e)
@@ -289,32 +289,32 @@ function Pn(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function we(t) {
-  return t.search(ge) !== -1;
+function ve(t) {
+  return t.search(we) !== -1;
 }
-async function ve(t, e, n) {
-  if (!we(t))
+async function be(t, e, n) {
+  if (!ve(t))
     return t;
-  const r = Pn(t, n);
-  return kn(r).reduce((a, o) => a.then((c) => Tn(c, o, e, n)), Promise.resolve(r));
+  const r = On(t, n);
+  return Pn(r).reduce((a, o) => a.then((c) => In(c, o, e, n)), Promise.resolve(r));
 }
-async function J(t, e, n) {
+async function tt(t, e, n) {
   var r;
   const i = (r = e.style) === null || r === void 0 ? void 0 : r.getPropertyValue(t);
   if (i) {
-    const a = await ve(i, null, n);
+    const a = await be(i, null, n);
     return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
-async function In(t, e) {
-  await J("background", t, e) || await J("background-image", t, e), await J("mask", t, e) || await J("-webkit-mask", t, e) || await J("mask-image", t, e) || await J("-webkit-mask-image", t, e);
+async function Bn(t, e) {
+  await tt("background", t, e) || await tt("background-image", t, e), await tt("mask", t, e) || await tt("-webkit-mask", t, e) || await tt("mask-image", t, e) || await tt("-webkit-mask-image", t, e);
 }
-async function On(t, e) {
-  const n = x(t, HTMLImageElement);
-  if (!(n && !Lt(t.src)) && !(x(t, SVGImageElement) && !Lt(t.href.baseVal)))
+async function Dn(t, e) {
+  const n = E(t, HTMLImageElement);
+  if (!(n && !Rt(t.src)) && !(E(t, SVGImageElement) && !Rt(t.href.baseVal)))
     return;
-  const r = n ? t.src : t.href.baseVal, i = await Dt(r, Bt(r), e);
+  const r = n ? t.src : t.href.baseVal, i = await Ft(r, Ht(r), e);
   await new Promise((a, o) => {
     t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
@@ -327,14 +327,14 @@ async function On(t, e) {
     c.decode && (c.decode = a), c.loading === "lazy" && (c.loading = "eager"), n ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
   });
 }
-async function Bn(t, e) {
-  const r = U(t.childNodes).map((i) => be(i, e));
+async function Hn(t, e) {
+  const r = j(t.childNodes).map((i) => Se(i, e));
   await Promise.all(r).then(() => t);
 }
-async function be(t, e) {
-  x(t, Element) && (await In(t, e), await On(t, e), await Bn(t, e));
+async function Se(t, e) {
+  E(t, Element) && (await Bn(t, e), await Dn(t, e), await Hn(t, e));
 }
-function Dn(t, e) {
+function Fn(t, e) {
   const { style: n } = t;
   e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
   const r = e.style;
@@ -342,15 +342,15 @@ function Dn(t, e) {
     n[i] = r[i];
   }), t;
 }
-const Yt = {};
-async function Gt(t) {
-  let e = Yt[t];
+const Gt = {};
+async function Jt(t) {
+  let e = Gt[t];
   if (e != null)
     return e;
   const r = await (await fetch(t)).text();
-  return e = { url: t, cssText: r }, Yt[t] = e, e;
+  return e = { url: t, cssText: r }, Gt[t] = e, e;
 }
-async function Jt(t, e) {
+async function Qt(t, e) {
   let n = t.cssText;
   const r = /url\(["']?([^"')]+)["']?\)/g, a = (n.match(/url\([^)]+\)/g) || []).map(async (o) => {
     let c = o.replace(r, "$1");
@@ -358,7 +358,7 @@ async function Jt(t, e) {
   });
   return Promise.all(a).then(() => n);
 }
-function Qt(t) {
+function Zt(t) {
   if (t == null)
     return [];
   const e = [], n = /(\/\*[\s\S]*?\*\/)/gi;
@@ -384,20 +384,20 @@ function Qt(t) {
   }
   return e;
 }
-async function Hn(t, e) {
+async function Un(t, e) {
   const n = [], r = [];
   return t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        U(i.cssRules || []).forEach((a, o) => {
+        j(i.cssRules || []).forEach((a, o) => {
           if (a.type === CSSRule.IMPORT_RULE) {
             let c = o + 1;
-            const l = a.href, u = Gt(l).then((f) => Jt(f, e)).then((f) => Qt(f).forEach((m) => {
+            const l = a.href, u = Jt(l).then((f) => Qt(f, e)).then((f) => Zt(f).forEach((y) => {
               try {
-                i.insertRule(m, m.startsWith("@import") ? c += 1 : i.cssRules.length);
+                i.insertRule(y, y.startsWith("@import") ? c += 1 : i.cssRules.length);
               } catch (g) {
                 console.error("Error inserting rule from remote css", {
-                  rule: m,
+                  rule: y,
                   error: g
                 });
               }
@@ -409,7 +409,7 @@ async function Hn(t, e) {
         });
       } catch (a) {
         const o = t.find((c) => c.href == null) || document.styleSheets[0];
-        i.href != null && r.push(Gt(i.href).then((c) => Jt(c, e)).then((c) => Qt(c).forEach((l) => {
+        i.href != null && r.push(Jt(i.href).then((c) => Qt(c, e)).then((c) => Zt(c).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((c) => {
           console.error("Error loading remote stylesheet", c);
@@ -418,7 +418,7 @@ async function Hn(t, e) {
   }), Promise.all(r).then(() => (t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        U(i.cssRules || []).forEach((a) => {
+        j(i.cssRules || []).forEach((a) => {
           n.push(a);
         });
       } catch (a) {
@@ -426,60 +426,60 @@ async function Hn(t, e) {
       }
   }), n));
 }
-function Fn(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => we(e.style.getPropertyValue("src")));
+function Nn(t) {
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => ve(e.style.getPropertyValue("src")));
 }
-async function Un(t, e) {
+async function _n(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = U(t.ownerDocument.styleSheets), r = await Hn(n, e);
-  return Fn(r);
+  const n = j(t.ownerDocument.styleSheets), r = await Un(n, e);
+  return Nn(r);
 }
-function Se(t) {
+function xe(t) {
   return t.trim().replace(/["']/g, "");
 }
-function Nn(t) {
+function jn(t) {
   const e = /* @__PURE__ */ new Set();
   function n(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((a) => {
-      e.add(Se(a));
+      e.add(xe(a));
     }), Array.from(r.children).forEach((a) => {
       a instanceof HTMLElement && n(a);
     });
   }
   return n(t), e;
 }
-async function jn(t, e) {
-  const n = await Un(t, e), r = Nn(t);
-  return (await Promise.all(n.filter((a) => r.has(Se(a.style.fontFamily))).map((a) => {
+async function Vn(t, e) {
+  const n = await _n(t, e), r = jn(t);
+  return (await Promise.all(n.filter((a) => r.has(xe(a.style.fontFamily))).map((a) => {
     const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return ve(a.cssText, o, e);
+    return be(a.cssText, o, e);
   }))).join(`
 `);
 }
-async function _n(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await jn(t, e);
+async function Wn(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await Vn(t, e);
   if (n) {
     const r = document.createElement("style"), i = document.createTextNode(n);
     r.appendChild(i), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
   }
 }
-async function Vn(t, e = {}) {
-  const { width: n, height: r } = pe(t, e), i = await yt(t, e, !0);
-  return await _n(i, e), await be(i, e), Dn(i, e), await on(i, n, r);
+async function zn(t, e = {}) {
+  const { width: n, height: r } = ye(t, e), i = await wt(t, e, !0);
+  return await Wn(i, e), await Se(i, e), Fn(i, e), await cn(i, n, r);
 }
-async function Wn(t, e = {}) {
-  const { width: n, height: r } = pe(t, e), i = await Vn(t, e), a = await ct(i), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || nn(), u = e.canvasWidth || n, f = e.canvasHeight || r;
-  return o.width = u * l, o.height = f * l, e.skipAutoScale || rn(o), o.style.width = `${u}`, o.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, o.width, o.height)), c.drawImage(a, 0, 0, o.width, o.height), o;
+async function Kn(t, e = {}) {
+  const { width: n, height: r } = ye(t, e), i = await zn(t, e), a = await ut(i), o = document.createElement("canvas"), c = o.getContext("2d"), l = e.pixelRatio || an(), u = e.canvasWidth || n, f = e.canvasHeight || r;
+  return o.width = u * l, o.height = f * l, e.skipAutoScale || on(o), o.style.width = `${u}`, o.style.height = `${f}`, e.backgroundColor && (c.fillStyle = e.backgroundColor, c.fillRect(0, 0, o.width, o.height)), c.drawImage(a, 0, 0, o.width, o.height), o;
 }
-async function Zt(t, e = {}) {
-  return (await Wn(t, e)).toDataURL();
+async function te(t, e = {}) {
+  return (await Kn(t, e)).toDataURL();
 }
-const lt = "data-nf-capture-chrome", zn = "data-nf-canvas-snap", Kn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
-function xe(t) {
-  return t instanceof Element && (t.hasAttribute(lt) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
+const dt = "data-nf-capture-chrome", qn = "data-nf-canvas-snap", Xn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+function Ee(t) {
+  return t instanceof Element && (t.hasAttribute(dt) || t.hasAttribute("data-nf-mask-cover") || t.id === "notefully");
 }
-function qn() {
+function Yn() {
   const t = [];
   return Array.from(document.styleSheets).forEach((e) => {
     try {
@@ -503,7 +503,7 @@ function qn() {
     });
   };
 }
-function Xn() {
+function Gn() {
   const t = [];
   return document.querySelectorAll('input[type="password"], [data-notefully-mask]').forEach((n) => {
     const r = n.getBoundingClientRect(), i = document.createElement("div");
@@ -519,28 +519,28 @@ function Xn() {
     ].join(";"), document.body.appendChild(i), t.push(i);
   }), () => t.forEach((n) => n.remove());
 }
-function Yn() {
-  const t = document.querySelector(`[${lt}]`);
+function Jn() {
+  const t = document.querySelector(`[${dt}]`);
   if (t)
     return t;
   const e = document.createElement("div");
-  return e.setAttribute(lt, "1"), e.className = "nf-capture-chrome", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.innerHTML = '<span class="nf-capture-chrome-pill">Capturing…</span>', document.body.appendChild(e), e;
+  return e.setAttribute(dt, "1"), e.className = "nf-capture-chrome", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.innerHTML = '<span class="nf-capture-chrome-pill">Capturing…</span>', document.body.appendChild(e), e;
 }
-function Gn() {
-  document.querySelectorAll(`[${lt}]`).forEach((t) => t.remove());
+function Qn() {
+  document.querySelectorAll(`[${dt}]`).forEach((t) => t.remove());
 }
 function $t() {
   return new Promise((t) => {
     requestAnimationFrame(() => requestAnimationFrame(t));
   });
 }
-function N(t) {
+function V(t) {
   if (typeof t != "string" || !t.startsWith("data:image/"))
     return !1;
   const e = t.indexOf(",");
   return e > 0 && e < t.length - 1;
 }
-function Jn() {
+function Zn() {
   const t = document.documentElement, e = document.body, n = Math.max(
     window.innerWidth || 0,
     (t == null ? void 0 : t.clientWidth) || 0,
@@ -556,10 +556,10 @@ function Jn() {
   );
   return { width: n, height: r };
 }
-async function Qn() {
+async function tr() {
   const t = [], e = Array.from(document.querySelectorAll("canvas"));
   for (const n of e) {
-    if (n.closest("#notefully") || xe(n))
+    if (n.closest("#notefully") || Ee(n))
       continue;
     let r = "";
     try {
@@ -570,7 +570,7 @@ async function Qn() {
     if (!r || r === "data:,")
       continue;
     const i = document.createElement("img"), a = getComputedStyle(n);
-    i.setAttribute(zn, "1"), i.alt = "", i.src = r, i.className = n.className, i.style.cssText = n.style.cssText, i.style.width = a.width, i.style.height = a.height, i.style.maxWidth = a.maxWidth, i.style.maxHeight = a.maxHeight, i.style.objectFit = "fill", i.style.display = a.display === "inline" ? "inline-block" : a.display, n.replaceWith(i), t.push({ canvas: n, img: i });
+    i.setAttribute(qn, "1"), i.alt = "", i.src = r, i.className = n.className, i.style.cssText = n.style.cssText, i.style.width = a.width, i.style.height = a.height, i.style.maxWidth = a.maxWidth, i.style.maxHeight = a.maxHeight, i.style.objectFit = "fill", i.style.display = a.display === "inline" ? "inline-block" : a.display, n.replaceWith(i), t.push({ canvas: n, img: i });
   }
   return await Promise.all(t.map(({ img: n }) => {
     if (!n.complete)
@@ -586,25 +586,25 @@ async function Qn() {
     });
   };
 }
-async function Zn(t) {
+async function er(t) {
   if (!t)
     return null;
   if (typeof t == "string")
-    return N(t) ? t : null;
+    return V(t) ? t : null;
   if (typeof HTMLCanvasElement < "u" && t instanceof HTMLCanvasElement)
     try {
       const e = t.toDataURL("image/png");
-      return N(e) ? e : null;
+      return V(e) ? e : null;
     } catch {
       return null;
     }
   if (typeof Blob < "u" && t instanceof Blob) {
-    const e = await tr(t);
-    return N(e) ? e : null;
+    const e = await nr(t);
+    return V(e) ? e : null;
   }
   return null;
 }
-async function tr(t) {
+async function nr(t) {
   if (typeof FileReader == "function")
     return new Promise((r, i) => {
       const a = new FileReader();
@@ -613,7 +613,7 @@ async function tr(t) {
   const e = Buffer.from(await t.arrayBuffer());
   return `data:${t.type || "application/octet-stream"};base64,${e.toString("base64")}`;
 }
-async function er() {
+async function rr() {
   var e;
   if (!((e = navigator.mediaDevices) != null && e.getDisplayMedia))
     throw new Error("Screen capture is not supported in this browser.");
@@ -631,44 +631,44 @@ async function er() {
     const r = n.videoWidth || 1, i = n.videoHeight || 1, a = document.createElement("canvas");
     a.width = r, a.height = i, a.getContext("2d").drawImage(n, 0, 0, r, i);
     const o = a.toDataURL("image/png");
-    if (!N(o))
+    if (!V(o))
       throw new Error("Screen capture produced an empty image.");
     return o;
   } finally {
     t.getTracks().forEach((n) => n.stop());
   }
 }
-async function Ee(t = {}) {
-  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = Yn(), i = qn();
+async function Ce(t = {}) {
+  const e = document.getElementById("notefully"), n = e ? e.style.display : "", r = Jn(), i = Yn();
   let a = () => {
   };
   e && (e.style.display = "none");
-  const o = Xn();
+  const o = Gn();
   try {
     if (typeof t.onBeforeCapture == "function" && await t.onBeforeCapture(), await $t(), typeof t.capture == "function") {
-      const m = await Zn(await t.capture());
-      if (m)
-        return m;
+      const y = await er(await t.capture());
+      if (y)
+        return y;
     }
-    a = await Qn(), await $t();
-    const { width: c, height: l } = Jn(), u = {
+    a = await tr(), await $t();
+    const { width: c, height: l } = Zn(), u = {
       cacheBust: !0,
       width: c,
       height: l,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (m) => !xe(m),
+      filter: (y) => !Ee(y),
       // 404 / CORS images must not abort the whole capture.
-      imagePlaceholder: Kn,
+      imagePlaceholder: Xn,
       onImageErrorHandler: () => {
       }
     };
     let f = "";
     try {
-      f = await Zt(document.body, u);
+      f = await te(document.body, u);
     } catch {
-      f = await Zt(document.body, { ...u, skipFonts: !0 });
+      f = await te(document.body, { ...u, skipFonts: !0 });
     }
-    if (!N(f))
+    if (!V(f))
       throw new Error("Screenshot capture produced an empty image.");
     return f;
   } finally {
@@ -676,25 +676,25 @@ async function Ee(t = {}) {
       a();
     } catch {
     }
-    o(), i(), r.remove(), Gn(), e && (e.style.display = n);
+    o(), i(), r.remove(), Qn(), e && (e.style.display = n);
   }
 }
-function nr(t = "") {
+function ir(t = "") {
   const e = String(t || "");
   return e ? /Windows NT/i.test(e) ? "Windows" : /iPhone|iPad|iPod/i.test(e) ? "iOS" : /Mac OS X|Macintosh/i.test(e) ? "macOS" : /Android/i.test(e) ? "Android" : /CrOS/i.test(e) ? "ChromeOS" : /Linux/i.test(e) ? "Linux" : "Other" : "";
 }
-function rr(t = "") {
+function ar(t = "") {
   const e = String(t || "");
   return e ? /Edg\//i.test(e) ? "Edge" : /OPR\/|Opera/i.test(e) ? "Opera" : /Firefox\//i.test(e) ? "Firefox" : /Chrome\//i.test(e) || /CriOS\//i.test(e) ? "Chrome" : /Safari\//i.test(e) ? "Safari" : "Other" : "";
 }
-function ir(t = {}) {
+function or(t = {}) {
   const e = navigator.userAgent;
   return {
     url: location.href,
     title: document.title,
     userAgent: e,
-    os: nr(e),
-    browser: rr(e),
+    os: ir(e),
+    browser: ar(e),
     language: navigator.language,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     viewport: {
@@ -709,11 +709,11 @@ function ir(t = {}) {
     }
   };
 }
-const te = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), ee = {
+const ee = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), ne = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, ne = /* @__PURE__ */ new Set([
+}, re = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -725,8 +725,9 @@ const te = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), ee = {
   "consoleLogLimit",
   "kinds",
   "capture",
-  "onBeforeCapture"
-]), re = {
+  "onBeforeCapture",
+  "displayLink"
+]), ie = {
   slug: "Use init({ name }) for a per-app report prefix (same idea as package.json name). slug is not a widget option.",
   projectSlug: "Use init({ name }) for a per-app report prefix. projectSlug is not a widget option.",
   project: "Pass projectKey (nfk_…) from Showfully Notefully settings — there is no project option on the widget.",
@@ -735,14 +736,14 @@ const te = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), ee = {
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
-function ar(t = {}, e = {}) {
-  const n = e.warn || Ce, r = t && typeof t == "object" ? t : {}, i = {}, a = [];
-  for (const o of te)
+function sr(t = {}, e = {}) {
+  const n = e.warn || ke, r = t && typeof t == "object" ? t : {}, i = {}, a = [];
+  for (const o of ee)
     Object.prototype.hasOwnProperty.call(r, o) && (i[o] = r[o]);
-  for (const [o, c] of Object.entries(ee))
+  for (const [o, c] of Object.entries(ne))
     Object.prototype.hasOwnProperty.call(r, o) && (Object.prototype.hasOwnProperty.call(i, c) || (i[c] = r[o]));
   for (const o of Object.keys(r))
-    te.has(o) || Object.prototype.hasOwnProperty.call(ee, o) || a.push(o);
+    ee.has(o) || Object.prototype.hasOwnProperty.call(ne, o) || a.push(o);
   if (a.length) {
     const o = a.some((c) => c === "name" || c === "slug" || c === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     n(
@@ -751,24 +752,24 @@ function ar(t = {}, e = {}) {
   }
   return i;
 }
-function or(t = {}, e = {}) {
-  const n = e.warn || Ce, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((a) => !ne.has(a));
+function cr(t = {}, e = {}) {
+  const n = e.warn || ke, r = t && typeof t == "object" ? t : {}, i = Object.keys(r).filter((a) => !re.has(a));
   if (i.length)
     for (const a of i) {
-      if (re[a]) {
-        n(`Notefully.init: ignoring "${a}". ${re[a]}`);
+      if (ie[a]) {
+        n(`Notefully.init: ignoring "${a}". ${ie[a]}`);
         continue;
       }
       n(
-        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...ne].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...re].join(", ")}.`
       );
     }
 }
-function Ce(t) {
+function ke(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const sr = 80;
-function cr() {
+const lr = 80;
+function ur() {
   const t = [], e = {};
   let n = !1;
   const r = (a, o) => {
@@ -782,7 +783,7 @@ function cr() {
       level: a,
       text: c.slice(0, 2e3),
       at: Date.now()
-    }), t.length > sr && t.shift();
+    }), t.length > lr && t.shift();
   };
   return {
     hook: () => {
@@ -801,7 +802,7 @@ function cr() {
     }
   };
 }
-function lr(t) {
+function dr(t) {
   const e = window.SpeechRecognition || window.webkitSpeechRecognition;
   let n = null, r = !1;
   const i = () => {
@@ -831,8 +832,8 @@ function lr(t) {
     isActive: () => r
   };
 }
-const ur = 60 * 1e3;
-function dr({ onStart: t, onStop: e, onError: n }) {
+const fr = 60 * 1e3;
+function hr({ onStart: t, onStop: e, onError: n }) {
   let r = null, i = null, a = [], o = null;
   const c = () => {
     if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
@@ -849,7 +850,7 @@ function dr({ onStart: t, onStop: e, onError: n }) {
     c(), e(null);
   };
   return { start: async () => {
-    var f, m;
+    var f, y;
     if (!((f = navigator.mediaDevices) != null && f.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     r = await navigator.mediaDevices.getDisplayMedia({
@@ -864,10 +865,10 @@ function dr({ onStart: t, onStop: e, onError: n }) {
     }, i.onstop = () => {
       const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
       c(), e(g);
-    }, (m = r.getVideoTracks()[0]) == null || m.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, ur);
+    }, (y = r.getVideoTracks()[0]) == null || y.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, fr);
   }, stop: l };
 }
-function fr() {
+function pr() {
   const t = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -885,19 +886,19 @@ function fr() {
     }
   };
 }
-const xt = { x: 0, y: 0, w: 1, h: 1 };
-function Ht() {
-  const t = fr();
-  let e = [], n = { ...xt }, r = 1;
+const Ct = { x: 0, y: 0, w: 1, h: 1 };
+function Ut() {
+  const t = pr();
+  let e = [], n = { ...Ct }, r = 1;
   return {
-    list: () => e.filter((a) => pr(a, n)),
+    list: () => e.filter((a) => mr(a, n)),
     all: () => e.slice(),
     crop: () => ({ ...n }),
     setCrop(a) {
-      return n = hr(a), n;
+      return n = yr(a), n;
     },
     resetCrop() {
-      return n = { ...xt }, n;
+      return n = { ...Ct }, n;
     },
     isCropped() {
       return n.x > 1e-6 || n.y > 1e-6 || n.w < 1 - 1e-6 || n.h < 1 - 1e-6;
@@ -929,20 +930,20 @@ function Ht() {
       return t.free(c.number), c;
     },
     reset() {
-      for (e = [], n = { ...xt }, r = 1; t.peekUsed().length; )
+      for (e = [], n = { ...Ct }, r = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
 }
-function hr(t) {
+function yr(t) {
   const e = Math.min(Math.max(t.x, 0), 0.95), n = Math.min(Math.max(t.y, 0), 0.95), r = Math.min(Math.max(t.w, 0.05), 1 - e), i = Math.min(Math.max(t.h, 0.05), 1 - n);
   return { x: e, y: n, w: r, h: i };
 }
-function pr(t, e) {
+function mr(t, e) {
   const n = t.type === "arrow" ? (t.x + (t.x2 ?? t.x)) / 2 : t.x + (t.w || 0) / 2, r = t.type === "arrow" ? (t.y + (t.y2 ?? t.y)) / 2 : t.y + (t.h || 0) / 2;
   return n >= e.x && r >= e.y && n <= e.x + e.w && r <= e.y + e.h;
 }
-function Ft(t) {
+function Nt(t) {
   const e = Math.max(1, Number(t) || 1);
   return {
     stroke: Math.max(2, e * 75e-4),
@@ -952,52 +953,52 @@ function Ft(t) {
     arrowHeadAngle: 0.4
   };
 }
-function mr(t, {
+function gr(t, {
   stickers: e = [],
   crop: n = { x: 0, y: 0, w: 1, h: 1 },
   width: r,
   height: i,
   colors: a = {}
 }) {
-  const o = a.mark || "#fdd341", c = a.markText || "#2a2140", l = Ft(r);
+  const o = a.mark || "#fdd341", c = a.markText || "#2a2140", l = Nt(r);
   t.save(), t.lineWidth = l.stroke, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = o, t.fillStyle = o, t.font = `700 ${Math.round(l.fontSize)}px ui-sans-serif, system-ui, sans-serif`, e.forEach((u) => {
-    const f = Rt(u.x, n, r), m = kt(u.y, n, i), g = u.w / n.w * r, S = u.h / n.h * i, R = l.stroke / 2;
+    const f = Tt(u.x, n, r), y = Pt(u.y, n, i), g = u.w / n.w * r, w = u.h / n.h * i, x = l.stroke / 2;
     if (u.type === "rect")
       t.strokeRect(
-        f + R,
-        m + R,
+        f + x,
+        y + x,
         Math.max(0, g - l.stroke),
-        Math.max(0, S - l.stroke)
+        Math.max(0, w - l.stroke)
       );
     else if (u.type === "circle")
       t.beginPath(), t.ellipse(
         f + g / 2,
-        m + S / 2,
-        Math.max(0.5, g / 2 - R),
-        Math.max(0.5, S / 2 - R),
+        y + w / 2,
+        Math.max(0.5, g / 2 - x),
+        Math.max(0.5, w / 2 - x),
         0,
         0,
         Math.PI * 2
       ), t.stroke();
     else if (u.type === "arrow") {
-      const q = Rt(u.x2 ?? u.x + u.w, n, r), X = kt(u.y2 ?? u.y, n, i);
-      gr(t, f, m, q, X, l);
+      const A = Tt(u.x2 ?? u.x + u.w, n, r), H = Pt(u.y2 ?? u.y, n, i);
+      vr(t, f, y, A, H, l);
     }
     if (u.number == null || u.number === "")
       return;
-    const D = yr(u, n, r, i, f, m, g), Z = String(u.number);
-    t.beginPath(), t.arc(D.x, D.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(Z, D.x, D.y + 0.5), t.fillStyle = o;
+    const C = wr(u, n, r, i, f, y, g), I = String(u.number);
+    t.beginPath(), t.arc(C.x, C.y, l.badgeRadius, 0, Math.PI * 2), t.fillStyle = o, t.fill(), t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(I, C.x, C.y + 0.5), t.fillStyle = o;
   }), t.restore();
 }
-function Rt(t, e, n) {
+function Tt(t, e, n) {
   return (t - e.x) / e.w * n;
 }
-function kt(t, e, n) {
+function Pt(t, e, n) {
   return (t - e.y) / e.h * n;
 }
-function yr(t, e, n, r, i, a, o) {
+function wr(t, e, n, r, i, a, o) {
   if (t.type === "arrow") {
-    const c = Rt(t.x2 ?? t.x + t.w, e, n), l = kt(t.y2 ?? t.y, e, r);
+    const c = Tt(t.x2 ?? t.x + t.w, e, n), l = Pt(t.y2 ?? t.y, e, r);
     return {
       x: (i + c) / 2,
       y: (a + l) / 2
@@ -1005,47 +1006,47 @@ function yr(t, e, n, r, i, a, o) {
   }
   return { x: i + o / 2, y: a };
 }
-function Ae(t, e, n, r, i) {
-  const a = Math.atan2(r - e, n - t), o = i.arrowHead, c = Math.min(i.stroke, o * 0.2), l = n, u = r, f = n - Math.cos(a) * o, m = r - Math.sin(a) * o, g = {
+function Le(t, e, n, r, i) {
+  const a = Math.atan2(r - e, n - t), o = i.arrowHead, c = Math.min(i.stroke, o * 0.2), l = n, u = r, f = n - Math.cos(a) * o, y = r - Math.sin(a) * o, g = {
     x: l - o * Math.cos(a - i.arrowHeadAngle),
     y: u - o * Math.sin(a - i.arrowHeadAngle)
-  }, S = {
+  }, w = {
     x: l - o * Math.cos(a + i.arrowHeadAngle),
     y: u - o * Math.sin(a + i.arrowHeadAngle)
-  }, R = {
+  }, x = {
     x: n - Math.cos(a) * c,
     y: r - Math.sin(a) * c
   };
-  return { angle: a, tipX: l, tipY: u, baseX: f, baseY: m, left: g, right: S, shaftEnd: R };
+  return { angle: a, tipX: l, tipY: u, baseX: f, baseY: y, left: g, right: w, shaftEnd: x };
 }
-function gr(t, e, n, r, i, a) {
-  const o = Ae(e, n, r, i, a);
+function vr(t, e, n, r, i, a) {
+  const o = Le(e, n, r, i, a);
   t.beginPath(), t.moveTo(e, n), t.lineTo(o.shaftEnd.x, o.shaftEnd.y), t.stroke(), t.beginPath(), t.moveTo(o.tipX, o.tipY), t.lineTo(o.left.x, o.left.y), t.lineTo(o.right.x, o.right.y), t.closePath(), t.fill();
 }
-function wr(t, e, n, r = {}) {
+function br(t, e, n, r = {}) {
   return new Promise((i, a) => {
     const o = new Image();
     o.onload = () => {
-      const c = Math.round(e.x * o.width), l = Math.round(e.y * o.height), u = Math.max(1, Math.round(e.w * o.width)), f = Math.max(1, Math.round(e.h * o.height)), m = document.createElement("canvas");
-      m.width = u, m.height = f;
-      const g = m.getContext("2d");
-      g.drawImage(o, c, l, u, f, 0, 0, u, f), mr(g, {
+      const c = Math.round(e.x * o.width), l = Math.round(e.y * o.height), u = Math.max(1, Math.round(e.w * o.width)), f = Math.max(1, Math.round(e.h * o.height)), y = document.createElement("canvas");
+      y.width = u, y.height = f;
+      const g = y.getContext("2d");
+      g.drawImage(o, c, l, u, f, 0, 0, u, f), gr(g, {
         stickers: n,
         crop: e,
         width: u,
         height: f,
         colors: r
-      }), m.toBlob((S) => {
-        if (!S) {
+      }), y.toBlob((w) => {
+        if (!w) {
           a(new Error("Could not encode screenshot"));
           return;
         }
-        i(S);
+        i(w);
       }, "image/png");
     }, o.onerror = () => a(new Error("Could not load screenshot")), o.src = t;
   });
 }
-const vr = [
+const Sr = [
   { key: "url", label: "URL" },
   { key: "title", label: "Title" },
   { key: "userAgent", label: "User agent" },
@@ -1056,14 +1057,14 @@ const vr = [
   { key: "viewport", label: "Viewport" },
   { key: "user", label: "User" }
 ];
-function br(t) {
+function xr(t) {
   return !t || typeof t != "object" ? !1 : !!(t.userId || t.email || t.displayName);
 }
-function Sr(t = {}) {
+function Er(t = {}) {
   const e = [];
-  for (const n of vr) {
+  for (const n of Sr) {
     const r = t[n.key];
-    r == null || r === "" || n.key === "user" && !br(r) || e.push({
+    r == null || r === "" || n.key === "user" && !xr(r) || e.push({
       key: n.key,
       label: n.label,
       value: r,
@@ -1072,7 +1073,7 @@ function Sr(t = {}) {
   }
   return e;
 }
-function xr(t = []) {
+function Cr(t = []) {
   return t.map((e, n) => ({
     id: `log-${n}-${e.at || 0}`,
     level: e.level || "log",
@@ -1081,18 +1082,18 @@ function xr(t = []) {
     redacted: !1
   }));
 }
-function Er(t = []) {
+function kr(t = []) {
   if (!t.length)
     return { checked: !1, indeterminate: !1 };
   const e = t.filter((n) => n.redacted).length;
   return e === 0 ? { checked: !1, indeterminate: !1 } : e === t.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
 }
-function ut(t, e) {
+function ft(t, e) {
   t.forEach((n) => {
     n.redacted = !!e;
   });
 }
-function Cr(t = {}) {
+function Lr(t = {}) {
   const e = t.diagnostics || [], n = t.logs || [], r = e.some((a) => !a.redacted), i = n.length > 0 && n.some((a) => !a.redacted);
   return r && i ? "Also sending logs and diagnostic information" : r ? "Also sending diagnostic information" : i ? "Also sending logs" : "";
 }
@@ -1119,56 +1120,57 @@ function Mr(t = {}) {
   }));
   return e.console = n, e;
 }
-const _ = [
+const z = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
 ];
-function ie(t) {
+function ae(t) {
   return String(t || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
 }
-function Et(t) {
+function kt(t) {
   const e = String(t || "").trim();
   return e ? e.split(/[-_\s]+/).filter(Boolean).map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ") : "";
 }
-function Lr(t) {
+function Rr(t) {
   if (!Array.isArray(t) || !t.length)
-    return _.map((r) => ({ ...r }));
+    return z.map((r) => ({ ...r }));
   const e = /* @__PURE__ */ new Set(), n = [];
   for (const r of t) {
     let i = "", a = "";
-    typeof r == "string" || typeof r == "number" ? (i = ie(r), a = Et(i)) : r && typeof r == "object" && (i = ie(r.id ?? r.value ?? r.kind), a = String(r.label || r.name || Et(i)).trim() || Et(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: a }));
+    typeof r == "string" || typeof r == "number" ? (i = ae(r), a = kt(i)) : r && typeof r == "object" && (i = ae(r.id ?? r.value ?? r.kind), a = String(r.label || r.name || kt(i)).trim() || kt(i)), !(!i || e.has(i)) && (e.add(i), n.push({ id: i, label: a }));
   }
-  return n.length ? n : _.map((r) => ({ ...r }));
+  return n.length ? n : z.map((r) => ({ ...r }));
 }
-function gt(t) {
+function vt(t) {
   var n;
-  const e = Array.isArray(t) && t.length ? t : _;
+  const e = Array.isArray(t) && t.length ? t : z;
   return e.some((r) => r.id === "bug") ? "bug" : ((n = e[0]) == null ? void 0 : n.id) || "other";
 }
-const $r = ["maker", "all-business", "brighter-day", "quiet-night"], Me = "maker", Rr = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), Tt = 0.02, ae = 0.05, kr = `
+const $r = ["maker", "all-business", "brighter-day", "quiet-night"], Ae = "maker", Tr = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), It = 0.02, oe = 0.05, Pr = `
   <svg class="nf-launcher-icon" viewBox="0 0 24 24" aria-hidden="true">
     <path fill="currentColor" d="M5.2 2.8h9.1A2.7 2.7 0 0 1 17 5.5v8.2c0 .4-.3.7-.7.7h-.1a.7.7 0 0 1-.7-.7V5.5c0-.7-.6-1.3-1.3-1.3H5.2c-.7 0-1.3.6-1.3 1.3v12.2c0 .7.6 1.3 1.3 1.3h6.4a.7.7 0 0 1 0 1.4H5.2A2.7 2.7 0 0 1 2.5 17.7V5.5A2.7 2.7 0 0 1 5.2 2.8zm1.6 4.2a.7.7 0 0 0 0 1.4h6.2a.7.7 0 0 0 0-1.4H6.8zm0 3.2a.7.7 0 0 0 0 1.4h6.2a.7.7 0 0 0 0-1.4H6.8zm0 3.2a.7.7 0 0 0 0 1.4h3.6a.7.7 0 0 0 0-1.4H6.8z"/>
     <path fill="currentColor" d="M14.7 13.05 20.2 7.55a1.55 1.55 0 0 1 2.2 2.2l-5.5 5.5-.45 1.9a.6.6 0 0 1-.72.45l-1.9-.45.87-1.9z"/>
   </svg>
 `;
-function k(t) {
+function $(t) {
   return `<svg class="nf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${t}</svg>`;
 }
 const M = {
-  crop: k('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: k('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: k('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: k('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: k('<circle cx="12" cy="12" r="8"/>'),
-  discard: k('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
-  recapture: k('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
-  privacy: k('<path d="M8 6h13M8 12h13M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/>'),
-  audio: k('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
-  video: k('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, Le = cr();
-Le.hook();
-const $e = 10, Tr = 80, Re = "notefully.author", ke = "notefully.kind", Te = "notefully.redactSections", Pt = "Anonymous";
+  crop: $('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: $('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: $('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: $('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: $('<circle cx="12" cy="12" r="8"/>'),
+  discard: $('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  recapture: $('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
+  privacy: $('<path d="M8 6h13M8 12h13M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/>'),
+  audio: $('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
+  video: $('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>'),
+  openArrow: $('<path d="M5 12h14"/><path d="m13 6 6 6-6 6"/>')
+}, Me = ur();
+Me.hook();
+const Re = 10, Ir = 80, $e = "notefully.author", Te = "notefully.kind", Pe = "notefully.redactSections", Ot = "Anonymous";
 let d = {
   endpoint: "",
   projectKey: "",
@@ -1176,34 +1178,35 @@ let d = {
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: Me,
+  theme: Ae,
   video: !1,
-  consoleLogLimit: $e,
-  kinds: _.map((t) => ({ ...t })),
+  consoleLogLimit: Re,
+  kinds: z.map((t) => ({ ...t })),
   capture: null,
-  onBeforeCapture: null
-}, Ct = !1, T = {}, h = null, s = {}, y = Ht(), I = "", Q = "", P = null, j = gt(_), F = null, L = null, v = null, w = null, ot = null, z = null, tt = null, O = { w: 0, h: 0 }, At = !1, Ut = !1, B = [], $ = [], W = !1;
-function p(t) {
-  return h.querySelector(t);
+  onBeforeCapture: null,
+  displayLink: !1
+}, Lt = !1, O = {}, p = null, s = {}, m = Ut(), D = "", et = "", B = null, W = vt(z), _ = null, T = null, b = null, v = null, ct = null, X = null, rt = null, F = { w: 0, h: 0 }, At = !1, bt = !1, St = !1, U = [], P = [], q = !1;
+function h(t) {
+  return p.querySelector(t);
 }
-function Pe(t) {
+function Ie(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return $r.includes(e) ? e : Me;
+  return $r.includes(e) ? e : Ae;
 }
-function oe(t, e) {
-  return h && getComputedStyle(h).getPropertyValue(t).trim() || e;
+function se(t, e) {
+  return p && getComputedStyle(p).getPropertyValue(t).trim() || e;
 }
-async function Pr(t) {
+async function Or(t) {
   return (await fetch(t)).blob();
 }
-function b(t, e = !1) {
-  s.status && (s.status.textContent = t || "", ot && (clearTimeout(ot), ot = null), t && !e && (ot = setTimeout(() => {
+function S(t, e = !1) {
+  s.status && (s.status.textContent = t || "", ct && (clearTimeout(ct), ct = null), t && !e && (ct = setTimeout(() => {
     s.status.textContent = "";
   }, 4e3)));
 }
-function Nt() {
-  return h && document.body.contains(h) || (h = document.createElement("div"), h.id = "notefully", h.innerHTML = `
-      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${kr}</button>
+function _t() {
+  return p && document.body.contains(p) || (p = document.createElement("div"), p.id = "notefully", p.innerHTML = `
+      <button class="nf-launcher" type="button" title="Leave a note…" aria-label="Leave a note…">${Pr}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
           <div class="nf-panel-body">
@@ -1243,141 +1246,146 @@ function Nt() {
             <div class="nf-status"></div>
           </div>
           <p class="nf-success-msg" hidden aria-live="polite">Submitted!</p>
+          <a class="nf-success-link" hidden target="_blank" rel="noopener noreferrer" aria-label="View Report">
+            <span class="nf-success-link-label">View Report</span>
+            ${M.openArrow}
+          </a>
         </div>
       </div>
       <button class="nf-stop-video" type="button" hidden>Stop</button>
-    `, document.body.appendChild(h), s = {
-    launcher: p(".nf-launcher"),
-    dialog: p(".nf-dialog"),
-    panel: p(".nf-panel"),
-    panelBody: p(".nf-panel-body"),
-    successMsg: p(".nf-success-msg"),
-    stage: p(".nf-stage"),
-    palette: p(".nf-palette"),
-    canvas: p(".nf-canvas"),
-    text: p(".nf-text"),
-    author: p(".nf-author"),
-    kindRow: p(".nf-kind-row"),
-    kind: p(".nf-kind"),
-    privacy: p(".nf-privacy"),
-    privacySummary: p(".nf-privacy-summary"),
-    privacyText: p(".nf-privacy-text"),
-    privacyChange: p(".nf-privacy-change"),
-    privacyPanel: p(".nf-privacy-panel"),
-    privacyScroll: p(".nf-privacy-scroll"),
-    privacyDone: p(".nf-privacy-done"),
-    actions: p(".nf-actions"),
-    restore: p(".nf-restore"),
-    status: p(".nf-status"),
-    audio: p(".nf-audio"),
-    video: p(".nf-video"),
-    discard: p(".nf-discard-shot"),
-    recapture: p(".nf-recapture"),
-    stop: p(".nf-stop-video"),
-    resetCrop: p(".nf-reset-crop"),
-    submit: p(".nf-submit"),
+    `, document.body.appendChild(p), s = {
+    launcher: h(".nf-launcher"),
+    dialog: h(".nf-dialog"),
+    panel: h(".nf-panel"),
+    panelBody: h(".nf-panel-body"),
+    successMsg: h(".nf-success-msg"),
+    successLink: h(".nf-success-link"),
+    stage: h(".nf-stage"),
+    palette: h(".nf-palette"),
+    canvas: h(".nf-canvas"),
+    text: h(".nf-text"),
+    author: h(".nf-author"),
+    kindRow: h(".nf-kind-row"),
+    kind: h(".nf-kind"),
+    privacy: h(".nf-privacy"),
+    privacySummary: h(".nf-privacy-summary"),
+    privacyText: h(".nf-privacy-text"),
+    privacyChange: h(".nf-privacy-change"),
+    privacyPanel: h(".nf-privacy-panel"),
+    privacyScroll: h(".nf-privacy-scroll"),
+    privacyDone: h(".nf-privacy-done"),
+    actions: h(".nf-actions"),
+    restore: h(".nf-restore"),
+    status: h(".nf-status"),
+    audio: h(".nf-audio"),
+    video: h(".nf-video"),
+    discard: h(".nf-discard-shot"),
+    recapture: h(".nf-recapture"),
+    stop: h(".nf-stop-video"),
+    resetCrop: h(".nf-reset-crop"),
+    submit: h(".nf-submit"),
     shot: null
-  }, Ir(), nt()), h;
+  }, Br(), at()), p;
 }
-function nt() {
+function at() {
   var t;
-  h && (h.dataset.theme = Pe(d.theme), d.hideLauncher ? h.setAttribute("data-nf-hidden-launcher", "") : h.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), Ie(), (t = s.dialog) != null && t.hidden && dt());
+  p && (p.dataset.theme = Ie(d.theme), d.hideLauncher ? p.setAttribute("data-nf-hidden-launcher", "") : p.removeAttribute("data-nf-hidden-launcher"), s.video && (s.video.hidden = !d.video), Oe(), (t = s.dialog) != null && t.hidden && ht());
 }
-function dt() {
+function ht() {
   s.launcher && (s.launcher.hidden = !!d.hideLauncher);
 }
-function Ir() {
-  s.launcher.addEventListener("click", () => Ye()), p(".nf-dialog").addEventListener("click", (e) => {
-    Ut || e.target === s.dialog && at();
-  }), h.querySelectorAll(".nf-tool").forEach((e) => {
-    e.addEventListener("click", () => et(e.dataset.tool));
-  }), s.resetCrop.addEventListener("click", Vr), s.canvas.addEventListener("pointerdown", Fr), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
-  const t = p(".nf-kind");
+function Br() {
+  s.launcher.addEventListener("click", () => Je()), h(".nf-dialog").addEventListener("click", (e) => {
+    bt && !St || e.target === s.dialog && nt();
+  }), document.addEventListener("keydown", Ke), p.querySelectorAll(".nf-tool").forEach((e) => {
+    e.addEventListener("click", () => it(e.dataset.tool));
+  }), s.resetCrop.addEventListener("click", zr), s.canvas.addEventListener("pointerdown", Nr), s.canvas.addEventListener("dragstart", (e) => e.preventDefault());
+  const t = h(".nf-kind");
   t && t.addEventListener("click", (e) => {
     const n = e.target.closest("[data-kind]");
     n && jt(n.dataset.kind);
-  }), s.discard.addEventListener("click", Wr), s.recapture.addEventListener("click", () => {
-    Kr().catch((e) => b(e.message || "Recapture failed."));
-  }), s.restore.addEventListener("click", zr), s.audio.addEventListener("click", qr), s.video.addEventListener("click", Xr), s.stop.addEventListener("click", () => tt == null ? void 0 : tt.stop()), s.privacyChange.addEventListener("click", () => mt(!W)), s.privacyDone.addEventListener("click", () => mt(!1)), s.privacyScroll.addEventListener("change", ii), p(".nf-submit").addEventListener("click", () => {
-    Je().catch((e) => b(e.message || "Submit failed."));
-  }), Ie(), et(null);
+  }), s.discard.addEventListener("click", Kr), s.recapture.addEventListener("click", () => {
+    Xr().catch((e) => S(e.message || "Recapture failed."));
+  }), s.restore.addEventListener("click", qr), s.audio.addEventListener("click", Yr), s.video.addEventListener("click", Gr), s.stop.addEventListener("click", () => rt == null ? void 0 : rt.stop()), s.privacyChange.addEventListener("click", () => gt(!q)), s.privacyDone.addEventListener("click", () => gt(!1)), s.privacyScroll.addEventListener("change", oi), h(".nf-submit").addEventListener("click", () => {
+    Ze().catch((e) => S(e.message || "Submit failed."));
+  }), Oe(), it(null);
 }
-function C(t) {
+function L(t) {
   return String(t || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Ie() {
-  const t = h == null ? void 0 : h.querySelector(".nf-kind");
+function Oe() {
+  const t = p == null ? void 0 : p.querySelector(".nf-kind");
   if (!t)
     return;
-  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : _;
-  t.innerHTML = e.map((i) => `<button type="button" data-kind="${C(i.id)}">${C(i.label)}</button>`).join("");
-  const r = e.map((i) => i.id).includes(j) ? j : gt(e);
+  const e = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : z;
+  t.innerHTML = e.map((i) => `<button type="button" data-kind="${L(i.id)}">${L(i.label)}</button>`).join("");
+  const r = e.map((i) => i.id).includes(W) ? W : vt(e);
   jt(r);
 }
 function jt(t) {
-  j = (d.kinds || _).map((n) => n.id).includes(t) ? t : gt(d.kinds), h == null || h.querySelectorAll("[data-kind]").forEach((n) => {
-    n.dataset.active = String(n.dataset.kind === j);
-  }), Br(j);
+  W = (d.kinds || z).map((n) => n.id).includes(t) ? t : vt(d.kinds), p == null || p.querySelectorAll("[data-kind]").forEach((n) => {
+    n.dataset.active = String(n.dataset.kind === W);
+  }), Hr(W);
 }
-function Or() {
+function Dr() {
   try {
-    return String(localStorage.getItem(ke) || "").trim().toLowerCase();
+    return String(localStorage.getItem(Te) || "").trim().toLowerCase();
   } catch {
     return "";
   }
 }
-function Br(t) {
+function Hr(t) {
   const e = String(t || "").trim().toLowerCase();
   if (e)
     try {
-      localStorage.setItem(ke, e);
+      localStorage.setItem(Te, e);
     } catch {
     }
 }
-function Dr() {
-  const t = (d.kinds || _).map((n) => n.id), e = Or();
-  return e && t.includes(e) ? e : gt(d.kinds);
+function Fr() {
+  const t = (d.kinds || z).map((n) => n.id), e = Dr();
+  return e && t.includes(e) ? e : vt(d.kinds);
 }
-function et(t) {
-  F = Rr.has(t) ? t : null, L = null, h.querySelectorAll(".nf-tool").forEach((e) => {
-    e.dataset.active = String(e.dataset.tool === F);
-  }), s.canvas && (s.canvas.dataset.draw = F ? "true" : "false"), V() && A();
+function it(t) {
+  _ = Tr.has(t) ? t : null, T = null, p.querySelectorAll(".nf-tool").forEach((e) => {
+    e.dataset.active = String(e.dataset.tool === _);
+  }), s.canvas && (s.canvas.dataset.draw = _ ? "true" : "false"), K() && R();
 }
-function se(t) {
+function ce(t) {
   return Math.min(1, Math.max(0, t));
 }
-function rt() {
+function ot() {
   return s.shot || s.canvas;
 }
-function ft(t) {
-  const e = rt().getBoundingClientRect();
+function pt(t) {
+  const e = ot().getBoundingClientRect();
   return {
-    x: se((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: se((t.clientY - e.top) / Math.max(e.height, 1))
+    x: ce((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: ce((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
-function Hr(t) {
-  const e = rt().getBoundingClientRect();
+function Ur(t) {
+  const e = ot().getBoundingClientRect();
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
-function Oe(t) {
-  const e = ft(t), n = y.crop();
+function Be(t) {
+  const e = pt(t), n = m.crop();
   return {
     x: n.x + e.x * n.w,
     y: n.y + e.y * n.h
   };
 }
-function wt(t, e) {
+function xt(t, e) {
   const n = Math.min(t.x, e.x), r = Math.min(t.y, e.y);
   return {
     x: n,
     y: r,
-    w: Math.max(Tt, Math.abs(e.x - t.x)),
-    h: Math.max(Tt, Math.abs(e.y - t.y))
+    w: Math.max(It, Math.abs(e.x - t.x)),
+    h: Math.max(It, Math.abs(e.y - t.y))
   };
 }
-function _t(t) {
-  h && (t ? h.dataset.grabbing = "true" : delete h.dataset.grabbing);
+function Vt(t) {
+  p && (t ? p.dataset.grabbing = "true" : delete p.dataset.grabbing);
 }
 function Mt(t) {
   try {
@@ -1385,73 +1393,73 @@ function Mt(t) {
   } catch {
   }
 }
-function It() {
-  window.addEventListener("pointermove", De), window.addEventListener("pointerup", ht), window.addEventListener("pointercancel", ht);
+function Bt() {
+  window.addEventListener("pointermove", He), window.addEventListener("pointerup", yt), window.addEventListener("pointercancel", yt);
 }
-function Be() {
-  window.removeEventListener("pointermove", De), window.removeEventListener("pointerup", ht), window.removeEventListener("pointercancel", ht);
+function De() {
+  window.removeEventListener("pointermove", He), window.removeEventListener("pointerup", yt), window.removeEventListener("pointercancel", yt);
 }
-function Fr(t) {
-  if (t.button !== 0 || !V())
+function Nr(t) {
+  if (t.button !== 0 || !K())
     return;
-  if (!t.target.closest(".nf-sticker") && !Hr(t)) {
-    L = null, A();
+  if (!t.target.closest(".nf-sticker") && !Ur(t)) {
+    T = null, R();
     return;
   }
   const e = t.target.closest(".nf-handle"), n = t.target.closest(".nf-sticker");
   if (n && n.dataset.preview !== "true") {
-    t.preventDefault(), t.stopPropagation(), L = n.dataset.id, Mt(t), Ur({
+    t.preventDefault(), t.stopPropagation(), T = n.dataset.id, Mt(t), _r({
       kind: "sticker",
-      id: L,
+      id: T,
       dir: (e == null ? void 0 : e.dataset.dir) || "move"
-    }, t), A();
+    }, t), R();
     return;
   }
-  if (L = null, F === "crop") {
-    t.preventDefault(), Mt(t), v = { kind: "crop", start: ft(t), current: ft(t) }, It(), A();
+  if (T = null, _ === "crop") {
+    t.preventDefault(), Mt(t), b = { kind: "crop", start: pt(t), current: pt(t) }, Bt(), R();
     return;
   }
-  if (F === "arrow" || F === "rect" || F === "circle") {
+  if (_ === "arrow" || _ === "rect" || _ === "circle") {
     t.preventDefault(), Mt(t);
-    const r = Oe(t);
-    v = { kind: "sticker", type: F, start: r, current: r }, It(), A();
+    const r = Be(t);
+    b = { kind: "sticker", type: _, start: r, current: r }, Bt(), R();
     return;
   }
-  A();
+  R();
 }
-function Ur(t, e) {
+function _r(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const n = rt().getBoundingClientRect(), r = y.list().find((i) => i.id === t.id);
-  w = {
+  const n = ot().getBoundingClientRect(), r = m.list().find((i) => i.id === t.id);
+  v = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: y.crop(),
+    crop: m.crop(),
     sticker: r ? { ...r } : null,
     rect: n
-  }, _t(t.dir === "move" || t.dir === "start" || t.dir === "end"), It();
+  }, Vt(t.dir === "move" || t.dir === "start" || t.dir === "end"), Bt();
 }
-function De(t) {
-  if (v) {
-    v.current = v.kind === "crop" ? ft(t) : Oe(t), A();
+function He(t) {
+  if (b) {
+    b.current = b.kind === "crop" ? pt(t) : Be(t), R();
     return;
   }
-  if (!w)
+  if (!v)
     return;
-  const e = (t.clientX - w.startX) / w.rect.width * w.crop.w, n = (t.clientY - w.startY) / w.rect.height * w.crop.h, r = w.sticker;
+  const e = (t.clientX - v.startX) / v.rect.width * v.crop.w, n = (t.clientY - v.startY) / v.rect.height * v.crop.h, r = v.sticker;
   if (r) {
-    if (w.dir === "end")
-      y.update(r.id, {
+    if (v.dir === "end")
+      m.update(r.id, {
         x2: r.x2 + e,
         y2: r.y2 + n
       });
-    else if (w.dir === "start")
-      y.update(r.id, {
+    else if (v.dir === "start")
+      m.update(r.id, {
         x: r.x + e,
         y: r.y + n
       });
-    else if (w.dir === "move")
-      y.update(r.id, {
+    else if (v.dir === "move")
+      m.update(r.id, {
         x: r.x + e,
         y: r.y + n,
         x2: (r.x2 || r.x) + e,
@@ -1459,12 +1467,12 @@ function De(t) {
       });
     else {
       const i = { x: r.x, y: r.y, w: r.w, h: r.h };
-      Nr(i, w.dir, e, n), y.update(r.id, i);
+      jr(i, v.dir, e, n), m.update(r.id, i);
     }
-    A();
+    R();
   }
 }
-function Nr(t, e, n, r) {
+function jr(t, e, n, r) {
   if (e.includes("e") && (t.w = Math.max(0.04, t.w + n)), e.includes("s") && (t.h = Math.max(0.04, t.h + r)), e.includes("w")) {
     const i = Math.max(0.04, t.w - n);
     t.x += t.w - i, t.w = i;
@@ -1474,52 +1482,52 @@ function Nr(t, e, n, r) {
     t.y += t.h - i, t.h = i;
   }
 }
-function ht(t) {
-  if (Be(), _t(!1), v) {
-    jr();
+function yt(t) {
+  if (De(), Vt(!1), b) {
+    Vr();
     return;
   }
-  if (w) {
-    if (w.kind === "sticker") {
+  if (v) {
+    if (v.kind === "sticker") {
       const e = s.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (y.remove(w.id), L = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (m.remove(v.id), T = null);
     }
-    w = null, A();
+    v = null, R();
   }
 }
-function jr() {
-  const t = v;
-  if (v = null, !t)
+function Vr() {
+  const t = b;
+  if (b = null, !t)
     return;
   if (t.kind === "crop") {
-    const n = wt(t.start, t.current);
-    if (Math.abs(t.current.x - t.start.x) < ae || Math.abs(t.current.y - t.start.y) < ae) {
-      A();
+    const n = xt(t.start, t.current);
+    if (Math.abs(t.current.x - t.start.x) < oe || Math.abs(t.current.y - t.start.y) < oe) {
+      R();
       return;
     }
-    const i = y.crop();
-    y.setCrop({
+    const i = m.crop();
+    m.setCrop({
       x: i.x + n.x * i.w,
       y: i.y + n.y * i.h,
       w: n.w * i.w,
       h: n.h * i.h
-    }), K();
+    }), Y();
     return;
   }
-  const e = _r(t);
-  e && (L = e.id), A();
+  const e = Wr(t);
+  e && (T = e.id), R();
 }
-function _r(t) {
+function Wr(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, n = t.current.y - t.start.y;
-    return Math.hypot(e, n) < Tt ? y.add("arrow", {
+    return Math.hypot(e, n) < It ? m.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
       y2: t.start.y,
       w: 0.12,
       h: 0.02
-    }) : y.add("arrow", {
+    }) : m.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
@@ -1528,121 +1536,121 @@ function _r(t) {
       h: Math.abs(n)
     });
   }
-  return y.add(t.type, wt(t.start, t.current));
+  return m.add(t.type, xt(t.start, t.current));
 }
-function Vr() {
-  y.resetCrop(), L = null, K();
+function zr() {
+  m.resetCrop(), T = null, Y();
 }
-function pt() {
-  s.resetCrop && (s.resetCrop.hidden = !y.isCropped());
+function mt() {
+  s.resetCrop && (s.resetCrop.hidden = !m.isCropped());
 }
-function Vt(t) {
+function Wt(t) {
   if (!s.audio)
     return;
   const e = t ? "Stop audio" : "Record audio";
   s.audio.title = e, s.audio.setAttribute("aria-label", e), s.audio.dataset.active = String(!!t);
 }
-function V() {
-  return N(I);
+function K() {
+  return V(D);
 }
-function it() {
+function st() {
   if (!s.stage || !s.palette || !s.actions || !s.recapture)
     return;
-  const t = V();
-  s.stage.hidden = !t && !P, s.palette.hidden = !t, s.discard && (s.discard.hidden = !t), s.restore && (s.restore.hidden = t || !Q), t ? (s.palette.appendChild(s.discard), s.palette.appendChild(s.recapture)) : s.audio ? s.audio.after(s.recapture) : s.actions.insertBefore(s.recapture, s.submit || null), s.recapture.hidden = !1;
+  const t = K();
+  s.stage.hidden = !t && !B, s.palette.hidden = !t, s.discard && (s.discard.hidden = !t), s.restore && (s.restore.hidden = t || !et), t ? (s.palette.appendChild(s.discard), s.palette.appendChild(s.recapture)) : s.audio ? s.audio.after(s.recapture) : s.actions.insertBefore(s.recapture, s.submit || null), s.recapture.hidden = !1;
 }
-function Wr() {
-  V() && (Q = I), I = "", et(null), it(), K();
+function Kr() {
+  K() && (et = D), D = "", it(null), st(), Y();
 }
-function zr() {
-  N(Q) && (I = Q, it(), K());
+function qr() {
+  V(et) && (D = et, st(), Y());
 }
-function He() {
+function Fe() {
   return {
     capture: typeof d.capture == "function" ? d.capture : void 0,
     onBeforeCapture: typeof d.onBeforeCapture == "function" ? d.onBeforeCapture : void 0
   };
 }
-function Fe(t) {
-  if (!N(t))
+function Ue(t) {
+  if (!V(t))
     throw new Error("Screenshot failed; you can still send text.");
-  I = t, Q = t, y = Ht(), O = { w: 0, h: 0 }, L = null, v = null, w = null, et(null);
+  D = t, et = t, m = Ut(), F = { w: 0, h: 0 }, T = null, b = null, v = null, it(null);
 }
-async function Kr() {
-  if (!(Ct || !s.dialog || s.dialog.hidden)) {
-    Ct = !0, s.recapture.disabled = !0, b("Capturing…", !0), s.dialog.hidden = !0;
+async function Xr() {
+  if (!(Lt || !s.dialog || s.dialog.hidden)) {
+    Lt = !0, s.recapture.disabled = !0, S("Capturing…", !0), s.dialog.hidden = !0;
     try {
       let t = "";
       try {
-        t = await er();
+        t = await rr();
       } catch {
-        t = await Ee(He());
+        t = await Ce(Fe());
       }
-      Fe(t), b("");
+      Ue(t), S("");
     } catch (t) {
-      b((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+      S((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
     } finally {
-      s.dialog.hidden = !1, s.recapture.disabled = !1, Ct = !1, it(), K();
+      s.dialog.hidden = !1, s.recapture.disabled = !1, Lt = !1, st(), Y();
     }
   }
 }
-function qr() {
+function Yr() {
   try {
-    if (z || (z = lr((e) => {
+    if (X || (X = dr((e) => {
       const n = s.text.value.trim();
       s.text.value = n ? `${n} ${e}` : e;
-    })), !z.isSupported()) {
-      b("Audio-to-text is not supported in this browser.");
+    })), !X.isSupported()) {
+      S("Audio-to-text is not supported in this browser.");
       return;
     }
-    const t = z.start();
-    Vt(t), b(t ? "Listening…" : "");
+    const t = X.start();
+    Wt(t), S(t ? "Listening…" : "");
   } catch (t) {
-    b(t.message);
+    S(t.message);
   }
 }
-async function Xr() {
+async function Gr() {
   if (!d.video) {
-    b("Video is disabled on this host.");
+    S("Video is disabled on this host.");
     return;
   }
-  s.dialog.hidden = !0, s.stop.hidden = !1, nt(), s.launcher.hidden = !0, tt = dr({
+  s.dialog.hidden = !0, s.stop.hidden = !1, at(), s.launcher.hidden = !0, rt = hr({
     onStart() {
     },
     onStop(t) {
-      P = t, s.stop.hidden = !0, dt(), s.dialog.hidden = !1, it(), K(), b(t ? "Video attached." : "Recording cancelled.");
+      B = t, s.stop.hidden = !0, ht(), s.dialog.hidden = !1, st(), Y(), S(t ? "Video attached." : "Recording cancelled.");
     },
     onError(t) {
-      b(t.message);
+      S(t.message);
     }
   });
   try {
-    await tt.start();
+    await rt.start();
   } catch (t) {
-    s.stop.hidden = !0, dt(), s.dialog.hidden = !1, b(t.message);
+    s.stop.hidden = !0, ht(), s.dialog.hidden = !1, S(t.message);
   }
 }
-function K() {
-  if (s.shot = null, !V()) {
-    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = P ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(P)}"></video>` : "", pt();
+function Y() {
+  if (s.shot = null, !K()) {
+    s.canvas.style.removeProperty("--nf-shot-aspect"), s.canvas.style.removeProperty("aspect-ratio"), s.canvas.innerHTML = B ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(B)}"></video>` : "", mt();
     return;
   }
-  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${I}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
+  s.canvas.innerHTML = `<div class="nf-shot"><img alt="Screenshot" src="${D}" draggable="false"></div>`, s.shot = s.canvas.querySelector(".nf-shot");
   const t = s.shot.querySelector("img");
   t.draggable = !1, t.addEventListener("dragstart", (n) => n.preventDefault());
   const e = () => {
-    Yr(t), A();
+    Jr(t), R();
   };
-  t.addEventListener("load", e), t.complete && t.naturalWidth && e(), pt();
+  t.addEventListener("load", e), t.complete && t.naturalWidth && e(), mt();
 }
-function Yr(t) {
-  const e = t.naturalWidth || O.w, n = t.naturalHeight || O.h;
-  if (e && n && (O = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !O.w || !O.h)
+function Jr(t) {
+  const e = t.naturalWidth || F.w, n = t.naturalHeight || F.h;
+  if (e && n && (F = { w: e, h: n }, s.canvas.style.setProperty("--nf-shot-aspect", String(e / n)), s.canvas.style.aspectRatio = `${e} / ${n}`), !s.shot || !F.w || !F.h)
     return;
-  const r = y.crop(), i = O.w / O.h, a = r.w / r.h * i, o = Math.min(1, a / i), c = Math.min(1, i / a);
+  const r = m.crop(), i = F.w / F.h, a = r.w / r.h * i, o = Math.min(1, a / i), c = Math.min(1, i / a);
   s.shot.style.left = `${(1 - o) / 2 * 100}%`, s.shot.style.top = `${(1 - c) / 2 * 100}%`, s.shot.style.width = `${o * 100}%`, s.shot.style.height = `${c * 100}%`, t.style.width = `${100 / r.w}%`, t.style.height = `${100 / r.h}%`, t.style.left = `${-r.x / r.w * 100}%`, t.style.top = `${-r.y / r.h * 100}%`;
 }
-function Gr(t) {
+function Qr(t) {
   return t.type === "arrow" ? {
     id: "preview",
     type: "arrow",
@@ -1657,66 +1665,66 @@ function Gr(t) {
     id: "preview",
     type: t.type,
     number: "",
-    ...wt(t.start, t.current)
+    ...xt(t.start, t.current)
   };
 }
-function A() {
-  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((a) => a.remove()), !V() || !s.shot) {
-    pt();
+function R() {
+  if ((s.shot || s.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((a) => a.remove()), !K() || !s.shot) {
+    mt();
     return;
   }
-  const e = y.crop(), n = rt(), r = Ft(n.clientWidth || 400);
-  if (s.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), s.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), s.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), s.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (v == null ? void 0 : v.kind) === "crop") {
+  const e = m.crop(), n = ot(), r = Nt(n.clientWidth || 400);
+  if (s.shot.style.setProperty("--nf-anno-stroke", `${r.stroke}px`), s.shot.style.setProperty("--nf-anno-badge", `${r.badgeRadius * 2}px`), s.shot.style.setProperty("--nf-anno-badge-font", `${r.fontSize}px`), s.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, r.stroke * 2.5)}px`), (b == null ? void 0 : b.kind) === "crop") {
     const a = document.createElement("div");
-    a.className = "nf-crop", ce(a, wt(v.start, v.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(a);
+    a.className = "nf-crop", le(a, xt(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), s.shot.appendChild(a);
   }
-  const i = y.list().slice();
-  if ((v == null ? void 0 : v.kind) === "sticker" && i.push(Gr(v)), i.forEach((a) => {
-    const o = a.id === "preview", c = !o && a.id === L, l = document.createElement("div");
-    if (l.className = `nf-sticker nf-${a.type}`, l.dataset.id = a.id, c && (l.dataset.selected = "true"), o && (l.dataset.preview = "true"), a.type === "arrow" ? Jr(l, a, e, c, r) : (ce(l, a, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Ot(l, u))), !o && a.number) {
+  const i = m.list().slice();
+  if ((b == null ? void 0 : b.kind) === "sticker" && i.push(Qr(b)), i.forEach((a) => {
+    const o = a.id === "preview", c = !o && a.id === T, l = document.createElement("div");
+    if (l.className = `nf-sticker nf-${a.type}`, l.dataset.id = a.id, c && (l.dataset.selected = "true"), o && (l.dataset.preview = "true"), a.type === "arrow" ? Zr(l, a, e, c, r) : (le(l, a, e), c && ["nw", "ne", "sw", "se"].forEach((u) => Dt(l, u))), !o && a.number) {
       const u = document.createElement("span");
       u.className = "nf-badge", u.textContent = String(a.number), l.appendChild(u);
     }
     s.shot.appendChild(l);
-  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((a) => a.remove()), P) {
+  }), s.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((a) => a.remove()), B) {
     const a = document.createElement("video");
-    a.className = "nf-recording-preview", a.controls = !0, a.src = URL.createObjectURL(P), a.style.position = "absolute", a.style.right = "8px", a.style.bottom = "8px", a.style.width = "160px", s.canvas.appendChild(a);
+    a.className = "nf-recording-preview", a.controls = !0, a.src = URL.createObjectURL(B), a.style.position = "absolute", a.style.right = "8px", a.style.bottom = "8px", a.style.width = "160px", s.canvas.appendChild(a);
   }
-  pt();
+  mt();
 }
-function Jr(t, e, n, r, i = Ft(400)) {
-  const a = rt(), o = a.clientWidth, c = a.clientHeight, l = (e.x - n.x) / n.w * o, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * o, m = ((e.y2 ?? e.y) - n.y) / n.h * c, g = Math.max(18, i.arrowHead + i.stroke * 2), S = Math.min(l, f) - g, R = Math.min(u, m) - g, D = Math.max(2, Math.abs(f - l)) + g * 2, Z = Math.max(2, Math.abs(m - u)) + g * 2, q = l - S, X = u - R, vt = f - S, bt = m - R, H = Ae(q, X, vt, bt, i), Y = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${S}px`, t.style.top = `${R}px`, t.style.width = `${D}px`, t.style.height = `${Z}px`, Y.setAttribute("class", "nf-arrow-svg"), Y.setAttribute("viewBox", `0 0 ${D} ${Z}`), Y.setAttribute("width", String(D)), Y.setAttribute("height", String(Z)), Y.innerHTML = `
-      <line class="nf-arrow-hit" x1="${q}" y1="${X}" x2="${vt}" y2="${bt}" />
-      <line class="nf-arrow-shaft" x1="${q}" y1="${X}" x2="${H.shaftEnd.x}" y2="${H.shaftEnd.y}" />
-      <polygon class="nf-arrow-head" points="${H.tipX},${H.tipY} ${H.left.x},${H.left.y} ${H.right.x},${H.right.y}" />
-    `, t.appendChild(Y), r && (Ot(t, "start", { left: q - 5, top: X - 5 }), Ot(t, "end", { left: vt - 5, top: bt - 5 }));
+function Zr(t, e, n, r, i = Nt(400)) {
+  const a = ot(), o = a.clientWidth, c = a.clientHeight, l = (e.x - n.x) / n.w * o, u = (e.y - n.y) / n.h * c, f = ((e.x2 ?? e.x + e.w) - n.x) / n.w * o, y = ((e.y2 ?? e.y) - n.y) / n.h * c, g = Math.max(18, i.arrowHead + i.stroke * 2), w = Math.min(l, f) - g, x = Math.min(u, y) - g, C = Math.max(2, Math.abs(f - l)) + g * 2, I = Math.max(2, Math.abs(y - u)) + g * 2, A = l - w, H = u - x, G = f - w, J = y - x, N = Le(A, H, G, J, i), Q = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${w}px`, t.style.top = `${x}px`, t.style.width = `${C}px`, t.style.height = `${I}px`, Q.setAttribute("class", "nf-arrow-svg"), Q.setAttribute("viewBox", `0 0 ${C} ${I}`), Q.setAttribute("width", String(C)), Q.setAttribute("height", String(I)), Q.innerHTML = `
+      <line class="nf-arrow-hit" x1="${A}" y1="${H}" x2="${G}" y2="${J}" />
+      <line class="nf-arrow-shaft" x1="${A}" y1="${H}" x2="${N.shaftEnd.x}" y2="${N.shaftEnd.y}" />
+      <polygon class="nf-arrow-head" points="${N.tipX},${N.tipY} ${N.left.x},${N.left.y} ${N.right.x},${N.right.y}" />
+    `, t.appendChild(Q), r && (Dt(t, "start", { left: A - 5, top: H - 5 }), Dt(t, "end", { left: G - 5, top: J - 5 }));
 }
-function Ot(t, e, n) {
+function Dt(t, e, n) {
   const r = document.createElement("span");
   r.className = "nf-handle", r.dataset.dir = e, n && (r.style.left = `${n.left}px`, r.style.top = `${n.top}px`), t.appendChild(r);
 }
-function ce(t, e, n) {
+function le(t, e, n) {
   t.style.left = `${(e.x - n.x) / n.w * 100}%`, t.style.top = `${(e.y - n.y) / n.h * 100}%`, t.style.width = `${e.w / n.w * 100}%`, t.style.height = `${e.h / n.h * 100}%`;
 }
-function Ue() {
+function Ne() {
   try {
-    return String(localStorage.getItem(Re) || "").trim();
+    return String(localStorage.getItem($e) || "").trim();
   } catch {
     return "";
   }
 }
-function Qr(t) {
+function ti(t) {
   const e = String(t || "").trim();
-  if (!(!e || e === Pt))
+  if (!(!e || e === Ot))
     try {
-      localStorage.setItem(Re, e);
+      localStorage.setItem($e, e);
     } catch {
     }
 }
-function Ne() {
+function _e() {
   try {
-    const t = localStorage.getItem(Te);
+    const t = localStorage.getItem(Pe);
     if (!t)
       return { diagnostics: !1, logs: !1 };
     const e = JSON.parse(t);
@@ -1728,13 +1736,13 @@ function Ne() {
     return { diagnostics: !1, logs: !1 };
   }
 }
-function le(t = {}) {
+function ue(t = {}) {
   const e = {
-    ...Ne(),
+    ..._e(),
     ...t
   };
   try {
-    localStorage.setItem(Te, JSON.stringify({
+    localStorage.setItem(Pe, JSON.stringify({
       diagnostics: !!e.diagnostics,
       logs: !!e.logs
     }));
@@ -1742,21 +1750,21 @@ function le(t = {}) {
   }
 }
 function je() {
-  return !!(String(T.userId || "").trim() || String(T.email || "").trim() || String(T.displayName || "").trim());
+  return !!(String(O.userId || "").trim() || String(O.email || "").trim() || String(O.displayName || "").trim());
 }
-function _e() {
+function Ve() {
   return String(
-    T.displayName || T.email || T.userId || ""
+    O.displayName || O.email || O.userId || ""
   ).trim();
 }
-function Zr() {
+function ei() {
   var e;
   if (je())
-    return _e() || Pt;
+    return Ve() || Ot;
   const t = String(((e = s.author) == null ? void 0 : e.value) || "").trim();
-  return t ? (Qr(t), t) : Pt;
+  return t ? (ti(t), t) : Ot;
 }
-function Ve() {
+function We() {
   if (!s.author)
     return;
   const t = je();
@@ -1764,14 +1772,17 @@ function Ve() {
     s.author.value = "";
     return;
   }
-  s.author.value = Ue();
+  s.author.value = Ne();
 }
-function We(t, e = $e) {
+function ze(t, e = Re) {
   const n = Number(t);
-  return Number.isFinite(n) ? Math.min(Tr, Math.max(0, Math.floor(n))) : e;
+  return Number.isFinite(n) ? Math.min(Ir, Math.max(0, Math.floor(n))) : e;
+}
+function Ke(t) {
+  t.key !== "Escape" || !s.dialog || s.dialog.hidden || bt && !St || nt();
 }
-function ze(t = {}) {
-  or(t);
+function qe(t = {}) {
+  cr(t);
   const e = Object.prototype.hasOwnProperty.call(t, "kinds");
   d = {
     ...d,
@@ -1781,99 +1792,100 @@ function ze(t = {}) {
     name: t.name == null ? d.name : String(t.name || ""),
     targets: t.targets === void 0 ? d.targets : t.targets,
     hideLauncher: t.hideLauncher == null ? d.hideLauncher : !!t.hideLauncher,
-    theme: Pe(t.theme ?? d.theme),
+    theme: Ie(t.theme ?? d.theme),
     video: t.video == null ? d.video : !!t.video,
-    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : We(t.consoleLogLimit, d.consoleLogLimit),
-    kinds: e ? Lr(t.kinds) : d.kinds,
+    consoleLogLimit: t.consoleLogLimit == null ? d.consoleLogLimit : ze(t.consoleLogLimit, d.consoleLogLimit),
+    kinds: e ? Rr(t.kinds) : d.kinds,
     capture: t.capture === void 0 ? d.capture : t.capture,
-    onBeforeCapture: t.onBeforeCapture === void 0 ? d.onBeforeCapture : t.onBeforeCapture
+    onBeforeCapture: t.onBeforeCapture === void 0 ? d.onBeforeCapture : t.onBeforeCapture,
+    displayLink: t.displayLink == null ? d.displayLink : !!t.displayLink
   };
 }
-function Wt(t = {}) {
-  return ze(t), h && nt(), zt;
+function zt(t = {}) {
+  return qe(t), p && at(), Kt;
 }
-function ti(t = {}) {
-  return ze(t), Nt(), nt(), zt;
+function ni(t = {}) {
+  return qe(t), _t(), at(), Kt;
 }
-function ei(t) {
-  return Wt({ theme: t });
+function ri(t) {
+  return zt({ theme: t });
 }
-function ni(t) {
+function ii(t) {
   const e = !!t;
-  return !e && h && s.dialog && !s.dialog.hidden && at(), Wt({ hideLauncher: !e });
+  return !e && p && s.dialog && !s.dialog.hidden && nt(), zt({ hideLauncher: !e });
 }
-function ri() {
-  const t = _e() || Ue() || void 0, e = ir({
-    ...T,
-    displayName: T.displayName || t
+function ai() {
+  const t = Ve() || Ne() || void 0, e = or({
+    ...O,
+    displayName: O.displayName || t
   });
-  B = Sr(e), $ = xr(
-    Le.snapshot().slice(-We(d.consoleLogLimit))
+  U = Er(e), P = Cr(
+    Me.snapshot().slice(-ze(d.consoleLogLimit))
   );
-  const n = Ne();
-  n.diagnostics && ut(B, !0), n.logs && $.length && ut($, !0), W = !1;
+  const n = _e();
+  n.diagnostics && ft(U, !0), n.logs && P.length && ft(P, !0), q = !1;
 }
-function mt(t) {
-  W = !!t, s.privacyPanel && (s.privacyPanel.hidden = !W), s.privacyChange && (s.privacyChange.setAttribute("aria-expanded", W ? "true" : "false"), s.privacyChange.dataset.active = String(W)), W && Xe();
+function gt(t) {
+  q = !!t, s.privacyPanel && (s.privacyPanel.hidden = !q), s.privacyChange && (s.privacyChange.setAttribute("aria-expanded", q ? "true" : "false"), s.privacyChange.dataset.active = String(q)), q && Ge();
 }
-function Ke() {
+function Xe() {
   if (!s.privacy || !s.privacyText || !s.privacyChange)
     return;
-  const t = Cr({
-    diagnostics: B,
-    logs: $
+  const t = Lr({
+    diagnostics: U,
+    logs: P
   });
   s.privacyText.textContent = t, s.privacyText.hidden = !t;
-  const e = B.length === 0 && $.length === 0;
+  const e = U.length === 0 && P.length === 0;
   s.privacySummary && (s.privacySummary.hidden = e), s.privacy.hidden = e, s.privacyChange.hidden = !1;
 }
-function qe(t, e, n) {
+function Ye(t, e, n) {
   return `<label class="nf-privacy-toggle">
       <span class="nf-privacy-toggle-label">Redact</span>
-      <input type="checkbox" ${t ? "checked" : ""} ${e ? 'data-indeterminate="true"' : ""} aria-label="${C(n)}">
+      <input type="checkbox" ${t ? "checked" : ""} ${e ? 'data-indeterminate="true"' : ""} aria-label="${L(n)}">
     </label>`;
 }
-function ue(t, e, n, r, i) {
-  const a = qe(i, !1, `Redact ${n}`);
+function de(t, e, n, r, i) {
+  const a = Ye(i, !1, `Redact ${n}`);
   if (i) {
     const o = r ? `${n}: ${r}` : n;
-    return `<div class="nf-privacy-row" data-kind="${C(t)}" data-id="${C(e)}" data-redacted="true">
+    return `<div class="nf-privacy-row" data-kind="${L(t)}" data-id="${L(e)}" data-redacted="true">
       <div class="nf-privacy-row-text">
-        <div class="nf-privacy-row-summary" title="${C(o)}">${C(o)}</div>
+        <div class="nf-privacy-row-summary" title="${L(o)}">${L(o)}</div>
       </div>
       ${a}
     </div>`;
   }
-  return `<div class="nf-privacy-row" data-kind="${C(t)}" data-id="${C(e)}">
+  return `<div class="nf-privacy-row" data-kind="${L(t)}" data-id="${L(e)}">
       <div class="nf-privacy-row-text">
-        <div class="nf-privacy-row-title">${C(n)}</div>
-        <div class="nf-privacy-row-detail">${C(r)}</div>
+        <div class="nf-privacy-row-title">${L(n)}</div>
+        <div class="nf-privacy-row-detail">${L(r)}</div>
       </div>
       ${a}
     </div>`;
 }
-function de(t, e, n, r) {
+function fe(t, e, n, r) {
   if (!n.length)
     return "";
-  const i = Er(n), a = i.checked && !i.indeterminate;
-  return `<section class="nf-privacy-section" data-section="${C(t)}"${a ? ' data-redacted="true"' : ""}>
+  const i = kr(n), a = i.checked && !i.indeterminate;
+  return `<section class="nf-privacy-section" data-section="${L(t)}"${a ? ' data-redacted="true"' : ""}>
       <div class="nf-privacy-section-head">
-        <h3 class="nf-privacy-section-title">${C(e)}</h3>
-        ${qe(i.checked, i.indeterminate, `Redact all ${e.toLowerCase()}`)}
+        <h3 class="nf-privacy-section-title">${L(e)}</h3>
+        ${Ye(i.checked, i.indeterminate, `Redact all ${e.toLowerCase()}`)}
       </div>
       <div class="nf-privacy-rows"${a ? " hidden" : ""}>${r}</div>
     </section>`;
 }
-function Xe() {
+function Ge() {
   if (!s.privacyScroll)
     return;
-  const t = B.map((n) => ue(
+  const t = U.map((n) => de(
     "diagnostic",
     n.key,
     n.label,
     Ar(n.value),
     n.redacted
-  )).join(""), e = $.map((n) => ue(
+  )).join(""), e = P.map((n) => de(
     "log",
     n.id,
     n.level,
@@ -1881,13 +1893,13 @@ function Xe() {
     n.redacted
   )).join("");
   s.privacyScroll.innerHTML = [
-    de("diagnostics", "Diagnostics", B, t),
-    $.length ? de("logs", "Logs", $, e) : ""
+    fe("diagnostics", "Diagnostics", U, t),
+    P.length ? fe("logs", "Logs", P, e) : ""
   ].join(""), s.privacyScroll.querySelectorAll('input[data-indeterminate="true"]').forEach((n) => {
     n.indeterminate = !0, n.removeAttribute("data-indeterminate");
-  }), Ke();
+  }), Xe();
 }
-function ii(t) {
+function oi(t) {
   const e = t.target;
   if (!(e instanceof HTMLInputElement) || e.type !== "checkbox")
     return;
@@ -1895,93 +1907,109 @@ function ii(t) {
   if (r) {
     const a = r.dataset.kind, o = r.dataset.id;
     if (a === "diagnostic") {
-      const c = B.find((l) => l.key === o);
+      const c = U.find((l) => l.key === o);
       c && (c.redacted = i);
     } else if (a === "log") {
-      const c = $.find((l) => l.id === o);
+      const c = P.find((l) => l.id === o);
       c && (c.redacted = i);
     }
   } else if (n) {
     const a = n.dataset.section;
-    a === "diagnostics" ? (ut(B, i), le({ diagnostics: i })) : a === "logs" && (ut($, i), le({ logs: i }));
+    a === "diagnostics" ? (ft(U, i), ue({ diagnostics: i })) : a === "logs" && (ft(P, i), ue({ logs: i }));
   } else
     return;
-  Xe();
+  Ge();
 }
-async function Ye() {
-  Nt(), Ge(), nt(), s.launcher.hidden = !0, y = Ht(), O = { w: 0, h: 0 }, P = null, I = "", Q = "", L = null, v = null, w = null, j = Dr(), jt(j), et(null), Vt(!1), s.text.value = "", Ve(), b(""), ri();
+async function Je() {
+  _t(), Qe(), at(), s.launcher.hidden = !0, m = Ut(), F = { w: 0, h: 0 }, B = null, D = "", et = "", T = null, b = null, v = null, W = Fr(), jt(W), it(null), Wt(!1), s.text.value = "", We(), S(""), ai();
   try {
-    Fe(await Ee(He())), b("");
+    Ue(await Ce(Fe())), S("");
   } catch (t) {
-    I = "", b((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
+    D = "", S((t == null ? void 0 : t.message) || "Screenshot failed; you can still send text.");
   }
-  it(), mt(!1), Ke(), s.dialog.hidden = !1, K(), s.text.focus();
+  st(), gt(!1), Xe(), s.dialog.hidden = !1, Y(), s.text.focus();
 }
-function at() {
-  h && (z == null || z.stop(), Vt(!1), Be(), v = null, w = null, _t(!1), Ge(), mt(!1), s.dialog.hidden = !0, s.stop.hidden = !0, dt());
-}
-function ai() {
-  const t = s.dialog, e = s.panel, n = s.panelBody, r = s.successMsg;
-  if (!t || !e || !n || !r)
-    return Promise.resolve();
-  Ut = !0, b("");
-  const i = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, a = e.getBoundingClientRect();
-  if (n.hidden = !0, r.hidden = !1, t.classList.add("nf-success"), t.style.opacity = "1", i)
-    return new Promise((u) => {
-      window.setTimeout(() => u(), 1e3);
+function nt() {
+  p && (X == null || X.stop(), Wt(!1), De(), b = null, v = null, Vt(!1), Qe(), gt(!1), s.dialog.hidden = !0, s.stop.hidden = !0, ht());
+}
+function si(t = "") {
+  const e = s.dialog, n = s.panel, r = s.panelBody, i = s.successMsg, a = s.successLink, o = String(t || "").trim(), c = !!(d.displayLink && o);
+  if (!e || !n || !r || !i)
+    return Promise.resolve(!1);
+  bt = !0, St = c, S("");
+  const l = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, u = n.getBoundingClientRect();
+  if (r.hidden = !0, i.hidden = !1, e.classList.add("nf-success"), e.classList.toggle("nf-success-sticky", c), e.style.opacity = "1", a && (c ? (a.hidden = !1, a.href = o) : (a.hidden = !0, a.removeAttribute("href"))), c) {
+    if (l)
+      return Promise.resolve(!0);
+    const w = n.getBoundingClientRect(), x = w.width > 0 ? u.width / w.width : 1, C = w.height > 0 ? u.height / w.height : 1;
+    return n.style.transformOrigin = "center center", n.style.transition = "none", n.style.transform = `scale(${x}, ${C})`, n.getBoundingClientRect(), new Promise((I) => {
+      let A = !1;
+      const H = () => {
+        A || (A = !0, n.removeEventListener("transitionend", G), I(!0));
+      }, G = (J) => {
+        J.target !== n || J.propertyName !== "transform" || H();
+      };
+      n.addEventListener("transitionend", G), requestAnimationFrame(() => {
+        n.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", n.style.transform = "scale(1)";
+      }), window.setTimeout(H, 700);
     });
-  const o = e.getBoundingClientRect(), c = o.width > 0 ? a.width / o.width : 1, l = o.height > 0 ? a.height / o.height : 1;
-  return e.style.transformOrigin = "center center", e.style.transition = "none", e.style.transform = `scale(${c}, ${l})`, e.getBoundingClientRect(), new Promise((u) => {
-    let f = !1;
-    const m = () => {
-      f || (f = !0, e.removeEventListener("transitionend", g), window.setTimeout(() => {
-        t.style.transition = "opacity 0.28s ease", t.style.opacity = "0", window.setTimeout(() => u(), 280);
+  }
+  if (l)
+    return new Promise((w) => {
+      window.setTimeout(() => w(!1), 1e3);
+    });
+  const f = n.getBoundingClientRect(), y = f.width > 0 ? u.width / f.width : 1, g = f.height > 0 ? u.height / f.height : 1;
+  return n.style.transformOrigin = "center center", n.style.transition = "none", n.style.transform = `scale(${y}, ${g})`, n.getBoundingClientRect(), new Promise((w) => {
+    let x = !1;
+    const C = () => {
+      x || (x = !0, n.removeEventListener("transitionend", I), window.setTimeout(() => {
+        e.style.transition = "opacity 0.28s ease", e.style.opacity = "0", window.setTimeout(() => w(!1), 280);
       }, 1e3));
-    }, g = (S) => {
-      S.target !== e || S.propertyName !== "transform" || m();
+    }, I = (A) => {
+      A.target !== n || A.propertyName !== "transform" || C();
     };
-    e.addEventListener("transitionend", g), requestAnimationFrame(() => {
-      e.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", e.style.transform = "scale(1)";
-    }), window.setTimeout(m, 700);
+    n.addEventListener("transitionend", I), requestAnimationFrame(() => {
+      n.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", n.style.transform = "scale(1)";
+    }), window.setTimeout(C, 700);
   });
 }
-function Ge() {
-  Ut = !1, s.dialog && (s.dialog.classList.remove("nf-success"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0));
+function Qe() {
+  bt = !1, St = !1, s.dialog && (s.dialog.classList.remove("nf-success", "nf-success-sticky"), s.dialog.style.opacity = "", s.dialog.style.transition = "", s.panel && (s.panel.style.transform = "", s.panel.style.transition = "", s.panel.style.transformOrigin = ""), s.panelBody && (s.panelBody.hidden = !1), s.successMsg && (s.successMsg.hidden = !0), s.successLink && (s.successLink.hidden = !0, s.successLink.removeAttribute("href")));
 }
-function oi(t = {}) {
-  T = { ...T, ...ar(t) }, Ve();
+function ci(t = {}) {
+  O = { ...O, ...sr(t) }, We();
 }
-async function Je() {
-  if (Nt(), At)
+async function Ze() {
+  if (_t(), At)
     return null;
   const t = s.text.value.trim();
-  if (!t && !V() && !P)
-    return b("Add a note, screenshot, or video first."), null;
+  if (!t && !K() && !B)
+    return S("Add a note, screenshot, or video first."), null;
   if (!d.endpoint || !d.projectKey)
-    return b("Notefully is missing endpoint or projectKey."), null;
-  At = !0, fe(!0), b("Submitting…", !0);
+    return S("Notefully is missing endpoint or projectKey."), null;
+  At = !0, he(!0), S("Submitting…", !0);
   try {
-    const e = Zr(), n = new FormData();
-    if (n.append("message", t), n.append("kind", j), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify(Mr({
+    const e = ei(), n = new FormData();
+    if (n.append("message", t), n.append("kind", W), n.append("version", d.version || "0.0.0"), n.append("author", e), d.name && n.append("name", d.name), n.append("context", JSON.stringify(Mr({
       author: e,
-      diagnostics: B,
-      logs: $
-    }))), n.append("annotations", JSON.stringify(y.list())), n.append("crop", JSON.stringify(y.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), V()) {
-      const a = await Pr(I);
-      if (n.append("screenshot", a, "screenshot.png"), y.list().length || y.isCropped()) {
-        const o = await wr(
-          I,
-          y.crop(),
-          y.list(),
+      diagnostics: U,
+      logs: P
+    }))), n.append("annotations", JSON.stringify(m.list())), n.append("crop", JSON.stringify(m.crop())), Array.isArray(d.targets) && n.append("targets", JSON.stringify(d.targets)), K()) {
+      const o = await Or(D);
+      if (n.append("screenshot", o, "screenshot.png"), m.list().length || m.isCropped()) {
+        const c = await br(
+          D,
+          m.crop(),
+          m.list(),
           {
-            mark: oe("--nf-mark", "#fdd341"),
-            markText: oe("--nf-mark-text", "#2a2140")
+            mark: se("--nf-mark", "#fdd341"),
+            markText: se("--nf-mark-text", "#2a2140")
           }
         );
-        n.append("screenshotBaked", o, "screenshot.baked.png");
+        n.append("screenshotBaked", c, "screenshot.baked.png");
       }
     }
-    P && n.append("recording", P, "recording.webm");
+    B && n.append("recording", B, "recording.webm");
     const r = await fetch(`${d.endpoint}/v1/reports`, {
       method: "POST",
       headers: {
@@ -1996,29 +2024,29 @@ async function Je() {
       i = null;
     }
     if (!r.ok)
-      throw b((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
-    return await ai(), at(), i;
+      throw S((i == null ? void 0 : i.error) || "Submit failed."), new Error((i == null ? void 0 : i.error) || `Submit failed (${r.status})`);
+    return await si((i == null ? void 0 : i.trackerUrl) || "") || nt(), i;
   } finally {
-    At = !1, fe(!1);
+    At = !1, he(!1);
   }
 }
-function fe(t) {
+function he(t) {
   s.submit && (s.submit.disabled = !!t, s.submit.setAttribute("aria-busy", t ? "true" : "false"));
 }
-function si() {
-  at(), h == null || h.remove(), h = null, s = {};
+function li() {
+  nt(), document.removeEventListener("keydown", Ke), p == null || p.remove(), p = null, s = {};
 }
-const zt = { init: ti, configure: Wt, setTheme: ei, setVisible: ni, open: Ye, close: at, identify: oi, submit: Je, destroy: si };
-typeof window < "u" && (window.Notefully = zt);
+const Kt = { init: ni, configure: zt, setTheme: ri, setVisible: ii, open: Je, close: nt, identify: ci, submit: Ze, destroy: li };
+typeof window < "u" && (window.Notefully = Kt);
 export {
-  at as close,
-  Wt as configure,
-  zt as default,
-  si as destroy,
-  oi as identify,
-  ti as init,
-  Ye as open,
-  ei as setTheme,
-  ni as setVisible,
-  Je as submit
+  nt as close,
+  zt as configure,
+  Kt as default,
+  li as destroy,
+  ci as identify,
+  ni as init,
+  Je as open,
+  ri as setTheme,
+  ii as setVisible,
+  Ze as submit
 };