@makefully/notefully 0.2.2 → 0.2.4

package/dist/notefully.js

@@ -1,4 +1,4 @@
-const me = {
+const ve = {
   "launcher.open": "Leave a note…",
   "tool.crop": "Crop",
   "tool.resetCrop": "Reset crop",
@@ -14,9 +14,21 @@ const me = {
   "tool.video": "Record video",
   "tool.stopVideo": "Stop",
   "form.messagePlaceholder": "Describe the bug or the change you want…",
+  "form.placeholder.bug": "What did you expect to happen and what happened instead?",
+  "form.placeholder.idea": "What's your idea?",
+  "form.placeholder.other": "Describe what you are reporting in detail.",
+  "form.placeholder.custom": "{kind}: Describe what you are reporting in detail.",
+  "form.title.bug": "Report a Problem",
+  "form.title.idea": "Share an Idea",
+  "form.title.other": "Send Feedback",
+  "form.intro.bug": "Tell us what went wrong.",
+  "form.intro.idea": "Tell us what we could improve.",
+  "form.intro.other": "Let us know what you think.",
+  "form.screenshotNote": "A screenshot of this page is attached. Use the image tools to crop, annotate, remove, or retake the screenshot.",
   "form.author": "Author",
   "form.authorPlaceholder": "Anonymous",
-  "form.submit": "Submit",
+  "form.submit": "Send Report",
+  "form.close": "Close",
   "form.done": "Done",
   "form.success": "Submitted!",
   "form.viewReport": "View Report",
@@ -33,6 +45,8 @@ const me = {
   "status.screenshotFailed": "Screenshot failed; you can still send text.",
   "status.recaptureFailed": "Recapture failed.",
   "status.submitFailed": "Submit failed.",
+  "status.submitTooLarge": "Screenshot too large; retrying smaller…",
+  "status.submitWithoutImage": "Submitted without screenshot.",
   "status.emptyReport": "Add a note, screenshot, or video first.",
   "status.missingConfig": "Notefully is missing endpoint or projectKey.",
   "status.speechUnsupported": "Speech recognition is not supported in this browser.",
@@ -55,9 +69,9 @@ const me = {
   "diag.timezone": "Timezone",
   "diag.viewport": "Viewport",
   "diag.user": "User"
-}, he = {
-  "en-US": me
-}, Te = {
+}, ke = {
+  "en-US": ve
+}, De = {
   en: "en-US",
   no: "nb",
   tl: "fil",
@@ -84,33 +98,33 @@ const me = {
   "es-PR": ["es-419", "es"],
   "es-CU": ["es-419", "es"]
 }, ka = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur"]);
-let le = "en-US", Pt = {};
-function h(e, t) {
-  !e || !t || typeof t != "object" || (he[String(e)] = t);
+let ue = "en-US", Pt = {};
+function f(e, t) {
+  !e || !t || typeof t != "object" || (ke[String(e)] = t);
 }
-function oe(e) {
+function ie(e) {
   return String(e || "").trim().replace(/_/g, "-");
 }
 function ba(e) {
-  const t = oe(e);
+  const t = ie(e);
   if (!t)
     return ["en-US"];
-  const a = t, o = Te[a] || Te[a.toLowerCase()] || a, s = [], i = (n) => {
-    n && !s.includes(n) && s.push(n);
+  const a = t, o = De[a] || De[a.toLowerCase()] || a, s = [], i = (l) => {
+    l && !s.includes(l) && s.push(l);
   };
   i(o);
-  for (const [n, u] of Object.entries(va))
-    n.toLowerCase() === o.toLowerCase() && u.forEach(i);
+  for (const [l, u] of Object.entries(va))
+    l.toLowerCase() === o.toLowerCase() && u.forEach(i);
   const r = o.split("-");
-  for (let n = r.length - 1; n >= 1; n -= 1)
-    i(r.slice(0, n).join("-"));
-  return i(Te[r[0]] || r[0]), i("en-US"), s;
+  for (let l = r.length - 1; l >= 1; l -= 1)
+    i(r.slice(0, l).join("-"));
+  return i(De[r[0]] || r[0]), i("en-US"), s;
 }
 function wa(e) {
   for (const t of ba(e)) {
-    if (he[t])
+    if (ke[t])
       return t;
-    const a = Object.keys(he).find(
+    const a = Object.keys(ke).find(
       (o) => o.toLowerCase() === t.toLowerCase()
     );
     if (a)
@@ -121,33 +135,33 @@ function wa(e) {
 function Sa(e = {}) {
   var t;
   if (e.locale != null && String(e.locale).trim())
-    return oe(e.locale);
+    return ie(e.locale);
   if (typeof document < "u") {
     const a = (t = document.documentElement) == null ? void 0 : t.lang;
     if (a && String(a).trim())
-      return oe(a);
+      return ie(a);
   }
-  return typeof navigator < "u" && navigator.language ? oe(navigator.language) : "en-US";
+  return typeof navigator < "u" && navigator.language ? ie(navigator.language) : "en-US";
 }
 function Aa(e, t) {
-  return e != null && (le = oe(e) || "en-US"), le;
+  return e != null && (ue = ie(e) || "en-US"), ue;
 }
 function Ca(e) {
   Pt = e && typeof e == "object" ? { ...e } : {};
 }
-function fe() {
-  return le;
+function be() {
+  return ue;
 }
-function za(e = le) {
-  const t = oe(e).split("-")[0].toLowerCase();
+function za(e = ue) {
+  const t = ie(e).split("-")[0].toLowerCase();
   return ka.has(t) ? "rtl" : "ltr";
 }
-function m(e, t) {
-  const a = String(e || ""), o = wa(le), s = he[o] || me;
-  let i = Pt[a] ?? s[a] ?? me[a] ?? a;
-  return String(i);
+function p(e, t) {
+  const a = String(e || ""), o = wa(ue), s = ke[o] || ve;
+  let i = Pt[a] ?? s[a] ?? ve[a] ?? a;
+  return t && typeof t == "object" && (i = String(i).replace(/\{(\w+)\}/g, (r, l) => t[l] == null ? `{${l}}` : String(t[l]))), String(i);
 }
-const ja = {
+const Ea = {
   "launcher.open": "Оставете бележка...",
   "tool.crop": "Реколта",
   "tool.resetCrop": "Нулиране на изрязването",
@@ -204,7 +218,7 @@ const ja = {
   "diag.timezone": "Часова зона",
   "diag.viewport": "Изгледна плоча",
   "diag.user": "Потребител"
-}, Ea = {
+}, ja = {
   "launcher.open": "Deixa una nota...",
   "tool.crop": "Cultiu",
   "tool.resetCrop": "Restablir el cultiu",
@@ -375,7 +389,7 @@ const ja = {
   "diag.timezone": "Tidszone",
   "diag.viewport": "Viewport",
   "diag.user": "Bruger"
-}, La = {
+}, xa = {
   "launcher.open": "Hinterlassen Sie eine Notiz...",
   "tool.crop": "Ernte",
   "tool.resetCrop": "Zuschnitt zurücksetzen",
@@ -432,7 +446,7 @@ const ja = {
   "diag.timezone": "Zeitzone",
   "diag.viewport": "Sichtfenster",
   "diag.user": "Nutzer"
-}, xa = {
+}, La = {
   "launcher.open": "Αφήστε ένα σημείωμα...",
   "tool.crop": "Καλλιέργεια",
   "tool.resetCrop": "Επαναφορά της καλλιέργειας",
@@ -505,9 +519,21 @@ const ja = {
   "tool.video": "Record video",
   "tool.stopVideo": "Stop",
   "form.messagePlaceholder": "Describe the bug or the change you want…",
+  "form.placeholder.bug": "What did you expect to happen and what happened instead?",
+  "form.placeholder.idea": "What's your idea?",
+  "form.placeholder.other": "Describe what you are reporting in detail.",
+  "form.placeholder.custom": "{kind}: Describe what you are reporting in detail.",
+  "form.title.bug": "Report a Problem",
+  "form.title.idea": "Share an Idea",
+  "form.title.other": "Send Feedback",
+  "form.intro.bug": "Tell us what went wrong.",
+  "form.intro.idea": "Tell us what we could improve.",
+  "form.intro.other": "Let us know what you think.",
+  "form.screenshotNote": "A screenshot of this page is attached. Use the image tools to crop, annotate, remove, or retake the screenshot.",
   "form.author": "Author",
   "form.authorPlaceholder": "Anonymous",
-  "form.submit": "Submit",
+  "form.submit": "Send Report",
+  "form.close": "Close",
   "form.done": "Done",
   "form.success": "Submitted!",
   "form.viewReport": "View Report",
@@ -524,6 +550,8 @@ const ja = {
   "status.screenshotFailed": "Screenshot failed; you can still send text.",
   "status.recaptureFailed": "Recapture failed.",
   "status.submitFailed": "Submit failed.",
+  "status.submitTooLarge": "Screenshot too large; retrying smaller…",
+  "status.submitWithoutImage": "Submitted without screenshot.",
   "status.emptyReport": "Add a note, screenshot, or video first.",
   "status.missingConfig": "Notefully is missing endpoint or projectKey.",
   "status.speechUnsupported": "Speech recognition is not supported in this browser.",
@@ -660,7 +688,7 @@ const ja = {
   "diag.timezone": "Zona horaria",
   "diag.viewport": "ViEWPORT",
   "diag.user": "Usuario"
-}, Oa = {
+}, Da = {
   "launcher.open": "Jäta märkus...",
   "tool.crop": "Põllukultuur",
   "tool.resetCrop": "Lähtesta põllukultuur",
@@ -717,7 +745,7 @@ const ja = {
   "diag.timezone": "Ajavöönd",
   "diag.viewport": "Vaatenurk",
   "diag.user": "Kasutaja"
-}, Da = {
+}, Oa = {
   "launcher.open": "Jätä muistiinpano...",
   "tool.crop": "Viljely",
   "tool.resetCrop": "Nollaa rajaus",
@@ -2371,46 +2399,46 @@ const ja = {
   "diag.viewport": "視埠",
   "diag.user": "使用者"
 };
-h("en-US", me);
-h("bg", ja);
-h("ca", Ea);
-h("cs", Ra);
-h("da", Pa);
-h("de", La);
-h("el", xa);
-h("en-GB", Ua);
-h("es", Ta);
-h("es-419", Fa);
-h("et", Oa);
-h("fi", Da);
-h("fr", Ma);
-h("hi", Ia);
-h("hr", Va);
-h("hu", $a);
-h("id", Ba);
-h("it", Na);
-h("ja", Ka);
-h("ko", Ha);
-h("lt", Ga);
-h("lv", qa);
-h("nb", _a);
-h("nl", Wa);
-h("pl", Za);
-h("pt-BR", Ja);
-h("pt-PT", Ya);
-h("ro", Xa);
-h("ru", Qa);
-h("sk", eo);
-h("sl", to);
-h("sr", ao);
-h("sv", oo);
-h("fil", io);
-h("th", so);
-h("tr", ro);
-h("uk", no);
-h("vi", lo);
-h("zh-CN", uo);
-h("zh-TW", co);
+f("en-US", ve);
+f("bg", Ea);
+f("ca", ja);
+f("cs", Ra);
+f("da", Pa);
+f("de", xa);
+f("el", La);
+f("en-GB", Ua);
+f("es", Ta);
+f("es-419", Fa);
+f("et", Da);
+f("fi", Oa);
+f("fr", Ma);
+f("hi", Ia);
+f("hr", Va);
+f("hu", $a);
+f("id", Ba);
+f("it", Na);
+f("ja", Ka);
+f("ko", Ha);
+f("lt", Ga);
+f("lv", qa);
+f("nb", _a);
+f("nl", Wa);
+f("pl", Za);
+f("pt-BR", Ja);
+f("pt-PT", Ya);
+f("ro", Xa);
+f("ru", Qa);
+f("sk", eo);
+f("sl", to);
+f("sr", ao);
+f("sv", oo);
+f("fil", io);
+f("th", so);
+f("tr", ro);
+f("uk", no);
+f("vi", lo);
+f("zh-CN", uo);
+f("zh-TW", co);
 function po(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
     return e;
@@ -2429,29 +2457,29 @@ const go = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function G(e) {
+function J(e) {
   const t = [];
   for (let a = 0, o = e.length; a < o; a++)
     t.push(e[a]);
   return t;
 }
-let te = null;
-function Lt(e = {}) {
-  return te || (e.includeStyleProperties ? (te = e.includeStyleProperties, te) : (te = G(window.getComputedStyle(document.documentElement)), te));
+let ae = null;
+function xt(e = {}) {
+  return ae || (e.includeStyleProperties ? (ae = e.includeStyleProperties, ae) : (ae = J(window.getComputedStyle(document.documentElement)), ae));
 }
-function ye(e, t) {
+function we(e, t) {
   const o = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return o ? parseFloat(o.replace("px", "")) : 0;
 }
 function mo(e) {
-  const t = ye(e, "border-left-width"), a = ye(e, "border-right-width");
+  const t = we(e, "border-left-width"), a = we(e, "border-right-width");
   return e.clientWidth + t + a;
 }
 function ho(e) {
-  const t = ye(e, "border-top-width"), a = ye(e, "border-bottom-width");
+  const t = we(e, "border-top-width"), a = we(e, "border-bottom-width");
   return e.clientHeight + t + a;
 }
-function xt(e, t = {}) {
+function Lt(e, t = {}) {
   const a = t.width || mo(e), o = t.height || ho(e);
   return { width: a, height: o };
 }
@@ -2464,11 +2492,11 @@ function fo() {
   const a = t && t.env ? t.env.devicePixelRatio : null;
   return a && (e = parseInt(a, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
-const R = 16384;
+const U = 16384;
 function yo(e) {
-  (e.width > R || e.height > R) && (e.width > R && e.height > R ? e.width > e.height ? (e.height *= R / e.width, e.width = R) : (e.width *= R / e.height, e.height = R) : e.width > R ? (e.height *= R / e.width, e.width = R) : (e.width *= R / e.height, e.height = R));
+  (e.width > U || e.height > U) && (e.width > U && e.height > U ? e.width > e.height ? (e.height *= U / e.width, e.width = U) : (e.width *= U / e.height, e.height = U) : e.width > U ? (e.height *= U / e.width, e.width = U) : (e.width *= U / e.height, e.height = U));
 }
-function ve(e) {
+function Se(e) {
   return new Promise((t, a) => {
     const o = new Image();
     o.onload = () => {
@@ -2485,18 +2513,18 @@ async function ko(e, t, a) {
   const o = "http://www.w3.org/2000/svg", s = document.createElementNS(o, "svg"), i = document.createElementNS(o, "foreignObject");
   return s.setAttribute("width", `${t}`), s.setAttribute("height", `${a}`), s.setAttribute("viewBox", `0 0 ${t} ${a}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), s.appendChild(i), i.appendChild(e), vo(s);
 }
-const j = (e, t) => {
+const L = (e, t) => {
   if (e instanceof t)
     return !0;
   const a = Object.getPrototypeOf(e);
-  return a === null ? !1 : a.constructor.name === t.name || j(a, t);
+  return a === null ? !1 : a.constructor.name === t.name || L(a, t);
 };
 function bo(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
 function wo(e, t) {
-  return Lt(t).map((a) => {
+  return xt(t).map((a) => {
     const o = e.getPropertyValue(a), s = e.getPropertyPriority(a);
     return `${a}: ${o}${s ? " !important" : ""};`;
   }).join(" ");
@@ -2505,7 +2533,7 @@ function So(e, t, a, o) {
   const s = `.${e}:${t}`, i = a.cssText ? bo(a) : wo(a, o);
   return document.createTextNode(`${s}{${i}}`);
 }
-function st(e, t, a, o) {
+function it(e, t, a, o) {
   const s = window.getComputedStyle(e, a), i = s.getPropertyValue("content");
   if (i === "" || i === "none")
     return;
@@ -2515,20 +2543,20 @@ function st(e, t, a, o) {
   } catch {
     return;
   }
-  const n = document.createElement("style");
-  n.appendChild(So(r, a, s, o)), t.appendChild(n);
+  const l = document.createElement("style");
+  l.appendChild(So(r, a, s, o)), t.appendChild(l);
 }
 function Ao(e, t, a) {
-  st(e, t, ":before", a), st(e, t, ":after", a);
+  it(e, t, ":before", a), it(e, t, ":after", a);
 }
-const rt = "application/font-woff", nt = "image/jpeg", Co = {
-  woff: rt,
-  woff2: rt,
+const st = "application/font-woff", rt = "image/jpeg", Co = {
+  woff: st,
+  woff2: st,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: nt,
-  jpeg: nt,
+  jpg: rt,
+  jpeg: rt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
@@ -2538,17 +2566,17 @@ function zo(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function We(e) {
+function _e(e) {
   const t = zo(e).toLowerCase();
   return Co[t] || "";
 }
-function jo(e) {
+function Eo(e) {
   return e.split(/,/)[1];
 }
-function $e(e) {
+function Be(e) {
   return e.search(/^(data:)/) !== -1;
 }
-function Eo(e, t) {
+function jo(e, t) {
   return `data:${t};base64,${e}`;
 }
 async function Ut(e, t, a) {
@@ -2557,62 +2585,62 @@ async function Ut(e, t, a) {
     throw new Error(`Resource "${o.url}" not found`);
   const s = await o.blob();
   return new Promise((i, r) => {
-    const n = new FileReader();
-    n.onerror = r, n.onloadend = () => {
+    const l = new FileReader();
+    l.onerror = r, l.onloadend = () => {
       try {
-        i(a({ res: o, result: n.result }));
+        i(a({ res: o, result: l.result }));
       } catch (u) {
         r(u);
       }
-    }, n.readAsDataURL(s);
+    }, l.readAsDataURL(s);
   });
 }
-const Fe = {};
+const Oe = {};
 function Ro(e, t, a) {
   let o = e.replace(/\?.*/, "");
   return a && (o = e), /ttf|otf|eot|woff2?/i.test(o) && (o = o.replace(/.*\//, "")), t ? `[${t}]${o}` : o;
 }
-async function Ze(e, t, a) {
+async function We(e, t, a) {
   const o = Ro(e, t, a.includeQueryParams);
-  if (Fe[o] != null)
-    return Fe[o];
+  if (Oe[o] != null)
+    return Oe[o];
   a.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let s;
   try {
-    const i = await Ut(e, a.fetchRequestInit, ({ res: r, result: n }) => (t || (t = r.headers.get("Content-Type") || ""), jo(n)));
-    s = Eo(i, t);
+    const i = await Ut(e, a.fetchRequestInit, ({ res: r, result: l }) => (t || (t = r.headers.get("Content-Type") || ""), Eo(l)));
+    s = jo(i, t);
   } catch (i) {
     s = a.imagePlaceholder || "";
     let r = `Failed to fetch resource: ${e}`;
     i && (r = typeof i == "string" ? i : i.message), r && console.warn(r);
   }
-  return Fe[o] = s, s;
+  return Oe[o] = s, s;
 }
 async function Po(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : ve(t);
+  return t === "data:," ? e.cloneNode(!1) : Se(t);
 }
-async function Lo(e, t) {
+async function xo(e, t) {
   if (e.currentSrc) {
     const i = document.createElement("canvas"), r = i.getContext("2d");
     i.width = e.clientWidth, i.height = e.clientHeight, r == null || r.drawImage(e, 0, 0, i.width, i.height);
-    const n = i.toDataURL();
-    return ve(n);
+    const l = i.toDataURL();
+    return Se(l);
   }
-  const a = e.poster, o = We(a), s = await Ze(a, o, t);
-  return ve(s);
+  const a = e.poster, o = _e(a), s = await We(a, o, t);
+  return Se(s);
 }
-async function xo(e, t) {
+async function Lo(e, t) {
   var a;
   try {
     if (!((a = e == null ? void 0 : e.contentDocument) === null || a === void 0) && a.body)
-      return await je(e.contentDocument.body, t, !0);
+      return await xe(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
 async function Uo(e, t) {
-  return j(e, HTMLCanvasElement) ? Po(e) : j(e, HTMLVideoElement) ? Lo(e, t) : j(e, HTMLIFrameElement) ? xo(e, t) : e.cloneNode(Tt(e));
+  return L(e, HTMLCanvasElement) ? Po(e) : L(e, HTMLVideoElement) ? xo(e, t) : L(e, HTMLIFrameElement) ? Lo(e, t) : e.cloneNode(Tt(e));
 }
 const To = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Tt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
 async function Fo(e, t, a) {
@@ -2620,31 +2648,31 @@ async function Fo(e, t, a) {
   if (Tt(t))
     return t;
   let i = [];
-  return To(e) && e.assignedNodes ? i = G(e.assignedNodes()) : j(e, HTMLIFrameElement) && (!((o = e.contentDocument) === null || o === void 0) && o.body) ? i = G(e.contentDocument.body.childNodes) : i = G(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), i.length === 0 || j(e, HTMLVideoElement) || await i.reduce((r, n) => r.then(() => je(n, a)).then((u) => {
+  return To(e) && e.assignedNodes ? i = J(e.assignedNodes()) : L(e, HTMLIFrameElement) && (!((o = e.contentDocument) === null || o === void 0) && o.body) ? i = J(e.contentDocument.body.childNodes) : i = J(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), i.length === 0 || L(e, HTMLVideoElement) || await i.reduce((r, l) => r.then(() => xe(l, a)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
-function Oo(e, t, a) {
+function Do(e, t, a) {
   const o = t.style;
   if (!o)
     return;
   const s = window.getComputedStyle(e);
-  s.cssText ? (o.cssText = s.cssText, o.transformOrigin = s.transformOrigin) : Lt(a).forEach((i) => {
+  s.cssText ? (o.cssText = s.cssText, o.transformOrigin = s.transformOrigin) : xt(a).forEach((i) => {
     let r = s.getPropertyValue(i);
-    i === "font-size" && r.endsWith("px") && (r = `${Math.floor(parseFloat(r.substring(0, r.length - 2))) - 0.1}px`), j(e, HTMLIFrameElement) && i === "display" && r === "inline" && (r = "block"), i === "d" && t.getAttribute("d") && (r = `path(${t.getAttribute("d")})`), o.setProperty(i, r, s.getPropertyPriority(i));
+    i === "font-size" && r.endsWith("px") && (r = `${Math.floor(parseFloat(r.substring(0, r.length - 2))) - 0.1}px`), L(e, HTMLIFrameElement) && i === "display" && r === "inline" && (r = "block"), i === "d" && t.getAttribute("d") && (r = `path(${t.getAttribute("d")})`), o.setProperty(i, r, s.getPropertyPriority(i));
   });
 }
-function Do(e, t) {
-  j(e, HTMLTextAreaElement) && (t.innerHTML = e.value), j(e, HTMLInputElement) && t.setAttribute("value", e.value);
+function Oo(e, t) {
+  L(e, HTMLTextAreaElement) && (t.innerHTML = e.value), L(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
 function Mo(e, t) {
-  if (j(e, HTMLSelectElement)) {
+  if (L(e, HTMLSelectElement)) {
     const o = Array.from(t.children).find((s) => e.value === s.getAttribute("value"));
     o && o.setAttribute("selected", "");
   }
 }
 function Io(e, t, a) {
-  return j(t, Element) && (Oo(e, t, a), Ao(e, t, a), Do(e, t), Mo(e, t)), t;
+  return L(t, Element) && (Do(e, t, a), Ao(e, t, a), Oo(e, t), Mo(e, t)), t;
 }
 async function Vo(e, t) {
   const a = e.querySelectorAll ? e.querySelectorAll("use") : [];
@@ -2652,25 +2680,25 @@ async function Vo(e, t) {
     return e;
   const o = {};
   for (let i = 0; i < a.length; i++) {
-    const n = a[i].getAttribute("xlink:href");
-    if (n) {
-      const u = e.querySelector(n), d = document.querySelector(n);
-      !u && d && !o[n] && (o[n] = await je(d, t, !0));
+    const l = a[i].getAttribute("xlink:href");
+    if (l) {
+      const u = e.querySelector(l), c = document.querySelector(l);
+      !u && c && !o[l] && (o[l] = await xe(c, t, !0));
     }
   }
   const s = Object.values(o);
   if (s.length) {
     const i = "http://www.w3.org/1999/xhtml", r = document.createElementNS(i, "svg");
     r.setAttribute("xmlns", i), r.style.position = "absolute", r.style.width = "0", r.style.height = "0", r.style.overflow = "hidden", r.style.display = "none";
-    const n = document.createElementNS(i, "defs");
-    r.appendChild(n);
+    const l = document.createElementNS(i, "defs");
+    r.appendChild(l);
     for (let u = 0; u < s.length; u++)
-      n.appendChild(s[u]);
+      l.appendChild(s[u]);
     e.appendChild(r);
   }
   return e;
 }
-async function je(e, t, a) {
+async function xe(e, t, a) {
   return !a && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((o) => Uo(o, t)).then((o) => Fo(e, o, t)).then((o) => Io(e, o, t)).then((o) => Vo(o, t));
 }
 const Ft = /url\((['"]?)([^'"]+?)\1\)/g, $o = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Bo = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
@@ -2680,13 +2708,13 @@ function No(e) {
 }
 function Ko(e) {
   const t = [];
-  return e.replace(Ft, (a, o, s) => (t.push(s), a)), t.filter((a) => !$e(a));
+  return e.replace(Ft, (a, o, s) => (t.push(s), a)), t.filter((a) => !Be(a));
 }
 async function Ho(e, t, a, o, s) {
   try {
-    const i = a ? po(t, a) : t, r = We(t);
-    let n;
-    return s || (n = await Ze(i, r, o)), e.replace(No(t), `$1${n}$3`);
+    const i = a ? po(t, a) : t, r = _e(t);
+    let l;
+    return s || (l = await We(i, r, o)), e.replace(No(t), `$1${l}$3`);
   } catch {
   }
   return e;
@@ -2702,50 +2730,50 @@ function Go(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function Ot(e) {
+function Dt(e) {
   return e.search(Ft) !== -1;
 }
-async function Dt(e, t, a) {
-  if (!Ot(e))
+async function Ot(e, t, a) {
+  if (!Dt(e))
     return e;
   const o = Go(e, a);
-  return Ko(o).reduce((i, r) => i.then((n) => Ho(n, r, t, a)), Promise.resolve(o));
+  return Ko(o).reduce((i, r) => i.then((l) => Ho(l, r, t, a)), Promise.resolve(o));
 }
-async function ae(e, t, a) {
+async function oe(e, t, a) {
   var o;
   const s = (o = t.style) === null || o === void 0 ? void 0 : o.getPropertyValue(e);
   if (s) {
-    const i = await Dt(s, null, a);
+    const i = await Ot(s, null, a);
     return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
 async function qo(e, t) {
-  await ae("background", e, t) || await ae("background-image", e, t), await ae("mask", e, t) || await ae("-webkit-mask", e, t) || await ae("mask-image", e, t) || await ae("-webkit-mask-image", e, t);
+  await oe("background", e, t) || await oe("background-image", e, t), await oe("mask", e, t) || await oe("-webkit-mask", e, t) || await oe("mask-image", e, t) || await oe("-webkit-mask-image", e, t);
 }
 async function _o(e, t) {
-  const a = j(e, HTMLImageElement);
-  if (!(a && !$e(e.src)) && !(j(e, SVGImageElement) && !$e(e.href.baseVal)))
+  const a = L(e, HTMLImageElement);
+  if (!(a && !Be(e.src)) && !(L(e, SVGImageElement) && !Be(e.href.baseVal)))
     return;
-  const o = a ? e.src : e.href.baseVal, s = await Ze(o, We(o), t);
+  const o = a ? e.src : e.href.baseVal, s = await We(o, _e(o), t);
   await new Promise((i, r) => {
     e.onload = i, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
         i(t.onImageErrorHandler(...u));
-      } catch (d) {
-        r(d);
+      } catch (c) {
+        r(c);
       }
     } : r;
-    const n = e;
-    n.decode && (n.decode = i), n.loading === "lazy" && (n.loading = "eager"), a ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
+    const l = e;
+    l.decode && (l.decode = i), l.loading === "lazy" && (l.loading = "eager"), a ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
   });
 }
 async function Wo(e, t) {
-  const o = G(e.childNodes).map((s) => Mt(s, t));
+  const o = J(e.childNodes).map((s) => Mt(s, t));
   await Promise.all(o).then(() => e);
 }
 async function Mt(e, t) {
-  j(e, Element) && (await qo(e, t), await _o(e, t), await Wo(e, t));
+  L(e, Element) && (await qo(e, t), await _o(e, t), await Wo(e, t));
 }
 function Zo(e, t) {
   const { style: a } = e;
@@ -2755,19 +2783,19 @@ function Zo(e, t) {
     a[s] = o[s];
   }), e;
 }
-const lt = {};
-async function ut(e) {
-  let t = lt[e];
+const nt = {};
+async function lt(e) {
+  let t = nt[e];
   if (t != null)
     return t;
   const o = await (await fetch(e)).text();
-  return t = { url: e, cssText: o }, lt[e] = t, t;
+  return t = { url: e, cssText: o }, nt[e] = t, t;
 }
-async function dt(e, t) {
+async function ut(e, t) {
   let a = e.cssText;
   const o = /url\(["']?([^"')]+)["']?\)/g, i = (a.match(/url\([^)]+\)/g) || []).map(async (r) => {
-    let n = r.replace(o, "$1");
-    return n.startsWith("https://") || (n = new URL(n, e.url).href), Ut(n, t.fetchRequestInit, ({ result: u }) => (a = a.replace(r, `url(${u})`), [r, u]));
+    let l = r.replace(o, "$1");
+    return l.startsWith("https://") || (l = new URL(l, e.url).href), Ut(l, t.fetchRequestInit, ({ result: u }) => (a = a.replace(r, `url(${u})`), [r, u]));
   });
   return Promise.all(i).then(() => a);
 }
@@ -2784,15 +2812,15 @@ function ct(e) {
     t.push(u[0]);
   }
   o = o.replace(s, "");
-  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, r = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", n = new RegExp(r, "gi");
+  const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, r = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", l = new RegExp(r, "gi");
   for (; ; ) {
     let u = i.exec(o);
     if (u === null) {
-      if (u = n.exec(o), u === null)
+      if (u = l.exec(o), u === null)
         break;
-      i.lastIndex = n.lastIndex;
+      i.lastIndex = l.lastIndex;
     } else
-      n.lastIndex = i.lastIndex;
+      l.lastIndex = i.lastIndex;
     t.push(u[0]);
   }
   return t;
@@ -2802,36 +2830,36 @@ async function Jo(e, t) {
   return e.forEach((s) => {
     if ("cssRules" in s)
       try {
-        G(s.cssRules || []).forEach((i, r) => {
+        J(s.cssRules || []).forEach((i, r) => {
           if (i.type === CSSRule.IMPORT_RULE) {
-            let n = r + 1;
-            const u = i.href, d = ut(u).then((p) => dt(p, t)).then((p) => ct(p).forEach((y) => {
+            let l = r + 1;
+            const u = i.href, c = lt(u).then((g) => ut(g, t)).then((g) => ct(g).forEach((v) => {
               try {
-                s.insertRule(y, y.startsWith("@import") ? n += 1 : s.cssRules.length);
-              } catch (v) {
+                s.insertRule(v, v.startsWith("@import") ? l += 1 : s.cssRules.length);
+              } catch (k) {
                 console.error("Error inserting rule from remote css", {
-                  rule: y,
-                  error: v
+                  rule: v,
+                  error: k
                 });
               }
-            })).catch((p) => {
-              console.error("Error loading remote css", p.toString());
+            })).catch((g) => {
+              console.error("Error loading remote css", g.toString());
             });
-            o.push(d);
+            o.push(c);
           }
         });
       } catch (i) {
-        const r = e.find((n) => n.href == null) || document.styleSheets[0];
-        s.href != null && o.push(ut(s.href).then((n) => dt(n, t)).then((n) => ct(n).forEach((u) => {
+        const r = e.find((l) => l.href == null) || document.styleSheets[0];
+        s.href != null && o.push(lt(s.href).then((l) => ut(l, t)).then((l) => ct(l).forEach((u) => {
           r.insertRule(u, r.cssRules.length);
-        })).catch((n) => {
-          console.error("Error loading remote stylesheet", n);
+        })).catch((l) => {
+          console.error("Error loading remote stylesheet", l);
         })), console.error("Error inlining remote css file", i);
       }
   }), Promise.all(o).then(() => (e.forEach((s) => {
     if ("cssRules" in s)
       try {
-        G(s.cssRules || []).forEach((i) => {
+        J(s.cssRules || []).forEach((i) => {
           a.push(i);
         });
       } catch (i) {
@@ -2840,12 +2868,12 @@ async function Jo(e, t) {
   }), a));
 }
 function Yo(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Ot(t.style.getPropertyValue("src")));
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Dt(t.style.getPropertyValue("src")));
 }
 async function Xo(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const a = G(e.ownerDocument.styleSheets), o = await Jo(a, t);
+  const a = J(e.ownerDocument.styleSheets), o = await Jo(a, t);
   return Yo(o);
 }
 function It(e) {
@@ -2866,7 +2894,7 @@ async function ei(e, t) {
   const a = await Xo(e, t), o = Qo(e);
   return (await Promise.all(a.filter((i) => o.has(It(i.style.fontFamily))).map((i) => {
     const r = i.parentStyleSheet ? i.parentStyleSheet.href : null;
-    return Dt(i.cssText, r, t);
+    return Ot(i.cssText, r, t);
   }))).join(`
 `);
 }
@@ -2878,19 +2906,19 @@ async function ti(e, t) {
   }
 }
 async function ai(e, t = {}) {
-  const { width: a, height: o } = xt(e, t), s = await je(e, t, !0);
+  const { width: a, height: o } = Lt(e, t), s = await xe(e, t, !0);
   return await ti(s, t), await Mt(s, t), Zo(s, t), await ko(s, a, o);
 }
 async function oi(e, t = {}) {
-  const { width: a, height: o } = xt(e, t), s = await ai(e, t), i = await ve(s), r = document.createElement("canvas"), n = r.getContext("2d"), u = t.pixelRatio || fo(), d = t.canvasWidth || a, p = t.canvasHeight || o;
-  return r.width = d * u, r.height = p * u, t.skipAutoScale || yo(r), r.style.width = `${d}`, r.style.height = `${p}`, t.backgroundColor && (n.fillStyle = t.backgroundColor, n.fillRect(0, 0, r.width, r.height)), n.drawImage(i, 0, 0, r.width, r.height), r;
+  const { width: a, height: o } = Lt(e, t), s = await ai(e, t), i = await Se(s), r = document.createElement("canvas"), l = r.getContext("2d"), u = t.pixelRatio || fo(), c = t.canvasWidth || a, g = t.canvasHeight || o;
+  return r.width = c * u, r.height = g * u, t.skipAutoScale || yo(r), r.style.width = `${c}`, r.style.height = `${g}`, t.backgroundColor && (l.fillStyle = t.backgroundColor, l.fillRect(0, 0, r.width, r.height)), l.drawImage(i, 0, 0, r.width, r.height), r;
 }
-async function pt(e, t = {}) {
+async function dt(e, t = {}) {
   return (await oi(e, t)).toDataURL();
 }
-const ke = "data-nf-capture-chrome", ii = "data-nf-canvas-snap", si = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+const Ae = "data-nf-capture-chrome", ii = "data-nf-canvas-snap", si = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
 function Vt(e) {
-  return e instanceof Element && (e.hasAttribute(ke) || e.hasAttribute("data-nf-mask-cover") || e.id === "notefully");
+  return e instanceof Element && (e.hasAttribute(Ae) || e.hasAttribute("data-nf-mask-cover") || e.id === "notefully");
 }
 function ri() {
   const e = [];
@@ -2933,27 +2961,27 @@ function ni() {
   }), () => e.forEach((a) => a.remove());
 }
 function li() {
-  const e = document.querySelector(`[${ke}]`);
+  const e = document.querySelector(`[${Ae}]`);
   if (e)
     return e;
   const t = document.createElement("div");
-  return t.setAttribute(ke, "1"), t.className = "nf-capture-chrome", t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite"), t.innerHTML = `<span class="nf-capture-chrome-pill">${m("status.capturing")}</span>`, document.body.appendChild(t), t;
+  return t.setAttribute(Ae, "1"), t.className = "nf-capture-chrome", t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite"), t.innerHTML = `<span class="nf-capture-chrome-pill">${p("status.capturing")}</span>`, document.body.appendChild(t), t;
 }
 function ui() {
-  document.querySelectorAll(`[${ke}]`).forEach((e) => e.remove());
+  document.querySelectorAll(`[${Ae}]`).forEach((e) => e.remove());
 }
-function Be() {
+function Ne() {
   return new Promise((e) => {
     requestAnimationFrame(() => requestAnimationFrame(e));
   });
 }
-function q(e) {
+function Y(e) {
   if (typeof e != "string" || !e.startsWith("data:image/"))
     return !1;
   const t = e.indexOf(",");
   return t > 0 && t < e.length - 1;
 }
-function di() {
+function ci() {
   const e = document.documentElement, t = document.body, a = Math.max(
     window.innerWidth || 0,
     (e == null ? void 0 : e.clientWidth) || 0,
@@ -2969,7 +2997,7 @@ function di() {
   );
   return { width: a, height: o };
 }
-async function ci() {
+async function di() {
   const e = [], t = Array.from(document.querySelectorAll("canvas"));
   for (const a of t) {
     if (a.closest("#notefully") || Vt(a))
@@ -3003,17 +3031,17 @@ async function pi(e) {
   if (!e)
     return null;
   if (typeof e == "string")
-    return q(e) ? e : null;
+    return Y(e) ? e : null;
   if (typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement)
     try {
       const t = e.toDataURL("image/png");
-      return q(t) ? t : null;
+      return Y(t) ? t : null;
     } catch {
       return null;
     }
   if (typeof Blob < "u" && e instanceof Blob) {
     const t = await gi(e);
-    return q(t) ? t : null;
+    return Y(t) ? t : null;
   }
   return null;
 }
@@ -3029,7 +3057,7 @@ async function gi(e) {
 async function mi() {
   var t;
   if (!((t = navigator.mediaDevices) != null && t.getDisplayMedia))
-    throw new Error(m("status.screenUnsupported"));
+    throw new Error(p("status.screenUnsupported"));
   const e = await navigator.mediaDevices.getDisplayMedia({
     video: { displaySurface: "browser" },
     audio: !1,
@@ -3038,14 +3066,14 @@ async function mi() {
   });
   try {
     const a = document.createElement("video");
-    a.muted = !0, a.playsInline = !0, a.srcObject = e, await a.play(), a.videoWidth || await new Promise((n) => {
-      a.onloadedmetadata = () => n();
-    }), await Be();
+    a.muted = !0, a.playsInline = !0, a.srcObject = e, await a.play(), a.videoWidth || await new Promise((l) => {
+      a.onloadedmetadata = () => l();
+    }), await Ne();
     const o = a.videoWidth || 1, s = a.videoHeight || 1, i = document.createElement("canvas");
     i.width = o, i.height = s, i.getContext("2d").drawImage(a, 0, 0, o, s);
     const r = i.toDataURL("image/png");
-    if (!q(r))
-      throw new Error(m("status.screenEmpty"));
+    if (!Y(r))
+      throw new Error(p("status.screenEmpty"));
     return r;
   } finally {
     e.getTracks().forEach((a) => a.stop());
@@ -3058,32 +3086,32 @@ async function $t(e = {}) {
   t && (t.style.display = "none");
   const r = ni();
   try {
-    if (typeof e.onBeforeCapture == "function" && await e.onBeforeCapture(), await Be(), typeof e.capture == "function") {
-      const y = await pi(await e.capture());
-      if (y)
-        return y;
+    if (typeof e.onBeforeCapture == "function" && await e.onBeforeCapture(), await Ne(), typeof e.capture == "function") {
+      const v = await pi(await e.capture());
+      if (v)
+        return v;
     }
-    i = await ci(), await Be();
-    const { width: n, height: u } = di(), d = {
+    i = await di(), await Ne();
+    const { width: l, height: u } = ci(), c = {
       cacheBust: !0,
-      width: n,
+      width: l,
       height: u,
       pixelRatio: Math.min(window.devicePixelRatio || 1, 2),
-      filter: (y) => !Vt(y),
+      filter: (v) => !Vt(v),
       // 404 / CORS images must not abort the whole capture.
       imagePlaceholder: si,
       onImageErrorHandler: () => {
       }
     };
-    let p = "";
+    let g = "";
     try {
-      p = await pt(document.body, d);
+      g = await dt(document.body, c);
     } catch {
-      p = await pt(document.body, { ...d, skipFonts: !0 });
+      g = await dt(document.body, { ...c, skipFonts: !0 });
     }
-    if (!q(p))
-      throw new Error(m("status.captureEmpty"));
-    return p;
+    if (!Y(g))
+      throw new Error(p("status.captureEmpty"));
+    return g;
   } finally {
     try {
       i();
@@ -3115,6 +3143,11 @@ function yi(e = {}) {
       height: window.innerHeight,
       dpr: window.devicePixelRatio || 1
     },
+    screen: {
+      width: typeof screen < "u" ? screen.width : null,
+      height: typeof screen < "u" ? screen.height : null,
+      dpr: window.devicePixelRatio || 1
+    },
     user: {
       userId: e.userId || null,
       email: e.email || null,
@@ -3122,11 +3155,11 @@ function yi(e = {}) {
     }
   };
 }
-const gt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), mt = {
+const pt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), gt = {
   id: "userId",
   username: "displayName",
   name: "displayName"
-}, ht = /* @__PURE__ */ new Set([
+}, mt = /* @__PURE__ */ new Set([
   "endpoint",
   "projectKey",
   "version",
@@ -3144,7 +3177,7 @@ const gt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), mt = {
   "displayLink",
   "locale",
   "translations"
-]), ft = {
+]), ht = {
   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.",
@@ -3155,14 +3188,14 @@ const gt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), mt = {
 };
 function vi(e = {}, t = {}) {
   const a = t.warn || Bt, o = e && typeof e == "object" ? e : {}, s = {}, i = [];
-  for (const r of gt)
+  for (const r of pt)
     Object.prototype.hasOwnProperty.call(o, r) && (s[r] = o[r]);
-  for (const [r, n] of Object.entries(mt))
-    Object.prototype.hasOwnProperty.call(o, r) && (Object.prototype.hasOwnProperty.call(s, n) || (s[n] = o[r]));
+  for (const [r, l] of Object.entries(gt))
+    Object.prototype.hasOwnProperty.call(o, r) && (Object.prototype.hasOwnProperty.call(s, l) || (s[l] = o[r]));
   for (const r of Object.keys(o))
-    gt.has(r) || Object.prototype.hasOwnProperty.call(mt, r) || i.push(r);
+    pt.has(r) || Object.prototype.hasOwnProperty.call(gt, r) || i.push(r);
   if (i.length) {
-    const r = i.some((n) => n === "name" || n === "slug" || n === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
+    const r = i.some((l) => l === "name" || l === "slug" || l === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     a(
       `Notefully.identify: ignoring unknown key(s): ${i.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + r
     );
@@ -3170,23 +3203,23 @@ function vi(e = {}, t = {}) {
   return s;
 }
 function ki(e = {}, t = {}) {
-  const a = t.warn || Bt, o = e && typeof e == "object" ? e : {}, s = Object.keys(o).filter((i) => !ht.has(i));
+  const a = t.warn || Bt, o = e && typeof e == "object" ? e : {}, s = Object.keys(o).filter((i) => !mt.has(i));
   if (s.length)
     for (const i of s) {
-      if (ft[i]) {
-        a(`Notefully.init: ignoring "${i}". ${ft[i]}`);
+      if (ht[i]) {
+        a(`Notefully.init: ignoring "${i}". ${ht[i]}`);
         continue;
       }
       a(
-        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...ht].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${i}". Supported: ${[...mt].join(", ")}.`
       );
     }
 }
 function Bt(e) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(e);
 }
-const yt = /expression\s*\(|url\s*\(|@import|javascript:|behavior\s*:|-moz-binding|\bbinding\s*:/i, bi = /(?:^|\s)(?=[a-z-]+\s*:\s*[^;]+;)/i;
-function vt(e) {
+const ft = /expression\s*\(|url\s*\(|@import|javascript:|behavior\s*:|-moz-binding|\bbinding\s*:/i, bi = /(?:^|\s)(?=[a-z-]+\s*:\s*[^;]+;)/i;
+function yt(e) {
   if (e instanceof Error)
     return e.stack || e.message || String(e);
   if (typeof e == "string")
@@ -3197,33 +3230,33 @@ function vt(e) {
     return String(e);
   }
 }
-function Je(e) {
+function Ze(e) {
   if (!e || typeof e != "string")
     return "";
   let t = e.replace(/[\u0000-\u001F\u007F]/g, "").trim();
-  return t ? (yt.test(t) && (t = t.split(";").map((a) => a.trim()).filter((a) => a && !yt.test(a)).join("; "), t && !t.endsWith(";") && (t += ";")), t.slice(0, 500)) : "";
+  return t ? (ft.test(t) && (t = t.split(";").map((a) => a.trim()).filter((a) => a && !ft.test(a)).join("; "), t && !t.endsWith(";") && (t += ";")), t.slice(0, 500)) : "";
 }
 function wi(e = []) {
   if (!e.length)
     return { text: "", segments: [{ text: "", style: null }] };
   const t = e[0];
   if (typeof t != "string" || !t.includes("%c")) {
-    const r = e.map(vt).join(" ");
+    const r = e.map(yt).join(" ");
     return { text: r, segments: [{ text: r, style: null }] };
   }
   const a = t.split("%c"), o = [];
   let s = 1;
   for (let r = 0; r < a.length; r++) {
-    const n = a[r];
+    const l = a[r];
     if (r === 0) {
-      n && o.push({ text: n, style: null });
+      l && o.push({ text: l, style: null });
       continue;
     }
-    const u = s < e.length ? String(e[s++] ?? "") : "", d = Je(u) || null;
-    o.push({ text: n, style: d });
+    const u = s < e.length ? String(e[s++] ?? "") : "", c = Ze(u) || null;
+    o.push({ text: l, style: c });
   }
   if (s < e.length) {
-    const r = e.slice(s).map(vt).join(" ");
+    const r = e.slice(s).map(yt).join(" ");
     r && o.push({
       text: (o.length ? " " : "") + r,
       style: null
@@ -3241,62 +3274,62 @@ function Si(e) {
   const a = t.split("%c"), o = a[a.length - 1], s = o.match(bi);
   let i = "";
   if (s) {
-    const u = s.index, d = /\s/.test(o[u]) ? u + 1 : u;
-    /^[a-z-]+\s*:/i.test(o.slice(d)) && (a[a.length - 1] = o.slice(0, d).replace(/\s+$/, ""), i = o.slice(d).trim());
+    const u = s.index, c = /\s/.test(o[u]) ? u + 1 : u;
+    /^[a-z-]+\s*:/i.test(o.slice(c)) && (a[a.length - 1] = o.slice(0, c).replace(/\s+$/, ""), i = o.slice(c).trim());
   }
-  const r = Je(i) || null, n = [];
+  const r = Ze(i) || null, l = [];
   for (let u = 0; u < a.length; u++) {
-    const d = a[u];
+    const c = a[u];
     if (u === 0) {
-      d && n.push({ text: d, style: null });
+      c && l.push({ text: c, style: null });
       continue;
     }
-    n.push({
-      text: d,
+    l.push({
+      text: c,
       style: u === 1 ? r : null
     });
   }
-  return n.length ? n : [{ text: t, style: null }];
+  return l.length ? l : [{ text: t, style: null }];
 }
 function Nt(e = {}) {
   return Array.isArray(e.segments) && e.segments.length ? e.segments.map((t) => ({
     text: String((t == null ? void 0 : t.text) ?? ""),
-    style: Je(t == null ? void 0 : t.style) || null
+    style: Ze(t == null ? void 0 : t.style) || null
   })) : Si(e.text);
 }
 function Ai(e = {}) {
   return Nt(e).map((a) => a.text).join("");
 }
-function kt(e) {
+function vt(e) {
   return String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function Ci(e = {}) {
   return Nt(e).map((t) => {
-    const a = kt(t.text);
-    return t.style ? `<span class="nf-console-styled" style="${kt(t.style)}">${a}</span>` : a;
+    const a = vt(t.text);
+    return t.style ? `<span class="nf-console-styled" style="${vt(t.style)}">${a}</span>` : a;
   }).join("");
 }
 const zi = 80;
-function ji() {
+function Ei() {
   const e = [], t = {};
   let a = !1;
   const o = (i, r) => {
-    let n = "", u = null;
+    let l = "", u = null;
     try {
-      const p = wi(r);
-      n = p.text, u = p.segments;
+      const g = wi(r);
+      l = g.text, u = g.segments;
     } catch {
-      n = String(r[0]), u = [{ text: n, style: null }];
+      l = String(r[0]), u = [{ text: l, style: null }];
     }
-    const d = {
+    const c = {
       level: i,
-      text: n.slice(0, 2e3),
+      text: l.slice(0, 2e3),
       at: Date.now()
     };
-    u && u.some((p) => p.style) && (d.segments = u.map((p) => ({
-      text: String(p.text || "").slice(0, 2e3),
-      style: p.style || null
-    }))), e.push(d), e.length > zi && e.shift();
+    u && u.some((g) => g.style) && (c.segments = u.map((g) => ({
+      text: String(g.text || "").slice(0, 2e3),
+      style: g.style || null
+    }))), e.push(c), e.length > zi && e.shift();
   };
   return {
     hook: () => {
@@ -3315,7 +3348,7 @@ function ji() {
     }
   };
 }
-function Ei(e) {
+function ji(e) {
   const t = window.SpeechRecognition || window.webkitSpeechRecognition;
   let a = null, o = !1;
   const s = () => {
@@ -3328,11 +3361,11 @@ function Ei(e) {
   return {
     start: (r = {}) => {
       if (!t)
-        throw new Error(m("status.speechUnsupported"));
-      return o ? (s(), !1) : (a = new t(), a.continuous = !0, a.interimResults = !0, a.lang = r.lang || navigator.language || "en-US", a.onresult = (n) => {
+        throw new Error(p("status.speechUnsupported"));
+      return o ? (s(), !1) : (a = new t(), a.continuous = !0, a.interimResults = !0, a.lang = r.lang || navigator.language || "en-US", a.onresult = (l) => {
         let u = "";
-        for (let d = n.resultIndex; d < n.results.length; d += 1)
-          n.results[d].isFinal && (u += n.results[d][0].transcript);
+        for (let c = l.resultIndex; c < l.results.length; c += 1)
+          l.results[c].isFinal && (u += l.results[c][0].transcript);
         u && e(u);
       }, a.onerror = () => {
         o = !1;
@@ -3348,23 +3381,23 @@ function Ei(e) {
 const Ri = 60 * 1e3;
 function Pi({ onStart: e, onStop: t, onError: a }) {
   let o = null, s = null, i = [], r = null;
-  const n = () => {
+  const l = () => {
     if (r && (clearTimeout(r), r = null), s && s.state !== "inactive")
       try {
         s.stop();
       } catch {
       }
-    o && (o.getTracks().forEach((p) => p.stop()), o = null);
+    o && (o.getTracks().forEach((g) => g.stop()), o = null);
   }, u = () => {
     if (s && s.state === "recording") {
       s.stop();
       return;
     }
-    n(), t(null);
+    l(), t(null);
   };
   return { start: async () => {
-    var p, y;
-    if (!((p = navigator.mediaDevices) != null && p.getDisplayMedia))
+    var g, v;
+    if (!((g = navigator.mediaDevices) != null && g.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     o = await navigator.mediaDevices.getDisplayMedia({
       video: { displaySurface: "browser" },
@@ -3373,15 +3406,15 @@ function Pi({ onStart: e, onStop: t, onError: a }) {
       selfBrowserSurface: "include"
     }), i = [], s = new MediaRecorder(o, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
-    }), s.ondataavailable = (v) => {
-      v.data && v.data.size && i.push(v.data);
+    }), s.ondataavailable = (k) => {
+      k.data && k.data.size && i.push(k.data);
     }, s.onstop = () => {
-      const v = i.length ? new Blob(i, { type: s.mimeType || "video/webm" }) : null;
-      n(), t(v);
-    }, (y = o.getVideoTracks()[0]) == null || y.addEventListener("ended", () => u()), s.start(), r = setTimeout(u, Ri);
+      const k = i.length ? new Blob(i, { type: s.mimeType || "video/webm" }) : null;
+      l(), t(k);
+    }, (v = o.getVideoTracks()[0]) == null || v.addEventListener("ended", () => u()), s.start(), r = setTimeout(u, Ri);
   }, stop: u };
 }
-function Li() {
+function xi() {
   const e = /* @__PURE__ */ new Set();
   return {
     alloc() {
@@ -3399,10 +3432,10 @@ function Li() {
     }
   };
 }
-const Oe = { x: 0, y: 0, w: 1, h: 1 };
-function Ye() {
-  const e = Li();
-  let t = [], a = { ...Oe }, o = 1;
+const Me = { x: 0, y: 0, w: 1, h: 1 };
+function Je() {
+  const e = xi();
+  let t = [], a = { ...Me }, o = 1;
   return {
     list: () => t.filter((i) => Ti(i, a)),
     all: () => t.slice(),
@@ -3411,13 +3444,13 @@ function Ye() {
       return a = Ui(i), a;
     },
     resetCrop() {
-      return a = { ...Oe }, a;
+      return a = { ...Me }, a;
     },
     isCropped() {
       return a.x > 1e-6 || a.y > 1e-6 || a.w < 1 - 1e-6 || a.h < 1 - 1e-6;
     },
     add(i, r) {
-      const n = {
+      const l = {
         id: `s${o++}`,
         type: i,
         number: e.alloc(),
@@ -3429,36 +3462,36 @@ function Ye() {
         y2: 0.28,
         ...r
       };
-      return t.push(n), n;
+      return t.push(l), l;
     },
     update(i, r) {
-      const n = t.find((u) => u.id === i);
-      return n ? (Object.assign(n, r), n) : null;
+      const l = t.find((u) => u.id === i);
+      return l ? (Object.assign(l, r), l) : null;
     },
     remove(i) {
       const r = t.findIndex((u) => u.id === i);
       if (r < 0)
         return null;
-      const [n] = t.splice(r, 1);
-      return e.free(n.number), n;
+      const [l] = t.splice(r, 1);
+      return e.free(l.number), l;
     },
     reset() {
-      for (t = [], a = { ...Oe }, o = 1; e.peekUsed().length; )
+      for (t = [], a = { ...Me }, o = 1; e.peekUsed().length; )
         e.free(e.peekUsed()[0]);
     }
   };
 }
-function xi(e, t) {
+function Li(e, t) {
   const a = Number(t == null ? void 0 : t.w) || 1, o = Number(t == null ? void 0 : t.h) || 1, s = Number(t == null ? void 0 : t.x) || 0, i = Number(t == null ? void 0 : t.y) || 0;
   return (Array.isArray(e) ? e : []).map((r) => {
-    const n = {
+    const l = {
       ...r,
       x: (r.x - s) / a,
       y: (r.y - i) / o,
       w: (r.w || 0) / a,
       h: (r.h || 0) / o
     };
-    return Number.isFinite(r.x2) && (n.x2 = (r.x2 - s) / a), Number.isFinite(r.y2) && (n.y2 = (r.y2 - i) / o), n;
+    return Number.isFinite(r.x2) && (l.x2 = (r.x2 - s) / a), Number.isFinite(r.y2) && (l.y2 = (r.y2 - i) / o), l;
   });
 }
 function Ui(e) {
@@ -3469,7 +3502,7 @@ function Ti(e, t) {
   const a = e.type === "arrow" ? (e.x + (e.x2 ?? e.x)) / 2 : e.x + (e.w || 0) / 2, o = e.type === "arrow" ? (e.y + (e.y2 ?? e.y)) / 2 : e.y + (e.h || 0) / 2;
   return a >= t.x && o >= t.y && a <= t.x + t.w && o <= t.y + t.h;
 }
-function Xe(e) {
+function Kt(e) {
   const t = Math.max(1, Number(e) || 1);
   return {
     stroke: Math.max(2, t * 75e-4),
@@ -3479,103 +3512,61 @@ function Xe(e) {
     arrowHeadAngle: 0.4
   };
 }
-function Fi(e, {
-  stickers: t = [],
-  crop: a = { x: 0, y: 0, w: 1, h: 1 },
-  width: o,
-  height: s,
-  colors: i = {}
-}) {
-  const r = i.mark || "#fdd341", n = i.markText || "#2a2140", u = Xe(o);
-  e.save(), e.lineWidth = u.stroke, e.lineCap = "round", e.lineJoin = "round", e.strokeStyle = r, e.fillStyle = r, e.font = `700 ${Math.round(u.fontSize)}px ui-sans-serif, system-ui, sans-serif`, t.forEach((d) => {
-    const p = Ne(d.x, a, o), y = Ke(d.y, a, s), v = d.w / a.w * o, b = d.h / a.h * s, C = u.stroke / 2;
-    if (d.type === "rect")
-      e.strokeRect(
-        p + C,
-        y + C,
-        Math.max(0, v - u.stroke),
-        Math.max(0, b - u.stroke)
-      );
-    else if (d.type === "circle")
-      e.beginPath(), e.ellipse(
-        p + v / 2,
-        y + b / 2,
-        Math.max(0.5, v / 2 - C),
-        Math.max(0.5, b / 2 - C),
-        0,
-        0,
-        Math.PI * 2
-      ), e.stroke();
-    else if (d.type === "arrow") {
-      const P = Ne(d.x2 ?? d.x + d.w, a, o), $ = Ke(d.y2 ?? d.y, a, s);
-      Di(e, p, y, P, $, u);
-    }
-    if (d.number == null || d.number === "")
-      return;
-    const E = Oi(d, a, o, s, p, y, v), M = String(d.number);
-    e.beginPath(), e.arc(E.x, E.y, u.badgeRadius, 0, Math.PI * 2), e.fillStyle = r, e.fill(), e.fillStyle = n, e.textAlign = "center", e.textBaseline = "middle", e.fillText(M, E.x, E.y + 0.5), e.fillStyle = r;
-  }), e.restore();
+function Fi(e, t, a, o, s) {
+  const i = Math.atan2(o - t, a - e), r = s.arrowHead, l = Math.min(s.stroke, r * 0.2), u = a, c = o, g = a - Math.cos(i) * r, v = o - Math.sin(i) * r, k = {
+    x: u - r * Math.cos(i - s.arrowHeadAngle),
+    y: c - r * Math.sin(i - s.arrowHeadAngle)
+  }, w = {
+    x: u - r * Math.cos(i + s.arrowHeadAngle),
+    y: c - r * Math.sin(i + s.arrowHeadAngle)
+  }, b = {
+    x: a - Math.cos(i) * l,
+    y: o - Math.sin(i) * l
+  };
+  return { angle: i, tipX: u, tipY: c, baseX: g, baseY: v, left: k, right: w, shaftEnd: b };
+}
+async function kt(e, t = {}) {
+  const a = t.crop || { x: 0, y: 0, w: 1, h: 1 }, o = Math.max(1, Number(t.maxEdge) || 2048), s = t.webpQuality ?? 0.82, i = await Ii(e), r = Math.round(a.x * i.width), l = Math.round(a.y * i.height), u = Math.max(1, Math.round(a.w * i.width)), c = Math.max(1, Math.round(a.h * i.height)), g = Di(u, c, o), v = g.width, k = g.height, w = document.createElement("canvas");
+  w.width = v, w.height = k, w.getContext("2d").drawImage(i, r, l, u, c, 0, 0, v, k);
+  const z = await bt(w, "image/webp", s);
+  if (z && z.size > 0 && z.type === "image/webp")
+    return { blob: z, width: v, height: k, mime: "image/webp", ext: "webp" };
+  const R = await bt(w, "image/png");
+  if (!R || !R.size)
+    throw new Error("Could not encode screenshot");
+  return { blob: R, width: v, height: k, mime: "image/png", ext: "png" };
+}
+function Di(e, t, a = 2048) {
+  const o = Math.max(1, Number(e) || 1), s = Math.max(1, Number(t) || 1), i = Math.max(1, Number(a) || 2048), r = Math.min(1, i / Math.max(o, s));
+  return {
+    width: Math.max(1, Math.round(o * r)),
+    height: Math.max(1, Math.round(s * r)),
+    scale: r
+  };
 }
-function Ne(e, t, a) {
-  return (e - t.x) / t.w * a;
+function Oi(e = 2048) {
+  const t = Math.floor(Number(e) / 2);
+  return Math.max(1, Math.min(1024, t || 1024));
 }
-function Ke(e, t, a) {
-  return (e - t.y) / t.h * a;
+function Mi(e, t = null) {
+  if ((t == null ? void 0 : t.code) === "payload_too_large" || Number(t == null ? void 0 : t.status) === 413 || Number(e == null ? void 0 : e.status) === 413)
+    return !0;
+  const a = String((e == null ? void 0 : e.message) || e || (t == null ? void 0 : t.error) || "").toLowerCase();
+  return a.includes("failed to fetch") || a.includes("networkerror") || a.includes("load failed") || a.includes("too large") || a.includes("payload") || a.includes("entity too large") ? !0 : Number(e == null ? void 0 : e.status) === 413;
 }
-function Oi(e, t, a, o, s, i, r) {
-  if (e.type === "arrow") {
-    const n = Ne(e.x2 ?? e.x + e.w, t, a), u = Ke(e.y2 ?? e.y, t, o);
-    return {
-      x: (s + n) / 2,
-      y: (i + u) / 2
-    };
-  }
-  return { x: s + r / 2, y: i };
+function Ii(e) {
+  return new Promise((t, a) => {
+    const o = new Image();
+    o.onload = () => t(o), o.onerror = () => a(new Error("Could not load screenshot")), o.src = e;
+  });
 }
-function Kt(e, t, a, o, s) {
-  const i = Math.atan2(o - t, a - e), r = s.arrowHead, n = Math.min(s.stroke, r * 0.2), u = a, d = o, p = a - Math.cos(i) * r, y = o - Math.sin(i) * r, v = {
-    x: u - r * Math.cos(i - s.arrowHeadAngle),
-    y: d - r * Math.sin(i - s.arrowHeadAngle)
-  }, b = {
-    x: u - r * Math.cos(i + s.arrowHeadAngle),
-    y: d - r * Math.sin(i + s.arrowHeadAngle)
-  }, C = {
-    x: a - Math.cos(i) * n,
-    y: o - Math.sin(i) * n
-  };
-  return { angle: i, tipX: u, tipY: d, baseX: p, baseY: y, left: v, right: b, shaftEnd: C };
-}
-function Di(e, t, a, o, s, i) {
-  const r = Kt(t, a, o, s, i);
-  e.beginPath(), e.moveTo(t, a), e.lineTo(r.shaftEnd.x, r.shaftEnd.y), e.stroke(), e.beginPath(), e.moveTo(r.tipX, r.tipY), e.lineTo(r.left.x, r.left.y), e.lineTo(r.right.x, r.right.y), e.closePath(), e.fill();
-}
-function Mi(e, t) {
-  return Ht(e, t, [], {});
-}
-function Ii(e, t, a, o = {}) {
-  return Ht(e, t, a, o);
-}
-function Ht(e, t, a, o) {
-  return new Promise((s, i) => {
-    const r = new Image();
-    r.onload = () => {
-      const n = Math.round(t.x * r.width), u = Math.round(t.y * r.height), d = Math.max(1, Math.round(t.w * r.width)), p = Math.max(1, Math.round(t.h * r.height)), y = document.createElement("canvas");
-      y.width = d, y.height = p;
-      const v = y.getContext("2d");
-      v.drawImage(r, n, u, d, p, 0, 0, d, p), a != null && a.length && Fi(v, {
-        stickers: a,
-        crop: t,
-        width: d,
-        height: p,
-        colors: o
-      }), y.toBlob((b) => {
-        if (!b) {
-          i(new Error("Could not encode screenshot"));
-          return;
-        }
-        s(b);
-      }, "image/png");
-    }, r.onerror = () => i(new Error("Could not load screenshot")), r.src = e;
+function bt(e, t, a) {
+  return new Promise((o) => {
+    try {
+      e.toBlob((s) => o(s), t, a);
+    } catch {
+      o(null);
+    }
   });
 }
 const Vi = [
@@ -3598,7 +3589,7 @@ function Bi(e = {}) {
     const o = e[a];
     o == null || o === "" || a === "user" && !$i(o) || t.push({
       key: a,
-      label: m(`diag.${a}`),
+      label: p(`diag.${a}`),
       value: o,
       redacted: !1
     });
@@ -3623,14 +3614,14 @@ function Ki(e = []) {
   const t = e.filter((a) => a.redacted).length;
   return t === 0 ? { checked: !1, indeterminate: !1 } : t === e.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
 }
-function be(e, t) {
+function Ce(e, t) {
   e.forEach((a) => {
     a.redacted = !!t;
   });
 }
 function Hi(e = {}) {
   const t = e.diagnostics || [], a = e.logs || [], o = t.some((i) => !i.redacted), s = a.length > 0 && a.some((i) => !i.redacted);
-  return o && s ? m("privacy.disclosure.both") : o ? m("privacy.disclosure.diagnostics") : s ? m("privacy.disclosure.logs") : "";
+  return o && s ? p("privacy.disclosure.both") : o ? p("privacy.disclosure.diagnostics") : s ? p("privacy.disclosure.logs") : "";
 }
 function Gi(e) {
   if (e == null)
@@ -3658,68 +3649,73 @@ function qi(e = {}) {
   });
   return t.console = a, t;
 }
-const W = [
+const _ = [
   { id: "bug", label: "Bug" },
   { id: "idea", label: "Idea" },
   { id: "other", label: "Other" }
 ];
-function bt(e) {
+function wt(e) {
   return String(e || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
 }
-function De(e) {
+function ye(e) {
   const t = String(e || "").trim();
   return t ? t.split(/[-_\s]+/).filter(Boolean).map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ") : "";
 }
 function _i(e) {
   if (!Array.isArray(e) || !e.length)
-    return W.map((o) => ({ ...o }));
+    return _.map((o) => ({ ...o }));
   const t = /* @__PURE__ */ new Set(), a = [];
   for (const o of e) {
-    let s = "", i = "";
-    typeof o == "string" || typeof o == "number" ? (s = bt(o), i = De(s)) : o && typeof o == "object" && (s = bt(o.id ?? o.value ?? o.kind), i = String(o.label || o.name || De(s)).trim() || De(s)), !(!s || t.has(s)) && (t.add(s), a.push({ id: s, label: i }));
+    let s = "", i = "", r = "", l = "";
+    if (typeof o == "string" || typeof o == "number" ? (s = wt(o), i = ye(s)) : o && typeof o == "object" && (s = wt(o.id ?? o.value ?? o.kind), i = String(o.label || o.name || ye(s)).trim() || ye(s), r = String(o.title || "").trim(), l = String(o.description || o.intro || "").trim()), !s || t.has(s))
+      continue;
+    t.add(s);
+    const u = { id: s, label: i };
+    r && (u.title = r), l && (u.description = l), a.push(u);
   }
-  return a.length ? a : W.map((o) => ({ ...o }));
+  return a.length ? a : _.map((o) => ({ ...o }));
 }
-function Ee(e) {
+function Le(e) {
   var a;
-  const t = Array.isArray(e) && e.length ? e : W;
+  const t = Array.isArray(e) && e.length ? e : _;
   return t.some((o) => o.id === "bug") ? "bug" : ((a = t[0]) == null ? void 0 : a.id) || "other";
 }
-const Wi = ["maker", "all-business", "brighter-day", "quiet-night"], Gt = "maker", Zi = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), He = 0.02, wt = 0.05, Ji = `
+const Wi = ["maker", "all-business", "brighter-day", "quiet-night"], Ht = "maker", Zi = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), Ke = 0.02, St = 0.05, Ji = `
   <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 U(e) {
+function D(e) {
   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">${e}</svg>`;
 }
-const L = {
-  crop: U('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
-  resetCrop: U('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
-  arrow: U('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
-  rect: U('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
-  circle: U('<circle cx="12" cy="12" r="8"/>'),
-  discard: U('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
-  recapture: U('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
-  privacy: U('<path d="M8 6h13M8 12h13M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/>'),
-  audio: U('<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: U('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>'),
-  openArrow: U('<path d="M5 12h14"/><path d="m13 6 6 6-6 6"/>')
-}, qt = ji();
-qt.hook();
-const _t = 10, Yi = 80, Wt = "notefully.author", Zt = "notefully.kind", Jt = "notefully.redactSections";
-let c = {
+const T = {
+  crop: D('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
+  resetCrop: D('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
+  arrow: D('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
+  rect: D('<rect x="4" y="6" width="16" height="12" rx="1.5"/>'),
+  circle: D('<circle cx="12" cy="12" r="8"/>'),
+  discard: D('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
+  recapture: D('<path d="M4 8h3l2-2h6l2 2h3v11H4z"/><circle cx="12" cy="13" r="3.5"/>'),
+  privacy: D('<path d="M8 6h13M8 12h13M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/>'),
+  audio: D('<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: D('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>'),
+  openArrow: D('<path d="M5 12h14"/><path d="m13 6 6 6-6 6"/>'),
+  close: D('<path d="M6 6l12 12M18 6 6 18"/>')
+}, Gt = Ei();
+Gt.hook();
+const qt = 10, Yi = 80, _t = "notefully.author", Wt = "notefully.kind", Zt = "notefully.redactSections";
+let d = {
   endpoint: "",
   projectKey: "",
   version: "0.0.0",
   name: "",
   targets: null,
   hideLauncher: !1,
-  theme: Gt,
+  theme: Ht,
   video: !1,
-  consoleLogLimit: _t,
-  kinds: W.map((e) => ({ ...e })),
+  consoleLogLimit: qt,
+  kinds: _.map((e) => ({ ...e })),
   kindsCustom: !1,
   capture: null,
   onBeforeCapture: null,
@@ -3728,50 +3724,55 @@ let c = {
   displayLink: !1,
   locale: null,
   translations: null
-}, ue = !1, Me = !1, I = {}, g = null, l = {}, k = Ye(), F = "", ie = "", V = null, _ = Ee(W), K = null, T = null, S = null, w = null, ge = null, J = null, ne = null, B = { w: 0, h: 0 }, Ie = !1, Re = !1, Pe = !1, D = [], O = [], H = !1;
-function f(e) {
-  return g.querySelector(e);
+}, ce = !1, Ie = !1, N = {}, y = null, n = {}, A = Je(), G = "", se = "", K = null, H = Le(_), W = null, M = null, j = null, E = null, fe = null, Q = null, le = null, q = { w: 0, h: 0 }, Ve = !1, de = !1, pe = !1, $ = [], V = [], Z = !1;
+function h(e) {
+  return y.querySelector(e);
 }
-function Yt(e) {
+function Jt(e) {
   const t = String(e || "").trim().toLowerCase().replace(/\s+/g, "-");
-  return Wi.includes(t) ? t : Gt;
+  return Wi.includes(t) ? t : Ht;
 }
-function St(e, t) {
-  return g && getComputedStyle(g).getPropertyValue(e).trim() || t;
-}
-async function Xi(e) {
-  return (await fetch(e)).blob();
-}
-function A(e, t = !1) {
-  l.status && (l.status.textContent = e || "", ge && (clearTimeout(ge), ge = null), e && !t && (ge = setTimeout(() => {
-    l.status.textContent = "";
+function S(e, t = !1) {
+  n.status && (n.status.textContent = e || "", fe && (clearTimeout(fe), fe = null), e && !t && (fe = setTimeout(() => {
+    n.status.textContent = "";
   }, 4e3)));
 }
-function Qe() {
-  return g && document.body.contains(g) || (g = document.createElement("div"), g.id = "notefully", g.innerHTML = `
+function Ye() {
+  return y && document.body.contains(y) || (y = document.createElement("div"), y.id = "notefully", y.innerHTML = `
       <button class="nf-launcher" type="button" data-i18n-title="launcher.open" data-i18n-aria="launcher.open">${Ji}</button>
       <div class="nf-dialog" hidden>
         <div class="nf-panel">
+          <button class="nf-close nf-icon-btn" type="button" data-i18n-title="form.close" data-i18n-aria="form.close">${T.close}</button>
           <div class="nf-panel-body">
+            <div class="nf-heading">
+              <h2 class="nf-title"></h2>
+              <p class="nf-intro"></p>
+            </div>
             <div class="nf-stage" hidden>
-              <div class="nf-palette">
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" data-i18n-title="tool.crop" data-i18n-aria="tool.crop">${L.crop}</button>
-                <button class="nf-reset-crop nf-icon-btn" type="button" data-i18n-title="tool.resetCrop" data-i18n-aria="tool.resetCrop" hidden>${L.resetCrop}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" data-i18n-title="tool.arrow" data-i18n-aria="tool.arrow">${L.arrow}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" data-i18n-title="tool.rect" data-i18n-aria="tool.rect">${L.rect}</button>
-                <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" data-i18n-title="tool.circle" data-i18n-aria="tool.circle">${L.circle}</button>
-                <button class="nf-discard-shot nf-icon-btn" type="button" data-i18n-title="tool.discard" data-i18n-aria="tool.discard">${L.discard}</button>
-                <button class="nf-recapture nf-icon-btn" type="button" data-i18n-title="tool.recapture" data-i18n-aria="tool.recapture">${L.recapture}</button>
+              <div class="nf-shot-block">
+                <div class="nf-canvas"></div>
+                <div class="nf-palette">
+                  <div class="nf-palette-tools">
+                    <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" data-i18n-title="tool.crop" data-i18n-aria="tool.crop">${T.crop}</button>
+                    <button class="nf-reset-crop nf-icon-btn" type="button" data-i18n-title="tool.resetCrop" data-i18n-aria="tool.resetCrop" hidden>${T.resetCrop}</button>
+                    <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" data-i18n-title="tool.arrow" data-i18n-aria="tool.arrow">${T.arrow}</button>
+                    <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" data-i18n-title="tool.rect" data-i18n-aria="tool.rect">${T.rect}</button>
+                    <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" data-i18n-title="tool.circle" data-i18n-aria="tool.circle">${T.circle}</button>
+                  </div>
+                  <div class="nf-palette-shot">
+                    <button class="nf-recapture nf-icon-btn" type="button" data-i18n-title="tool.recapture" data-i18n-aria="tool.recapture">${T.recapture}</button>
+                    <button class="nf-discard-shot nf-icon-btn" type="button" data-i18n-title="tool.discard" data-i18n-aria="tool.discard">${T.discard}</button>
+                  </div>
+                </div>
               </div>
-              <div class="nf-canvas"></div>
             </div>
-            <textarea class="nf-text" data-i18n-placeholder="form.messagePlaceholder"></textarea>
+            <textarea class="nf-text"></textarea>
             <input class="nf-author" type="text" name="author" autocomplete="nickname" data-i18n-placeholder="form.authorPlaceholder" data-i18n-aria="form.author">
             <div class="nf-kind-row">
               <div class="nf-kind"></div>
               <div class="nf-privacy-summary">
                 <span class="nf-privacy-text"></span>
-                <button class="nf-privacy-change nf-icon-btn" type="button" data-i18n-title="tool.privacy" data-i18n-aria="tool.privacy" aria-expanded="false">${L.privacy}</button>
+                <button class="nf-privacy-change nf-icon-btn" type="button" data-i18n-title="tool.privacy" data-i18n-aria="tool.privacy" aria-expanded="false">${T.privacy}</button>
               </div>
             </div>
             <div class="nf-privacy">
@@ -3781,9 +3782,9 @@ function Qe() {
               </div>
             </div>
             <div class="nf-actions">
-              <button class="nf-restore nf-icon-btn" type="button" data-i18n-title="tool.restore" data-i18n-aria="tool.restore" hidden>${L.resetCrop}</button>
-              <button class="nf-audio nf-icon-btn" type="button" data-i18n-title="tool.audio" data-i18n-aria="tool.audio">${L.audio}</button>
-              <button class="nf-video nf-icon-btn" type="button" data-i18n-title="tool.video" data-i18n-aria="tool.video">${L.video}</button>
+              <button class="nf-restore nf-icon-btn" type="button" data-i18n-title="tool.restore" data-i18n-aria="tool.restore" hidden>${T.resetCrop}</button>
+              <button class="nf-audio nf-icon-btn" type="button" data-i18n-title="tool.audio" data-i18n-aria="tool.audio">${T.audio}</button>
+              <button class="nf-video nf-icon-btn" type="button" data-i18n-title="tool.video" data-i18n-aria="tool.video">${T.video}</button>
               <button class="nf-submit" type="button" data-i18n-text="form.submit"></button>
             </div>
             <div class="nf-status"></div>
@@ -3791,116 +3792,144 @@ function Qe() {
           <p class="nf-success-msg" hidden aria-live="polite" data-i18n-text="form.success"></p>
           <a class="nf-success-link" hidden target="_blank" rel="noopener noreferrer" data-i18n-aria="form.viewReport">
             <span class="nf-success-link-label" data-i18n-text="form.viewReport"></span>
-            ${L.openArrow}
+            ${T.openArrow}
           </a>
         </div>
       </div>
       <button class="nf-stop-video" type="button" hidden data-i18n-text="tool.stopVideo"></button>
-    `, document.body.appendChild(g), l = {
-    launcher: f(".nf-launcher"),
-    dialog: f(".nf-dialog"),
-    panel: f(".nf-panel"),
-    panelBody: f(".nf-panel-body"),
-    successMsg: f(".nf-success-msg"),
-    successLink: f(".nf-success-link"),
-    stage: f(".nf-stage"),
-    palette: f(".nf-palette"),
-    canvas: f(".nf-canvas"),
-    text: f(".nf-text"),
-    author: f(".nf-author"),
-    kindRow: f(".nf-kind-row"),
-    kind: f(".nf-kind"),
-    privacy: f(".nf-privacy"),
-    privacySummary: f(".nf-privacy-summary"),
-    privacyText: f(".nf-privacy-text"),
-    privacyChange: f(".nf-privacy-change"),
-    privacyPanel: f(".nf-privacy-panel"),
-    privacyScroll: f(".nf-privacy-scroll"),
-    privacyDone: f(".nf-privacy-done"),
-    actions: f(".nf-actions"),
-    restore: f(".nf-restore"),
-    status: f(".nf-status"),
-    audio: f(".nf-audio"),
-    video: f(".nf-video"),
-    discard: f(".nf-discard-shot"),
-    recapture: f(".nf-recapture"),
-    stop: f(".nf-stop-video"),
-    resetCrop: f(".nf-reset-crop"),
-    submit: f(".nf-submit"),
+    `, document.body.appendChild(y), n = {
+    launcher: h(".nf-launcher"),
+    dialog: h(".nf-dialog"),
+    panel: h(".nf-panel"),
+    close: h(".nf-close"),
+    panelBody: h(".nf-panel-body"),
+    heading: h(".nf-heading"),
+    title: h(".nf-title"),
+    intro: h(".nf-intro"),
+    successMsg: h(".nf-success-msg"),
+    successLink: h(".nf-success-link"),
+    stage: h(".nf-stage"),
+    shotBlock: h(".nf-shot-block"),
+    palette: h(".nf-palette"),
+    paletteTools: h(".nf-palette-tools"),
+    paletteShot: h(".nf-palette-shot"),
+    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
-  }, ts(), se()), g;
+  }, Qi(), re()), y;
 }
-function se() {
+function re() {
   var e;
-  g && (Xt(), g.dataset.theme = Yt(c.theme), g.lang = fe(), g.dir = za(fe()), c.hideLauncher ? g.setAttribute("data-nf-hidden-launcher", "") : g.removeAttribute("data-nf-hidden-launcher"), l.video && (l.video.hidden = !c.video), Qi(), D.length && D.forEach((t) => {
-    t.label = m(`diag.${t.key}`);
-  }), Qt(), H ? it() : ot(), (e = l.dialog) != null && e.hidden && we());
+  y && (Yt(), y.dataset.theme = Jt(d.theme), y.lang = be(), y.dir = za(be()), d.hideLauncher ? y.setAttribute("data-nf-hidden-launcher", "") : y.removeAttribute("data-nf-hidden-launcher"), n.video && (n.video.hidden = !d.video), Xi(), $.length && $.forEach((t) => {
+    t.label = p(`diag.${t.key}`);
+  }), Qt(), Z ? ot() : at(), (e = n.dialog) != null && e.hidden && ze());
 }
-function Xt() {
+function Yt() {
   const e = Sa({
-    locale: c.locale == null ? void 0 : c.locale
+    locale: d.locale == null ? void 0 : d.locale
   });
-  Ca(c.translations), Aa(e);
-}
-function Qi() {
-  if (g && (g.querySelectorAll("[data-i18n-title]").forEach((e) => {
-    e.title = m(e.getAttribute("data-i18n-title"));
-  }), g.querySelectorAll("[data-i18n-aria]").forEach((e) => {
-    e.setAttribute("aria-label", m(e.getAttribute("data-i18n-aria")));
-  }), g.querySelectorAll("[data-i18n-placeholder]").forEach((e) => {
-    e.setAttribute("placeholder", m(e.getAttribute("data-i18n-placeholder")));
-  }), g.querySelectorAll("[data-i18n-text]").forEach((e) => {
-    e.textContent = m(e.getAttribute("data-i18n-text"));
-  }), l.audio)) {
-    const e = l.audio.dataset.active === "true";
-    xe(e);
+  Ca(d.translations), Aa(e);
+}
+function Xi() {
+  if (y) {
+    if (y.querySelectorAll("[data-i18n-title]").forEach((e) => {
+      e.title = p(e.getAttribute("data-i18n-title"));
+    }), y.querySelectorAll("[data-i18n-aria]").forEach((e) => {
+      e.setAttribute("aria-label", p(e.getAttribute("data-i18n-aria")));
+    }), y.querySelectorAll("[data-i18n-placeholder]").forEach((e) => {
+      e.setAttribute("placeholder", p(e.getAttribute("data-i18n-placeholder")));
+    }), y.querySelectorAll("[data-i18n-text]").forEach((e) => {
+      e.textContent = p(e.getAttribute("data-i18n-text"));
+    }), n.audio) {
+      const e = n.audio.dataset.active === "true";
+      Te(e);
+    }
+    Qe();
   }
 }
-function es(e) {
-  if (c.kindsCustom)
+function Xt(e) {
+  if (d.kindsCustom)
     return e.label;
-  const t = `kind.${e.id}`, a = m(t);
+  const t = `kind.${e.id}`, a = p(t);
   return a === t ? e.label : a;
 }
-function we() {
-  l.launcher && (l.launcher.hidden = !!c.hideLauncher);
+function ze() {
+  n.launcher && (n.launcher.hidden = !!d.hideLauncher);
 }
-function ts() {
-  l.launcher.addEventListener("click", () => ha()), f(".nf-dialog").addEventListener("click", (t) => {
-    Re && !Pe || t.target === l.dialog && re();
-  }), document.addEventListener("keydown", ca), g.querySelectorAll(".nf-tool").forEach((t) => {
-    t.addEventListener("click", () => de(t.dataset.tool));
-  }), l.resetCrop.addEventListener("click", cs), l.canvas.addEventListener("pointerdown", rs), l.canvas.addEventListener("dragstart", (t) => t.preventDefault());
-  const e = f(".nf-kind");
-  e && e.addEventListener("click", (t) => {
-    const a = t.target.closest("[data-kind]");
-    a && et(a.dataset.kind);
-  }), l.discard.addEventListener("click", ps), l.recapture.addEventListener("click", () => {
-    ms().catch((t) => A(t.message || m("status.recaptureFailed")));
-  }), l.restore.addEventListener("click", gs), l.audio.addEventListener("click", hs), l.video.addEventListener("click", fs), l.stop.addEventListener("click", () => ne == null ? void 0 : ne.stop()), l.privacyChange.addEventListener("click", () => ze(!H)), l.privacyDone.addEventListener("click", () => ze(!1)), l.privacyScroll.addEventListener("change", Ps), f(".nf-submit").addEventListener("click", () => {
-    ya().catch((t) => A(t.message || m("status.submitFailed")));
-  }), Qt(), de(null);
-}
-function z(e) {
+function Qi() {
+  var t;
+  n.launcher.addEventListener("click", () => ha()), h(".nf-dialog").addEventListener("click", (a) => {
+    de && !pe || a.target === n.dialog && ee();
+  }), (t = n.close) == null || t.addEventListener("click", () => {
+    de && !pe || ee();
+  }), document.addEventListener("keydown", da), y.querySelectorAll(".nf-tool").forEach((a) => {
+    a.addEventListener("click", () => ge(a.dataset.tool));
+  }), n.resetCrop.addEventListener("click", ds), n.canvas.addEventListener("pointerdown", rs), n.canvas.addEventListener("dragstart", (a) => a.preventDefault());
+  const e = h(".nf-kind");
+  e && e.addEventListener("click", (a) => {
+    const o = a.target.closest("[data-kind]");
+    o && Xe(o.dataset.kind);
+  }), n.discard.addEventListener("click", ps), n.recapture.addEventListener("click", () => {
+    ms().catch((a) => S(a.message || p("status.recaptureFailed")));
+  }), n.restore.addEventListener("click", gs), n.audio.addEventListener("click", hs), n.video.addEventListener("click", fs), n.stop.addEventListener("click", () => le == null ? void 0 : le.stop()), n.privacyChange.addEventListener("click", () => Pe(!Z)), n.privacyDone.addEventListener("click", () => Pe(!1)), n.privacyScroll.addEventListener("change", Ps), h(".nf-submit").addEventListener("click", () => {
+    ya().catch((a) => S(a.message || p("status.submitFailed")));
+  }), Qt(), ge(null);
+}
+function x(e) {
   return String(e || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function Qt() {
-  const e = g == null ? void 0 : g.querySelector(".nf-kind");
+  const e = y == null ? void 0 : y.querySelector(".nf-kind");
   if (!e)
     return;
-  const t = Array.isArray(c.kinds) && c.kinds.length ? c.kinds : W;
-  e.innerHTML = t.map((s) => `<button type="button" data-kind="${z(s.id)}">${z(es(s))}</button>`).join("");
-  const o = t.map((s) => s.id).includes(_) ? _ : Ee(t);
-  et(o);
+  const t = Array.isArray(d.kinds) && d.kinds.length ? d.kinds : _;
+  e.innerHTML = t.map((s) => `<button type="button" data-kind="${x(s.id)}">${x(Xt(s))}</button>`).join("");
+  const o = t.map((s) => s.id).includes(H) ? H : Le(t);
+  Xe(o);
 }
-function et(e) {
-  _ = (c.kinds || W).map((a) => a.id).includes(e) ? e : Ee(c.kinds), g == null || g.querySelectorAll("[data-kind]").forEach((a) => {
-    a.dataset.active = String(a.dataset.kind === _);
-  }), os(_);
+function Xe(e) {
+  H = (d.kinds || _).map((a) => a.id).includes(e) ? e : Le(d.kinds), y == null || y.querySelectorAll("[data-kind]").forEach((a) => {
+    a.dataset.active = String(a.dataset.kind === H);
+  }), os(H), Qe();
+}
+function es() {
+  return (Array.isArray(d.kinds) && d.kinds.length ? d.kinds : _).find((t) => t.id === H) || null;
+}
+function ts() {
+  const e = es(), t = (e == null ? void 0 : e.id) || H || "other", a = t === "bug" || t === "idea" || t === "other", o = (e == null ? void 0 : e.title) && String(e.title).trim() || p(a ? `form.title.${t}` : "form.title.other"), s = (e == null ? void 0 : e.description) && String(e.description).trim() || p(a ? `form.intro.${t}` : "form.intro.other"), i = a ? p(`form.placeholder.${t}`) : p("form.placeholder.custom", {
+    kind: e ? Xt(e) : ye(t)
+  });
+  return { title: o, intro: s, placeholder: i };
+}
+function Qe() {
+  if (!n.title && !n.intro && !n.text)
+    return;
+  const e = ts(), t = I() ? ` ${p("form.screenshotNote")}` : "";
+  n.title && (n.title.textContent = e.title), n.intro && (n.intro.textContent = `${e.intro}${t}`), n.text && n.text.setAttribute("placeholder", e.placeholder);
 }
 function as() {
   try {
-    return String(localStorage.getItem(Zt) || "").trim().toLowerCase();
+    return String(localStorage.getItem(Wt) || "").trim().toLowerCase();
   } catch {
     return "";
   }
@@ -3909,128 +3938,128 @@ function os(e) {
   const t = String(e || "").trim().toLowerCase();
   if (t)
     try {
-      localStorage.setItem(Zt, t);
+      localStorage.setItem(Wt, t);
     } catch {
     }
 }
 function is() {
-  const e = (c.kinds || W).map((a) => a.id), t = as();
-  return t && e.includes(t) ? t : Ee(c.kinds);
+  const e = (d.kinds || _).map((a) => a.id), t = as();
+  return t && e.includes(t) ? t : Le(d.kinds);
 }
-function de(e) {
-  K = Zi.has(e) ? e : null, T = null, g.querySelectorAll(".nf-tool").forEach((t) => {
-    t.dataset.active = String(t.dataset.tool === K);
-  }), l.canvas && (l.canvas.dataset.draw = K ? "true" : "false"), Z() && x();
+function ge(e) {
+  W = Zi.has(e) ? e : null, M = null, y.querySelectorAll(".nf-tool").forEach((t) => {
+    t.dataset.active = String(t.dataset.tool === W);
+  }), n.canvas && (n.canvas.dataset.draw = W ? "true" : "false"), I() && O();
 }
 function At(e) {
   return Math.min(1, Math.max(0, e));
 }
-function ce() {
-  return l.shot || l.canvas;
+function me() {
+  return n.shot || n.canvas;
 }
-function Se(e) {
-  const t = ce().getBoundingClientRect();
+function Ee(e) {
+  const t = me().getBoundingClientRect();
   return {
     x: At((e.clientX - t.left) / Math.max(t.width, 1)),
     y: At((e.clientY - t.top) / Math.max(t.height, 1))
   };
 }
 function ss(e) {
-  const t = ce().getBoundingClientRect();
+  const t = me().getBoundingClientRect();
   return e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom;
 }
 function ea(e) {
-  const t = Se(e), a = k.crop();
+  const t = Ee(e), a = A.crop();
   return {
     x: a.x + t.x * a.w,
     y: a.y + t.y * a.h
   };
 }
-function Le(e, t) {
+function Ue(e, t) {
   const a = Math.min(e.x, t.x), o = Math.min(e.y, t.y);
   return {
     x: a,
     y: o,
-    w: Math.max(He, Math.abs(t.x - e.x)),
-    h: Math.max(He, Math.abs(t.y - e.y))
+    w: Math.max(Ke, Math.abs(t.x - e.x)),
+    h: Math.max(Ke, Math.abs(t.y - e.y))
   };
 }
-function tt(e) {
-  g && (e ? g.dataset.grabbing = "true" : delete g.dataset.grabbing);
+function et(e) {
+  y && (e ? y.dataset.grabbing = "true" : delete y.dataset.grabbing);
 }
-function Ve(e) {
+function $e(e) {
   try {
-    l.canvas.setPointerCapture(e.pointerId);
+    n.canvas.setPointerCapture(e.pointerId);
   } catch {
   }
 }
-function Ge() {
-  window.addEventListener("pointermove", aa), window.addEventListener("pointerup", Ae), window.addEventListener("pointercancel", Ae);
+function He() {
+  window.addEventListener("pointermove", aa), window.addEventListener("pointerup", je), window.addEventListener("pointercancel", je);
 }
 function ta() {
-  window.removeEventListener("pointermove", aa), window.removeEventListener("pointerup", Ae), window.removeEventListener("pointercancel", Ae);
+  window.removeEventListener("pointermove", aa), window.removeEventListener("pointerup", je), window.removeEventListener("pointercancel", je);
 }
 function rs(e) {
-  if (e.button !== 0 || !Z())
+  if (e.button !== 0 || !I())
     return;
   if (!e.target.closest(".nf-sticker") && !ss(e)) {
-    T = null, x();
+    M = null, O();
     return;
   }
   const t = e.target.closest(".nf-handle"), a = e.target.closest(".nf-sticker");
   if (a && a.dataset.preview !== "true") {
-    e.preventDefault(), e.stopPropagation(), T = a.dataset.id, Ve(e), ns({
+    e.preventDefault(), e.stopPropagation(), M = a.dataset.id, $e(e), ns({
       kind: "sticker",
-      id: T,
+      id: M,
       dir: (t == null ? void 0 : t.dataset.dir) || "move"
-    }, e), x();
+    }, e), O();
     return;
   }
-  if (T = null, K === "crop") {
-    e.preventDefault(), Ve(e), S = { kind: "crop", start: Se(e), current: Se(e) }, Ge(), x();
+  if (M = null, W === "crop") {
+    e.preventDefault(), $e(e), j = { kind: "crop", start: Ee(e), current: Ee(e) }, He(), O();
     return;
   }
-  if (K === "arrow" || K === "rect" || K === "circle") {
-    e.preventDefault(), Ve(e);
+  if (W === "arrow" || W === "rect" || W === "circle") {
+    e.preventDefault(), $e(e);
     const o = ea(e);
-    S = { kind: "sticker", type: K, start: o, current: o }, Ge(), x();
+    j = { kind: "sticker", type: W, start: o, current: o }, He(), O();
     return;
   }
-  x();
+  O();
 }
 function ns(e, t) {
   t.preventDefault(), t.stopPropagation();
-  const a = ce().getBoundingClientRect(), o = k.list().find((s) => s.id === e.id);
-  w = {
+  const a = me().getBoundingClientRect(), o = A.list().find((s) => s.id === e.id);
+  E = {
     ...e,
     startX: t.clientX,
     startY: t.clientY,
-    crop: k.crop(),
+    crop: A.crop(),
     sticker: o ? { ...o } : null,
     rect: a
-  }, tt(e.dir === "move" || e.dir === "start" || e.dir === "end"), Ge();
+  }, et(e.dir === "move" || e.dir === "start" || e.dir === "end"), He();
 }
 function aa(e) {
-  if (S) {
-    S.current = S.kind === "crop" ? Se(e) : ea(e), x();
+  if (j) {
+    j.current = j.kind === "crop" ? Ee(e) : ea(e), O();
     return;
   }
-  if (!w)
+  if (!E)
     return;
-  const t = (e.clientX - w.startX) / w.rect.width * w.crop.w, a = (e.clientY - w.startY) / w.rect.height * w.crop.h, o = w.sticker;
+  const t = (e.clientX - E.startX) / E.rect.width * E.crop.w, a = (e.clientY - E.startY) / E.rect.height * E.crop.h, o = E.sticker;
   if (o) {
-    if (w.dir === "end")
-      k.update(o.id, {
+    if (E.dir === "end")
+      A.update(o.id, {
         x2: o.x2 + t,
         y2: o.y2 + a
       });
-    else if (w.dir === "start")
-      k.update(o.id, {
+    else if (E.dir === "start")
+      A.update(o.id, {
         x: o.x + t,
         y: o.y + a
       });
-    else if (w.dir === "move")
-      k.update(o.id, {
+    else if (E.dir === "move")
+      A.update(o.id, {
         x: o.x + t,
         y: o.y + a,
         x2: (o.x2 || o.x) + t,
@@ -4038,9 +4067,9 @@ function aa(e) {
       });
     else {
       const s = { x: o.x, y: o.y, w: o.w, h: o.h };
-      ls(s, w.dir, t, a), k.update(o.id, s);
+      ls(s, E.dir, t, a), A.update(o.id, s);
     }
-    x();
+    O();
   }
 }
 function ls(e, t, a, o) {
@@ -4053,52 +4082,52 @@ function ls(e, t, a, o) {
     e.y += e.h - s, e.h = s;
   }
 }
-function Ae(e) {
-  if (ta(), tt(!1), S) {
+function je(e) {
+  if (ta(), et(!1), j) {
     us();
     return;
   }
-  if (w) {
-    if (w.kind === "sticker") {
-      const t = l.canvas.getBoundingClientRect();
-      (e.clientX < t.left - 24 || e.clientX > t.right + 24 || e.clientY < t.top - 24 || e.clientY > t.bottom + 24) && (k.remove(w.id), T = null);
+  if (E) {
+    if (E.kind === "sticker") {
+      const t = n.canvas.getBoundingClientRect();
+      (e.clientX < t.left - 24 || e.clientX > t.right + 24 || e.clientY < t.top - 24 || e.clientY > t.bottom + 24) && (A.remove(E.id), M = null);
     }
-    w = null, x();
+    E = null, O();
   }
 }
 function us() {
-  const e = S;
-  if (S = null, !e)
+  const e = j;
+  if (j = null, !e)
     return;
   if (e.kind === "crop") {
-    const a = Le(e.start, e.current);
-    if (Math.abs(e.current.x - e.start.x) < wt || Math.abs(e.current.y - e.start.y) < wt) {
-      x();
+    const a = Ue(e.start, e.current);
+    if (Math.abs(e.current.x - e.start.x) < St || Math.abs(e.current.y - e.start.y) < St) {
+      O();
       return;
     }
-    const s = k.crop();
-    k.setCrop({
+    const s = A.crop();
+    A.setCrop({
       x: s.x + a.x * s.w,
       y: s.y + a.y * s.h,
       w: a.w * s.w,
       h: a.h * s.h
-    }), Y();
+    }), te();
     return;
   }
-  const t = ds(e);
-  t && (T = t.id), x();
+  const t = cs(e);
+  t && (M = t.id), O();
 }
-function ds(e) {
+function cs(e) {
   if (e.type === "arrow") {
     const t = e.current.x - e.start.x, a = e.current.y - e.start.y;
-    return Math.hypot(t, a) < He ? k.add("arrow", {
+    return Math.hypot(t, a) < Ke ? A.add("arrow", {
       x: e.start.x,
       y: e.start.y,
       x2: e.start.x + 0.12,
       y2: e.start.y,
       w: 0.12,
       h: 0.02
-    }) : k.add("arrow", {
+    }) : A.add("arrow", {
       x: e.start.x,
       y: e.start.y,
       x2: e.current.x,
@@ -4107,49 +4136,49 @@ function ds(e) {
       h: Math.abs(a)
     });
   }
-  return k.add(e.type, Le(e.start, e.current));
+  return A.add(e.type, Ue(e.start, e.current));
 }
-function cs() {
-  k.resetCrop(), T = null, Y();
+function ds() {
+  A.resetCrop(), M = null, te();
 }
-function Ce() {
-  l.resetCrop && (l.resetCrop.hidden = !k.isCropped());
+function Re() {
+  n.resetCrop && (n.resetCrop.hidden = !A.isCropped());
 }
-function xe(e) {
-  if (!l.audio)
+function Te(e) {
+  if (!n.audio)
     return;
-  const t = m(e ? "tool.audioStop" : "tool.audio");
-  l.audio.title = t, l.audio.setAttribute("aria-label", t), l.audio.dataset.active = String(!!e);
+  const t = p(e ? "tool.audioStop" : "tool.audio");
+  n.audio.title = t, n.audio.setAttribute("aria-label", t), n.audio.dataset.active = String(!!e);
 }
-function Z() {
-  return q(F);
+function I() {
+  return Y(G);
 }
-function pe() {
-  if (!l.stage || !l.palette || !l.actions || !l.recapture)
+function he() {
+  if (!n.stage || !n.palette || !n.actions || !n.recapture)
     return;
-  const e = Z();
-  l.stage.hidden = !e && !V, l.palette.hidden = !e, l.discard && (l.discard.hidden = !e), l.restore && (l.restore.hidden = e || !ie), e ? (l.palette.appendChild(l.discard), l.palette.appendChild(l.recapture)) : l.audio ? l.audio.after(l.recapture) : l.actions.insertBefore(l.recapture, l.submit || null), l.recapture.hidden = !1;
+  const e = I();
+  n.stage.hidden = !e && !K, n.palette.hidden = !e, n.discard && (n.discard.hidden = !e), n.restore && (n.restore.hidden = e || !se), e && n.paletteShot ? (n.paletteShot.appendChild(n.recapture), n.paletteShot.appendChild(n.discard)) : n.audio ? n.audio.after(n.recapture) : n.actions.insertBefore(n.recapture, n.submit || null), n.recapture.hidden = !1, Qe();
 }
 function ps() {
-  Z() && (ie = F), F = "", de(null), pe(), Y();
+  I() && (se = G), G = "", ge(null), he(), te();
 }
 function gs() {
-  q(ie) && (F = ie, pe(), Y());
+  Y(se) && (G = se, he(), te());
 }
 function oa() {
   return {
-    capture: typeof c.capture == "function" ? c.capture : void 0,
-    onBeforeCapture: typeof c.onBeforeCapture == "function" ? c.onBeforeCapture : void 0
+    capture: typeof d.capture == "function" ? d.capture : void 0,
+    onBeforeCapture: typeof d.onBeforeCapture == "function" ? d.onBeforeCapture : void 0
   };
 }
 function ia(e) {
-  if (!q(e))
-    throw new Error(m("status.screenshotFailed"));
-  F = e, ie = e, k = Ye(), B = { w: 0, h: 0 }, T = null, S = null, w = null, de(null);
+  if (!Y(e))
+    throw new Error(p("status.screenshotFailed"));
+  G = e, se = e, A = Je(), q = { w: 0, h: 0 }, M = null, j = null, E = null, ge(null);
 }
 async function ms() {
-  if (!(Me || !l.dialog || l.dialog.hidden)) {
-    Me = !0, l.recapture.disabled = !0, A(m("status.capturing"), !0), l.dialog.hidden = !0;
+  if (!(Ie || !n.dialog || n.dialog.hidden)) {
+    Ie = !0, n.recapture.disabled = !0, S(p("status.capturing"), !0), n.dialog.hidden = !0;
     try {
       let e = "";
       try {
@@ -4157,69 +4186,69 @@ async function ms() {
       } catch {
         e = await $t(oa());
       }
-      ia(e), A("");
+      ia(e), S("");
     } catch (e) {
-      A((e == null ? void 0 : e.message) || m("status.screenshotFailed"));
+      S((e == null ? void 0 : e.message) || p("status.screenshotFailed"));
     } finally {
-      l.dialog.hidden = !1, l.recapture.disabled = !1, Me = !1, pe(), Y();
+      n.dialog.hidden = !1, n.recapture.disabled = !1, Ie = !1, he(), te();
     }
   }
 }
 function hs() {
   try {
-    if (J || (J = Ei((t) => {
-      const a = l.text.value.trim();
-      l.text.value = a ? `${a} ${t}` : t;
-    })), !J.isSupported()) {
-      A(m("status.audioUnsupported"));
+    if (Q || (Q = ji((t) => {
+      const a = n.text.value.trim();
+      n.text.value = a ? `${a} ${t}` : t;
+    })), !Q.isSupported()) {
+      S(p("status.audioUnsupported"));
       return;
     }
-    const e = J.start({ lang: fe() });
-    xe(e), A(e ? m("status.listening") : "");
+    const e = Q.start({ lang: be() });
+    Te(e), S(e ? p("status.listening") : "");
   } catch (e) {
-    A(e.message);
+    S(e.message);
   }
 }
 async function fs() {
-  if (!c.video) {
-    A(m("status.videoDisabled"));
+  if (!d.video) {
+    S(p("status.videoDisabled"));
     return;
   }
-  l.dialog.hidden = !0, l.stop.hidden = !1, se(), l.launcher.hidden = !0, ne = Pi({
+  n.dialog.hidden = !0, n.stop.hidden = !1, re(), n.launcher.hidden = !0, le = Pi({
     onStart() {
     },
     onStop(e) {
-      V = e, l.stop.hidden = !0, we(), l.dialog.hidden = !1, pe(), Y(), A(m(e ? "status.videoAttached" : "status.recordingCancelled"));
+      K = e, n.stop.hidden = !0, ze(), n.dialog.hidden = !1, he(), te(), S(p(e ? "status.videoAttached" : "status.recordingCancelled"));
     },
     onError(e) {
-      A(e.message);
+      S(e.message);
     }
   });
   try {
-    await ne.start();
+    await le.start();
   } catch (e) {
-    l.stop.hidden = !0, we(), l.dialog.hidden = !1, A(e.message);
+    n.stop.hidden = !0, ze(), n.dialog.hidden = !1, S(e.message);
   }
 }
-function Y() {
-  if (l.shot = null, !Z()) {
-    l.canvas.style.removeProperty("--nf-shot-aspect"), l.canvas.style.removeProperty("aspect-ratio"), l.canvas.innerHTML = V ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(V)}"></video>` : "", Ce();
+function te() {
+  if (n.shot = null, !I()) {
+    n.canvas.style.removeProperty("--nf-shot-aspect"), n.canvas.style.removeProperty("aspect-ratio"), n.canvas.innerHTML = K ? `<video class="nf-recording-preview" controls src="${URL.createObjectURL(K)}"></video>` : "", Re();
     return;
   }
-  l.canvas.innerHTML = `<div class="nf-shot"><img alt="${z(m("shot.alt"))}" src="${F}" draggable="false"></div>`, l.shot = l.canvas.querySelector(".nf-shot");
-  const e = l.shot.querySelector("img");
+  n.canvas.innerHTML = `<div class="nf-shot"><img alt="${x(p("shot.alt"))}" src="${G}" draggable="false"></div>`, n.shot = n.canvas.querySelector(".nf-shot");
+  const e = n.shot.querySelector("img");
   e.draggable = !1, e.addEventListener("dragstart", (a) => a.preventDefault());
   const t = () => {
-    ys(e), x();
+    ys(e), O();
   };
-  e.addEventListener("load", t), e.complete && e.naturalWidth && t(), Ce();
+  e.addEventListener("load", t), e.complete && e.naturalWidth && t(), Re();
 }
 function ys(e) {
-  const t = e.naturalWidth || B.w, a = e.naturalHeight || B.h;
-  if (t && a && (B = { w: t, h: a }, l.canvas.style.setProperty("--nf-shot-aspect", String(t / a)), l.canvas.style.aspectRatio = `${t} / ${a}`), !l.shot || !B.w || !B.h)
+  const t = e.naturalWidth || q.w, a = e.naturalHeight || q.h;
+  if (t && a && (q = { w: t, h: a }, n.canvas.style.setProperty("--nf-shot-aspect", String(t / a)), n.canvas.style.aspectRatio = `${t} / ${a}`), !n.shot || !q.w || !q.h)
     return;
-  const o = k.crop(), s = B.w / B.h, i = o.w / o.h * s, r = Math.min(1, i / s), n = Math.min(1, s / i);
-  l.shot.style.left = `${(1 - r) / 2 * 100}%`, l.shot.style.top = `${(1 - n) / 2 * 100}%`, l.shot.style.width = `${r * 100}%`, l.shot.style.height = `${n * 100}%`, e.style.width = `${100 / o.w}%`, e.style.height = `${100 / o.h}%`, e.style.left = `${-o.x / o.w * 100}%`, e.style.top = `${-o.y / o.h * 100}%`;
+  const o = A.crop(), s = q.w / q.h, i = o.w / o.h * s, r = Math.min(1, i / s), l = Math.min(1, s / i);
+  n.shot.style.left = `${(1 - r) / 2 * 100}%`, n.shot.style.top = `${(1 - l) / 2 * 100}%`, n.shot.style.width = `${r * 100}%`, n.shot.style.height = `${l * 100}%`, e.style.width = `${100 / o.w}%`, e.style.height = `${100 / o.h}%`, e.style.left = `${-o.x / o.w * 100}%`, e.style.top = `${-o.y / o.h * 100}%`;
 }
 function vs(e) {
   return e.type === "arrow" ? {
@@ -4236,42 +4265,42 @@ function vs(e) {
     id: "preview",
     type: e.type,
     number: "",
-    ...Le(e.start, e.current)
+    ...Ue(e.start, e.current)
   };
 }
-function x() {
-  if ((l.shot || l.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !Z() || !l.shot) {
-    Ce();
+function O() {
+  if ((n.shot || n.canvas).querySelectorAll(".nf-sticker, .nf-crop").forEach((i) => i.remove()), !I() || !n.shot) {
+    Re();
     return;
   }
-  const t = k.crop(), a = ce(), o = Xe(a.clientWidth || 400);
-  if (l.shot.style.setProperty("--nf-anno-stroke", `${o.stroke}px`), l.shot.style.setProperty("--nf-anno-badge", `${o.badgeRadius * 2}px`), l.shot.style.setProperty("--nf-anno-badge-font", `${o.fontSize}px`), l.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, o.stroke * 2.5)}px`), (S == null ? void 0 : S.kind) === "crop") {
+  const t = A.crop(), a = me(), o = Kt(a.clientWidth || 400);
+  if (n.shot.style.setProperty("--nf-anno-stroke", `${o.stroke}px`), n.shot.style.setProperty("--nf-anno-badge", `${o.badgeRadius * 2}px`), n.shot.style.setProperty("--nf-anno-badge-font", `${o.fontSize}px`), n.shot.style.setProperty("--nf-anno-handle", `${Math.max(8, o.stroke * 2.5)}px`), (j == null ? void 0 : j.kind) === "crop") {
     const i = document.createElement("div");
-    i.className = "nf-crop", Ct(i, Le(S.start, S.current), { x: 0, y: 0, w: 1, h: 1 }), l.shot.appendChild(i);
+    i.className = "nf-crop", Ct(i, Ue(j.start, j.current), { x: 0, y: 0, w: 1, h: 1 }), n.shot.appendChild(i);
   }
-  const s = k.list().slice();
-  if ((S == null ? void 0 : S.kind) === "sticker" && s.push(vs(S)), s.forEach((i) => {
-    const r = i.id === "preview", n = !r && i.id === T, u = document.createElement("div");
-    if (u.className = `nf-sticker nf-${i.type}`, u.dataset.id = i.id, n && (u.dataset.selected = "true"), r && (u.dataset.preview = "true"), i.type === "arrow" ? ks(u, i, t, n, o) : (Ct(u, i, t), n && ["nw", "ne", "sw", "se"].forEach((d) => qe(u, d))), !r && i.number) {
-      const d = document.createElement("span");
-      d.className = "nf-badge", d.textContent = String(i.number), u.appendChild(d);
+  const s = A.list().slice();
+  if ((j == null ? void 0 : j.kind) === "sticker" && s.push(vs(j)), s.forEach((i) => {
+    const r = i.id === "preview", l = !r && i.id === M, u = document.createElement("div");
+    if (u.className = `nf-sticker nf-${i.type}`, u.dataset.id = i.id, l && (u.dataset.selected = "true"), r && (u.dataset.preview = "true"), i.type === "arrow" ? ks(u, i, t, l, o) : (Ct(u, i, t), l && ["nw", "ne", "sw", "se"].forEach((c) => Ge(u, c))), !r && i.number) {
+      const c = document.createElement("span");
+      c.className = "nf-badge", c.textContent = String(i.number), u.appendChild(c);
     }
-    l.shot.appendChild(u);
-  }), l.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), V) {
+    n.shot.appendChild(u);
+  }), n.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((i) => i.remove()), K) {
     const i = document.createElement("video");
-    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(V), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", l.canvas.appendChild(i);
+    i.className = "nf-recording-preview", i.controls = !0, i.src = URL.createObjectURL(K), i.style.position = "absolute", i.style.right = "8px", i.style.bottom = "8px", i.style.width = "160px", n.canvas.appendChild(i);
   }
-  Ce();
+  Re();
 }
-function ks(e, t, a, o, s = Xe(400)) {
-  const i = ce(), r = i.clientWidth, n = i.clientHeight, u = (t.x - a.x) / a.w * r, d = (t.y - a.y) / a.h * n, p = ((t.x2 ?? t.x + t.w) - a.x) / a.w * r, y = ((t.y2 ?? t.y) - a.y) / a.h * n, v = Math.max(18, s.arrowHead + s.stroke * 2), b = Math.min(u, p) - v, C = Math.min(d, y) - v, E = Math.max(2, Math.abs(p - u)) + v * 2, M = Math.max(2, Math.abs(y - d)) + v * 2, P = u - b, $ = d - C, X = p - b, Q = y - C, N = Kt(P, $, X, Q, s), ee = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  e.style.left = `${b}px`, e.style.top = `${C}px`, e.style.width = `${E}px`, e.style.height = `${M}px`, ee.setAttribute("class", "nf-arrow-svg"), ee.setAttribute("viewBox", `0 0 ${E} ${M}`), ee.setAttribute("width", String(E)), ee.setAttribute("height", String(M)), ee.innerHTML = `
-      <line class="nf-arrow-hit" x1="${P}" y1="${$}" x2="${X}" y2="${Q}" />
-      <line class="nf-arrow-shaft" x1="${P}" y1="${$}" 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}" />
-    `, e.appendChild(ee), o && (qe(e, "start", { left: P - 5, top: $ - 5 }), qe(e, "end", { left: X - 5, top: Q - 5 }));
+function ks(e, t, a, o, s = Kt(400)) {
+  const i = me(), r = i.clientWidth, l = i.clientHeight, u = (t.x - a.x) / a.w * r, c = (t.y - a.y) / a.h * l, g = ((t.x2 ?? t.x + t.w) - a.x) / a.w * r, v = ((t.y2 ?? t.y) - a.y) / a.h * l, k = Math.max(18, s.arrowHead + s.stroke * 2), w = Math.min(u, g) - k, b = Math.min(c, v) - k, z = Math.max(2, Math.abs(g - u)) + k * 2, R = Math.max(2, Math.abs(v - c)) + k * 2, F = u - w, B = c - b, P = g - w, m = v - b, C = Fi(F, B, P, m, s), X = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  e.style.left = `${w}px`, e.style.top = `${b}px`, e.style.width = `${z}px`, e.style.height = `${R}px`, X.setAttribute("class", "nf-arrow-svg"), X.setAttribute("viewBox", `0 0 ${z} ${R}`), X.setAttribute("width", String(z)), X.setAttribute("height", String(R)), X.innerHTML = `
+      <line class="nf-arrow-hit" x1="${F}" y1="${B}" x2="${P}" y2="${m}" />
+      <line class="nf-arrow-shaft" x1="${F}" y1="${B}" x2="${C.shaftEnd.x}" y2="${C.shaftEnd.y}" />
+      <polygon class="nf-arrow-head" points="${C.tipX},${C.tipY} ${C.left.x},${C.left.y} ${C.right.x},${C.right.y}" />
+    `, e.appendChild(X), o && (Ge(e, "start", { left: F - 5, top: B - 5 }), Ge(e, "end", { left: P - 5, top: m - 5 }));
 }
-function qe(e, t, a) {
+function Ge(e, t, a) {
   const o = document.createElement("span");
   o.className = "nf-handle", o.dataset.dir = t, a && (o.style.left = `${a.left}px`, o.style.top = `${a.top}px`), e.appendChild(o);
 }
@@ -4280,22 +4309,22 @@ function Ct(e, t, a) {
 }
 function sa() {
   try {
-    return String(localStorage.getItem(Wt) || "").trim();
+    return String(localStorage.getItem(_t) || "").trim();
   } catch {
     return "";
   }
 }
 function bs(e) {
   const t = String(e || "").trim();
-  if (!(!t || t === _e()))
+  if (!(!t || t === qe()))
     try {
-      localStorage.setItem(Wt, t);
+      localStorage.setItem(_t, t);
     } catch {
     }
 }
 function ra() {
   try {
-    const e = localStorage.getItem(Jt);
+    const e = localStorage.getItem(Zt);
     if (!e)
       return { diagnostics: !1, logs: !1 };
     const t = JSON.parse(e);
@@ -4313,7 +4342,7 @@ function zt(e = {}) {
     ...e
   };
   try {
-    localStorage.setItem(Jt, JSON.stringify({
+    localStorage.setItem(Zt, JSON.stringify({
       diagnostics: !!t.diagnostics,
       logs: !!t.logs
     }));
@@ -4321,67 +4350,67 @@ function zt(e = {}) {
   }
 }
 function na() {
-  return !!(String(I.userId || "").trim() || String(I.email || "").trim() || String(I.displayName || "").trim());
+  return !!(String(N.userId || "").trim() || String(N.email || "").trim() || String(N.displayName || "").trim());
 }
 function la() {
   return String(
-    I.displayName || I.email || I.userId || ""
+    N.displayName || N.email || N.userId || ""
   ).trim();
 }
-function _e() {
-  return m("form.authorPlaceholder");
+function qe() {
+  return p("form.authorPlaceholder");
 }
 function ws() {
   var t;
   if (na())
-    return la() || _e();
-  const e = String(((t = l.author) == null ? void 0 : t.value) || "").trim();
-  return e ? (bs(e), e) : _e();
+    return la() || qe();
+  const e = String(((t = n.author) == null ? void 0 : t.value) || "").trim();
+  return e ? (bs(e), e) : qe();
 }
 function ua() {
-  if (!l.author)
+  if (!n.author)
     return;
   const e = na();
-  if (l.author.hidden = e, e) {
-    l.author.value = "";
+  if (n.author.hidden = e, e) {
+    n.author.value = "";
     return;
   }
-  l.author.value = sa();
+  n.author.value = sa();
 }
-function da(e, t = _t) {
+function ca(e, t = qt) {
   const a = Number(e);
   return Number.isFinite(a) ? Math.min(Yi, Math.max(0, Math.floor(a))) : t;
 }
-function ca(e) {
-  e.key !== "Escape" || !l.dialog || l.dialog.hidden || Re && !Pe || re();
+function da(e) {
+  e.key !== "Escape" || !n.dialog || n.dialog.hidden || de && !pe || ee();
 }
 function pa(e = {}) {
   ki(e);
   const t = Object.prototype.hasOwnProperty.call(e, "kinds");
-  c = {
-    ...c,
-    endpoint: String(e.endpoint || c.endpoint || "").replace(/\/$/, ""),
-    projectKey: e.projectKey == null ? c.projectKey : String(e.projectKey),
-    version: e.version == null ? c.version : String(e.version),
-    name: e.name == null ? c.name : String(e.name || ""),
-    targets: e.targets === void 0 ? c.targets : e.targets,
-    hideLauncher: e.hideLauncher == null ? c.hideLauncher : !!e.hideLauncher,
-    theme: Yt(e.theme ?? c.theme),
-    video: e.video == null ? c.video : !!e.video,
-    consoleLogLimit: e.consoleLogLimit == null ? c.consoleLogLimit : da(e.consoleLogLimit, c.consoleLogLimit),
-    kinds: t ? _i(e.kinds) : c.kinds,
-    kindsCustom: t ? !0 : c.kindsCustom,
-    capture: e.capture === void 0 ? c.capture : e.capture,
-    onBeforeCapture: e.onBeforeCapture === void 0 ? c.onBeforeCapture : e.onBeforeCapture,
-    onOpen: e.onOpen === void 0 ? c.onOpen : e.onOpen,
-    onClose: e.onClose === void 0 ? c.onClose : e.onClose,
-    displayLink: e.displayLink == null ? c.displayLink : !!e.displayLink,
-    locale: e.locale === void 0 ? c.locale : e.locale == null || e.locale === "" ? null : String(e.locale),
-    translations: e.translations === void 0 ? c.translations : e.translations && typeof e.translations == "object" ? e.translations : null
+  d = {
+    ...d,
+    endpoint: String(e.endpoint || d.endpoint || "").replace(/\/$/, ""),
+    projectKey: e.projectKey == null ? d.projectKey : String(e.projectKey),
+    version: e.version == null ? d.version : String(e.version),
+    name: e.name == null ? d.name : String(e.name || ""),
+    targets: e.targets === void 0 ? d.targets : e.targets,
+    hideLauncher: e.hideLauncher == null ? d.hideLauncher : !!e.hideLauncher,
+    theme: Jt(e.theme ?? d.theme),
+    video: e.video == null ? d.video : !!e.video,
+    consoleLogLimit: e.consoleLogLimit == null ? d.consoleLogLimit : ca(e.consoleLogLimit, d.consoleLogLimit),
+    kinds: t ? _i(e.kinds) : d.kinds,
+    kindsCustom: t ? !0 : d.kindsCustom,
+    capture: e.capture === void 0 ? d.capture : e.capture,
+    onBeforeCapture: e.onBeforeCapture === void 0 ? d.onBeforeCapture : e.onBeforeCapture,
+    onOpen: e.onOpen === void 0 ? d.onOpen : e.onOpen,
+    onClose: e.onClose === void 0 ? d.onClose : e.onClose,
+    displayLink: e.displayLink == null ? d.displayLink : !!e.displayLink,
+    locale: e.locale === void 0 ? d.locale : e.locale == null || e.locale === "" ? null : String(e.locale),
+    translations: e.translations === void 0 ? d.translations : e.translations && typeof e.translations == "object" ? e.translations : null
   };
 }
 function ga(e) {
-  const t = c[e];
+  const t = d[e];
   if (typeof t == "function")
     try {
       t();
@@ -4390,102 +4419,102 @@ function ga(e) {
     }
 }
 function Ss() {
-  return ue;
+  return ce;
 }
 function As() {
-  return fe();
+  return be();
 }
 function Cs(e, t) {
-  return c.locale = e == null || e === "" ? null : String(e), t !== void 0 && (c.translations = t && typeof t == "object" ? t : null), g ? se() : Xt(), Ue;
+  return d.locale = e == null || e === "" ? null : String(e), t !== void 0 && (d.translations = t && typeof t == "object" ? t : null), y ? re() : Yt(), Fe;
 }
-function at(e = {}) {
-  return pa(e), g && se(), Ue;
+function tt(e = {}) {
+  return pa(e), y && re(), Fe;
 }
 function zs(e = {}) {
-  return pa(e), Qe(), se(), Ue;
-}
-function js(e) {
-  return at({ theme: e });
+  return pa(e), Ye(), re(), Fe;
 }
 function Es(e) {
+  return tt({ theme: e });
+}
+function js(e) {
   const t = !!e;
-  return !t && g && l.dialog && !l.dialog.hidden && re(), at({ hideLauncher: !t });
+  return !t && y && n.dialog && !n.dialog.hidden && ee(), tt({ hideLauncher: !t });
 }
 function Rs() {
   const e = la() || sa() || void 0, t = yi({
-    ...I,
-    displayName: I.displayName || e
+    ...N,
+    displayName: N.displayName || e
   });
-  D = Bi(t), O = Ni(
-    qt.snapshot().slice(-da(c.consoleLogLimit))
+  $ = Bi(t), V = Ni(
+    Gt.snapshot().slice(-ca(d.consoleLogLimit))
   );
   const a = ra();
-  a.diagnostics && be(D, !0), a.logs && O.length && be(O, !0), H = !1;
+  a.diagnostics && Ce($, !0), a.logs && V.length && Ce(V, !0), Z = !1;
 }
-function ze(e) {
-  H = !!e, l.privacyPanel && (l.privacyPanel.hidden = !H), l.privacyChange && (l.privacyChange.setAttribute("aria-expanded", H ? "true" : "false"), l.privacyChange.dataset.active = String(H)), H && it();
+function Pe(e) {
+  Z = !!e, n.privacyPanel && (n.privacyPanel.hidden = !Z), n.privacyChange && (n.privacyChange.setAttribute("aria-expanded", Z ? "true" : "false"), n.privacyChange.dataset.active = String(Z)), Z && ot();
 }
-function ot() {
-  if (!l.privacy || !l.privacyText || !l.privacyChange)
+function at() {
+  if (!n.privacy || !n.privacyText || !n.privacyChange)
     return;
   const e = Hi({
-    diagnostics: D,
-    logs: O
+    diagnostics: $,
+    logs: V
   });
-  l.privacyText.textContent = e, l.privacyText.hidden = !e;
-  const t = D.length === 0 && O.length === 0;
-  l.privacySummary && (l.privacySummary.hidden = t), l.privacy.hidden = t, l.privacyChange.hidden = !1;
+  n.privacyText.textContent = e, n.privacyText.hidden = !e;
+  const t = $.length === 0 && V.length === 0;
+  n.privacySummary && (n.privacySummary.hidden = t), n.privacy.hidden = t, n.privacyChange.hidden = !1;
 }
 function ma(e, t, a) {
   return `<label class="nf-privacy-toggle">
-      <span class="nf-privacy-toggle-label">${z(m("privacy.redact"))}</span>
-      <input type="checkbox" ${e ? "checked" : ""} ${t ? 'data-indeterminate="true"' : ""} aria-label="${z(a)}">
+      <span class="nf-privacy-toggle-label">${x(p("privacy.redact"))}</span>
+      <input type="checkbox" ${e ? "checked" : ""} ${t ? 'data-indeterminate="true"' : ""} aria-label="${x(a)}">
     </label>`;
 }
-function jt(e, t, a, o, s, i = null) {
-  const r = ma(s, !1, `${m("privacy.redact")} ${a}`), n = typeof o == "string" ? o : String(o || "");
+function Et(e, t, a, o, s, i = null) {
+  const r = ma(s, !1, `${p("privacy.redact")} ${a}`), l = typeof o == "string" ? o : String(o || "");
   if (s) {
-    const d = n ? `${a}: ${n}` : a;
-    return `<div class="nf-privacy-row" data-kind="${z(e)}" data-id="${z(t)}" data-redacted="true">
+    const c = l ? `${a}: ${l}` : a;
+    return `<div class="nf-privacy-row" data-kind="${x(e)}" data-id="${x(t)}" data-redacted="true">
       <div class="nf-privacy-row-text">
-        <div class="nf-privacy-row-summary" title="${z(d)}">${z(d)}</div>
+        <div class="nf-privacy-row-summary" title="${x(c)}">${x(c)}</div>
       </div>
       ${r}
     </div>`;
   }
-  const u = i ?? z(n);
-  return `<div class="nf-privacy-row" data-kind="${z(e)}" data-id="${z(t)}">
+  const u = i ?? x(l);
+  return `<div class="nf-privacy-row" data-kind="${x(e)}" data-id="${x(t)}">
       <div class="nf-privacy-row-text">
-        <div class="nf-privacy-row-title">${z(a)}</div>
+        <div class="nf-privacy-row-title">${x(a)}</div>
         <div class="nf-privacy-row-detail">${u}</div>
       </div>
       ${r}
     </div>`;
 }
-function Et(e, t, a, o) {
+function jt(e, t, a, o) {
   if (!a.length)
     return "";
   const s = Ki(a), i = s.checked && !s.indeterminate;
-  return `<section class="nf-privacy-section" data-section="${z(e)}"${i ? ' data-redacted="true"' : ""}>
+  return `<section class="nf-privacy-section" data-section="${x(e)}"${i ? ' data-redacted="true"' : ""}>
       <div class="nf-privacy-section-head">
-        <h3 class="nf-privacy-section-title">${z(t)}</h3>
-        ${ma(s.checked, s.indeterminate, `${m("privacy.redact")} ${t}`)}
+        <h3 class="nf-privacy-section-title">${x(t)}</h3>
+        ${ma(s.checked, s.indeterminate, `${p("privacy.redact")} ${t}`)}
       </div>
       <div class="nf-privacy-rows"${i ? " hidden" : ""}>${o}</div>
     </section>`;
 }
-function it() {
-  if (!l.privacyScroll)
+function ot() {
+  if (!n.privacyScroll)
     return;
-  const e = D.map((a) => jt(
+  const e = $.map((a) => Et(
     "diagnostic",
     a.key,
     a.label,
     Gi(a.value),
     a.redacted
-  )).join(""), t = O.map((a) => {
+  )).join(""), t = V.map((a) => {
     const o = Ai(a);
-    return jt(
+    return Et(
       "log",
       a.id,
       a.level,
@@ -4494,12 +4523,12 @@ function it() {
       a.redacted ? null : Ci(a)
     );
   }).join("");
-  l.privacyScroll.innerHTML = [
-    Et("diagnostics", m("privacy.section.diagnostics"), D, e),
-    O.length ? Et("logs", m("privacy.section.logs"), O, t) : ""
-  ].join(""), l.privacyScroll.querySelectorAll('input[data-indeterminate="true"]').forEach((a) => {
+  n.privacyScroll.innerHTML = [
+    jt("diagnostics", p("privacy.section.diagnostics"), $, e),
+    V.length ? jt("logs", p("privacy.section.logs"), V, t) : ""
+  ].join(""), n.privacyScroll.querySelectorAll('input[data-indeterminate="true"]').forEach((a) => {
     a.indeterminate = !0, a.removeAttribute("data-indeterminate");
-  }), ot();
+  }), at();
 }
 function Ps(e) {
   const t = e.target;
@@ -4509,167 +4538,205 @@ function Ps(e) {
   if (o) {
     const i = o.dataset.kind, r = o.dataset.id;
     if (i === "diagnostic") {
-      const n = D.find((u) => u.key === r);
-      n && (n.redacted = s);
+      const l = $.find((u) => u.key === r);
+      l && (l.redacted = s);
     } else if (i === "log") {
-      const n = O.find((u) => u.id === r);
-      n && (n.redacted = s);
+      const l = V.find((u) => u.id === r);
+      l && (l.redacted = s);
     }
   } else if (a) {
     const i = a.dataset.section;
-    i === "diagnostics" ? (be(D, s), zt({ diagnostics: s })) : i === "logs" && (be(O, s), zt({ logs: s }));
+    i === "diagnostics" ? (Ce($, s), zt({ diagnostics: s })) : i === "logs" && (Ce(V, s), zt({ logs: s }));
   } else
     return;
-  it();
+  ot();
 }
 async function ha() {
-  Qe(), ue || (ue = !0, ga("onOpen")), fa(), se(), l.launcher.hidden = !0, k = Ye(), B = { w: 0, h: 0 }, V = null, F = "", ie = "", T = null, S = null, w = null, _ = is(), et(_), de(null), xe(!1), l.text.value = "", ua(), A(""), Rs();
+  Ye(), ce || (ce = !0, ga("onOpen")), fa(), re(), n.launcher.hidden = !0, A = Je(), q = { w: 0, h: 0 }, K = null, G = "", se = "", M = null, j = null, E = null, H = is(), Xe(H), ge(null), Te(!1), n.text.value = "", ua(), S(""), Rs();
   try {
-    ia(await $t(oa())), A("");
+    ia(await $t(oa())), S("");
   } catch (t) {
-    F = "", A((t == null ? void 0 : t.message) || m("status.screenshotFailed"));
+    G = "", S((t == null ? void 0 : t.message) || p("status.screenshotFailed"));
   }
-  pe(), ze(!1), ot(), l.dialog.hidden = !1, Y(), l.text.focus();
+  he(), Pe(!1), at(), n.dialog.hidden = !1, te(), n.text.focus();
 }
-function re() {
-  if (!g)
+function ee() {
+  if (!y)
     return;
-  const e = ue;
-  J == null || J.stop(), xe(!1), ta(), S = null, w = null, tt(!1), fa(), ze(!1), l.dialog.hidden = !0, l.stop.hidden = !0, we(), e && (ue = !1, ga("onClose"));
+  const e = ce;
+  Q == null || Q.stop(), Te(!1), ta(), j = null, E = null, et(!1), fa(), Pe(!1), n.dialog.hidden = !0, n.stop.hidden = !0, ze(), e && (ce = !1, ga("onClose"));
 }
-function Ls(e = "") {
-  const t = l.dialog, a = l.panel, o = l.panelBody, s = l.successMsg, i = l.successLink, r = String(e || "").trim(), n = !!(c.displayLink && r);
+function xs(e = "") {
+  const t = n.dialog, a = n.panel, o = n.panelBody, s = n.successMsg, i = n.successLink, r = String(e || "").trim(), l = !!(d.displayLink && r);
   if (!t || !a || !o || !s)
     return Promise.resolve(!1);
-  Re = !0, Pe = n, A("");
-  const u = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, d = a.getBoundingClientRect();
-  if (o.hidden = !0, s.hidden = !1, t.classList.add("nf-success"), t.classList.toggle("nf-success-sticky", n), t.style.opacity = "1", i && (n ? (i.hidden = !1, i.href = r) : (i.hidden = !0, i.removeAttribute("href"))), n) {
+  de = !0, pe = l, S("");
+  const u = typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, c = a.getBoundingClientRect();
+  if (o.hidden = !0, s.hidden = !1, t.classList.add("nf-success"), t.classList.toggle("nf-success-sticky", l), t.style.opacity = "1", i && (l ? (i.hidden = !1, i.href = r) : (i.hidden = !0, i.removeAttribute("href"))), l) {
     if (u)
       return Promise.resolve(!0);
-    const b = a.getBoundingClientRect(), C = b.width > 0 ? d.width / b.width : 1, E = b.height > 0 ? d.height / b.height : 1;
-    return a.style.transformOrigin = "center center", a.style.transition = "none", a.style.transform = `scale(${C}, ${E})`, a.getBoundingClientRect(), new Promise((M) => {
-      let P = !1;
-      const $ = () => {
-        P || (P = !0, a.removeEventListener("transitionend", X), M(!0));
-      }, X = (Q) => {
-        Q.target !== a || Q.propertyName !== "transform" || $();
+    const w = a.getBoundingClientRect(), b = w.width > 0 ? c.width / w.width : 1, z = w.height > 0 ? c.height / w.height : 1;
+    return a.style.transformOrigin = "center center", a.style.transition = "none", a.style.transform = `scale(${b}, ${z})`, a.getBoundingClientRect(), new Promise((R) => {
+      let F = !1;
+      const B = () => {
+        F || (F = !0, a.removeEventListener("transitionend", P), R(!0));
+      }, P = (m) => {
+        m.target !== a || m.propertyName !== "transform" || B();
       };
-      a.addEventListener("transitionend", X), requestAnimationFrame(() => {
+      a.addEventListener("transitionend", P), requestAnimationFrame(() => {
         a.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", a.style.transform = "scale(1)";
-      }), window.setTimeout($, 700);
+      }), window.setTimeout(B, 700);
     });
   }
   if (u)
-    return new Promise((b) => {
-      window.setTimeout(() => b(!1), 1e3);
+    return new Promise((w) => {
+      window.setTimeout(() => w(!1), 1e3);
     });
-  const p = a.getBoundingClientRect(), y = p.width > 0 ? d.width / p.width : 1, v = p.height > 0 ? d.height / p.height : 1;
-  return a.style.transformOrigin = "center center", a.style.transition = "none", a.style.transform = `scale(${y}, ${v})`, a.getBoundingClientRect(), new Promise((b) => {
-    let C = !1;
-    const E = () => {
-      C || (C = !0, a.removeEventListener("transitionend", M), window.setTimeout(() => {
-        t.style.transition = "opacity 0.28s ease", t.style.opacity = "0", window.setTimeout(() => b(!1), 280);
+  const g = a.getBoundingClientRect(), v = g.width > 0 ? c.width / g.width : 1, k = g.height > 0 ? c.height / g.height : 1;
+  return a.style.transformOrigin = "center center", a.style.transition = "none", a.style.transform = `scale(${v}, ${k})`, a.getBoundingClientRect(), new Promise((w) => {
+    let b = !1;
+    const z = () => {
+      b || (b = !0, a.removeEventListener("transitionend", R), window.setTimeout(() => {
+        t.style.transition = "opacity 0.28s ease", t.style.opacity = "0", window.setTimeout(() => w(!1), 280);
       }, 1e3));
-    }, M = (P) => {
-      P.target !== a || P.propertyName !== "transform" || E();
+    }, R = (F) => {
+      F.target !== a || F.propertyName !== "transform" || z();
     };
-    a.addEventListener("transitionend", M), requestAnimationFrame(() => {
+    a.addEventListener("transitionend", R), requestAnimationFrame(() => {
       a.style.transition = "transform 0.48s cubic-bezier(0.22, 1, 0.36, 1)", a.style.transform = "scale(1)";
-    }), window.setTimeout(E, 700);
+    }), window.setTimeout(z, 700);
   });
 }
 function fa() {
-  Re = !1, Pe = !1, l.dialog && (l.dialog.classList.remove("nf-success", "nf-success-sticky"), l.dialog.style.opacity = "", l.dialog.style.transition = "", l.panel && (l.panel.style.transform = "", l.panel.style.transition = "", l.panel.style.transformOrigin = ""), l.panelBody && (l.panelBody.hidden = !1), l.successMsg && (l.successMsg.hidden = !0), l.successLink && (l.successLink.hidden = !0, l.successLink.removeAttribute("href")));
+  de = !1, pe = !1, n.dialog && (n.dialog.classList.remove("nf-success", "nf-success-sticky"), n.dialog.style.opacity = "", n.dialog.style.transition = "", n.panel && (n.panel.style.transform = "", n.panel.style.transition = "", n.panel.style.transformOrigin = ""), n.panelBody && (n.panelBody.hidden = !1), n.successMsg && (n.successMsg.hidden = !0), n.successLink && (n.successLink.hidden = !0, n.successLink.removeAttribute("href")));
 }
-function xs(e = {}) {
-  I = { ...I, ...vi(e) }, ua();
+function Ls(e = {}) {
+  N = { ...N, ...vi(e) }, ua();
 }
 async function ya() {
-  if (Qe(), Ie)
+  var t, a;
+  if (Ye(), Ve)
     return null;
-  const e = l.text.value.trim();
-  if (!e && !Z() && !V)
-    return A(m("status.emptyReport")), null;
-  if (!c.endpoint || !c.projectKey)
-    return A(m("status.missingConfig")), null;
-  Ie = !0, Rt(!0), A(m("status.submitting"), !0);
+  const e = n.text.value.trim();
+  if (!e && !I() && !K)
+    return S(p("status.emptyReport")), null;
+  if (!d.endpoint || !d.projectKey)
+    return S(p("status.missingConfig")), null;
+  Ve = !0, Rt(!0), S(p("status.submitting"), !0);
   try {
-    const t = ws(), a = new FormData();
-    a.append("message", e), a.append("kind", _), a.append("version", c.version || "0.0.0"), a.append("author", t), c.name && a.append("name", c.name), a.append("context", JSON.stringify(qi({
-      author: t,
-      diagnostics: D,
-      logs: O
-    })));
-    const o = k.crop(), s = k.list(), i = k.isCropped() ? xi(s, o) : s;
-    if (a.append("annotations", JSON.stringify(i)), Array.isArray(c.targets) && a.append("targets", JSON.stringify(c.targets)), Z()) {
-      const d = k.isCropped() ? await Mi(F, o) : await Xi(F);
-      if (a.append("screenshot", d, "screenshot.png"), s.length) {
-        const p = await Ii(
-          F,
-          o,
-          s,
-          {
-            mark: St("--nf-mark", "#fdd341"),
-            markText: St("--nf-mark-text", "#2a2140")
-          }
-        );
-        a.append("screenshotBaked", p, "screenshot.baked.png");
+    const o = ws(), s = A.crop(), i = A.list(), r = A.isCropped(), l = r ? Li(i, s) : i, u = r ? { x: 0, y: 0, w: 1, h: 1 } : s, c = qi({
+      author: o,
+      diagnostics: $,
+      logs: V
+    }), g = {
+      width: typeof screen < "u" ? screen.width : null,
+      height: typeof screen < "u" ? screen.height : null,
+      dpr: window.devicePixelRatio || 1
+    }, v = [];
+    let k = 2048, w = null, b = null;
+    I() && (b = await kt(G, {
+      crop: r ? s : { x: 0, y: 0, w: 1, h: 1 },
+      maxEdge: k
+    }));
+    for (let z = 1; z <= 3; z += 1) {
+      const R = z === 3 || !b, F = R ? {
+        ...b ? { width: b.width, height: b.height, mime: b.mime } : {},
+        attempt: z,
+        omitted: !0
+      } : {
+        width: b.width,
+        height: b.height,
+        mime: b.mime,
+        attempt: z
+      }, B = {
+        ...c,
+        screen: g,
+        screenshotMeta: F
+      };
+      R && I() && (B.screenshotError = {
+        message: (w == null ? void 0 : w.message) || "Screenshot omitted after failed uploads",
+        attempts: [...v]
+      });
+      const P = new FormData();
+      P.append("message", e), P.append("kind", H), P.append("version", d.version || "0.0.0"), P.append("author", o), d.name && P.append("name", d.name), P.append("context", JSON.stringify(B)), P.append("annotations", JSON.stringify(l)), P.append("crop", JSON.stringify(u)), Array.isArray(d.targets) && P.append("targets", JSON.stringify(d.targets)), !R && b && P.append("screenshot", b.blob, `screenshot.${b.ext}`), K && P.append("recording", K, "recording.webm");
+      try {
+        const m = await fetch(`${d.endpoint}/v1/reports`, {
+          method: "POST",
+          headers: {
+            "X-Notefully-Key": d.projectKey
+          },
+          body: P
+        });
+        let C = null;
+        try {
+          C = await m.json();
+        } catch {
+          C = null;
+        }
+        if (!m.ok) {
+          const ne = new Error((C == null ? void 0 : C.error) || `${p("status.submitFailed")} (${m.status})`);
+          throw ne.status = m.status, ne.code = C == null ? void 0 : C.code, ne.json = C, ne;
+        }
+        return R && I() && S(p("status.submitWithoutImage"), !0), await xs((C == null ? void 0 : C.trackerUrl) || "") || ee(), C;
+      } catch (m) {
+        if (w = m, v.push({
+          attempt: z,
+          maxEdge: R ? null : k,
+          status: (m == null ? void 0 : m.status) || null,
+          code: (m == null ? void 0 : m.code) || null,
+          message: String((m == null ? void 0 : m.message) || m)
+        }), R || !b)
+          throw S(((t = m == null ? void 0 : m.json) == null ? void 0 : t.error) || (m == null ? void 0 : m.message) || p("status.submitFailed")), m;
+        if (!Mi(m, (m == null ? void 0 : m.json) || null))
+          throw S(((a = m == null ? void 0 : m.json) == null ? void 0 : a.error) || (m == null ? void 0 : m.message) || p("status.submitFailed")), m;
+        if (z === 1) {
+          S(p("status.submitTooLarge"), !0), k = Oi(k), b = await kt(G, {
+            crop: r ? s : { x: 0, y: 0, w: 1, h: 1 },
+            maxEdge: k
+          });
+          continue;
+        }
+        S(p("status.submitTooLarge"), !0), b = null;
       }
     }
-    V && a.append("recording", V, "recording.webm");
-    const r = await fetch(`${c.endpoint}/v1/reports`, {
-      method: "POST",
-      headers: {
-        "X-Notefully-Key": c.projectKey
-      },
-      body: a
-    });
-    let n = null;
-    try {
-      n = await r.json();
-    } catch {
-      n = null;
-    }
-    if (!r.ok)
-      throw A((n == null ? void 0 : n.error) || m("status.submitFailed")), new Error((n == null ? void 0 : n.error) || `${m("status.submitFailed")} (${r.status})`);
-    return await Ls((n == null ? void 0 : n.trackerUrl) || "") || re(), n;
+    throw w || new Error(p("status.submitFailed"));
   } finally {
-    Ie = !1, Rt(!1);
+    Ve = !1, Rt(!1);
   }
 }
 function Rt(e) {
-  l.submit && (l.submit.disabled = !!e, l.submit.setAttribute("aria-busy", e ? "true" : "false"));
+  n.submit && (n.submit.disabled = !!e, n.submit.setAttribute("aria-busy", e ? "true" : "false"));
 }
 function Us() {
-  re(), document.removeEventListener("keydown", ca), g == null || g.remove(), g = null, l = {};
+  ee(), document.removeEventListener("keydown", da), y == null || y.remove(), y = null, n = {};
 }
-const Ue = {
+const Fe = {
   init: zs,
-  configure: at,
-  setTheme: js,
-  setVisible: Es,
+  configure: tt,
+  setTheme: Es,
+  setVisible: js,
   open: ha,
-  close: re,
+  close: ee,
   isOpen: Ss,
   getLocale: As,
   setLocale: Cs,
-  identify: xs,
+  identify: Ls,
   submit: ya,
   destroy: Us
 };
-typeof window < "u" && (window.Notefully = Ue);
+typeof window < "u" && (window.Notefully = Fe);
 export {
-  re as close,
-  at as configure,
-  Ue as default,
+  ee as close,
+  tt as configure,
+  Fe as default,
   Us as destroy,
   As as getLocaleTag,
-  xs as identify,
+  Ls as identify,
   zs as init,
   Ss as isOpen,
   ha as open,
   Cs as setLocale,
-  js as setTheme,
-  Es as setVisible,
+  Es as setTheme,
+  js as setVisible,
   ya as submit
 };