@launchsecure/launch-kit 0.0.31 → 0.0.32

package/dist/beacon/beacon.mjs

@@ -1,4 +1,4 @@
-const Me = String.raw`
+const Ie = String.raw`
 :host {
   --beacon-accent: #0ea5e9;
   --beacon-bg: #ffffff;
@@ -693,19 +693,19 @@ dialog.beacon-dialog::backdrop {
   text-overflow: ellipsis;
   max-width: 100%;
 }
-`, se = "launch-kit-beacon-portal-styles";
+`, ce = "launch-kit-beacon-portal-styles";
 function Xe() {
-  if (typeof document > "u" || !document.head || document.getElementById(se)) return;
+  if (typeof document > "u" || !document.head || document.getElementById(ce)) return;
   const e = document.createElement("style");
-  e.id = se, e.textContent = Me, document.head.appendChild(e);
+  e.id = ce, e.textContent = Ie, document.head.appendChild(e);
 }
-const V = "http://www.w3.org/2000/svg";
+const W = "http://www.w3.org/2000/svg";
 function Ke() {
-  const e = document.createElementNS(V, "svg");
+  const e = document.createElementNS(W, "svg");
   e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
-  const t = document.createElementNS(V, "path");
+  const t = document.createElementNS(W, "path");
   t.setAttribute("d", "M3 11l18-5v12L3 14v-3z");
-  const n = document.createElementNS(V, "path");
+  const n = document.createElementNS(W, "path");
   return n.setAttribute("d", "M11.6 16.8a3 3 0 1 1-5.8-1.6"), e.appendChild(t), e.appendChild(n), e;
 }
 const z = "launch-kit-beacon", Ge = typeof HTMLElement < "u" ? HTMLElement : class {
@@ -718,7 +718,7 @@ class Je extends Ge {
     if (this.shadow) return;
     this.shadow = this.attachShadow({ mode: "open" });
     const t = document.createElement("style");
-    t.textContent = Me, this.shadow.appendChild(t), this.triggerSlot = document.createElement("slot"), this.triggerSlot.name = "trigger", this.shadow.appendChild(this.triggerSlot), this.defaultTrigger = document.createElement("button"), this.defaultTrigger.type = "button", this.defaultTrigger.className = "beacon-default-trigger", this.defaultTrigger.appendChild(Ke());
+    t.textContent = Ie, this.shadow.appendChild(t), this.triggerSlot = document.createElement("slot"), this.triggerSlot.name = "trigger", this.shadow.appendChild(this.triggerSlot), this.defaultTrigger = document.createElement("button"), this.defaultTrigger.type = "button", this.defaultTrigger.className = "beacon-default-trigger", this.defaultTrigger.appendChild(Ke());
     const n = document.createElement("span");
     n.textContent = "Feedback", this.defaultTrigger.appendChild(n), this.healthDot = document.createElement("span"), this.healthDot.className = "beacon-health-dot", this.defaultTrigger.appendChild(this.healthDot), this.shadow.appendChild(this.defaultTrigger), this.defaultTrigger.addEventListener("click", () => {
       var o;
@@ -746,7 +746,7 @@ class Je extends Ge {
     (n = this.healthDot) == null || n.classList.toggle("visible", t);
   }
 }
-function Ie() {
+function Re() {
   typeof window > "u" || typeof customElements > "u" || customElements.get(z) || customElements.define(z, Je);
 }
 function Ze(e, t) {
@@ -930,13 +930,13 @@ function it(e, t) {
     }
   }
 }
-const W = "http://www.w3.org/2000/svg";
+const Y = "http://www.w3.org/2000/svg";
 function st() {
-  const e = document.createElementNS(W, "svg");
+  const e = document.createElementNS(Y, "svg");
   e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
-  const t = document.createElementNS(W, "line");
+  const t = document.createElementNS(Y, "line");
   t.setAttribute("x1", "18"), t.setAttribute("y1", "6"), t.setAttribute("x2", "6"), t.setAttribute("y2", "18");
-  const n = document.createElementNS(W, "line");
+  const n = document.createElementNS(Y, "line");
   return n.setAttribute("x1", "6"), n.setAttribute("y1", "6"), n.setAttribute("x2", "18"), n.setAttribute("y2", "18"), e.appendChild(t), e.appendChild(n), e;
 }
 class ct {
@@ -1150,7 +1150,7 @@ function ft() {
     }
   };
 }
-const mt = 30, X = 500, ce = 2e3, ht = 500, bt = 5e3, gt = /launch-kit-beacon|beacon\.(?:es|umd|mjs)|\/beacon\//i;
+const mt = 30, K = 500, le = 2e3, ht = 500, bt = 5e3, gt = /launch-kit-beacon|beacon\.(?:es|umd|mjs)|\/beacon\//i;
 function _(e, t) {
   if (e)
     return e.length > t ? e.slice(0, t) : e;
@@ -1165,12 +1165,12 @@ function vt(e) {
 }
 function xt(e) {
   try {
-    return JSON.stringify(e).slice(0, X);
+    return JSON.stringify(e).slice(0, K);
   } catch {
     return String(e);
   }
 }
-function Re() {
+function Pe() {
   const e = [], t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
   let o = !1, a, r;
   function i(s) {
@@ -1197,8 +1197,8 @@ function Re() {
           i({
             ts: Date.now(),
             kind: "error",
-            message: _(s.message || c || "Unknown error", X) ?? "Unknown error",
-            ...d ? { stack: _(d, ce) } : {},
+            message: _(s.message || c || "Unknown error", K) ?? "Unknown error",
+            ...d ? { stack: _(d, le) } : {},
             ...s.filename ? { source: _(s.filename, ht) } : {},
             ...Number.isFinite(s.lineno) ? { line: s.lineno } : {},
             ...Number.isFinite(s.colno) ? { col: s.colno } : {}
@@ -1211,8 +1211,8 @@ function Re() {
           i({
             ts: Date.now(),
             kind: "unhandledrejection",
-            message: _(d || "Unknown rejection", X) ?? "Unknown rejection",
-            ...l ? { stack: _(l, ce) } : {}
+            message: _(d || "Unknown rejection", K) ?? "Unknown rejection",
+            ...l ? { stack: _(l, le) } : {}
           });
         } catch {
         }
@@ -1235,7 +1235,7 @@ function wt() {
   return {
     name: "errors",
     setupOnce(t) {
-      e = Re();
+      e = Pe();
       const n = e.install();
       return t.signal.addEventListener("abort", n, { once: !0 }), n;
     },
@@ -1282,8 +1282,8 @@ function wt() {
     }
   };
 }
-const Et = 8;
-function le(e, t = document) {
+const Et = 8, St = " >> ";
+function de(e, t = document) {
   if (!e) return !1;
   try {
     return t.querySelectorAll(`#${CSS.escape(e)}`).length === 1;
@@ -1291,41 +1291,50 @@ function le(e, t = document) {
     return !1;
   }
 }
-function St(e) {
+function Ct(e) {
   const t = e.tagName.toLowerCase(), n = Array.from(e.classList).filter((o) => o.length > 0 && o.length < 40).slice(0, 3).map((o) => `.${CSS.escape(o)}`).join("");
   return t + n;
 }
-function Ct(e) {
+function kt(e) {
   const t = e.parentElement;
   return t ? Array.from(t.children).filter((o) => o.tagName === e.tagName).indexOf(e) + 1 : 1;
 }
-function kt(e) {
+function At(e) {
   if (!e || e.nodeType !== Node.ELEMENT_NODE) return "";
-  if (e.id && le(e.id))
+  if (e.id && de(e.id))
     return `#${CSS.escape(e.id)}`;
-  const t = [];
-  let n = e, o = 0;
-  for (; n && n.tagName.toLowerCase() !== "body" && o < Et; ) {
-    const a = n;
-    if (a.id && le(a.id)) {
-      t.unshift(`#${CSS.escape(a.id)}`);
+  const t = [], n = [];
+  let o = e, a = 0;
+  for (; o && o.tagName.toLowerCase() !== "body" && a < Et; ) {
+    const i = o;
+    if (i.id && de(i.id)) {
+      t.unshift(`#${CSS.escape(i.id)}`);
       break;
     }
-    const r = St(a), i = a.parentElement;
-    let s = r;
-    if (i)
+    const s = Ct(i), c = i.parentElement;
+    let d = s;
+    if (c)
       try {
-        const c = Array.from(a.classList).join(" ");
-        Array.from(i.children).filter(
-          (l) => l.tagName === a.tagName && Array.from(l.classList).join(" ") === c
-        ).length > 1 && (s = `${a.tagName.toLowerCase()}:nth-of-type(${Ct(a)})`);
+        const l = Array.from(i.classList).join(" ");
+        Array.from(c.children).filter(
+          (p) => p.tagName === i.tagName && Array.from(p.classList).join(" ") === l
+        ).length > 1 && (d = `${i.tagName.toLowerCase()}:nth-of-type(${kt(i)})`);
       } catch {
       }
-    t.unshift(s), n = i, o++;
+    if (t.unshift(d), t.length > 1 && n.unshift(" > "), c)
+      o = c;
+    else {
+      const l = i.getRootNode();
+      l instanceof ShadowRoot ? (o = l.host, t.length > 0 && (n[0] = St)) : o = null;
+    }
+    a++;
   }
-  return t.join(" > ");
+  let r = t[0] ?? "";
+  for (let i = 1; i < t.length; i++)
+    r += (n[i - 1] ?? " > ") + t[i];
+  return r;
 }
-function At(e) {
+function Lt(e) {
   const t = Object.keys(e).filter(
     (o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$")
   );
@@ -1345,7 +1354,7 @@ function At(e) {
   }
   return { lib: "react" };
 }
-function Lt(e) {
+function Tt(e) {
   var o, a;
   const t = e, n = t.__vueParentComponent;
   if (n) {
@@ -1354,7 +1363,7 @@ function Lt(e) {
   }
   return t.__vue__ ? { lib: "vue" } : null;
 }
-function Tt(e) {
+function Nt(e) {
   const t = window.ng;
   if (!(t != null && t.getComponent)) return null;
   try {
@@ -1366,13 +1375,13 @@ function Tt(e) {
     return null;
   }
 }
-function Nt(e) {
+function Mt(e) {
   return "__svelte_meta" in e ? { lib: "svelte" } : null;
 }
-function Mt(e) {
-  return At(e) ?? Lt(e) ?? Tt(e) ?? Nt(e) ?? void 0;
+function It(e) {
+  return Lt(e) ?? Tt(e) ?? Nt(e) ?? Mt(e) ?? void 0;
 }
-const It = 5e3, Rt = 1e3, de = 1e3, ue = 200, Pt = 50, pe = 200, _t = 500, Dt = [
+const Rt = 5e3, Pt = 1e3, ue = 1e3, pe = 200, _t = 50, fe = 200, Dt = 500, $t = [
   "display",
   "position",
   "top",
@@ -1411,32 +1420,32 @@ const It = 5e3, Rt = 1e3, de = 1e3, ue = 200, Pt = 50, pe = 200, _t = 500, Dt =
   "grid-template-columns",
   "grid-template-rows"
 ];
-function fe(e, t) {
+function me(e, t) {
   return e.length <= t ? e : e.slice(0, t) + `
 
 /* … truncated, original was ${e.length} chars */`;
 }
-function $t(e) {
+function Bt(e) {
   const t = getComputedStyle(e), n = {};
-  for (const o of Dt) {
+  for (const o of $t) {
     const a = t.getPropertyValue(o);
-    a && a !== "normal" && a !== "none" && a !== "auto" && a !== "0px" && (n[o] = a.trim().slice(0, _t));
+    a && a !== "normal" && a !== "none" && a !== "auto" && a !== "0px" && (n[o] = a.trim().slice(0, Dt));
   }
   return n;
 }
-function Bt(e) {
-  return Array.from(e.classList).slice(0, Pt).map((t) => t.length > pe ? t.slice(0, pe) : t);
-}
 function zt(e) {
-  const t = e.getBoundingClientRect(), n = kt(e), o = e.id || null, a = Mt(e);
+  return Array.from(e.classList).slice(0, _t).map((t) => t.length > fe ? t.slice(0, fe) : t);
+}
+function Ot(e) {
+  const t = e.getBoundingClientRect(), n = At(e), o = e.id || null, a = It(e);
   return {
-    selector: n.length > de ? n.slice(0, de) : n,
+    selector: n.length > ue ? n.slice(0, ue) : n,
     tagName: e.tagName.toLowerCase(),
-    id: o && o.length > ue ? o.slice(0, ue) : o,
-    classList: Bt(e),
-    outerHTML: fe(e.outerHTML, It),
-    ...e.parentElement ? { parentOuterHTML: fe(e.parentElement.outerHTML, Rt) } : {},
-    computedStyles: $t(e),
+    id: o && o.length > pe ? o.slice(0, pe) : o,
+    classList: zt(e),
+    outerHTML: me(e.outerHTML, Rt),
+    ...e.parentElement ? { parentOuterHTML: me(e.parentElement.outerHTML, Pt) } : {},
+    computedStyles: Bt(e),
     boundingRect: {
       x: Math.round(t.x),
       y: Math.round(t.y),
@@ -1446,25 +1455,25 @@ function zt(e) {
     ...a ? { framework: a } : {}
   };
 }
-const Ot = 14, Ht = "#ffffff", Ut = "#ffffff", qt = 3, Ft = "#0ea5e9";
-async function Pe(e, t, n, o = Ft) {
-  const a = await Vt(e), r = document.createElement("canvas");
+const Ht = 14, Ut = "#ffffff", qt = "#ffffff", Ft = 3, jt = "#0ea5e9";
+async function _e(e, t, n, o = jt) {
+  const a = await Wt(e), r = document.createElement("canvas");
   r.width = a.naturalWidth, r.height = a.naturalHeight;
   const i = r.getContext("2d");
   if (!i) throw new Error("Could not get 2D canvas context");
   i.drawImage(a, 0, 0);
   const s = r.width / n.w, c = r.height / n.h;
   for (const d of t) {
-    const l = jt(d);
+    const l = Vt(d);
     if (!l) continue;
     const m = l.x * s, p = l.y * c, g = l.w * s, u = l.h * c;
-    i.lineWidth = qt, i.strokeStyle = o, i.strokeRect(m, p, g, u);
-    const v = m + g, E = p;
-    i.beginPath(), i.fillStyle = o, i.arc(v, E, Ot, 0, Math.PI * 2), i.fill(), i.lineWidth = 3, i.strokeStyle = Ht, i.stroke(), i.fillStyle = Ut, i.font = "bold 16px system-ui, -apple-system, sans-serif", i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(d.number), v, E + 1);
+    i.lineWidth = Ft, i.strokeStyle = o, i.strokeRect(m, p, g, u);
+    const v = m + g, S = p;
+    i.beginPath(), i.fillStyle = o, i.arc(v, S, Ht, 0, Math.PI * 2), i.fill(), i.lineWidth = 3, i.strokeStyle = Ut, i.stroke(), i.fillStyle = qt, i.font = "bold 16px system-ui, -apple-system, sans-serif", i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(d.number), v, S + 1);
   }
   return r.toDataURL("image/jpeg", 0.85);
 }
-function jt(e) {
+function Vt(e) {
   if (e.liveElement && document.contains(e.liveElement)) {
     const t = e.liveElement.getBoundingClientRect();
     if (t.width > 0 || t.height > 0)
@@ -1482,18 +1491,18 @@ function jt(e) {
     }
   return e.boundingRect;
 }
-function Vt(e) {
+function Wt(e) {
   return new Promise((t, n) => {
     const o = new Image();
     o.onload = () => t(o), o.onerror = (a) => n(a), o.src = e;
   });
 }
-const D = "beacon-no-capture", Wt = "#0ea5e9", me = "Click any element to pin it · Press Esc to finish";
-function he(e, t) {
+const D = "beacon-no-capture", Yt = "#0ea5e9", he = "Click any element to pin it · Press Esc to finish";
+function be(e, t) {
   return /^#[0-9a-fA-F]{6}$/.test(e) ? `${e}${t}` : e;
 }
-function Yt(e = {}) {
-  const t = e.accent ?? Wt, n = he(t, "b3"), o = he(t, "2e"), a = document.createElement("style");
+function Xt(e = {}) {
+  const t = e.accent ?? Yt, n = be(t, "b3"), o = be(t, "2e"), a = document.createElement("style");
   a.className = D, a.textContent = "@keyframes beacon-spin { to { transform: rotate(360deg); } }", document.head.appendChild(a);
   const r = document.createElement("div");
   r.className = D, r.setAttribute("aria-hidden", "true"), r.style.cssText = [
@@ -1522,7 +1531,7 @@ function Yt(e = {}) {
     "pointer-events: none",
     "white-space: nowrap",
     "z-index: 2147483646"
-  ].join("; "), i.textContent = me;
+  ].join("; "), i.textContent = he;
   const s = `<span style="
     display: inline-block;
     width: 12px;
@@ -1534,12 +1543,12 @@ function Yt(e = {}) {
     vertical-align: middle;
     margin-right: 8px;
   "></span>`;
-  function c(b) {
-    return b.replace(/[<>&]/g, (f) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[f]);
+  function c(h) {
+    return h.replace(/[<>&]/g, (f) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[f]);
   }
   document.body.appendChild(r), document.body.appendChild(i);
   const d = /* @__PURE__ */ new Map();
-  function l(b) {
+  function l(h) {
     const f = document.createElement("div");
     return f.className = D, f.setAttribute("aria-hidden", "true"), f.style.cssText = [
       "position: fixed",
@@ -1556,67 +1565,75 @@ function Yt(e = {}) {
       "box-shadow: 0 2px 8px hsl(0 0% 0% / 0.4)",
       "pointer-events: none",
       "z-index: 2147483646"
-    ].join("; "), f.textContent = String(b), document.body.appendChild(f), f;
+    ].join("; "), f.textContent = String(h), document.body.appendChild(f), f;
   }
   function m() {
-    const b = document.createElement("div");
-    return b.className = D, b.setAttribute("aria-hidden", "true"), b.style.cssText = [
+    const h = document.createElement("div");
+    return h.className = D, h.setAttribute("aria-hidden", "true"), h.style.cssText = [
       "position: fixed",
       "pointer-events: none",
       `border: 2px solid ${t}`,
       "border-radius: 2px",
       "box-sizing: border-box",
       "z-index: 2147483645"
-    ].join("; "), document.body.appendChild(b), b;
+    ].join("; "), document.body.appendChild(h), h;
   }
-  function p(b, f, h) {
-    const y = h ? "0.5" : "1";
-    b.outline.style.display = "block", b.outline.style.opacity = y, b.outline.style.left = `${f.x}px`, b.outline.style.top = `${f.y}px`, b.outline.style.width = `${f.w}px`, b.outline.style.height = `${f.h}px`, b.marker.style.display = "flex", b.marker.style.opacity = y, b.marker.style.left = `${f.x + f.w - 12}px`, b.marker.style.top = `${Math.max(2, f.y - 12)}px`;
+  function p(h, f, E) {
+    const b = E ? "0.5" : "1";
+    h.outline.style.display = "block", h.outline.style.opacity = b, h.outline.style.left = `${f.x}px`, h.outline.style.top = `${f.y}px`, h.outline.style.width = `${f.w}px`, h.outline.style.height = `${f.h}px`, h.marker.style.display = "flex", h.marker.style.opacity = b, h.marker.style.left = `${f.x + f.w - 12}px`, h.marker.style.top = `${Math.max(2, f.y - 12)}px`;
   }
-  function g(b) {
-    b.marker.style.display = "none", b.outline.style.display = "none";
+  function g(h) {
+    h.marker.style.display = "none", h.outline.style.display = "none";
   }
   function u() {
-    d.forEach((b) => {
-      let f = b.anchor.target;
-      if (document.contains(f) || (f = null), !f && b.anchor.selector && (f = document.querySelector(b.anchor.selector), f && (b.anchor.target = f)), f) {
-        const y = f.getBoundingClientRect();
-        if (y.width > 0 || y.height > 0) {
-          p(b, { x: y.left, y: y.top, w: y.width, h: y.height }, !1);
+    d.forEach((h) => {
+      let f = h.anchor.target;
+      if (f && !f.isConnected && (f = null), !f && h.anchor.selector) {
+        try {
+          f = document.querySelector(h.anchor.selector);
+        } catch {
+          f = null;
+        }
+        f && (h.anchor.target = f);
+      }
+      if (f) {
+        const b = f.getBoundingClientRect();
+        if (b.width > 0 || b.height > 0) {
+          p(h, { x: b.left, y: b.top, w: b.width, h: b.height }, !1);
           return;
         }
       }
-      const h = b.anchor.fallbackRect;
-      if (h && (h.w > 0 || h.h > 0)) {
-        p(b, h, !0);
+      const E = h.anchor.fallbackRect;
+      if (E && (E.w > 0 || E.h > 0)) {
+        p(h, E, !0);
         return;
       }
-      g(b);
+      g(h);
     });
   }
   let v = null;
-  function E() {
+  function S() {
     v === null && (v = requestAnimationFrame(() => {
       v = null, u();
     }));
   }
-  return window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), {
-    addPin(b, f) {
-      const h = l(b), y = m();
-      d.set(b, { anchor: f, marker: h, outline: y }), u();
+  return window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), {
+    addPin(h, f) {
+      const E = l(h), b = m();
+      d.set(h, { anchor: f, marker: E, outline: b }), u();
     },
-    setLoading(b) {
-      b ? i.innerHTML = s + c(b) : i.textContent = me;
+    setLoading(h) {
+      h ? i.innerHTML = s + c(h) : i.textContent = he;
     },
     destroy() {
-      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E), v !== null && cancelAnimationFrame(v), r.remove(), i.remove(), a.remove(), d.forEach(({ marker: b, outline: f }) => {
-        b.remove(), f.remove();
+      window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S), v !== null && cancelAnimationFrame(v), r.remove(), i.remove(), a.remove(), d.forEach(({ marker: h, outline: f }) => {
+        h.remove(), f.remove();
       }), d.clear();
     }
   };
 }
-const Xt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>', Kt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>';
-function Gt(e) {
+const Kt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>', Gt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>';
+function Jt(e) {
   return new Promise((t) => {
     const n = document.createElement("div");
     n.className = "beacon-pin-popover open beacon-no-capture beacon-theme-auto", n.innerHTML = `
@@ -1625,11 +1642,11 @@ function Gt(e) {
           <span class="beacon-pin-num">${e.pinNumber}</span>
           <span>Note for this pin</span>
         </div>
-        <button type="button" class="beacon-icon-btn" data-action="cancel" aria-label="Discard this pin">${Xt}</button>
+        <button type="button" class="beacon-icon-btn" data-action="cancel" aria-label="Discard this pin">${Kt}</button>
       </div>
       <textarea class="beacon-textarea" rows="2" placeholder="Optional — describe what's wrong here…" style="min-height:48px;"></textarea>
       <div class="beacon-pin-popover-actions">
-        <button type="button" class="beacon-btn primary" data-action="save">${Kt} Save</button>
+        <button type="button" class="beacon-btn primary" data-action="save">${Gt} Save</button>
       </div>
     `;
     const o = 240, a = 160, r = Math.min(Math.max(8, e.anchor.x), window.innerWidth - o - 8), i = Math.min(Math.max(8, e.anchor.y + 12), window.innerHeight - a - 8);
@@ -1645,7 +1662,7 @@ function Gt(e) {
     document.addEventListener("keydown", d, !0), n.addEventListener("click", (l) => {
       var g;
       const p = (g = l.target.closest("[data-action]")) == null ? void 0 : g.getAttribute("data-action");
-      if (p === "cancel" && c({ cancelled: "pin" }), p === "save") {
+      if (p && (l.stopPropagation(), p === "cancel" && c({ cancelled: "pin" }), p === "save")) {
         const u = s.value.trim();
         c({ ...u ? { note: u } : {}, cancelled: !1 });
       }
@@ -1658,12 +1675,12 @@ function Gt(e) {
     });
   });
 }
-const Jt = "#0ea5e9";
-function Zt(e, t) {
+const Zt = "#0ea5e9";
+function Qt(e, t) {
   return /^#[0-9a-fA-F]{6}$/.test(e) ? `${e}${t}` : e;
 }
-function Qt(e) {
-  const { shadowRoot: t, onHover: n } = e, o = e.accent ?? Jt, a = Zt(o, "14"), r = document.createElement("div");
+function en(e) {
+  const { shadowRoot: t, onHover: n } = e, o = e.accent ?? Zt, a = Qt(o, "14"), r = document.createElement("div");
   r.style.cssText = [
     "position: fixed",
     "pointer-events: none",
@@ -1693,64 +1710,76 @@ function Qt(e) {
   document.body.style.cursor = "crosshair";
   let c = !1, d = () => {
   };
-  const l = new Promise((h) => {
-    d = h;
+  const l = new Promise((b) => {
+    d = b;
   });
-  function m(h) {
-    if (!h || !(h instanceof Node)) return !1;
-    let y = h;
-    for (; y; ) {
-      if (y === t || y === t.host) return !0;
-      y = y.parentNode ?? y.host ?? null;
+  function m(b) {
+    if (!b || !(b instanceof Node)) return !1;
+    let x = b;
+    for (; x; ) {
+      if (x === t || x === t.host) return !0;
+      x = x.parentNode ?? x.host ?? null;
     }
     return !1;
   }
-  function p(h, y) {
+  function p(b) {
+    return b.tagName.includes("-");
+  }
+  function g(b, x) {
+    var C, k;
     r.style.display = "none", i.style.display = "none";
-    const C = document.elementsFromPoint(h, y);
+    const A = document.elementsFromPoint(b, x);
     r.style.display = "block", i.style.display = "block";
-    for (const k of C)
-      if (!m(k)) return k;
+    for (const T of A) {
+      if (m(T)) continue;
+      let y = T, L = 16;
+      for (; y.shadowRoot && !p(y) && L-- > 0; ) {
+        const M = (((k = (C = y.shadowRoot).elementsFromPoint) == null ? void 0 : k.call(C, b, x)) ?? []).find((O) => !m(O) && O !== y);
+        if (!M) break;
+        y = M;
+      }
+      return y;
+    }
     return null;
   }
-  function g(h) {
-    const y = h.getBoundingClientRect();
-    r.style.left = `${y.left}px`, r.style.top = `${y.top}px`, r.style.width = `${y.width}px`, r.style.height = `${y.height}px`;
-    const C = h.tagName.toLowerCase(), k = h.classList.length > 0 ? "." + Array.from(h.classList).slice(0, 2).join(".") : "";
-    i.textContent = C + k;
-    const S = y.top - 22;
-    i.style.left = `${y.left}px`, i.style.top = `${S >= 0 ? S : y.bottom + 4}px`;
-  }
-  function u(h) {
-    const y = p(h.clientX, h.clientY);
-    y ? (g(y), n == null || n(y)) : (r.style.display = "none", i.style.display = "none", n == null || n(null));
-  }
-  function v(h) {
-    if (h.button !== 0) return;
-    h.preventDefault(), h.stopPropagation();
-    const y = p(h.clientX, h.clientY);
-    y && f(y);
-  }
-  function E(h) {
-    h.preventDefault(), h.stopPropagation();
-  }
-  function b(h) {
-    h.key === "Escape" && (h.preventDefault(), f(null));
-  }
-  function f(h) {
-    c || (c = !0, document.removeEventListener("mousemove", u, !0), document.removeEventListener("pointerdown", v, !0), document.removeEventListener("click", E, !0), document.removeEventListener("mouseup", E, !0), document.removeEventListener("keydown", b, !0), r.remove(), i.remove(), document.body.style.cursor = s, d(h));
-  }
-  return document.addEventListener("mousemove", u, !0), document.addEventListener("pointerdown", v, !0), document.addEventListener("click", E, !0), document.addEventListener("mouseup", E, !0), document.addEventListener("keydown", b, !0), {
-    cancel: () => f(null),
+  function u(b) {
+    const x = b.getBoundingClientRect();
+    r.style.left = `${x.left}px`, r.style.top = `${x.top}px`, r.style.width = `${x.width}px`, r.style.height = `${x.height}px`;
+    const A = b.tagName.toLowerCase(), C = b.classList.length > 0 ? "." + Array.from(b.classList).slice(0, 2).join(".") : "";
+    i.textContent = A + C;
+    const k = x.top - 22;
+    i.style.left = `${x.left}px`, i.style.top = `${k >= 0 ? k : x.bottom + 4}px`;
+  }
+  function v(b) {
+    const x = g(b.clientX, b.clientY);
+    x ? (u(x), n == null || n(x)) : (r.style.display = "none", i.style.display = "none", n == null || n(null));
+  }
+  function S(b) {
+    if (b.button !== 0) return;
+    b.preventDefault(), b.stopPropagation();
+    const x = g(b.clientX, b.clientY);
+    x && E(x);
+  }
+  function h(b) {
+    b.preventDefault(), b.stopPropagation();
+  }
+  function f(b) {
+    b.key === "Escape" && (b.preventDefault(), E(null));
+  }
+  function E(b) {
+    c || (c = !0, document.removeEventListener("mousemove", v, !0), document.removeEventListener("pointerdown", S, !0), document.removeEventListener("click", h, !0), document.removeEventListener("mouseup", h, !0), document.removeEventListener("keydown", f, !0), r.remove(), i.remove(), document.body.style.cursor = s, d(b));
+  }
+  return document.addEventListener("mousemove", v, !0), document.addEventListener("pointerdown", S, !0), document.addEventListener("click", h, !0), document.addEventListener("mouseup", h, !0), document.addEventListener("keydown", f, !0), {
+    cancel: () => E(null),
     promise: l
   };
 }
-let Y = null;
-async function en() {
-  return Y || (Y = await import("./index-DAIDnjfR.mjs")), Y;
+let X = null;
+async function tn() {
+  return X || (X = await import("./index-DAIDnjfR.mjs")), X;
 }
-const U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
-function be(e, t) {
+const q = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
+function ge(e, t) {
   if (!e || e.startsWith("data:") || e.startsWith("blob:") || e.startsWith("/") || e.startsWith("#")) return !0;
   try {
     if (new URL(e, window.location.href).origin === window.location.origin) return !0;
@@ -1759,20 +1788,20 @@ function be(e, t) {
   }
   return t === "anonymous" || t === "use-credentials";
 }
-function tn() {
+function nn() {
   const e = [], t = [];
   return document.querySelectorAll("img").forEach((n) => {
-    be(n.src, n.crossOrigin) || (e.push({ el: n, src: n.src }), n.src = U);
+    ge(n.src, n.crossOrigin) || (e.push({ el: n, src: n.src }), n.src = q);
   }), document.querySelectorAll("image").forEach((n) => {
     const o = n, a = o.getAttribute("href"), r = o.getAttributeNS("http://www.w3.org/1999/xlink", "href"), i = a || r || "";
-    i && !be(i) && (t.push({ el: o, href: a, xlink: r }), a !== null && o.setAttribute("href", U), r !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", U));
+    i && !ge(i) && (t.push({ el: o, href: a, xlink: r }), a !== null && o.setAttribute("href", q), r !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", q));
   }), () => {
     for (const { el: n, src: o } of e) n.src = o;
     for (const { el: n, href: o, xlink: a } of t)
       o !== null && n.setAttribute("href", o), a !== null && n.setAttributeNS("http://www.w3.org/1999/xlink", "href", a);
   };
 }
-function nn() {
+function on() {
   const e = [];
   document.querySelectorAll("*").forEach((r) => {
     const i = getComputedStyle(r), s = (i.overflowY === "auto" || i.overflowY === "scroll") && r.scrollHeight > r.clientHeight, c = (i.overflowX === "auto" || i.overflowX === "scroll") && r.scrollWidth > r.clientWidth;
@@ -1798,34 +1827,34 @@ function nn() {
     window.scrollTo(t, n);
   };
 }
-let ge = Promise.resolve();
-async function _e(e = {}) {
-  const t = ge;
+let ye = Promise.resolve();
+async function De(e = {}) {
+  const t = ye;
   let n;
-  ge = new Promise((o) => {
+  ye = new Promise((o) => {
     n = o;
   });
   try {
-    return await t, await on(e, n);
+    return await t, await rn(e, n);
   } catch (o) {
     throw n(), o;
   }
 }
-async function on(e, t) {
+async function rn(e, t) {
   const {
     quality: n = 0.7,
     pixelRatio: o = Math.min(window.devicePixelRatio || 1, 2),
     excludeShadowRoot: a,
     excludeHosts: r,
     fullPage: i = !0
-  } = e, s = await en(), c = a || r != null && r.length ? (g) => {
+  } = e, s = await tn(), c = a || r != null && r.length ? (g) => {
     let u = g;
     for (; u; ) {
       if (a && u === a.host || r && u instanceof Element && r.includes(u) || u instanceof Element && u.classList.contains("beacon-no-capture")) return !1;
       u = u.parentNode;
     }
     return !0;
-  } : void 0, d = tn(), l = i ? nn() : () => {
+  } : void 0, d = nn(), l = i ? on() : () => {
   };
   let m = !1;
   const p = () => {
@@ -1843,14 +1872,14 @@ async function on(e, t) {
     }
   };
   try {
-    i && await new Promise((b) => requestAnimationFrame(() => b()));
+    i && await new Promise((h) => requestAnimationFrame(() => h()));
     const g = document.documentElement, u = i ? Math.max(g.scrollWidth, window.innerWidth) : window.innerWidth, v = i ? Math.max(g.scrollHeight, window.innerHeight) : window.innerHeight;
     return { dataUrl: await s.toJpeg(g, {
       quality: n,
       pixelRatio: o,
       cacheBust: !0,
       ...c ? { filter: c } : {},
-      imagePlaceholder: U,
+      imagePlaceholder: q,
       width: u,
       height: v,
       style: { transform: "none" }
@@ -1859,19 +1888,19 @@ async function on(e, t) {
     throw p(), g;
   }
 }
-let Q = null;
-function rn(e) {
-  Q = e;
+let ee = null;
+function an(e) {
+  ee = e;
 }
-function an() {
-  return Q;
+function sn() {
+  return ee;
 }
 function R() {
-  Q = null;
+  ee = null;
 }
-const ye = "http://www.w3.org/2000/svg";
-function sn() {
-  const e = document.createElementNS(ye, "svg");
+const ve = "http://www.w3.org/2000/svg";
+function cn() {
+  const e = document.createElementNS(ve, "svg");
   e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("aria-hidden", "true");
   const t = [
     "M3 6h18",
@@ -1879,16 +1908,16 @@ function sn() {
     "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
   ];
   for (const n of t) {
-    const o = document.createElementNS(ye, "path");
+    const o = document.createElementNS(ve, "path");
     o.setAttribute("d", n), e.appendChild(o);
   }
   return e;
 }
-function cn(e = {}) {
+function ln(e = {}) {
   const t = e.maxPins ?? 20;
   let n = [], o = /* @__PURE__ */ new WeakMap(), a = null, r = 0, i = null, s = null, c = null, d = null;
   function l() {
-    n = [], o = /* @__PURE__ */ new WeakMap(), a = null, r += 1, R(), E(), b();
+    n = [], o = /* @__PURE__ */ new WeakMap(), a = null, r += 1, R(), S(), h();
   }
   function m() {
     const f = document.querySelector("launch-kit-beacon");
@@ -1901,104 +1930,104 @@ function cn(e = {}) {
     return f && getComputedStyle(f).getPropertyValue("--beacon-accent").trim() || "#0ea5e9";
   }
   async function g(f) {
-    const h = m();
-    if (!h) return;
-    const y = p(), C = await f.requestMode("pickElement"), k = Yt({ accent: y });
-    for (const S of n) {
-      const A = o.get(S);
-      A && k.addPin(S.number, {
-        target: A,
-        selector: S.selector,
-        fallbackRect: S.boundingRect
+    const E = m();
+    if (!E) return;
+    const b = p(), x = await f.requestMode("pickElement"), A = Xt({ accent: b });
+    for (const C of n) {
+      const k = o.get(C);
+      k && A.addPin(C.number, {
+        target: k,
+        selector: C.selector,
+        fallbackRect: C.boundingRect
       });
     }
     try {
-      let S = !0;
-      for (; S && !(n.length >= t); ) {
-        const N = await Qt({ shadowRoot: h, accent: y }).promise;
-        if (!N) break;
-        const w = N.getBoundingClientRect(), L = await Gt({
-          anchor: { x: w.left, y: w.bottom },
+      let C = !0;
+      for (; C && !(n.length >= t); ) {
+        const T = await en({ shadowRoot: E, accent: b }).promise;
+        if (!T) break;
+        const y = T.getBoundingClientRect(), L = await Jt({
+          anchor: { x: y.left, y: y.bottom },
           pinNumber: n.length + 1
         });
         if (L.cancelled === "all") {
-          S = !1;
+          C = !1;
           break;
         }
         if (L.cancelled === "pin") continue;
-        const M = zt(N), I = {
+        const I = Ot(T), M = {
           number: n.length + 1,
-          ...M,
+          ...I,
           ...L.note ? { note: L.note } : {}
         };
-        n.push(I), o.set(I, N), k.addPin(I.number, {
-          target: N,
-          selector: M.selector,
-          fallbackRect: M.boundingRect
+        n.push(M), o.set(M, T), A.addPin(M.number, {
+          target: T,
+          selector: I.selector,
+          fallbackRect: I.boundingRect
         });
       }
-      n.length > 0 ? (k.setLoading("Capturing screenshot…"), await new Promise((A) => requestAnimationFrame(() => A())), await u()) : (a = null, R());
+      n.length > 0 ? (A.setLoading("Capturing screenshot…"), await new Promise((k) => requestAnimationFrame(() => k())), await u()) : (a = null, R());
     } finally {
-      k.destroy(), C();
+      A.destroy(), x();
     }
-    E(), b();
+    S(), h();
   }
   async function u() {
     const f = ++r;
     if (n.length === 0) {
-      a = null, R(), b();
+      a = null, R(), h();
       return;
     }
-    const h = p();
+    const E = p();
     try {
-      const y = Array.from(document.querySelectorAll("launch-kit-beacon")), C = await _e({ excludeHosts: y });
+      const b = Array.from(document.querySelectorAll("launch-kit-beacon")), x = await De({ excludeHosts: b });
       try {
         if (f !== r) return;
-        const k = n.map((N) => ({
-          number: N.number,
-          selector: N.selector,
-          boundingRect: N.boundingRect,
-          ...o.get(N) ? { liveElement: o.get(N) } : {}
-        })), S = { w: C.width, h: C.height, dpr: C.pixelRatio }, A = await Pe(C.dataUrl, k, S, h);
+        const A = n.map((T) => ({
+          number: T.number,
+          selector: T.selector,
+          boundingRect: T.boundingRect,
+          ...o.get(T) ? { liveElement: o.get(T) } : {}
+        })), C = { w: x.width, h: x.height, dpr: x.pixelRatio }, k = await _e(x.dataUrl, A, C, E);
         if (f !== r) return;
-        a = A, rn({ dataUrl: A, mime: "image/jpeg" });
+        a = k, an({ dataUrl: k, mime: "image/jpeg" });
       } finally {
-        C.dispose();
+        x.dispose();
       }
     } catch {
       if (f !== r) return;
       a = null, R();
     }
-    f === r && b();
+    f === r && h();
   }
   function v(f) {
-    const h = n.findIndex((y) => y.number === f);
-    h !== -1 && (n.splice(h, 1), n.forEach((y, C) => {
-      y.number = C + 1;
-    }), a = null, R(), E(), b(), u());
+    const E = n.findIndex((b) => b.number === f);
+    E !== -1 && (n.splice(E, 1), n.forEach((b, x) => {
+      b.number = x + 1;
+    }), a = null, R(), S(), h(), u());
   }
-  function E() {
+  function S() {
     if (i && (i.textContent = `Pins (${n.length})`, i.style.display = n.length === 0 ? "none" : ""), d && (d.textContent = n.length === 0 ? "Annotate elements" : "Add another pin"), !!s) {
       s.innerHTML = "", s.style.display = n.length === 0 ? "none" : "";
       for (const f of n) {
-        const h = document.createElement("div");
-        h.className = "beacon-pin-item", h.dataset.pin = String(f.number);
-        const y = document.createElement("span");
-        y.className = "beacon-pin-num", y.textContent = String(f.number);
-        const C = document.createElement("div");
-        C.className = "beacon-pin-meta";
-        const k = document.createElement("div");
-        k.className = "beacon-pin-selector", k.title = f.selector, k.textContent = f.selector || f.tagName;
-        const S = document.createElement("input");
-        S.type = "text", S.className = "beacon-pin-note-input", S.placeholder = "Add a note (optional)", S.value = f.note ?? "", S.addEventListener("input", () => {
-          S.value.trim() ? f.note = S.value : delete f.note;
-        }), C.appendChild(k), C.appendChild(S);
-        const A = document.createElement("button");
-        A.type = "button", A.className = "beacon-icon-btn", A.setAttribute("aria-label", `Remove pin ${f.number}`), A.appendChild(sn()), A.addEventListener("click", () => v(f.number)), h.appendChild(y), h.appendChild(C), h.appendChild(A), s.appendChild(h);
+        const E = document.createElement("div");
+        E.className = "beacon-pin-item", E.dataset.pin = String(f.number);
+        const b = document.createElement("span");
+        b.className = "beacon-pin-num", b.textContent = String(f.number);
+        const x = document.createElement("div");
+        x.className = "beacon-pin-meta";
+        const A = document.createElement("div");
+        A.className = "beacon-pin-selector", A.title = f.selector, A.textContent = f.selector || f.tagName;
+        const C = document.createElement("input");
+        C.type = "text", C.className = "beacon-pin-note-input", C.placeholder = "Add a note (optional)", C.value = f.note ?? "", C.addEventListener("input", () => {
+          C.value.trim() ? f.note = C.value : delete f.note;
+        }), x.appendChild(A), x.appendChild(C);
+        const k = document.createElement("button");
+        k.type = "button", k.className = "beacon-icon-btn", k.setAttribute("aria-label", `Remove pin ${f.number}`), k.appendChild(cn()), k.addEventListener("click", () => v(f.number)), E.appendChild(b), E.appendChild(x), E.appendChild(k), s.appendChild(E);
       }
     }
   }
-  function b() {
+  function h() {
     c && (a ? (c.src = a, c.style.display = "block") : (c.removeAttribute("src"), c.style.display = "none"));
   }
   return {
@@ -2008,9 +2037,9 @@ function cn(e = {}) {
     },
     form(f) {
       return {
-        render: (h) => (i = document.createElement("div"), i.className = "beacon-pin-list-header", h.appendChild(i), s = document.createElement("div"), s.className = "beacon-pin-list", h.appendChild(s), d = document.createElement("button"), d.type = "button", d.className = "beacon-btn secondary beacon-pin-annotate", d.addEventListener("click", () => {
+        render: (E) => (i = document.createElement("div"), i.className = "beacon-pin-list-header", E.appendChild(i), s = document.createElement("div"), s.className = "beacon-pin-list", E.appendChild(s), d = document.createElement("button"), d.type = "button", d.className = "beacon-btn secondary beacon-pin-annotate", d.addEventListener("click", () => {
           g(f);
-        }), h.appendChild(d), c = document.createElement("img"), c.className = "beacon-thumb", c.alt = "Annotated screenshot preview", c.style.display = "none", h.appendChild(c), E(), b(), () => {
+        }), E.appendChild(d), c = document.createElement("img"), c.className = "beacon-thumb", c.alt = "Annotated screenshot preview", c.style.display = "none", E.appendChild(c), S(), h(), () => {
           i = null, s = null, c = null, d = null;
         })
       };
@@ -2020,27 +2049,27 @@ function cn(e = {}) {
     }
   };
 }
-function ln(e) {
+function dn(e) {
   return !!e && typeof e == "object" && !("v" in e) && "error" in e;
 }
-function dn(e = {}) {
+function un(e = {}) {
   return {
     name: "domSS",
     async capture(t) {
-      const n = an();
+      const n = sn();
       if (n)
         return { dataUrl: n.dataUrl, mime: n.mime };
       const o = await t.requestMode("hide");
       try {
         await new Promise((i) => requestAnimationFrame(() => i()));
-        const a = Array.from(document.querySelectorAll("launch-kit-beacon")), r = await _e({
+        const a = Array.from(document.querySelectorAll("launch-kit-beacon")), r = await De({
           quality: e.quality,
           pixelRatio: e.pixelRatio,
           excludeHosts: a
         });
         try {
-          const i = t.captured("domEle"), s = un(i), c = { w: r.width, h: r.height, dpr: r.pixelRatio }, d = e.accent ?? pn();
-          return { dataUrl: s.length > 0 ? await Pe(r.dataUrl, s, c, d) : r.dataUrl, mime: "image/jpeg" };
+          const i = t.captured("domEle"), s = pn(i), c = { w: r.width, h: r.height, dpr: r.pixelRatio }, d = e.accent ?? fn();
+          return { dataUrl: s.length > 0 ? await _e(r.dataUrl, s, c, d) : r.dataUrl, mime: "image/jpeg" };
         } finally {
           r.dispose();
         }
@@ -2050,8 +2079,8 @@ function dn(e = {}) {
     }
   };
 }
-function un(e) {
-  if (!e || ln(e)) return [];
+function pn(e) {
+  if (!e || dn(e)) return [];
   const t = e.pins;
   return Array.isArray(t) ? t.filter((n) => !!n && typeof n == "object").map((n) => ({
     number: Number(n.number) || 0,
@@ -2059,17 +2088,17 @@ function un(e) {
     boundingRect: n.boundingRect ?? { x: 0, y: 0, w: 0, h: 0 }
   })) : [];
 }
-function pn() {
+function fn() {
   if (typeof window > "u") return "#0ea5e9";
   const e = document.querySelector("launch-kit-beacon");
   return e && getComputedStyle(e).getPropertyValue("--beacon-accent").trim() || "#0ea5e9";
 }
-const ve = "beacon-no-capture", xe = "__lsBeaconMonitorChipPos", fn = "#10b981";
-function mn(e) {
-  const t = e.accent ?? fn, n = e.startedAt ?? Date.now(), o = document.createElement("div");
-  o.className = `${ve} beacon-monitor-overlay-frame`, o.setAttribute("aria-hidden", "true"), o.style.setProperty("--beacon-monitor-accent", t), document.body.appendChild(o);
+const xe = "beacon-no-capture", we = "__lsBeaconMonitorChipPos", mn = "#10b981";
+function hn(e) {
+  const t = e.accent ?? mn, n = e.startedAt ?? Date.now(), o = document.createElement("div");
+  o.className = `${xe} beacon-monitor-overlay-frame`, o.setAttribute("aria-hidden", "true"), o.style.setProperty("--beacon-monitor-accent", t), document.body.appendChild(o);
   const a = document.createElement("div");
-  a.className = `${ve} beacon-monitor-overlay-chip`, a.setAttribute("role", "status"), a.setAttribute("aria-label", "Recording — drag to move"), a.style.setProperty("--beacon-monitor-accent", t);
+  a.className = `${xe} beacon-monitor-overlay-chip`, a.setAttribute("role", "status"), a.setAttribute("aria-label", "Recording — drag to move"), a.style.setProperty("--beacon-monitor-accent", t);
   const r = document.createElement("div");
   r.className = "beacon-monitor-overlay-chip-row";
   const i = document.createElement("span");
@@ -2085,13 +2114,13 @@ function mn(e) {
   const m = document.createElement("div");
   m.className = "beacon-monitor-overlay-url", e.url ? (m.textContent = e.url, m.title = e.url) : m.style.display = "none", a.appendChild(m), document.body.appendChild(a);
   const p = g() ?? u();
-  E(v(p));
+  S(v(p));
   function g() {
     try {
-      const w = localStorage.getItem(xe);
-      if (!w) return null;
-      const L = JSON.parse(w), M = typeof L.x == "number" ? L.x : NaN, I = typeof L.y == "number" ? L.y : NaN;
-      return !Number.isFinite(M) || !Number.isFinite(I) ? null : { x: M, y: I };
+      const y = localStorage.getItem(we);
+      if (!y) return null;
+      const L = JSON.parse(y), I = typeof L.x == "number" ? L.x : NaN, M = typeof L.y == "number" ? L.y : NaN;
+      return !Number.isFinite(I) || !Number.isFinite(M) ? null : { x: I, y: M };
     } catch {
       return null;
     }
@@ -2100,79 +2129,79 @@ function mn(e) {
     const L = a.getBoundingClientRect().width || 200;
     return { x: Math.max(8, Math.floor((window.innerWidth - L) / 2)), y: 16 };
   }
-  function v(w) {
-    const M = a.getBoundingClientRect(), I = M.width || 200, Ve = M.height || 40, We = Math.max(8, window.innerWidth - I - 8), Ye = Math.max(8, window.innerHeight - Ve - 8);
+  function v(y) {
+    const I = a.getBoundingClientRect(), M = I.width || 200, O = I.height || 40, We = Math.max(8, window.innerWidth - M - 8), Ye = Math.max(8, window.innerHeight - O - 8);
     return {
-      x: Math.min(Math.max(8, w.x), We),
-      y: Math.min(Math.max(8, w.y), Ye)
+      x: Math.min(Math.max(8, y.x), We),
+      y: Math.min(Math.max(8, y.y), Ye)
     };
   }
-  function E(w) {
-    a.style.left = `${w.x}px`, a.style.top = `${w.y}px`;
+  function S(y) {
+    a.style.left = `${y.x}px`, a.style.top = `${y.y}px`;
   }
-  let b = !1, f = null, h = { x: 0, y: 0 };
-  function y(w) {
-    if (w.target instanceof Element && w.target.closest(".beacon-monitor-overlay-stop")) return;
-    w.preventDefault(), b = !0, f = w.pointerId;
+  let h = !1, f = null, E = { x: 0, y: 0 };
+  function b(y) {
+    if (y.target instanceof Element && y.target.closest(".beacon-monitor-overlay-stop")) return;
+    y.preventDefault(), h = !0, f = y.pointerId;
     try {
-      a.setPointerCapture(w.pointerId);
+      a.setPointerCapture(y.pointerId);
     } catch {
     }
     a.setAttribute("data-dragging", "true");
     const L = a.getBoundingClientRect();
-    h = { x: w.clientX - L.left, y: w.clientY - L.top };
+    E = { x: y.clientX - L.left, y: y.clientY - L.top };
   }
-  function C(w) {
-    !b || w.pointerId !== f || E(v({ x: w.clientX - h.x, y: w.clientY - h.y }));
+  function x(y) {
+    !h || y.pointerId !== f || S(v({ x: y.clientX - E.x, y: y.clientY - E.y }));
   }
-  function k(w) {
-    if (!b || w.pointerId !== f) return;
-    b = !1, f = null, a.removeAttribute("data-dragging");
+  function A(y) {
+    if (!h || y.pointerId !== f) return;
+    h = !1, f = null, a.removeAttribute("data-dragging");
     try {
-      a.releasePointerCapture(w.pointerId);
+      a.releasePointerCapture(y.pointerId);
     } catch {
     }
     const L = a.getBoundingClientRect();
     try {
-      localStorage.setItem(xe, JSON.stringify({ x: L.left, y: L.top }));
+      localStorage.setItem(we, JSON.stringify({ x: L.left, y: L.top }));
     } catch {
     }
   }
-  a.addEventListener("pointerdown", y), a.addEventListener("pointermove", C), a.addEventListener("pointerup", k), a.addEventListener("pointercancel", k), l.addEventListener("click", (w) => {
-    w.stopPropagation(), e.onStop();
+  a.addEventListener("pointerdown", b), a.addEventListener("pointermove", x), a.addEventListener("pointerup", A), a.addEventListener("pointercancel", A), l.addEventListener("click", (y) => {
+    y.stopPropagation(), e.onStop();
   });
-  function S() {
-    const w = a.getBoundingClientRect();
-    E(v({ x: w.left, y: w.top }));
+  function C() {
+    const y = a.getBoundingClientRect();
+    S(v({ x: y.left, y: y.top }));
   }
-  window.addEventListener("resize", S);
-  function A() {
-    const w = Math.max(0, Math.floor((Date.now() - n) / 1e3));
-    d.textContent = hn(w);
+  window.addEventListener("resize", C);
+  function k() {
+    const y = Math.max(0, Math.floor((Date.now() - n) / 1e3));
+    d.textContent = bn(y);
   }
-  A();
-  const N = window.setInterval(A, 1e3);
+  k();
+  const T = window.setInterval(k, 1e3);
   return {
-    updateUrl(w) {
-      w ? (m.textContent = w, m.title = w, m.style.display = "") : m.style.display = "none";
+    updateUrl(y) {
+      y ? (m.textContent = y, m.title = y, m.style.display = "") : m.style.display = "none";
     },
     destroy() {
-      window.clearInterval(N), window.removeEventListener("resize", S), a.removeEventListener("pointerdown", y), a.removeEventListener("pointermove", C), a.removeEventListener("pointerup", k), a.removeEventListener("pointercancel", k), o.remove(), a.remove();
+      window.clearInterval(T), window.removeEventListener("resize", C), a.removeEventListener("pointerdown", b), a.removeEventListener("pointermove", x), a.removeEventListener("pointerup", A), a.removeEventListener("pointercancel", A), o.remove(), a.remove();
     }
   };
 }
-function hn(e) {
+function bn(e) {
   const t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), o = e % 60;
   return t > 0 ? `${$(t)}:${$(n)}:${$(o)}` : `${$(n)}:${$(o)}`;
 }
 function $(e) {
   return e < 10 ? `0${e}` : String(e);
 }
-const O = 80, bn = 'button, a, input[type="submit"], input[type="button"], [role="button"], [role="link"], [role="menuitem"], [role="tab"], [role="option"]', gn = 1024, yn = 5;
-function vn(e, t) {
+const H = 80, gn = 'button, a, input[type="submit"], input[type="button"], [role="button"], [role="link"], [role="menuitem"], [role="tab"], [role="option"]', yn = 1024, vn = 5;
+function xn(e, t) {
   return e.length > t ? e.slice(0, t) : e;
 }
-function ee(e) {
+function te(e) {
   if (e.id) return `#${CSS.escape(e.id)}`;
   const t = [];
   let n = e;
@@ -2183,25 +2212,25 @@ function ee(e) {
   }
   return t.join(" > ");
 }
-function H(e, t) {
+function U(e, t) {
   if (!e) return;
   const n = e.replace(/\s+/g, " ").trim();
   if (n)
     return n.length > t ? n.slice(0, t) : n;
 }
-function we(e) {
-  const t = H(e.textContent, O), n = H(e.getAttribute("aria-label"), O), o = e.getAttribute("data-testid") || void 0, a = e.getAttribute("name") || void 0;
+function Ee(e) {
+  const t = U(e.textContent, H), n = U(e.getAttribute("aria-label"), H), o = e.getAttribute("data-testid") || void 0, a = e.getAttribute("name") || void 0;
   let r = n || t;
   if (!r) {
-    const i = e.closest(bn);
-    i && i !== e && (r = H(i.getAttribute("aria-label"), O) || H(i.textContent, O));
+    const i = e.closest(gn);
+    i && i !== e && (r = U(i.getAttribute("aria-label"), H) || U(i.textContent, H));
   }
   return {
     tag: e.tagName.toLowerCase(),
     id: e.id || null,
     classes: Array.from(e.classList).slice(0, 10),
     role: e.getAttribute("role"),
-    selector: ee(e),
+    selector: te(e),
     ...t ? { text: t } : {},
     ...n ? { ariaLabel: n } : {},
     ...o ? { testid: o } : {},
@@ -2210,7 +2239,7 @@ function we(e) {
     ...r && r !== t ? { label: r } : {}
   };
 }
-function xn(e, t) {
+function wn(e, t) {
   const n = [], o = document.querySelectorAll("body *");
   for (const a of Array.from(o)) {
     const r = getComputedStyle(a);
@@ -2225,18 +2254,18 @@ function xn(e, t) {
       classes: Array.from(a.classList).slice(0, 5).join(" ")
     });
   }
-  return n.sort((a, r) => r.zIndex - a.zIndex).slice(0, yn);
+  return n.sort((a, r) => r.zIndex - a.zIndex).slice(0, vn);
 }
-function wn(e) {
+function En(e) {
   const t = (a) => (r) => {
     const i = r, s = i.target;
     if (!(s instanceof Element)) return;
-    const c = i.clientX, d = i.clientY, l = document.elementFromPoint(c, d), m = l === s || (l ? s.contains(l) || l.contains(s) : !1), p = document.querySelectorAll('[role="dialog"][data-state="open"]').length, g = getComputedStyle(document.body).pointerEvents, u = m ? [] : xn(c, d);
+    const c = i.clientX, d = i.clientY, l = document.elementFromPoint(c, d), m = l === s || (l ? s.contains(l) || l.contains(s) : !1), p = document.querySelectorAll('[role="dialog"][data-state="open"]').length, g = getComputedStyle(document.body).pointerEvents, u = m ? [] : wn(c, d);
     e.emitClick({
       kind: a,
-      target: we(s),
+      target: Ee(s),
       hitMatchesTarget: m,
-      ...!m && l instanceof Element ? { hitTarget: we(l) } : {},
+      ...!m && l instanceof Element ? { hitTarget: Ee(l) } : {},
       coords: { x: c, y: d },
       openDialogs: p,
       bodyPointerEvents: g,
@@ -2247,7 +2276,7 @@ function wn(e) {
     document.removeEventListener("click", n, { capture: !0 }), document.removeEventListener("mousedown", o, { capture: !0 });
   };
 }
-function En(e) {
+function Sn(e) {
   const t = history.pushState, n = history.replaceState;
   let o = window.location.href;
   const a = (s) => {
@@ -2268,15 +2297,15 @@ function En(e) {
     history.pushState = t, history.replaceState = n, window.removeEventListener("popstate", r), window.removeEventListener("hashchange", i);
   };
 }
-function Sn(e) {
+function Cn(e) {
   const t = /* @__PURE__ */ new WeakSet(), n = (a, r) => {
-    const i = ee(a);
+    const i = te(a);
     e.emitDialog({
       kind: "dialog",
       action: r,
       selector: i,
       state: a.getAttribute("data-state"),
-      ...r === "mount" ? { outerHTML: vn(a.outerHTML, gn) } : {}
+      ...r === "mount" ? { outerHTML: xn(a.outerHTML, yn) } : {}
     });
   };
   for (const a of Array.from(document.querySelectorAll('[role="dialog"]')))
@@ -2306,7 +2335,7 @@ function Sn(e) {
     attributeFilter: ["data-state"]
   }), () => o.disconnect();
 }
-function Cn(e) {
+function kn(e) {
   const t = (n) => {
     const o = n.target;
     if (!(o instanceof HTMLFormElement)) return;
@@ -2323,60 +2352,60 @@ function Cn(e) {
         id: o.id || null,
         action: o.getAttribute("action") || null,
         method: (o.getAttribute("method") || "GET").toUpperCase(),
-        selector: ee(o),
+        selector: te(o),
         fields: a
       }
     });
   };
   return document.addEventListener("submit", t, { capture: !0 }), () => document.removeEventListener("submit", t, { capture: !0 });
 }
-function kn(e) {
-  const t = wn(e), n = En(e), o = Sn(e), a = Cn(e);
+function An(e) {
+  const t = En(e), n = Sn(e), o = Cn(e), a = kn(e);
   return {
     uninstall() {
       t(), n(), o(), a();
     }
   };
 }
-const K = 1e3, Ee = 10 * 1024, De = "[REDACTED]", $e = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]), An = [
+const G = 1e3, Se = 10 * 1024, $e = "[REDACTED]", Be = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]), Ln = [
   /Bearer\s+[A-Za-z0-9._\-+/=]+/gi,
   /\bls_pat_[A-Za-z0-9_]+/g,
   // JWT: three dot-separated base64url segments starting with eyJ (the b64
   // encoding of the JSON {"). Matches Auth0/Clerk/most providers' tokens.
   /\beyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\b/g
-], Ln = /^(password|passwd|secret|token|api[_-]?key|auth|access[_-]?token|refresh[_-]?token|client[_-]?secret|private[_-]?key)$/i;
-function G(e, t) {
+], Tn = /^(password|passwd|secret|token|api[_-]?key|auth|access[_-]?token|refresh[_-]?token|client[_-]?secret|private[_-]?key)$/i;
+function J(e, t) {
   return e.length > t ? e.slice(0, t) : e;
 }
-function Be(e) {
+function ze(e) {
   let t = e;
-  for (const n of An)
-    t = t.replace(n, De);
+  for (const n of Ln)
+    t = t.replace(n, $e);
   return t;
 }
-function J(e) {
+function Z(e) {
   if (e === null || typeof e != "object")
-    return typeof e == "string" ? Be(e) : e;
-  if (Array.isArray(e)) return e.map(J);
+    return typeof e == "string" ? ze(e) : e;
+  if (Array.isArray(e)) return e.map(Z);
   const t = {};
   for (const [n, o] of Object.entries(e))
-    t[n] = Ln.test(n) ? De : J(o);
+    t[n] = Tn.test(n) ? $e : Z(o);
   return t;
 }
-function Se(e, t) {
+function Ce(e, t) {
   if (t && t.includes("application/json"))
     try {
       const n = JSON.parse(e);
-      return JSON.stringify(J(n));
+      return JSON.stringify(Z(n));
     } catch {
     }
-  return Be(e);
+  return ze(e);
 }
-function q(e, t) {
+function F(e, t) {
   const n = e.length, o = { bodySize: n };
-  return n > Ee ? (o.body = Se(e.slice(0, Ee), t), o.bodyTruncated = !0) : o.body = Se(e, t), t && (o.contentType = t), o;
+  return n > Se ? (o.body = Ce(e.slice(0, Se), t), o.bodyTruncated = !0) : o.body = Ce(e, t), t && (o.contentType = t), o;
 }
-function Tn(e, t) {
+function Nn(e, t) {
   const n = t == null ? void 0 : t.body;
   if (n != null) {
     if (typeof n == "string") return n;
@@ -2391,10 +2420,10 @@ function Tn(e, t) {
   }
   return e instanceof Request, null;
 }
-function Nn(e, t) {
+function Mn(e, t) {
   return !!(((o) => o ? o instanceof Headers ? o.has("authorization") : Array.isArray(o) ? o.some(([a]) => a.toLowerCase() === "authorization") : typeof o == "object" ? Object.keys(o).some((a) => a.toLowerCase() === "authorization") : !1 : !1)(t == null ? void 0 : t.headers) || e instanceof Request && e.headers.has("authorization"));
 }
-function Mn(e, t) {
+function In(e, t) {
   return ((o) => {
     if (o) {
       if (o instanceof Headers) return o.get("content-type") || void 0;
@@ -2409,31 +2438,31 @@ function Mn(e, t) {
     }
   })(t == null ? void 0 : t.headers) ?? (e instanceof Request && e.headers.get("content-type") || void 0);
 }
-function In(e, t, n) {
-  if (!$e.has(n)) return;
-  const o = Nn(e, t), a = Tn(e, t);
+function Rn(e, t, n) {
+  if (!Be.has(n)) return;
+  const o = Mn(e, t), a = Nn(e, t);
   if (a == null && !o) return;
-  const r = Mn(e, t), i = a != null ? q(a, r) : {};
+  const r = In(e, t), i = a != null ? F(a, r) : {};
   return o && (i.hasAuth = !0), i;
 }
-function Rn(e) {
+function Pn(e) {
   const t = window.fetch;
   if (typeof t != "function") return () => {
   };
   const n = async (o, a) => {
-    const r = performance.now(), i = ((a == null ? void 0 : a.method) ?? (o instanceof Request ? o.method : "GET")).toUpperCase(), s = typeof o == "string" ? o : o instanceof URL ? o.toString() : o.url, c = In(o, a, i);
+    const r = performance.now(), i = ((a == null ? void 0 : a.method) ?? (o instanceof Request ? o.method : "GET")).toUpperCase(), s = typeof o == "string" ? o : o instanceof URL ? o.toString() : o.url, c = Rn(o, a, i);
     try {
       const d = await t.call(window, o, a), l = Math.round(performance.now() - r), m = d.status >= 400;
       let p;
       if (m || e.verbose)
         try {
           const g = await d.clone().text(), u = d.headers.get("content-type") || void 0;
-          p = q(g, u);
+          p = F(g, u);
         } catch {
         }
       return (m || e.verbose) && e.emit({
         kind: "fetch",
-        url: G(s, K),
+        url: J(s, G),
         method: i,
         status: d.status,
         durationMs: l,
@@ -2445,7 +2474,7 @@ function Rn(e) {
       const l = Math.round(performance.now() - r);
       throw e.emit({
         kind: "fetch",
-        url: G(s, K),
+        url: J(s, G),
         method: i,
         status: 0,
         durationMs: l,
@@ -2459,7 +2488,7 @@ function Rn(e) {
     window.fetch.__lsBeaconWrapped && (window.fetch = t);
   };
 }
-function Pn(e) {
+function _n(e) {
   if (e == null) return null;
   if (typeof e == "string") return e;
   if (e instanceof URLSearchParams) return e.toString();
@@ -2471,7 +2500,7 @@ function Pn(e) {
   }
   return e instanceof Blob ? `[Blob ${e.size}b ${e.type || "unknown"}]` : e instanceof ArrayBuffer ? `[binary ${e.byteLength}b]` : ArrayBuffer.isView(e) ? `[binary ${e.byteLength}b]` : null;
 }
-function _n(e) {
+function Dn(e) {
   const t = XMLHttpRequest.prototype, n = t.open, o = t.send, a = t.setRequestHeader, r = /* @__PURE__ */ new WeakMap();
   return t.open = function(s, c, ...d) {
     return r.set(this, {
@@ -2490,9 +2519,9 @@ function _n(e) {
   }, t.send = function(s) {
     const c = r.get(this);
     if (c)
-      if (c.start = performance.now(), $e.has(c.method)) {
-        const l = Pn(s);
-        l != null ? c.request = q(l, c.requestContentType) : c.request = {}, c.hasAuth && (c.request.hasAuth = !0);
+      if (c.start = performance.now(), Be.has(c.method)) {
+        const l = _n(s);
+        l != null ? c.request = F(l, c.requestContentType) : c.request = {}, c.hasAuth && (c.request.hasAuth = !0);
       } else c.hasAuth && (c.request = { hasAuth: !0 });
     const d = () => {
       this.removeEventListener("loadend", d);
@@ -2505,13 +2534,13 @@ function _n(e) {
           const u = this.responseType === "" || this.responseType === "text" ? this.responseText : "";
           if (u) {
             const v = this.getResponseHeader("content-type") || void 0;
-            g = q(u, v);
+            g = F(u, v);
           }
         } catch {
         }
       (p || e.verbose) && e.emit({
         kind: "xhr",
-        url: G(l.url, K),
+        url: J(l.url, G),
         method: l.method,
         status: this.status,
         durationMs: m,
@@ -2525,31 +2554,31 @@ function _n(e) {
     t.open = n, t.send = o, t.setRequestHeader = a;
   };
 }
-function Dn(e) {
-  const t = Rn(e), n = _n(e);
+function $n(e) {
+  const t = Pn(e), n = Dn(e);
   return {
     uninstall() {
       t(), n();
     }
   };
 }
-const $n = 1e3, Ce = 50, Bn = 500;
-class zn {
+const Bn = 1e3, ke = 50, zn = 500;
+class On {
   constructor(t) {
     this.buffer = [], this.inflight = !1, this.timer = null, this.destroyed = !1, this.handleVisibilityChange = () => {
       document.visibilityState === "hidden" && this.flushSync();
     }, this.url = t.url, this.sessionId = t.sessionId, this.onError = t.onError, this.timer = setInterval(() => {
       this.flush();
-    }, $n), this.pagehideHandler = () => this.flushSync(), window.addEventListener("pagehide", this.pagehideHandler), document.addEventListener("visibilitychange", this.handleVisibilityChange);
+    }, Bn), this.pagehideHandler = () => this.flushSync(), window.addEventListener("pagehide", this.pagehideHandler), document.addEventListener("visibilitychange", this.handleVisibilityChange);
   }
   enqueue(t) {
-    this.destroyed || (this.buffer.push(t), this.buffer.length > Bn && this.buffer.shift(), this.buffer.length >= Ce && this.flush());
+    this.destroyed || (this.buffer.push(t), this.buffer.length > zn && this.buffer.shift(), this.buffer.length >= ke && this.flush());
   }
   /** Async flush via fetch. No-op when in-flight or empty. */
   async flush() {
     var o, a;
     if (this.destroyed || this.inflight || this.buffer.length === 0) return;
-    const t = this.buffer.splice(0, Ce), n = this.makeBatch(t);
+    const t = this.buffer.splice(0, ke), n = this.makeBatch(t);
     this.inflight = !0;
     try {
       const r = await fetch(this.url, {
@@ -2603,16 +2632,16 @@ class zn {
     };
   }
 }
-const te = "__lsBeaconMonitorUrl", ze = "__lsBeaconMonitorSession", ne = "__lsBeaconMonitorVerbose", oe = "__lsBeaconMonitorDeadline", Oe = 30 * 6e4, ke = 4096;
-let x = null;
-const Z = /* @__PURE__ */ new Set();
-function On() {
+const ne = "__lsBeaconMonitorUrl", Oe = "__lsBeaconMonitorSession", oe = "__lsBeaconMonitorVerbose", re = "__lsBeaconMonitorDeadline", He = 30 * 6e4, Ae = 4096;
+let w = null;
+const Q = /* @__PURE__ */ new Set();
+function Hn() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID().slice(0, 8) : Math.random().toString(36).slice(2, 10);
 }
-function Hn(e) {
+function Un(e) {
   const t = /* @__PURE__ */ new WeakSet(), n = (o) => {
     if (o === null || typeof o != "object")
-      return typeof o == "string" && o.length > ke ? o.slice(0, ke) : o;
+      return typeof o == "string" && o.length > Ae ? o.slice(0, Ae) : o;
     if (t.has(o)) return "[cyclic]";
     if (t.add(o), Array.isArray(o)) return o.map(n);
     const a = {};
@@ -2630,19 +2659,19 @@ function Hn(e) {
     return "[unserialisable]";
   }
 }
-function re() {
-  for (const e of Z)
+function ae() {
+  for (const e of Q)
     try {
-      e(x !== null, (x == null ? void 0 : x.url) ?? null);
+      e(w !== null, (w == null ? void 0 : w.url) ?? null);
     } catch {
     }
 }
-function Un(e) {
-  return x ? (x.seq += 1, {
+function qn(e) {
+  return w ? (w.seq += 1, {
     ...e,
     ts: Date.now(),
-    sessionId: x.sessionId,
-    seq: x.seq
+    sessionId: w.sessionId,
+    seq: w.seq
   }) : {
     ...e,
     ts: Date.now(),
@@ -2651,39 +2680,39 @@ function Un(e) {
   };
 }
 function P(e) {
-  if (!x) return;
-  const t = Un(e);
-  x.transport.enqueue(t);
+  if (!w) return;
+  const t = qn(e);
+  w.transport.enqueue(t);
 }
-function qn() {
-  if (x)
+function Fn() {
+  if (w)
     try {
-      sessionStorage.setItem(te, x.url), sessionStorage.setItem(ze, x.sessionId), sessionStorage.setItem(ne, x.verbose ? "1" : "0"), sessionStorage.setItem(oe, String(x.deadlineMs));
+      sessionStorage.setItem(ne, w.url), sessionStorage.setItem(Oe, w.sessionId), sessionStorage.setItem(oe, w.verbose ? "1" : "0"), sessionStorage.setItem(re, String(w.deadlineMs));
     } catch {
     }
 }
-function He() {
+function Ue() {
   try {
-    sessionStorage.removeItem(te), sessionStorage.removeItem(ze), sessionStorage.removeItem(ne), sessionStorage.removeItem(oe);
+    sessionStorage.removeItem(ne), sessionStorage.removeItem(Oe), sessionStorage.removeItem(oe), sessionStorage.removeItem(re);
   } catch {
   }
 }
-function Fn() {
+function jn() {
   try {
-    const e = sessionStorage.getItem(te);
+    const e = sessionStorage.getItem(ne);
     if (!e) return null;
-    const t = sessionStorage.getItem(ne) === "1", n = sessionStorage.getItem(oe), o = n ? Number(n) : Date.now() + Oe;
-    return Number.isFinite(o) && o <= Date.now() ? (He(), null) : { url: e, verbose: t, deadlineMs: o };
+    const t = sessionStorage.getItem(oe) === "1", n = sessionStorage.getItem(re), o = n ? Number(n) : Date.now() + He;
+    return Number.isFinite(o) && o <= Date.now() ? (Ue(), null) : { url: e, verbose: t, deadlineMs: o };
   } catch {
     return null;
   }
 }
-function Ae(e) {
-  x && (x.seq += 1, x.transport.enqueue({
+function Le(e) {
+  w && (w.seq += 1, w.transport.enqueue({
     kind: e.kind,
     ts: e.ts,
-    sessionId: x.sessionId,
-    seq: x.seq,
+    sessionId: w.sessionId,
+    seq: w.seq,
     message: e.message,
     ...e.stack ? { stack: e.stack } : {},
     ...e.source ? { source: e.source } : {},
@@ -2691,36 +2720,36 @@ function Ae(e) {
     ...typeof e.col == "number" ? { col: e.col } : {}
   }));
 }
-function Ue(e) {
-  if (x && F(), !e.url) return;
-  const t = e.maxSessionMs ?? Oe, n = Date.now() + t, o = On(), a = !!e.verbose, r = new zn({
+function qe(e) {
+  if (w && j(), !e.url) return;
+  const t = e.maxSessionMs ?? He, n = Date.now() + t, o = Hn(), a = !!e.verbose, r = new On({
     url: e.url,
     sessionId: o,
     onError: (u) => {
       console.warn("[launch-kit-beacon] monitor transport error:", u.message);
     }
-  }), i = Re(), s = i.install(), c = i.snapshot();
-  for (const u of c) Ae(u);
+  }), i = Pe(), s = i.install(), c = i.snapshot();
+  for (const u of c) Le(u);
   let d = c.length;
   const l = i.subscribe(() => {
-    if (!x) return;
-    const u = x.errorsBuffer.snapshot();
-    for (; x.drainedThrough < u.length; ) {
-      const v = u[x.drainedThrough];
-      v && Ae(v), x.drainedThrough += 1;
+    if (!w) return;
+    const u = w.errorsBuffer.snapshot();
+    for (; w.drainedThrough < u.length; ) {
+      const v = u[w.drainedThrough];
+      v && Le(v), w.drainedThrough += 1;
     }
-  }), m = Dn({
+  }), m = $n({
     emit: (u) => P(u),
     verbose: a
-  }), p = kn({
+  }), p = An({
     emitClick: (u) => P(u),
     emitRoute: (u) => P(u),
     emitDialog: (u) => P(u),
     emitSubmit: (u) => P(u)
   }), g = setTimeout(() => {
-    console.info("[launch-kit-beacon] monitor session expired (max duration reached)"), F();
+    console.info("[launch-kit-beacon] monitor session expired (max duration reached)"), j();
   }, Math.max(0, n - Date.now()));
-  x = {
+  w = {
     url: e.url,
     sessionId: o,
     verbose: a,
@@ -2734,50 +2763,50 @@ function Ue(e) {
     errorsUnsub: l,
     deadlineTimer: g,
     drainedThrough: d
-  }, qn(), re();
+  }, Fn(), ae();
 }
-function F() {
-  qe(), He(), re();
+function j() {
+  Fe(), Ue(), ae();
 }
-function jn() {
-  x && (qe(), re());
+function Vn() {
+  w && (Fe(), ae());
 }
-function qe() {
-  x && (clearTimeout(x.deadlineTimer), x.errorsUnsub(), x.uninstallErrors(), x.uninstallNetwork(), x.uninstallDom(), x.transport.destroy(), x = null);
+function Fe() {
+  w && (clearTimeout(w.deadlineTimer), w.errorsUnsub(), w.uninstallErrors(), w.uninstallNetwork(), w.uninstallDom(), w.transport.destroy(), w = null);
 }
-function no(e, t) {
-  x && P({
+function oo(e, t) {
+  w && P({
     kind: "probe",
     label: e.slice(0, 200),
-    data: Hn(t)
+    data: Un(t)
   });
 }
-function Le() {
-  return x !== null;
-}
 function Te() {
-  return (x == null ? void 0 : x.url) ?? null;
+  return w !== null;
+}
+function Ne() {
+  return (w == null ? void 0 : w.url) ?? null;
 }
-function Ne(e) {
-  return Z.add(e), () => {
-    Z.delete(e);
+function Me(e) {
+  return Q.add(e), () => {
+    Q.delete(e);
   };
 }
-function Vn() {
-  if (x || typeof window > "u") return;
-  const e = Fn();
-  e && Ue({
+function Wn() {
+  if (w || typeof window > "u") return;
+  const e = jn();
+  e && qe({
     url: e.url,
     verbose: e.verbose,
     maxSessionMs: Math.max(6e4, e.deadlineMs - Date.now())
   });
 }
-function oo(e = {}) {
+function ro(e = {}) {
   let t = null, n = null, o = "", a = null;
   function r() {
-    a || (a = mn({
-      onStop: () => F(),
-      url: Te()
+    a || (a = hn({
+      onStop: () => j(),
+      url: Ne()
     }));
   }
   function i() {
@@ -2804,20 +2833,20 @@ function oo(e = {}) {
     u.className = "beacon-monitor-verbose";
     const v = document.createElement("input");
     v.type = "checkbox", v.dataset.role = "verbose", u.appendChild(v), u.appendChild(document.createTextNode(" verbose (capture successful network too)")), t.appendChild(u);
-    const E = document.createElement("div");
-    E.className = "beacon-monitor-help", E.textContent = "Streams clicks, failed network, errors, route + dialog changes.", t.appendChild(E), p.addEventListener("input", () => {
+    const S = document.createElement("div");
+    S.className = "beacon-monitor-help", S.textContent = "Streams clicks, failed network, errors, route + dialog changes.", t.appendChild(S), p.addEventListener("input", () => {
       o = p.value, g.disabled = !p.value.trim();
     }), g.addEventListener("click", () => {
-      const b = p.value.trim();
-      if (b) {
+      const h = p.value.trim();
+      if (h) {
         try {
-          new URL(b);
+          new URL(h);
         } catch {
           p.setCustomValidity("Enter a valid URL (e.g. http://localhost:9876/m/abc)"), p.reportValidity();
           return;
         }
-        p.setCustomValidity(""), Ue({
-          url: b,
+        p.setCustomValidity(""), qe({
+          url: h,
           verbose: v.checked,
           ...e.maxSessionMs !== void 0 ? { maxSessionMs: e.maxSessionMs } : {}
         });
@@ -2827,7 +2856,7 @@ function oo(e = {}) {
   function c() {
     if (!t) return;
     t.innerHTML = "";
-    const l = Te() ?? "", m = document.createElement("div");
+    const l = Ne() ?? "", m = document.createElement("div");
     m.className = "beacon-monitor-title";
     const p = document.createElement("span");
     p.className = "beacon-monitor-rec", p.setAttribute("aria-hidden", "true"), m.appendChild(p), m.appendChild(document.createTextNode(" Monitor — recording")), t.appendChild(m);
@@ -2836,23 +2865,23 @@ function oo(e = {}) {
     const u = document.createElement("div");
     u.className = "beacon-monitor-row";
     const v = document.createElement("button");
-    v.type = "button", v.className = "beacon-monitor-btn stop", v.textContent = "Stop monitoring", v.addEventListener("click", () => F()), u.appendChild(v), t.appendChild(u);
-    const E = document.createElement("div");
-    E.className = "beacon-monitor-help", E.textContent = "Events stream to the URL above. Auto-stops after 30 min.", t.appendChild(E);
+    v.type = "button", v.className = "beacon-monitor-btn stop", v.textContent = "Stop monitoring", v.addEventListener("click", () => j()), u.appendChild(v), t.appendChild(u);
+    const S = document.createElement("div");
+    S.className = "beacon-monitor-help", S.textContent = "Events stream to the URL above. Auto-stops after 30 min.", t.appendChild(S);
   }
   function d() {
-    Le() ? c() : s();
+    Te() ? c() : s();
   }
   return {
     name: "liveMonitor",
     setupOnce(l) {
-      Vn(), Le() && r();
-      const m = Ne((g, u) => {
+      Wn(), Te() && r();
+      const m = Me((g, u) => {
         g ? (r(), a == null || a.updateUrl(u)) : i();
       }), p = () => {
         i(), m();
         try {
-          jn();
+          Vn();
         } catch {
         }
       };
@@ -2860,7 +2889,7 @@ function oo(e = {}) {
     },
     form() {
       return {
-        render: (l) => (t = document.createElement("div"), t.className = "beacon-monitor", l.appendChild(t), d(), n = Ne(() => d()), () => {
+        render: (l) => (t = document.createElement("div"), t.className = "beacon-monitor", l.appendChild(t), d(), n = Me(() => d()), () => {
           n == null || n(), n = null, t = null;
         })
       };
@@ -2868,19 +2897,19 @@ function oo(e = {}) {
     // No capture(): liveMonitor is a side-channel, not a feedback payload contributor.
   };
 }
-let T = null;
-const ae = {
+let N = null;
+const ie = {
   "plugin:error": /* @__PURE__ */ new Set(),
   "submit:success": /* @__PURE__ */ new Set(),
   "submit:error": /* @__PURE__ */ new Set(),
   ready: /* @__PURE__ */ new Set()
 };
-function ro(e) {
+function ao(e) {
   if (typeof window > "u") return;
   if (!e.endpoint) throw new Error("init: endpoint is required");
-  Ie(), Yn();
-  const t = { ...lt(), ...e.labels ?? {} }, n = new AbortController(), o = Gn(e), a = e.position ?? "bottom-right", r = e.theme ?? "auto";
-  Xe(), Kn(e, a, r);
+  Re(), Xn();
+  const t = { ...lt(), ...e.labels ?? {} }, n = new AbortController(), o = Jn(e), a = e.position ?? "bottom-right", r = e.theme ?? "auto";
+  Xe(), Gn(e, a, r);
   const i = document.querySelector(z);
   if (!i)
     throw new Error("init: failed to acquire <launch-kit-beacon> host");
@@ -2891,10 +2920,10 @@ function ro(e) {
     ["bug", "idea", "ux", "a11y"],
     {
       onSubmit: () => {
-        Qn();
+        eo();
       },
       onClose: (m) => {
-        j("close", {}), m === "user" && je();
+        V("close", {}), m === "user" && Ve();
       }
     }
   );
@@ -2911,7 +2940,7 @@ function ro(e) {
     hostElement: i,
     initAbort: n,
     labels: t,
-    debug: !!e.debug || Zn(),
+    debug: !!e.debug || Qn(),
     healthIndicator: e.healthIndicator ?? "never",
     position: a,
     theme: r,
@@ -2926,21 +2955,21 @@ function ro(e) {
     },
     panelSources: []
   };
-  T = l, i.onTriggerClick = () => Wn(), d.install(
-    (m) => Fe(m),
-    (m) => ie(m)
+  N = l, i.onTriggerClick = () => Yn(), d.install(
+    (m) => je(m),
+    (m) => se(m)
   ), B("ready", { ready: !0 }), l.debug && console.info("[beacon] ready", l.endpoint);
 }
-function Wn() {
-  const e = T;
+function Yn() {
+  const e = N;
   e && (e.currentSubmit || (e.panelSources = e.plugins.map((t) => {
     if (!t.form) return null;
-    const n = Fe(t.name);
+    const n = je(t.name);
     let o;
     try {
       o = t.form(n);
     } catch (a) {
-      return ie({
+      return se({
         plugin: t.name,
         error: a instanceof Error ? a : new Error(String(a)),
         at: "form"
@@ -2957,39 +2986,39 @@ function Wn() {
       const a = (r = e.formValues)[t] ?? (r[t] = {});
       a[n] = o;
     }
-  }), e.dialog.open(), j("open", {})));
+  }), e.dialog.open(), V("open", {})));
 }
-function ao() {
-  const e = T;
+function io() {
+  const e = N;
   e && e.dialog.close("user");
 }
-function Yn() {
+function Xn() {
   var t;
-  const e = T;
+  const e = N;
   if (e) {
     e.initAbort.abort(), (t = e.currentSubmit) == null || t.abort(), e.registry.destroy(), R();
     try {
       e.dialog.root.remove(), e.overlayHost.layer.remove();
     } catch {
     }
-    e.hostElement.onTriggerClick = null, T = null;
+    e.hostElement.onTriggerClick = null, N = null;
   }
 }
-function io() {
-  const e = T;
+function so() {
+  const e = N;
   return e ? {
     ready: !0,
     transport: "idle",
     plugins: e.registry.status()
   } : { ready: !1, transport: "idle", plugins: {} };
 }
-function so(e, t) {
-  return ae[e].add(t), () => Xn(e, t);
+function co(e, t) {
+  return ie[e].add(t), () => Kn(e, t);
 }
-function Xn(e, t) {
-  ae[e].delete(t);
+function Kn(e, t) {
+  ie[e].delete(t);
 }
-function Kn(e, t, n) {
+function Gn(e, t, n) {
   let o = document.querySelector(z);
   if (!o) {
     o = document.createElement(z), o.setAttribute("position", t), o.setAttribute("theme", n), t === "hidden" && (o.style.position = "absolute", o.style.left = "-9999px"), (document.body ?? document.documentElement).appendChild(o);
@@ -2997,13 +3026,13 @@ function Kn(e, t, n) {
   }
   e.position !== void 0 && o.setAttribute("position", t), e.theme !== void 0 && o.setAttribute("theme", n);
 }
-function Gn(e) {
-  return e.plugins ? e.plugins : e.defaultPlugins === !1 ? [] : Jn();
-}
-function Jn() {
-  return [ft(), wt(), cn(), dn()];
+function Jn(e) {
+  return e.plugins ? e.plugins : e.defaultPlugins === !1 ? [] : Zn();
 }
 function Zn() {
+  return [ft(), wt(), ln(), un()];
+}
+function Qn() {
   if (typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("lsbeacon-debug");
@@ -3011,8 +3040,8 @@ function Zn() {
     return !1;
   }
 }
-function Fe(e) {
-  const t = T;
+function je(e) {
+  const t = N;
   return Ze(e, {
     getCaptured: (o) => t == null ? void 0 : t.capturedEntries[o],
     getFormValues: (o) => {
@@ -3036,8 +3065,8 @@ function Fe(e) {
     }
   });
 }
-function j(e, t) {
-  const n = T;
+function V(e, t) {
+  const n = N;
   if (n)
     for (const o of n.lifecycleHandlers[e])
       try {
@@ -3047,24 +3076,24 @@ function j(e, t) {
       }
 }
 function B(e, t) {
-  for (const n of ae[e])
+  for (const n of ie[e])
     try {
       n(t);
     } catch (o) {
-      T != null && T.debug && console.error("[beacon] system handler threw:", o);
+      N != null && N.debug && console.error("[beacon] system handler threw:", o);
     }
 }
-function ie(e) {
+function se(e) {
   B("plugin:error", { plugin: e.plugin, error: e.error, at: e.at });
-  const t = T;
+  const t = N;
   t && ((t.healthIndicator === "always" || t.healthIndicator === "dev" && t.debug) && t.hostElement.setHealthIndicator(!0), t.debug && console.warn(`[beacon] plugin "${e.plugin}" ${e.at} failed:`, e.error));
 }
-function je() {
-  const e = T;
+function Ve() {
+  const e = N;
   e && (e.dialog.resetState(), e.dialog.clearPluginPanels(), e.formValues = {});
 }
-async function Qn() {
-  const e = T;
+async function eo() {
+  const e = N;
   if (!e || e.currentSubmit) return;
   const t = e.dialog.getDescription().trim();
   if (!t) {
@@ -3076,11 +3105,11 @@ async function Qn() {
   try {
     const o = await e.registry.capture(
       (s) => e.capturedEntries[s],
-      (s) => ie(s)
+      (s) => se(s)
     );
-    e.capturedEntries = o, n = eo(e, t, o);
+    e.capturedEntries = o, n = to(e, t, o);
     let a = null;
-    if (j("beforeSubmit", { payload: n, cancel: (s) => {
+    if (V("beforeSubmit", { payload: n, cancel: (s) => {
       a === null && (a = s);
     } }), a !== null) {
       e.dialog.setSubmitting(!1), e.dialog.setStatus(`Cancelled: ${a}`, "error");
@@ -3094,8 +3123,8 @@ async function Qn() {
       e.currentSubmit.signal,
       e.credentials
     );
-    j("afterSubmit", { payload: n, response: i }), e.dialog.setSubmitting(!1), i.ok ? (B("submit:success", { payload: n, response: i }), e.dialog.setSubmitSucceeded(!0), e.dialog.setStatus(e.labels.sentSuccess, "success"), window.setTimeout(() => {
-      T === e && e.dialog.close("submitted"), je();
+    V("afterSubmit", { payload: n, response: i }), e.dialog.setSubmitting(!1), i.ok ? (B("submit:success", { payload: n, response: i }), e.dialog.setSubmitSucceeded(!0), e.dialog.setStatus(e.labels.sentSuccess, "success"), window.setTimeout(() => {
+      N === e && e.dialog.close("submitted"), Ve();
     }, 1500)) : (B("submit:error", { payload: n, error: new Error(`HTTP ${i.status}`) }), e.dialog.setStatus(`Failed (${i.status})`, "error"));
   } catch (o) {
     e.dialog.setSubmitting(!1);
@@ -3105,9 +3134,9 @@ async function Qn() {
     e.currentSubmit = null;
   }
 }
-function eo(e, t, n) {
+function to(e, t, n) {
   var r;
-  const o = to(), a = (r = e.context) == null ? void 0 : r.call(e);
+  const o = no(), a = (r = e.context) == null ? void 0 : r.call(e);
   return {
     description: t,
     severity: e.dialog.getSeverity(),
@@ -3116,7 +3145,7 @@ function eo(e, t, n) {
     plugins: n
   };
 }
-function to() {
+function no() {
   const e = window.location.href, t = document.referrer, n = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   return {
     url: e,
@@ -3137,25 +3166,25 @@ function to() {
     capturedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-Ie();
+Re();
 export {
-  Te as currentMonitorUrl,
-  Yn as destroy,
-  cn as domEle,
-  dn as domSS,
+  Ne as currentMonitorUrl,
+  Xn as destroy,
+  ln as domEle,
+  un as domSS,
   wt as errors,
-  ao as hide,
-  ro as init,
-  Le as isMonitorActive,
-  ln as isPluginFailure,
-  oo as liveMonitor,
+  io as hide,
+  ao as init,
+  Te as isMonitorActive,
+  dn as isPluginFailure,
+  ro as liveMonitor,
   ft as metadata,
-  Xn as off,
-  so as on,
-  no as probe,
-  Wn as show,
-  Ue as startMonitor,
-  io as status,
-  F as stopMonitor
+  Kn as off,
+  co as on,
+  oo as probe,
+  Yn as show,
+  qe as startMonitor,
+  so as status,
+  j as stopMonitor
 };
 //# sourceMappingURL=beacon.mjs.map