@launchsecure/launch-kit 0.0.26 → 0.0.28

package/dist/beacon/beacon.mjs

@@ -1,4 +1,4 @@
-const R = '.beacon-drawer,.beacon-pin-popover{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-z-index: 2147483647;--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4}.beacon-drawer.beacon-theme-dark,.beacon-pin-popover.beacon-theme-dark{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){.beacon-drawer.beacon-theme-auto,.beacon-pin-popover.beacon-theme-auto{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-z-index: 2147483645;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4;position:fixed;z-index:var(--beacon-z-index);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--beacon-fg);line-height:1.5}:host([theme="dark"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){:host([theme="auto"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host([position="bottom-right"]){right:20px;bottom:20px;left:auto;top:auto}:host([position="bottom-left"]){left:20px;bottom:20px;right:auto;top:auto}:host([position="hidden"]){position:static;display:contents}:host([position="hidden"]) .beacon-default-trigger{display:none}.beacon-default-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--beacon-accent);color:#fff;border:0;border-radius:999px;padding:10px 16px;font:inherit;font-weight:500;cursor:pointer;box-shadow:var(--beacon-shadow);transition:transform .15s ease,box-shadow .15s ease}.beacon-default-trigger:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0003}.beacon-default-trigger svg{width:18px;height:18px}.beacon-drawer{position:fixed;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:var(--beacon-radius);box-shadow:var(--beacon-shadow);display:none;flex-direction:column;overflow:hidden;z-index:var(--beacon-z-index)}:host([position="bottom-left"]) .beacon-drawer{left:20px;right:auto}.beacon-drawer.open{display:flex}.beacon-drawer.minimized{display:none}.beacon-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--beacon-border)}.beacon-drawer-title{font-weight:600}.beacon-icon-btn{background:transparent;border:0;color:var(--beacon-muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex}.beacon-icon-btn:hover{background:var(--beacon-border);color:var(--beacon-fg)}.beacon-icon-btn svg{width:16px;height:16px}.beacon-drawer-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.beacon-field{display:flex;flex-direction:column;gap:6px}.beacon-label{font-size:12px;color:var(--beacon-muted);font-weight:500}.beacon-textarea{width:100%;min-height:80px;padding:8px 10px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;font:inherit;resize:vertical;box-sizing:border-box}.beacon-textarea:focus{outline:2px solid var(--beacon-accent);outline-offset:-1px;border-color:var(--beacon-accent)}.beacon-severity{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.beacon-severity-opt{position:relative;display:flex;align-items:center;justify-content:center;padding:6px 4px;background:transparent;border:1px solid var(--beacon-border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--beacon-fg);text-transform:capitalize}.beacon-severity-opt input{position:absolute;opacity:0;pointer-events:none}.beacon-severity-opt:hover{background:var(--beacon-border)}.beacon-severity-opt.selected[data-sev=bug]{border-color:var(--beacon-bug);color:var(--beacon-bug)}.beacon-severity-opt.selected[data-sev=idea]{border-color:var(--beacon-idea);color:var(--beacon-idea)}.beacon-severity-opt.selected[data-sev=ux]{border-color:var(--beacon-ux);color:var(--beacon-ux)}.beacon-severity-opt.selected[data-sev=a11y]{border-color:var(--beacon-a11y);color:var(--beacon-a11y)}.beacon-actions{display:flex;gap:8px;align-items:center}.beacon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:0;cursor:pointer;font:inherit;font-weight:500;font-size:13px;transition:opacity .15s ease}.beacon-btn[disabled]{opacity:.5;cursor:not-allowed}.beacon-btn svg{width:14px;height:14px}.beacon-btn.primary{background:var(--beacon-accent);color:#fff}.beacon-btn.secondary{background:transparent;color:var(--beacon-fg);border:1px solid var(--beacon-border)}.beacon-btn.secondary:hover{background:var(--beacon-border)}.beacon-pin-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.beacon-pin-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--beacon-border);border-radius:6px}.beacon-pin-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--beacon-accent);color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.beacon-pin-meta{flex:1;min-width:0}.beacon-pin-selector{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--beacon-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beacon-pin-note{margin-top:4px;font-size:12px;color:var(--beacon-fg)}.beacon-pin-note-input{margin-top:4px;width:100%;padding:4px 6px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:4px;font:inherit;font-size:12px;box-sizing:border-box}.beacon-thumb{width:100%;border:1px solid var(--beacon-border);border-radius:6px;display:block}.beacon-status{font-size:12px;color:var(--beacon-muted);text-align:center;padding:4px}.beacon-status.error{color:var(--beacon-bug)}.beacon-status.success{color:var(--beacon-idea)}.beacon-pin-popover{position:fixed;z-index:2147483647;width:240px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;box-shadow:var(--beacon-shadow);padding:10px;display:none;flex-direction:column;gap:8px}.beacon-pin-popover.open{display:flex}.beacon-pin-popover-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.beacon-pin-popover-actions{display:flex;gap:6px;justify-content:flex-end}', k = {
+const V = '.beacon-drawer,.beacon-pin-popover{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-z-index: 2147483647;--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4}.beacon-drawer.beacon-theme-dark,.beacon-pin-popover.beacon-theme-dark{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){.beacon-drawer.beacon-theme-auto,.beacon-pin-popover.beacon-theme-auto{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-z-index: 2147483645;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4;position:fixed;z-index:var(--beacon-z-index);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--beacon-fg);line-height:1.5}:host([theme="dark"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){:host([theme="auto"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host([position="bottom-right"]){right:20px;bottom:20px;left:auto;top:auto}:host([position="bottom-left"]){left:20px;bottom:20px;right:auto;top:auto}:host([position="hidden"]){position:static;display:contents}:host([position="hidden"]) .beacon-default-trigger{display:none}.beacon-default-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--beacon-accent);color:#fff;border:0;border-radius:999px;padding:10px 16px;font:inherit;font-weight:500;cursor:pointer;box-shadow:var(--beacon-shadow);transition:transform .15s ease,box-shadow .15s ease}.beacon-default-trigger:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0003}.beacon-default-trigger svg{width:18px;height:18px}.beacon-drawer{position:fixed;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:var(--beacon-radius);box-shadow:var(--beacon-shadow);display:none;flex-direction:column;overflow:hidden;z-index:var(--beacon-z-index)}:host([position="bottom-left"]) .beacon-drawer{left:20px;right:auto}.beacon-drawer.open{display:flex}.beacon-drawer.minimized{display:none}.beacon-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--beacon-border)}.beacon-drawer-title{font-weight:600}.beacon-icon-btn{background:transparent;border:0;color:var(--beacon-muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex}.beacon-icon-btn:hover{background:var(--beacon-border);color:var(--beacon-fg)}.beacon-icon-btn svg{width:16px;height:16px}.beacon-drawer-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.beacon-field{display:flex;flex-direction:column;gap:6px}.beacon-label{font-size:12px;color:var(--beacon-muted);font-weight:500}.beacon-textarea{width:100%;min-height:80px;padding:8px 10px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;font:inherit;resize:vertical;box-sizing:border-box}.beacon-textarea:focus{outline:2px solid var(--beacon-accent);outline-offset:-1px;border-color:var(--beacon-accent)}.beacon-severity{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.beacon-severity-opt{position:relative;display:flex;align-items:center;justify-content:center;padding:6px 4px;background:transparent;border:1px solid var(--beacon-border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--beacon-fg);text-transform:capitalize}.beacon-severity-opt input{position:absolute;opacity:0;pointer-events:none}.beacon-severity-opt:hover{background:var(--beacon-border)}.beacon-severity-opt.selected[data-sev=bug]{border-color:var(--beacon-bug);color:var(--beacon-bug)}.beacon-severity-opt.selected[data-sev=idea]{border-color:var(--beacon-idea);color:var(--beacon-idea)}.beacon-severity-opt.selected[data-sev=ux]{border-color:var(--beacon-ux);color:var(--beacon-ux)}.beacon-severity-opt.selected[data-sev=a11y]{border-color:var(--beacon-a11y);color:var(--beacon-a11y)}.beacon-actions{display:flex;gap:8px;align-items:center}.beacon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:0;cursor:pointer;font:inherit;font-weight:500;font-size:13px;transition:opacity .15s ease}.beacon-btn[disabled]{opacity:.5;cursor:not-allowed}.beacon-btn svg{width:14px;height:14px}.beacon-btn.primary{background:var(--beacon-accent);color:#fff}.beacon-btn.secondary{background:transparent;color:var(--beacon-fg);border:1px solid var(--beacon-border)}.beacon-btn.secondary:hover{background:var(--beacon-border)}.beacon-pin-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.beacon-pin-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--beacon-border);border-radius:6px}.beacon-pin-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--beacon-accent);color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.beacon-pin-meta{flex:1;min-width:0}.beacon-pin-selector{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--beacon-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beacon-pin-note{margin-top:4px;font-size:12px;color:var(--beacon-fg)}.beacon-pin-note-input{margin-top:4px;width:100%;padding:4px 6px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:4px;font:inherit;font-size:12px;box-sizing:border-box}.beacon-thumb{width:100%;border:1px solid var(--beacon-border);border-radius:6px;display:block}.beacon-status{font-size:12px;color:var(--beacon-muted);text-align:center;padding:4px}.beacon-status.error{color:var(--beacon-bug)}.beacon-status.success{color:var(--beacon-idea)}.beacon-events{font-size:12px;border:1px solid var(--beacon-border);border-radius:6px;padding:6px 8px}.beacon-events-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;color:var(--beacon-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.beacon-events-summary::-webkit-details-marker{display:none}.beacon-events-dot{color:var(--beacon-bug);font-size:10px;line-height:1}.beacon-events-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.beacon-events-item{display:flex;align-items:flex-start;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.beacon-events-kind{flex-shrink:0;padding:1px 5px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.beacon-events-kind.error{background:#eb141426;color:var(--beacon-bug)}.beacon-events-kind.rejection{background:#f59f0a26;color:#f59f0a}.beacon-events-msg{word-break:break-word;color:var(--beacon-fg)}.beacon-pin-popover{position:fixed;z-index:2147483647;width:240px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;box-shadow:var(--beacon-shadow);padding:10px;display:none;flex-direction:column;gap:8px}.beacon-pin-popover.open{display:flex}.beacon-pin-popover-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.beacon-pin-popover-actions{display:flex;gap:6px;justify-content:flex-end}', k = {
   feedback: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',
   pin: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 17v5"/><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"/></svg>',
   close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>',
@@ -6,22 +6,23 @@ const R = '.beacon-drawer,.beacon-pin-popover{--beacon-accent: #0ea5e9;--beacon-
   send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>',
   check: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>'
 };
-function Y(n = "Feedback") {
+function ke(t = "Feedback") {
   const e = document.createElement("button");
-  return e.type = "button", e.className = "beacon-default-trigger", e.setAttribute("aria-label", n), e.innerHTML = `${k.feedback}<span>${n}</span>`, e;
+  return e.type = "button", e.className = "beacon-default-trigger", e.setAttribute("aria-label", t), e.innerHTML = `${k.feedback}<span>${t}</span>`, e;
 }
-const X = ["bug", "idea", "ux", "a11y"];
-class G {
-  constructor(e, t) {
+const Ae = ["bug", "idea", "ux", "a11y"];
+class Ce {
+  constructor(e, n) {
     this.state = {
       description: "",
       severity: "bug",
       pins: [],
+      events: [],
       annotatedScreenshot: void 0,
       submitting: !1,
       status: "",
       statusKind: ""
-    }, this.severities = e.length > 0 ? e : X, this.callbacks = t, this.root = document.createElement("div"), this.root.className = "beacon-drawer", this.root.innerHTML = `
+    }, this.severities = e.length > 0 ? e : Ae, this.callbacks = n, this.root = document.createElement("div"), this.root.className = "beacon-drawer", this.root.innerHTML = `
       <div class="beacon-drawer-header">
         <div class="beacon-drawer-title">Send feedback</div>
         <button type="button" class="beacon-icon-btn" data-action="close" aria-label="Close">${k.close}</button>
@@ -38,8 +39,38 @@ class G {
   minimize() {
     this.root.classList.add("minimized"), this.root.classList.remove("open");
   }
-  setPins(e, t) {
-    this.state.pins = e, t !== void 0 && (this.state.annotatedScreenshot = t), this.render();
+  setPins(e, n) {
+    this.state.pins = e, n !== void 0 && (this.state.annotatedScreenshot = n), this.render();
+  }
+  // Push the latest events buffer into the drawer. element.ts calls this both
+  // on open() (initial snapshot) AND from a subscriber so the chip ticks up
+  // live as errors fire. We partial-update the chip element only — a full
+  // re-render of bodyEl would blow away the textarea's focus + cursor while
+  // the user is typing, which is much worse than the chip never animating.
+  setEvents(e) {
+    this.state.events = e, this.updateEventsChip();
+  }
+  updateEventsChip() {
+    const e = this.bodyEl.querySelector(".beacon-events");
+    if (!e) {
+      this.render();
+      return;
+    }
+    const n = this.state.events.length;
+    if (n === 0) {
+      e.hidden = !0;
+      return;
+    }
+    e.hidden = !1, e.dataset.count = String(n);
+    const o = e.querySelector(".beacon-events-label");
+    o && (o.textContent = `${n} runtime ${n === 1 ? "error" : "errors"} will be included`);
+    const s = e.querySelector(".beacon-events-list");
+    s && (s.innerHTML = this.state.events.map((i) => `
+        <li class="beacon-events-item">
+          <span class="beacon-events-kind ${i.kind === "unhandledrejection" ? "rejection" : "error"}">${i.kind === "unhandledrejection" ? "rejection" : "error"}</span>
+          <span class="beacon-events-msg">${S(i.message)}</span>
+        </li>
+      `).join(""));
   }
   getAnnotatedScreenshot() {
     return this.state.annotatedScreenshot;
@@ -50,14 +81,15 @@ class G {
   setSubmitting(e) {
     this.state.submitting = e, this.render();
   }
-  setStatus(e, t = "") {
-    this.state.status = e, this.state.statusKind = t, this.render();
+  setStatus(e, n = "") {
+    this.state.status = e, this.state.statusKind = n, this.render();
   }
   reset() {
     this.state = {
       description: "",
       severity: "bug",
       pins: [],
+      events: [],
       annotatedScreenshot: void 0,
       submitting: !1,
       status: "",
@@ -71,21 +103,21 @@ class G {
     return this.state.severity;
   }
   render() {
-    var o, i;
+    var o, s;
     const e = this.state.description.trim().length > 0 && !this.state.submitting;
     this.bodyEl.innerHTML = `
       <div class="beacon-field">
         <label class="beacon-label" for="beacon-desc">What's the issue?</label>
-        <textarea id="beacon-desc" class="beacon-textarea" placeholder="Describe what you saw, what you expected, anything that helps reproduce…">${E(this.state.description)}</textarea>
+        <textarea id="beacon-desc" class="beacon-textarea" placeholder="Describe what you saw, what you expected, anything that helps reproduce…">${S(this.state.description)}</textarea>
       </div>
 
       <div class="beacon-field">
         <span class="beacon-label">Severity</span>
         <div class="beacon-severity" role="radiogroup">
-          ${this.severities.map((a) => `
-            <label class="beacon-severity-opt ${a === this.state.severity ? "selected" : ""}" data-sev="${a}">
-              <input type="radio" name="beacon-severity" value="${a}" ${a === this.state.severity ? "checked" : ""}>
-              ${a}
+          ${this.severities.map((i) => `
+            <label class="beacon-severity-opt ${i === this.state.severity ? "selected" : ""}" data-sev="${i}">
+              <input type="radio" name="beacon-severity" value="${i}" ${i === this.state.severity ? "checked" : ""}>
+              ${i}
             </label>
           `).join("")}
         </div>
@@ -102,20 +134,35 @@ class G {
         <div class="beacon-field">
           <span class="beacon-label">Pins (${this.state.pins.length})</span>
           <div class="beacon-pin-list">
-            ${this.state.pins.map((a) => `
-              <div class="beacon-pin-item" data-pin="${a.number}">
-                <span class="beacon-pin-num">${a.number}</span>
+            ${this.state.pins.map((i) => `
+              <div class="beacon-pin-item" data-pin="${i.number}">
+                <span class="beacon-pin-num">${i.number}</span>
                 <div class="beacon-pin-meta">
-                  <div class="beacon-pin-selector" title="${E(a.selector)}">${E(a.selector)}</div>
-                  <input type="text" class="beacon-pin-note-input" placeholder="Add a note (optional)" value="${E(a.note ?? "")}">
+                  <div class="beacon-pin-selector" title="${S(i.selector)}">${S(i.selector)}</div>
+                  <input type="text" class="beacon-pin-note-input" placeholder="Add a note (optional)" value="${S(i.note ?? "")}">
                 </div>
-                <button type="button" class="beacon-icon-btn" data-pin-delete="${a.number}" aria-label="Remove pin ${a.number}">${k.trash}</button>
+                <button type="button" class="beacon-icon-btn" data-pin-delete="${i.number}" aria-label="Remove pin ${i.number}">${k.trash}</button>
               </div>
             `).join("")}
           </div>
         </div>
       ` : ""}
 
+      <details class="beacon-events" data-count="${this.state.events.length}" ${this.state.events.length === 0 ? "hidden" : ""}>
+        <summary class="beacon-events-summary">
+          <span class="beacon-events-dot" aria-hidden="true">●</span>
+          <span class="beacon-events-label">${this.state.events.length} runtime ${this.state.events.length === 1 ? "error" : "errors"} will be included</span>
+        </summary>
+        <ul class="beacon-events-list">
+          ${this.state.events.map((i) => `
+            <li class="beacon-events-item">
+              <span class="beacon-events-kind ${i.kind === "unhandledrejection" ? "rejection" : "error"}">${i.kind === "unhandledrejection" ? "rejection" : "error"}</span>
+              <span class="beacon-events-msg">${S(i.message)}</span>
+            </li>
+          `).join("")}
+        </ul>
+      </details>
+
       <div class="beacon-actions">
         <button type="button" class="beacon-btn secondary" data-action="annotate" ${this.state.submitting ? "disabled" : ""}>
           ${k.pin} ${this.state.pins.length > 0 ? "Add another pin" : "Annotate elements"}
@@ -126,38 +173,38 @@ class G {
         </button>
       </div>
 
-      ${this.state.status ? `<div class="beacon-status ${this.state.statusKind}">${E(this.state.status)}</div>` : ""}
+      ${this.state.status ? `<div class="beacon-status ${this.state.statusKind}">${S(this.state.status)}</div>` : ""}
     `;
-    const t = this.bodyEl.querySelector("#beacon-desc");
-    t.addEventListener("input", () => {
-      this.state.description = t.value, this.callbacks.onDescriptionChange(t.value);
-      const a = this.bodyEl.querySelector('[data-action="submit"]');
-      a && (a.disabled = !(t.value.trim().length > 0) || this.state.submitting);
-    }), this.bodyEl.querySelectorAll('input[name="beacon-severity"]').forEach((a) => {
-      a.addEventListener("change", () => {
-        a.checked && (this.state.severity = a.value, this.callbacks.onSeverityChange(this.state.severity), this.render());
+    const n = this.bodyEl.querySelector("#beacon-desc");
+    n.addEventListener("input", () => {
+      this.state.description = n.value, this.callbacks.onDescriptionChange(n.value);
+      const i = this.bodyEl.querySelector('[data-action="submit"]');
+      i && (i.disabled = !(n.value.trim().length > 0) || this.state.submitting);
+    }), this.bodyEl.querySelectorAll('input[name="beacon-severity"]').forEach((i) => {
+      i.addEventListener("change", () => {
+        i.checked && (this.state.severity = i.value, this.callbacks.onSeverityChange(this.state.severity), this.render());
       });
-    }), (o = this.bodyEl.querySelector('[data-action="annotate"]')) == null || o.addEventListener("click", () => this.callbacks.onAnnotate()), (i = this.bodyEl.querySelector('[data-action="submit"]')) == null || i.addEventListener("click", () => this.callbacks.onSubmit()), this.bodyEl.querySelectorAll("[data-pin-delete]").forEach((a) => {
-      a.addEventListener("click", () => {
-        const s = Number(a.getAttribute("data-pin-delete"));
-        this.callbacks.onPinDelete(s);
+    }), (o = this.bodyEl.querySelector('[data-action="annotate"]')) == null || o.addEventListener("click", () => this.callbacks.onAnnotate()), (s = this.bodyEl.querySelector('[data-action="submit"]')) == null || s.addEventListener("click", () => this.callbacks.onSubmit()), this.bodyEl.querySelectorAll("[data-pin-delete]").forEach((i) => {
+      i.addEventListener("click", () => {
+        const r = Number(i.getAttribute("data-pin-delete"));
+        this.callbacks.onPinDelete(r);
       });
-    }), this.bodyEl.querySelectorAll(".beacon-pin-note-input").forEach((a) => {
-      const s = a.closest("[data-pin]"), b = Number((s == null ? void 0 : s.getAttribute("data-pin")) ?? 0);
-      a.addEventListener("input", () => this.callbacks.onPinNoteChange(b, a.value));
+    }), this.bodyEl.querySelectorAll(".beacon-pin-note-input").forEach((i) => {
+      const r = i.closest("[data-pin]"), l = Number((r == null ? void 0 : r.getAttribute("data-pin")) ?? 0);
+      i.addEventListener("input", () => this.callbacks.onPinNoteChange(l, i.value));
     });
   }
 }
-function E(n) {
-  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function S(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Z(n) {
+function Le(t) {
   return new Promise((e) => {
-    const t = document.createElement("div");
-    t.className = "beacon-pin-popover open beacon-no-capture beacon-theme-auto", t.innerHTML = `
+    const n = document.createElement("div");
+    n.className = "beacon-pin-popover open beacon-no-capture beacon-theme-auto", n.innerHTML = `
       <div class="beacon-pin-popover-header">
         <div style="display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;">
-          <span class="beacon-pin-num">${n.pinNumber}</span>
+          <span class="beacon-pin-num">${t.pinNumber}</span>
           <span>Note for this pin</span>
         </div>
         <button type="button" class="beacon-icon-btn" data-action="cancel" aria-label="Discard this pin">${k.close}</button>
@@ -167,52 +214,52 @@ function Z(n) {
         <button type="button" class="beacon-btn primary" data-action="save">${k.check} Save</button>
       </div>
     `;
-    const o = 240, i = 160, a = Math.min(Math.max(8, n.anchor.x), window.innerWidth - o - 8), s = Math.min(Math.max(8, n.anchor.y + 12), window.innerHeight - i - 8);
-    t.style.left = `${a}px`, t.style.top = `${s}px`, document.body.appendChild(t);
-    const b = t.querySelector("textarea");
-    b.focus();
-    function p(h) {
-      document.removeEventListener("keydown", u, !0), t.remove(), e(h);
-    }
-    function u(h) {
-      h.key === "Escape" && (h.preventDefault(), h.stopPropagation(), p({ cancelled: "all" }));
-    }
-    document.addEventListener("keydown", u, !0), t.addEventListener("click", (h) => {
-      var m;
-      const v = (m = h.target.closest("[data-action]")) == null ? void 0 : m.getAttribute("data-action");
-      if (v === "cancel" && p({ cancelled: "pin" }), v === "save") {
-        const x = b.value.trim();
-        p({ ...x ? { note: x } : {}, cancelled: !1 });
+    const o = 240, s = 160, i = Math.min(Math.max(8, t.anchor.x), window.innerWidth - o - 8), r = Math.min(Math.max(8, t.anchor.y + 12), window.innerHeight - s - 8);
+    n.style.left = `${i}px`, n.style.top = `${r}px`, document.body.appendChild(n);
+    const l = n.querySelector("textarea");
+    l.focus();
+    function a(d) {
+      document.removeEventListener("keydown", c, !0), n.remove(), e(d);
+    }
+    function c(d) {
+      d.key === "Escape" && (d.preventDefault(), d.stopPropagation(), a({ cancelled: "all" }));
+    }
+    document.addEventListener("keydown", c, !0), n.addEventListener("click", (d) => {
+      var y;
+      const g = (y = d.target.closest("[data-action]")) == null ? void 0 : y.getAttribute("data-action");
+      if (g === "cancel" && a({ cancelled: "pin" }), g === "save") {
+        const w = l.value.trim();
+        a({ ...w ? { note: w } : {}, cancelled: !1 });
       }
-    }), b.addEventListener("keydown", (h) => {
-      if (h.key === "Enter" && (h.metaKey || h.ctrlKey)) {
-        h.preventDefault();
-        const f = b.value.trim();
-        p({ ...f ? { note: f } : {}, cancelled: !1 });
+    }), l.addEventListener("keydown", (d) => {
+      if (d.key === "Enter" && (d.metaKey || d.ctrlKey)) {
+        d.preventDefault();
+        const u = l.value.trim();
+        a({ ...u ? { note: u } : {}, cancelled: !1 });
       }
     });
   });
 }
-const A = "beacon-no-capture", J = "#0ea5e9", M = "Click any element to pin it · Press Esc to finish";
-function N(n, e) {
-  return /^#[0-9a-fA-F]{6}$/.test(n) ? `${n}${e}` : n;
+const A = "beacon-no-capture", Te = "#0ea5e9", K = "Click any element to pin it · Press Esc to finish";
+function X(t, e) {
+  return /^#[0-9a-fA-F]{6}$/.test(t) ? `${t}${e}` : t;
 }
-function Q(n = {}) {
-  const e = n.accent ?? J, t = N(e, "b3"), o = N(e, "2e"), i = document.createElement("style");
-  i.className = A, i.textContent = "@keyframes beacon-spin { to { transform: rotate(360deg); } }", document.head.appendChild(i);
-  const a = document.createElement("div");
-  a.className = A, a.setAttribute("aria-hidden", "true"), a.style.cssText = [
+function Me(t = {}) {
+  const e = t.accent ?? Te, n = X(e, "b3"), o = X(e, "2e"), s = document.createElement("style");
+  s.className = A, s.textContent = "@keyframes beacon-spin { to { transform: rotate(360deg); } }", document.head.appendChild(s);
+  const i = document.createElement("div");
+  i.className = A, i.setAttribute("aria-hidden", "true"), i.style.cssText = [
     "position: fixed",
     "inset: 0",
     "pointer-events: none",
     "z-index: 2147483646",
-    `border: 2px dashed ${t}`,
+    `border: 2px dashed ${n}`,
     "border-radius: 4px",
     `box-shadow: inset 0 0 56px ${o}`,
     "box-sizing: border-box"
   ].join("; ");
-  const s = document.createElement("div");
-  s.className = A, s.setAttribute("role", "status"), s.style.cssText = [
+  const r = document.createElement("div");
+  r.className = A, r.setAttribute("role", "status"), r.style.cssText = [
     "position: fixed",
     "top: 16px",
     "left: 50%",
@@ -227,8 +274,8 @@ function Q(n = {}) {
     "pointer-events: none",
     "white-space: nowrap",
     "z-index: 2147483646"
-  ].join("; "), s.textContent = M;
-  const b = `<span style="
+  ].join("; "), r.textContent = K;
+  const l = `<span style="
     display: inline-block;
     width: 12px;
     height: 12px;
@@ -239,14 +286,14 @@ function Q(n = {}) {
     vertical-align: middle;
     margin-right: 8px;
   "></span>`;
-  function p(r) {
-    return r.replace(/[<>&]/g, (d) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[d]);
-  }
-  document.body.appendChild(a), document.body.appendChild(s);
-  const u = /* @__PURE__ */ new Map();
-  function h(r) {
-    const d = document.createElement("div");
-    return d.className = A, d.setAttribute("aria-hidden", "true"), d.style.cssText = [
+  function a(h) {
+    return h.replace(/[<>&]/g, (f) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[f]);
+  }
+  document.body.appendChild(i), document.body.appendChild(r);
+  const c = /* @__PURE__ */ new Map();
+  function d(h) {
+    const f = document.createElement("div");
+    return f.className = A, f.setAttribute("aria-hidden", "true"), f.style.cssText = [
       "position: fixed",
       "width: 24px",
       "height: 24px",
@@ -261,11 +308,11 @@ function Q(n = {}) {
       "box-shadow: 0 2px 8px #00000066",
       "pointer-events: none",
       "z-index: 2147483646"
-    ].join("; "), d.textContent = String(r), document.body.appendChild(d), d;
+    ].join("; "), f.textContent = String(h), document.body.appendChild(f), f;
   }
-  function f() {
-    const r = document.createElement("div");
-    return r.className = A, r.setAttribute("aria-hidden", "true"), r.style.cssText = [
+  function u() {
+    const h = document.createElement("div");
+    return h.className = A, h.setAttribute("aria-hidden", "true"), h.style.cssText = [
       "position: fixed",
       "pointer-events: none",
       `border: 2px solid ${e}`,
@@ -273,72 +320,72 @@ function Q(n = {}) {
       "box-sizing: border-box",
       // Slightly below marker z so the marker visually "sits on" the outline corner.
       "z-index: 2147483645"
-    ].join("; "), document.body.appendChild(r), r;
-  }
-  function v(r, d, c) {
-    const l = c ? "0.5" : "1";
-    r.outline.style.display = "block", r.outline.style.opacity = l, r.outline.style.left = `${d.x}px`, r.outline.style.top = `${d.y}px`, r.outline.style.width = `${d.w}px`, r.outline.style.height = `${d.h}px`, r.marker.style.display = "flex", r.marker.style.opacity = l, r.marker.style.left = `${d.x + d.w - 12}px`, r.marker.style.top = `${Math.max(2, d.y - 12)}px`;
-  }
-  function m(r) {
-    r.marker.style.display = "none", r.outline.style.display = "none";
-  }
-  function x() {
-    u.forEach((r) => {
-      let d = r.anchor.target;
-      if (document.contains(d) || (d = null), !d && r.anchor.selector && (d = document.querySelector(r.anchor.selector), d && (r.anchor.target = d)), d) {
-        const l = d.getBoundingClientRect();
-        if (l.width > 0 || l.height > 0) {
-          v(r, { x: l.left, y: l.top, w: l.width, h: l.height }, !1);
+    ].join("; "), document.body.appendChild(h), h;
+  }
+  function g(h, f, p) {
+    const b = p ? "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 y(h) {
+    h.marker.style.display = "none", h.outline.style.display = "none";
+  }
+  function w() {
+    c.forEach((h) => {
+      let f = h.anchor.target;
+      if (document.contains(f) || (f = null), !f && h.anchor.selector && (f = document.querySelector(h.anchor.selector), f && (h.anchor.target = f)), f) {
+        const b = f.getBoundingClientRect();
+        if (b.width > 0 || b.height > 0) {
+          g(h, { x: b.left, y: b.top, w: b.width, h: b.height }, !1);
           return;
         }
       }
-      const c = r.anchor.fallbackRect;
-      if (c && (c.w > 0 || c.h > 0)) {
-        v(r, c, !0);
+      const p = h.anchor.fallbackRect;
+      if (p && (p.w > 0 || p.h > 0)) {
+        g(h, p, !0);
         return;
       }
-      m(r);
+      y(h);
     });
   }
-  let w = null;
-  function g() {
-    w === null && (w = requestAnimationFrame(() => {
-      w = null, x();
+  let x = null;
+  function v() {
+    x === null && (x = requestAnimationFrame(() => {
+      x = null, w();
     }));
   }
-  return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), {
-    addPin(r, d) {
-      const c = h(r), l = f();
-      u.set(r, { anchor: d, marker: c, outline: l }), x();
+  return window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), {
+    addPin(h, f) {
+      const p = d(h), b = u();
+      c.set(h, { anchor: f, marker: p, outline: b }), w();
     },
-    setLoading(r) {
-      r ? s.innerHTML = b + p(r) : s.textContent = M;
+    setLoading(h) {
+      h ? r.innerHTML = l + a(h) : r.textContent = K;
     },
     destroy() {
-      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g), w !== null && cancelAnimationFrame(w), a.remove(), s.remove(), i.remove(), u.forEach(({ marker: r, outline: d }) => {
-        r.remove(), d.remove();
-      }), u.clear();
+      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v), x !== null && cancelAnimationFrame(x), i.remove(), r.remove(), s.remove(), c.forEach(({ marker: h, outline: f }) => {
+        h.remove(), f.remove();
+      }), c.clear();
     }
   };
 }
-const ee = "#0ea5e9";
-function te(n, e) {
-  return /^#[0-9a-fA-F]{6}$/.test(n) ? `${n}${e}` : n;
+const Ie = "#0ea5e9";
+function _e(t, e) {
+  return /^#[0-9a-fA-F]{6}$/.test(t) ? `${t}${e}` : t;
 }
-function ne(n) {
-  const { shadowRoot: e, onHover: t } = n, o = n.accent ?? ee, i = te(o, "14"), a = document.createElement("div");
-  a.style.cssText = [
+function $e(t) {
+  const { shadowRoot: e, onHover: n } = t, o = t.accent ?? Ie, s = _e(o, "14"), i = document.createElement("div");
+  i.style.cssText = [
     "position: fixed",
     "pointer-events: none",
     "z-index: 2147483646",
     `border: 2px solid ${o}`,
-    `background: ${i}`,
+    `background: ${s}`,
     "transition: all 60ms ease-out",
     "box-sizing: border-box",
     "border-radius: 2px"
-  ].join("; "), document.body.appendChild(a);
-  const s = document.createElement("div");
-  s.style.cssText = [
+  ].join("; "), document.body.appendChild(i);
+  const r = document.createElement("div");
+  r.style.cssText = [
     "position: fixed",
     "pointer-events: none",
     "z-index: 2147483647",
@@ -351,152 +398,152 @@ function ne(n) {
     "overflow: hidden",
     "text-overflow: ellipsis",
     "white-space: nowrap"
-  ].join("; "), document.body.appendChild(s);
-  const b = document.body.style.cursor;
+  ].join("; "), document.body.appendChild(r);
+  const l = document.body.style.cursor;
   document.body.style.cursor = "crosshair";
-  let p = !1, u = () => {
+  let a = !1, c = () => {
   };
-  const h = new Promise((c) => {
-    u = c;
+  const d = new Promise((p) => {
+    c = p;
   });
-  function f(c) {
-    if (!c || !(c instanceof Node)) return !1;
-    let l = c;
-    for (; l; ) {
-      if (l === e || l === e.host) return !0;
-      l = l.parentNode ?? l.host ?? null;
+  function u(p) {
+    if (!p || !(p instanceof Node)) return !1;
+    let b = p;
+    for (; b; ) {
+      if (b === e || b === e.host) return !0;
+      b = b.parentNode ?? b.host ?? null;
     }
     return !1;
   }
-  function v(c, l) {
-    a.style.display = "none", s.style.display = "none";
-    const L = document.elementsFromPoint(c, l);
-    a.style.display = "block", s.style.display = "block";
-    for (const S of L)
-      if (!f(S)) return S;
+  function g(p, b) {
+    i.style.display = "none", r.style.display = "none";
+    const N = document.elementsFromPoint(p, b);
+    i.style.display = "block", r.style.display = "block";
+    for (const I of N)
+      if (!u(I)) return I;
     return null;
   }
-  function m(c) {
-    const l = c.getBoundingClientRect();
-    a.style.left = `${l.left}px`, a.style.top = `${l.top}px`, a.style.width = `${l.width}px`, a.style.height = `${l.height}px`;
-    const L = c.tagName.toLowerCase(), S = c.classList.length > 0 ? "." + Array.from(c.classList).slice(0, 2).join(".") : "";
-    s.textContent = L + S;
-    const $ = l.top - 22;
-    s.style.left = `${l.left}px`, s.style.top = `${$ >= 0 ? $ : l.bottom + 4}px`;
+  function y(p) {
+    const b = p.getBoundingClientRect();
+    i.style.left = `${b.left}px`, i.style.top = `${b.top}px`, i.style.width = `${b.width}px`, i.style.height = `${b.height}px`;
+    const N = p.tagName.toLowerCase(), I = p.classList.length > 0 ? "." + Array.from(p.classList).slice(0, 2).join(".") : "";
+    r.textContent = N + I;
+    const W = b.top - 22;
+    r.style.left = `${b.left}px`, r.style.top = `${W >= 0 ? W : b.bottom + 4}px`;
   }
-  function x(c) {
-    const l = v(c.clientX, c.clientY);
-    l ? (m(l), t == null || t(l)) : (a.style.display = "none", s.style.display = "none", t == null || t(null));
+  function w(p) {
+    const b = g(p.clientX, p.clientY);
+    b ? (y(b), n == null || n(b)) : (i.style.display = "none", r.style.display = "none", n == null || n(null));
   }
-  function w(c) {
-    if (c.button !== 0) return;
-    c.preventDefault(), c.stopPropagation();
-    const l = v(c.clientX, c.clientY);
-    l && d(l);
+  function x(p) {
+    if (p.button !== 0) return;
+    p.preventDefault(), p.stopPropagation();
+    const b = g(p.clientX, p.clientY);
+    b && f(b);
   }
-  function g(c) {
-    c.preventDefault(), c.stopPropagation();
+  function v(p) {
+    p.preventDefault(), p.stopPropagation();
   }
-  function r(c) {
-    c.key === "Escape" && (c.preventDefault(), d(null));
+  function h(p) {
+    p.key === "Escape" && (p.preventDefault(), f(null));
   }
-  function d(c) {
-    p || (p = !0, document.removeEventListener("mousemove", x, !0), document.removeEventListener("pointerdown", w, !0), document.removeEventListener("click", g, !0), document.removeEventListener("mouseup", g, !0), document.removeEventListener("keydown", r, !0), a.remove(), s.remove(), document.body.style.cursor = b, u(c));
+  function f(p) {
+    a || (a = !0, document.removeEventListener("mousemove", w, !0), document.removeEventListener("pointerdown", x, !0), document.removeEventListener("click", v, !0), document.removeEventListener("mouseup", v, !0), document.removeEventListener("keydown", h, !0), i.remove(), r.remove(), document.body.style.cursor = l, c(p));
   }
-  return document.addEventListener("mousemove", x, !0), document.addEventListener("pointerdown", w, !0), document.addEventListener("click", g, !0), document.addEventListener("mouseup", g, !0), document.addEventListener("keydown", r, !0), {
-    cancel: () => d(null),
-    promise: h
+  return document.addEventListener("mousemove", w, !0), document.addEventListener("pointerdown", x, !0), document.addEventListener("click", v, !0), document.addEventListener("mouseup", v, !0), document.addEventListener("keydown", h, !0), {
+    cancel: () => f(null),
+    promise: d
   };
 }
-const oe = 8;
-function _(n, e = document) {
-  if (!n) return !1;
+const Ne = 8;
+function Y(t, e = document) {
+  if (!t) return !1;
   try {
-    return e.querySelectorAll(`#${CSS.escape(n)}`).length === 1;
+    return e.querySelectorAll(`#${CSS.escape(t)}`).length === 1;
   } catch {
     return !1;
   }
 }
-function ie(n) {
-  const e = n.tagName.toLowerCase(), t = Array.from(n.classList).filter((o) => o.length > 0 && o.length < 40).slice(0, 3).map((o) => `.${CSS.escape(o)}`).join("");
-  return e + t;
+function Re(t) {
+  const e = t.tagName.toLowerCase(), n = Array.from(t.classList).filter((o) => o.length > 0 && o.length < 40).slice(0, 3).map((o) => `.${CSS.escape(o)}`).join("");
+  return e + n;
 }
-function ae(n) {
-  const e = n.parentElement;
-  return e ? Array.from(e.children).filter((o) => o.tagName === n.tagName).indexOf(n) + 1 : 1;
+function Pe(t) {
+  const e = t.parentElement;
+  return e ? Array.from(e.children).filter((o) => o.tagName === t.tagName).indexOf(t) + 1 : 1;
 }
-function se(n) {
-  if (!n || n.nodeType !== Node.ELEMENT_NODE) return "";
-  if (n.id && _(n.id))
-    return `#${CSS.escape(n.id)}`;
+function De(t) {
+  if (!t || t.nodeType !== Node.ELEMENT_NODE) return "";
+  if (t.id && Y(t.id))
+    return `#${CSS.escape(t.id)}`;
   const e = [];
-  let t = n, o = 0;
-  for (; t && t.tagName.toLowerCase() !== "body" && o < oe; ) {
-    const i = t;
-    if (i.id && _(i.id)) {
-      e.unshift(`#${CSS.escape(i.id)}`);
+  let n = t, o = 0;
+  for (; n && n.tagName.toLowerCase() !== "body" && o < Ne; ) {
+    const s = n;
+    if (s.id && Y(s.id)) {
+      e.unshift(`#${CSS.escape(s.id)}`);
       break;
     }
-    const a = ie(i), s = i.parentElement;
-    let b = a;
-    if (s)
+    const i = Re(s), r = s.parentElement;
+    let l = i;
+    if (r)
       try {
-        const p = Array.from(i.classList).join(" ");
-        Array.from(s.children).filter(
-          (h) => h.tagName === i.tagName && Array.from(h.classList).join(" ") === p
-        ).length > 1 && (b = `${i.tagName.toLowerCase()}:nth-of-type(${ae(i)})`);
+        const a = Array.from(s.classList).join(" ");
+        Array.from(r.children).filter(
+          (d) => d.tagName === s.tagName && Array.from(d.classList).join(" ") === a
+        ).length > 1 && (l = `${s.tagName.toLowerCase()}:nth-of-type(${Pe(s)})`);
       } catch {
       }
-    e.unshift(b), t = s, o++;
+    e.unshift(l), n = r, o++;
   }
   return e.join(" > ");
 }
-function re(n) {
-  const e = Object.keys(n).filter((o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$"));
+function Be(t) {
+  const e = Object.keys(t).filter((o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$"));
   if (e.length === 0) return null;
-  let t = n[e[0]];
-  for (let o = 0; o < 10 && t; o++) {
-    const i = t, a = i.type;
-    if (typeof a == "function") {
-      const s = a.displayName ?? a.name;
-      if (s && s !== "_default") return { lib: "react", name: s };
+  let n = t[e[0]];
+  for (let o = 0; o < 10 && n; o++) {
+    const s = n, i = s.type;
+    if (typeof i == "function") {
+      const r = i.displayName ?? i.name;
+      if (r && r !== "_default") return { lib: "react", name: r };
     }
-    if (typeof a == "object" && a !== null) {
-      const s = a.displayName ?? a.name;
-      if (s) return { lib: "react", name: s };
+    if (typeof i == "object" && i !== null) {
+      const r = i.displayName ?? i.name;
+      if (r) return { lib: "react", name: r };
     }
-    t = i.return;
+    n = s.return;
   }
   return { lib: "react" };
 }
-function ce(n) {
-  var o, i;
-  const e = n, t = e.__vueParentComponent;
-  if (t) {
-    const a = ((o = t.type) == null ? void 0 : o.name) ?? ((i = t.type) == null ? void 0 : i.__name);
-    return { lib: "vue", ...a ? { name: a } : {} };
+function je(t) {
+  var o, s;
+  const e = t, n = e.__vueParentComponent;
+  if (n) {
+    const i = ((o = n.type) == null ? void 0 : o.name) ?? ((s = n.type) == null ? void 0 : s.__name);
+    return { lib: "vue", ...i ? { name: i } : {} };
   }
   return e.__vue__ ? { lib: "vue" } : null;
 }
-function de(n) {
+function Oe(t) {
   const e = window.ng;
   if (!(e != null && e.getComponent)) return null;
   try {
-    const t = e.getComponent(n);
-    if (!t) return null;
-    const o = t.constructor;
+    const n = e.getComponent(t);
+    if (!n) return null;
+    const o = n.constructor;
     return { lib: "angular", ...o != null && o.name ? { name: o.name } : {} };
   } catch {
     return null;
   }
 }
-function le(n) {
-  return "__svelte_meta" in n ? { lib: "svelte" } : null;
+function ze(t) {
+  return "__svelte_meta" in t ? { lib: "svelte" } : null;
 }
-function P(n) {
-  return re(n) ?? ce(n) ?? de(n) ?? le(n) ?? void 0;
+function G(t) {
+  return Be(t) ?? je(t) ?? Oe(t) ?? ze(t) ?? void 0;
 }
-const ue = 5e3, pe = 1e3, I = 1e3, D = 200, he = 50, z = 200, be = 500, fe = [
+const Ue = 5e3, He = 1e3, J = 1e3, Z = 200, qe = 50, Q = 200, Fe = 500, We = [
   "display",
   "position",
   "top",
@@ -535,60 +582,60 @@ const ue = 5e3, pe = 1e3, I = 1e3, D = 200, he = 50, z = 200, be = 500, fe = [
   "grid-template-columns",
   "grid-template-rows"
 ];
-function B(n, e) {
-  return n.length <= e ? n : n.slice(0, e) + `
+function ee(t, e) {
+  return t.length <= e ? t : t.slice(0, e) + `
 
-/* … truncated, original was ${n.length} chars */`;
+/* … truncated, original was ${t.length} chars */`;
 }
-function me(n) {
-  const e = getComputedStyle(n), t = {};
-  for (const o of fe) {
-    const i = e.getPropertyValue(o);
-    i && i !== "normal" && i !== "none" && i !== "auto" && i !== "0px" && (t[o] = i.trim().slice(0, be));
+function Ve(t) {
+  const e = getComputedStyle(t), n = {};
+  for (const o of We) {
+    const s = e.getPropertyValue(o);
+    s && s !== "normal" && s !== "none" && s !== "auto" && s !== "0px" && (n[o] = s.trim().slice(0, Fe));
   }
-  return t;
+  return n;
 }
-function ge(n) {
-  return Array.from(n.classList).slice(0, he).map((t) => t.length > z ? t.slice(0, z) : t);
+function Ke(t) {
+  return Array.from(t.classList).slice(0, qe).map((n) => n.length > Q ? n.slice(0, Q) : n);
 }
-function ve(n) {
-  const e = n.getBoundingClientRect(), t = se(n), o = n.id || null;
+function Xe(t) {
+  const e = t.getBoundingClientRect(), n = De(t), o = t.id || null;
   return {
-    selector: t.length > I ? t.slice(0, I) : t,
-    tagName: n.tagName.toLowerCase(),
-    id: o && o.length > D ? o.slice(0, D) : o,
-    classList: ge(n),
-    outerHTML: B(n.outerHTML, ue),
-    ...n.parentElement ? { parentOuterHTML: B(n.parentElement.outerHTML, pe) } : {},
-    computedStyles: me(n),
+    selector: n.length > J ? n.slice(0, J) : n,
+    tagName: t.tagName.toLowerCase(),
+    id: o && o.length > Z ? o.slice(0, Z) : o,
+    classList: Ke(t),
+    outerHTML: ee(t.outerHTML, Ue),
+    ...t.parentElement ? { parentOuterHTML: ee(t.parentElement.outerHTML, He) } : {},
+    computedStyles: Ve(t),
     boundingRect: {
       x: Math.round(e.x),
       y: Math.round(e.y),
       w: Math.round(e.width),
       h: Math.round(e.height)
     },
-    ...P(n) ? { framework: P(n) } : {}
+    ...G(t) ? { framework: G(t) } : {}
   };
 }
-function O() {
-  var t, o;
-  const n = navigator;
-  return n.userAgentData ? {
-    brand: ((t = n.userAgentData.brands.find((i) => !/Not[.\-]?A.?Brand/i.test(i.brand))) == null ? void 0 : t.brand) ?? ((o = n.userAgentData.brands[0]) == null ? void 0 : o.brand) ?? "unknown",
-    mobile: n.userAgentData.mobile,
-    platform: n.userAgentData.platform
+function te() {
+  var n, o;
+  const t = navigator;
+  return t.userAgentData ? {
+    brand: ((n = t.userAgentData.brands.find((s) => !/Not[.\-]?A.?Brand/i.test(s.brand))) == null ? void 0 : n.brand) ?? ((o = t.userAgentData.brands[0]) == null ? void 0 : o.brand) ?? "unknown",
+    mobile: t.userAgentData.mobile,
+    platform: t.userAgentData.platform
   } : void 0;
 }
-function j() {
+function ne() {
   if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
   if (window.matchMedia("(prefers-color-scheme: light)").matches) return "light";
 }
-function H() {
+function oe() {
   return {
     url: window.location.href,
     ...document.referrer ? { referrer: document.referrer } : {},
     userAgent: navigator.userAgent,
-    ...O() ? { uaData: O() } : {},
+    ...te() ? { uaData: te() } : {},
     viewport: {
       w: window.innerWidth,
       h: window.innerHeight,
@@ -600,54 +647,54 @@ function H() {
     },
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     locale: navigator.language,
-    ...j() ? { theme: j() } : {},
+    ...ne() ? { theme: ne() } : {},
     capturedAt: (/* @__PURE__ */ new Date()).toISOString()
   };
 }
-let T = null;
-async function xe() {
-  return T || (T = await import("./index-DAIDnjfR.mjs")), T;
+let R = null;
+async function Ye() {
+  return R || (R = await import("./index-DAIDnjfR.mjs")), R;
 }
-const C = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
-function F(n, e) {
-  if (!n || n.startsWith("data:") || n.startsWith("blob:") || n.startsWith("/") || n.startsWith("#")) return !0;
+const _ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
+function se(t, e) {
+  if (!t || t.startsWith("data:") || t.startsWith("blob:") || t.startsWith("/") || t.startsWith("#")) return !0;
   try {
-    if (new URL(n, window.location.href).origin === window.location.origin) return !0;
+    if (new URL(t, window.location.href).origin === window.location.origin) return !0;
   } catch {
     return !1;
   }
   return e === "anonymous" || e === "use-credentials";
 }
-function we() {
-  const n = [], e = [];
-  return document.querySelectorAll("img").forEach((t) => {
-    F(t.src, t.crossOrigin) || (n.push({ el: t, src: t.src }), t.src = C);
-  }), document.querySelectorAll("image").forEach((t) => {
-    const o = t, i = o.getAttribute("href"), a = o.getAttributeNS("http://www.w3.org/1999/xlink", "href"), s = i || a || "";
-    s && !F(s) && (e.push({ el: o, href: i, xlink: a }), i !== null && o.setAttribute("href", C), a !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", C));
+function Ge() {
+  const t = [], e = [];
+  return document.querySelectorAll("img").forEach((n) => {
+    se(n.src, n.crossOrigin) || (t.push({ el: n, src: n.src }), n.src = _);
+  }), document.querySelectorAll("image").forEach((n) => {
+    const o = n, s = o.getAttribute("href"), i = o.getAttributeNS("http://www.w3.org/1999/xlink", "href"), r = s || i || "";
+    r && !se(r) && (e.push({ el: o, href: s, xlink: i }), s !== null && o.setAttribute("href", _), i !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", _));
   }), () => {
-    for (const { el: t, src: o } of n)
-      t.src = o;
-    for (const { el: t, href: o, xlink: i } of e)
-      o !== null && t.setAttribute("href", o), i !== null && t.setAttributeNS("http://www.w3.org/1999/xlink", "href", i);
+    for (const { el: n, src: o } of t)
+      n.src = o;
+    for (const { el: n, href: o, xlink: s } of e)
+      o !== null && n.setAttribute("href", o), s !== null && n.setAttributeNS("http://www.w3.org/1999/xlink", "href", s);
   };
 }
-async function W(n = {}) {
-  const { quality: e = 0.7, pixelRatio: t = Math.min(window.devicePixelRatio || 1, 2), excludeShadowRoot: o } = n, i = await xe(), a = o ? (b) => {
-    let p = b;
-    for (; p; ) {
-      if (p === o.host || p instanceof Element && p.classList.contains("beacon-no-capture")) return !1;
-      p = p.parentNode;
+async function ie(t = {}) {
+  const { quality: e = 0.7, pixelRatio: n = Math.min(window.devicePixelRatio || 1, 2), excludeShadowRoot: o } = t, s = await Ye(), i = o ? (l) => {
+    let a = l;
+    for (; a; ) {
+      if (a === o.host || a instanceof Element && a.classList.contains("beacon-no-capture")) return !1;
+      a = a.parentNode;
     }
     return !0;
-  } : void 0, s = we();
+  } : void 0, r = Ge();
   try {
-    return await i.toJpeg(document.documentElement, {
+    return await s.toJpeg(document.documentElement, {
       quality: e,
-      pixelRatio: t,
+      pixelRatio: n,
       cacheBust: !0,
-      ...a ? { filter: a } : {},
-      imagePlaceholder: C,
+      ...i ? { filter: i } : {},
+      imagePlaceholder: _,
       // Cap dimensions to viewport so we don't accidentally capture full document height.
       width: window.innerWidth,
       height: window.innerHeight,
@@ -657,88 +704,159 @@ async function W(n = {}) {
       }
     });
   } finally {
-    s();
-  }
-}
-const ye = 14, ke = "#ffffff", Ee = "#ffffff", Ae = 3, Se = "#0ea5e9";
-async function U(n, e, t, o, i = Se) {
-  const a = i, s = i, b = await Le(n), p = document.createElement("canvas");
-  p.width = b.naturalWidth, p.height = b.naturalHeight;
-  const u = p.getContext("2d");
-  if (!u) throw new Error("Could not get 2D canvas context");
-  u.drawImage(b, 0, 0);
-  const h = p.width / t.w, f = p.height / t.h;
-  for (const v of e) {
-    const m = Ce(v, o);
-    if (!m) continue;
-    const x = m.x * h, w = m.y * f, g = m.w * h, r = m.h * f;
-    u.lineWidth = Ae, u.strokeStyle = s, u.strokeRect(x, w, g, r);
-    const d = x + g, c = w;
-    u.beginPath(), u.fillStyle = a, u.arc(d, c, ye, 0, Math.PI * 2), u.fill(), u.lineWidth = 3, u.strokeStyle = ke, u.stroke(), u.fillStyle = Ee, u.font = "bold 16px system-ui, -apple-system, sans-serif", u.textAlign = "center", u.textBaseline = "middle", u.fillText(String(v.number), d, c + 1);
-  }
-  return p.toDataURL("image/jpeg", 0.85);
-}
-function Ce(n, e) {
-  const t = e == null ? void 0 : e.get(n);
-  if (t && document.contains(t)) {
-    const o = t.getBoundingClientRect();
+    r();
+  }
+}
+const Je = 14, Ze = "#ffffff", Qe = "#ffffff", et = 3, tt = "#0ea5e9";
+async function re(t, e, n, o, s = tt) {
+  const i = s, r = s, l = await ot(t), a = document.createElement("canvas");
+  a.width = l.naturalWidth, a.height = l.naturalHeight;
+  const c = a.getContext("2d");
+  if (!c) throw new Error("Could not get 2D canvas context");
+  c.drawImage(l, 0, 0);
+  const d = a.width / n.w, u = a.height / n.h;
+  for (const g of e) {
+    const y = nt(g, o);
+    if (!y) continue;
+    const w = y.x * d, x = y.y * u, v = y.w * d, h = y.h * u;
+    c.lineWidth = et, c.strokeStyle = r, c.strokeRect(w, x, v, h);
+    const f = w + v, p = x;
+    c.beginPath(), c.fillStyle = i, c.arc(f, p, Je, 0, Math.PI * 2), c.fill(), c.lineWidth = 3, c.strokeStyle = Ze, c.stroke(), c.fillStyle = Qe, c.font = "bold 16px system-ui, -apple-system, sans-serif", c.textAlign = "center", c.textBaseline = "middle", c.fillText(String(g.number), f, p + 1);
+  }
+  return a.toDataURL("image/jpeg", 0.85);
+}
+function nt(t, e) {
+  const n = e == null ? void 0 : e.get(t);
+  if (n && document.contains(n)) {
+    const o = n.getBoundingClientRect();
     if (o.width > 0 || o.height > 0)
       return { x: o.left, y: o.top, w: o.width, h: o.height };
   }
-  if (n.selector)
+  if (t.selector)
     try {
-      const o = document.querySelector(n.selector);
+      const o = document.querySelector(t.selector);
       if (o) {
-        const i = o.getBoundingClientRect();
-        if (i.width > 0 || i.height > 0)
-          return { x: i.left, y: i.top, w: i.width, h: i.height };
+        const s = o.getBoundingClientRect();
+        if (s.width > 0 || s.height > 0)
+          return { x: s.left, y: s.top, w: s.width, h: s.height };
       }
     } catch {
     }
-  return n.boundingRect;
+  return t.boundingRect;
 }
-function Le(n) {
-  return new Promise((e, t) => {
+function ot(t) {
+  return new Promise((e, n) => {
     const o = new Image();
-    o.onload = () => e(o), o.onerror = (i) => t(i), o.src = n;
+    o.onload = () => e(o), o.onerror = (s) => n(s), o.src = t;
   });
 }
-async function Te(n, e, t) {
-  const o = await fetch(n, {
+const st = 30, D = 500, ae = 2e3, it = 500, rt = 5e3, at = /launch-kit-beacon|beacon-client|beacon\.(?:es|umd|mjs)/i, $ = [], P = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Set();
+let ce = !1;
+function C(t, e) {
+  if (t)
+    return t.length > e ? t.slice(0, e) : t;
+}
+function ct(t, e) {
+  const n = (e == null ? void 0 : e.split(`
+`).slice(0, 3).join("|")) ?? "";
+  return `${t}::${n}`;
+}
+function lt(t) {
+  return !!t && at.test(t);
+}
+function dt(t) {
+  try {
+    return JSON.stringify(t).slice(0, D);
+  } catch {
+    return String(t);
+  }
+}
+function le(t) {
+  if (lt(t.stack) || t.kind === "unhandledrejection" && /AbortError/i.test(t.message)) return;
+  const e = ct(t.message, t.stack), n = P.get(e);
+  if (n !== void 0 && t.ts - n < rt) {
+    P.set(e, t.ts);
+    return;
+  }
+  P.set(e, t.ts), $.push(t), $.length > st && $.shift();
+  for (const o of B)
+    try {
+      o();
+    } catch {
+    }
+}
+function ut() {
+  ce || typeof window > "u" || (ce = !0, window.addEventListener("error", (t) => {
+    try {
+      const e = t.error instanceof Error ? t.error.message : void 0, n = t.error instanceof Error ? t.error.stack : void 0;
+      le({
+        ts: Date.now(),
+        kind: "error",
+        message: C(t.message || e || "Unknown error", D) ?? "Unknown error",
+        ...n ? { stack: C(n, ae) } : {},
+        ...t.filename ? { source: C(t.filename, it) } : {},
+        ...Number.isFinite(t.lineno) ? { line: t.lineno } : {},
+        ...Number.isFinite(t.colno) ? { col: t.colno } : {}
+      });
+    } catch {
+    }
+  }), window.addEventListener("unhandledrejection", (t) => {
+    try {
+      const e = t.reason, n = e instanceof Error ? e.message : typeof e == "string" ? e : dt(e), o = e instanceof Error ? e.stack : void 0;
+      le({
+        ts: Date.now(),
+        kind: "unhandledrejection",
+        message: C(n || "Unknown rejection", D) ?? "Unknown rejection",
+        ...o ? { stack: C(o, ae) } : {}
+      });
+    } catch {
+    }
+  }));
+}
+function M() {
+  return $.slice();
+}
+function ge(t) {
+  return B.add(t), () => {
+    B.delete(t);
+  };
+}
+async function ht(t, e, n) {
+  const o = await fetch(t, {
     method: "POST",
     credentials: "include",
     headers: {
       "Content-Type": "application/json",
-      ...t ?? {}
+      ...n ?? {}
     },
     body: JSON.stringify(e)
   });
-  let i = null;
+  let s = null;
   if ((o.headers.get("Content-Type") ?? "").includes("application/json"))
     try {
-      i = await o.json();
+      s = await o.json();
     } catch {
-      i = null;
+      s = null;
     }
   else
     try {
-      i = await o.text();
+      s = await o.text();
     } catch {
-      i = null;
+      s = null;
     }
   return {
     ok: o.ok,
     status: o.status,
-    body: i
+    body: s
   };
 }
-const $e = ["endpoint", "position", "theme", "severities"], q = "launch-kit-beacon-portal-styles";
-function Re(n) {
-  if (document.getElementById(q)) return;
+const pt = ["endpoint", "position", "theme", "severities"], de = "launch-kit-beacon-portal-styles";
+function ft(t) {
+  if (document.getElementById(de)) return;
   const e = document.createElement("style");
-  e.id = q, e.textContent = n, document.head.appendChild(e);
+  e.id = de, e.textContent = t, document.head.appendChild(e);
 }
-const Me = [
+const bt = [
   "--beacon-accent",
   "--beacon-bg",
   "--beacon-fg",
@@ -751,13 +869,13 @@ const Me = [
   "--beacon-idea",
   "--beacon-ux",
   "--beacon-a11y"
-], K = "#0ea5e9";
-class Ne extends HTMLElement {
+], ue = "#0ea5e9";
+class mt extends HTMLElement {
   constructor() {
     super(...arguments), this._config = null, this.pins = [], this.pinElements = /* @__PURE__ */ new WeakMap(), this.description = "", this.severity = "bug", this.submitSucceeded = !1;
   }
   static get observedAttributes() {
-    return $e;
+    return pt;
   }
   /** Public — wrappers can set `widget.config = {...}` for dynamic endpoint/headers/context. */
   set config(e) {
@@ -772,44 +890,48 @@ class Ne extends HTMLElement {
     if (!this.shadow) {
       this.shadow = this.attachShadow({ mode: "open" });
       const e = document.createElement("style");
-      e.textContent = R, this.shadow.appendChild(e), this.slotEl = document.createElement("slot"), this.slotEl.name = "trigger", this.shadow.appendChild(this.slotEl), this.trigger = Y(), this.shadow.appendChild(this.trigger), this.trigger.addEventListener("click", () => this.open()), this.slotEl.addEventListener("slotchange", () => {
-        const t = this.slotEl.assignedElements();
-        t.length > 0 && (this.trigger && (this.trigger.style.display = "none"), t.forEach((o) => o.addEventListener("click", () => this.open())));
-      }), this.drawer = new G(this.parseSeverities(), {
+      e.textContent = V, this.shadow.appendChild(e), this.slotEl = document.createElement("slot"), this.slotEl.name = "trigger", this.shadow.appendChild(this.slotEl), this.trigger = ke(), this.shadow.appendChild(this.trigger), this.trigger.addEventListener("click", () => this.open()), this.slotEl.addEventListener("slotchange", () => {
+        const n = this.slotEl.assignedElements();
+        n.length > 0 && (this.trigger && (this.trigger.style.display = "none"), n.forEach((o) => o.addEventListener("click", () => this.open())));
+      }), this.drawer = new Ce(this.parseSeverities(), {
         onClose: () => this.close(),
         onAnnotate: () => this.startAnnotate(),
         onSubmit: () => this.handleSubmit(),
-        onPinNoteChange: (t, o) => this.updatePinNote(t, o),
-        onPinDelete: (t) => this.deletePin(t),
-        onDescriptionChange: (t) => {
-          this.description = t;
+        onPinNoteChange: (n, o) => this.updatePinNote(n, o),
+        onPinDelete: (n) => this.deletePin(n),
+        onDescriptionChange: (n) => {
+          this.description = n;
         },
-        onSeverityChange: (t) => {
-          this.severity = t;
+        onSeverityChange: (n) => {
+          this.severity = n;
         }
-      }), Re(R), this.drawer.root.classList.add("beacon-no-capture"), this.drawer.root.classList.add(`beacon-theme-${this.getAttribute("theme") ?? "auto"}`), document.body.appendChild(this.drawer.root);
+      }), ft(V), this.drawer.root.classList.add("beacon-no-capture"), this.drawer.root.classList.add(`beacon-theme-${this.getAttribute("theme") ?? "auto"}`), document.body.appendChild(this.drawer.root), this.eventsUnsubscribe = ge(() => {
+        var n;
+        (n = this.drawer) == null || n.setEvents(M());
+      });
     }
     this.hasAttribute("position") || this.setAttribute("position", "bottom-right"), this.hasAttribute("theme") || this.setAttribute("theme", "auto");
   }
-  attributeChangedCallback(e, t, o) {
-    e === "severities" && this.drawer && console.warn("[launch-kit-beacon] severities attribute changed after mount; not yet hot-reloaded."), e === "theme" && this.drawer && t !== o && (this.drawer.root.classList.remove(`beacon-theme-${t ?? "auto"}`), this.drawer.root.classList.add(`beacon-theme-${o ?? "auto"}`));
+  attributeChangedCallback(e, n, o) {
+    e === "severities" && this.drawer && console.warn("[launch-kit-beacon] severities attribute changed after mount; not yet hot-reloaded."), e === "theme" && this.drawer && n !== o && (this.drawer.root.classList.remove(`beacon-theme-${n ?? "auto"}`), this.drawer.root.classList.add(`beacon-theme-${o ?? "auto"}`));
   }
   // ── Public API ──────────────────────────────────────────
   open() {
     var e;
     if (this.drawer) {
       if (this.getAttribute("position") === "hidden") {
-        const t = (e = this.slotEl) == null ? void 0 : e.assignedElements()[0];
-        t && Ie(this.drawer.root, t);
+        const n = (e = this.slotEl) == null ? void 0 : e.assignedElements()[0];
+        n && wt(this.drawer.root, n);
       }
-      this.submitSucceeded = !1, this.syncCustomProperties(), this.installClickBlocker(), this.drawer.open();
+      this.submitSucceeded = !1, this.drawer.setEvents(M()), this.syncCustomProperties(), this.installClickBlocker(), this.drawer.open();
     }
   }
   close() {
     this.drawer && (!this.submitSucceeded && this.hasUnsavedData() && !window.confirm("You have unsaved feedback. Close and discard it?") || this.forceClose());
   }
   disconnectedCallback() {
-    this.uninstallClickBlocker(), this.drawer && this.drawer.root.parentNode && this.drawer.root.parentNode.removeChild(this.drawer.root);
+    var e;
+    this.uninstallClickBlocker(), (e = this.eventsUnsubscribe) == null || e.call(this), this.eventsUnsubscribe = void 0, this.drawer && this.drawer.root.parentNode && this.drawer.root.parentNode.removeChild(this.drawer.root);
   }
   async openWithPicker() {
     this.open(), setTimeout(() => this.startAnnotate(), 0);
@@ -818,11 +940,11 @@ class Ne extends HTMLElement {
   async startAnnotate() {
     if (!this.drawer) return;
     this.drawer.minimize();
-    const e = this.getAccentColor(), t = Q({ accent: e });
+    const e = this.getAccentColor(), n = Me({ accent: e });
     for (const o of this.pins) {
-      const i = this.pinElements.get(o);
-      i && t.addPin(o.number, {
-        target: i,
+      const s = this.pinElements.get(o);
+      s && n.addPin(o.number, {
+        target: s,
         selector: o.selector,
         fallbackRect: o.boundingRect
       });
@@ -830,50 +952,50 @@ class Ne extends HTMLElement {
     try {
       let o = !0;
       for (; o; ) {
-        const a = await ne({ shadowRoot: this.shadow, accent: e }).promise;
-        if (!a) break;
-        const s = a.getBoundingClientRect(), b = await Z({
+        const i = await $e({ shadowRoot: this.shadow, accent: e }).promise;
+        if (!i) break;
+        const r = i.getBoundingClientRect(), l = await Le({
           shadowRoot: this.shadow,
-          anchor: { x: s.left, y: s.bottom },
+          anchor: { x: r.left, y: r.bottom },
           pinNumber: this.pins.length + 1
         });
-        if (b.cancelled === "all") break;
-        if (b.cancelled === "pin") continue;
-        const p = ve(a), u = {
+        if (l.cancelled === "all") break;
+        if (l.cancelled === "pin") continue;
+        const a = Xe(i), c = {
           number: this.pins.length + 1,
-          ...p,
-          ...b.note ? { note: b.note } : {}
+          ...a,
+          ...l.note ? { note: l.note } : {}
         };
-        this.pins.push(u), this.pinElements.set(u, a), t.addPin(u.number, {
-          target: a,
-          selector: p.selector,
-          fallbackRect: p.boundingRect
+        this.pins.push(c), this.pinElements.set(c, i), n.addPin(c.number, {
+          target: i,
+          selector: a.selector,
+          fallbackRect: a.boundingRect
         });
       }
       if (this.pins.length > 0) {
-        t.setLoading("Capturing screenshot…"), await new Promise((i) => requestAnimationFrame(() => i()));
+        n.setLoading("Capturing screenshot…"), await new Promise((s) => requestAnimationFrame(() => s()));
         try {
-          const i = H(), a = await W({ excludeShadowRoot: this.shadow }), s = await U(a, this.pins, i.viewport, this.pinElements, e);
-          this.drawer.setPins(this.pins, s);
-        } catch (i) {
-          const a = i instanceof Error ? i.message : String(i);
-          console.error("[launch-kit-beacon] screenshot capture failed:", i), this.drawer.setPins(this.pins), this.drawer.setStatus(`Screenshot capture failed: ${a}`, "error");
+          const s = oe(), i = await ie({ excludeShadowRoot: this.shadow }), r = await re(i, this.pins, s.viewport, this.pinElements, e);
+          this.drawer.setPins(this.pins, r);
+        } catch (s) {
+          const i = s instanceof Error ? s.message : String(s);
+          console.error("[launch-kit-beacon] screenshot capture failed:", s), this.drawer.setPins(this.pins), this.drawer.setStatus(`Screenshot capture failed: ${i}`, "error");
         }
       }
     } finally {
-      t.destroy();
+      n.destroy();
     }
     this.drawer.open();
   }
-  updatePinNote(e, t) {
-    const o = this.pins.find((i) => i.number === e);
-    o && (t.trim() ? o.note = t : delete o.note);
+  updatePinNote(e, n) {
+    const o = this.pins.find((s) => s.number === e);
+    o && (n.trim() ? o.note = n : delete o.note);
   }
   deletePin(e) {
-    var t, o;
-    this.pins = this.pins.filter((i) => i.number !== e), this.pins.forEach((i, a) => {
-      i.number = a + 1;
-    }), (t = this.drawer) == null || t.setAnnotatedScreenshot(void 0), (o = this.drawer) == null || o.setPins(this.pins);
+    var n, o;
+    this.pins = this.pins.filter((s) => s.number !== e), this.pins.forEach((s, i) => {
+      s.number = i + 1;
+    }), (n = this.drawer) == null || n.setAnnotatedScreenshot(void 0), (o = this.drawer) == null || o.setPins(this.pins);
   }
   // ── Submit flow ──────────────────────────────────────────
   async handleSubmit() {
@@ -883,54 +1005,55 @@ class Ne extends HTMLElement {
       this.drawer.setStatus("Missing endpoint configuration", "error");
       return;
     }
-    const t = this.drawer.getDescription().trim(), o = this.drawer.getSeverity();
-    if (!t) {
+    const n = this.drawer.getDescription().trim(), o = this.drawer.getSeverity();
+    if (!n) {
       this.drawer.setStatus("Description is required", "error");
       return;
     }
     this.drawer.setSubmitting(!0);
-    let i = this.drawer.getAnnotatedScreenshot();
-    const a = !i && this.pins.length > 0;
-    this.drawer.setStatus(a ? "Capturing screenshot…" : "Sending…"), await new Promise((h) => requestAnimationFrame(() => h()));
-    const s = H();
-    if (a)
+    let s = this.drawer.getAnnotatedScreenshot();
+    const i = !s && this.pins.length > 0;
+    this.drawer.setStatus(i ? "Capturing screenshot…" : "Sending…"), await new Promise((u) => requestAnimationFrame(() => u()));
+    const r = oe();
+    if (i)
       try {
-        const h = await W({ excludeShadowRoot: this.shadow });
-        i = await U(h, this.pins, s.viewport, this.pinElements, this.getAccentColor());
-      } catch (h) {
-        console.error("[launch-kit-beacon] screenshot capture failed at submit:", h);
+        const u = await ie({ excludeShadowRoot: this.shadow });
+        s = await re(u, this.pins, r.viewport, this.pinElements, this.getAccentColor());
+      } catch (u) {
+        console.error("[launch-kit-beacon] screenshot capture failed at submit:", u);
       }
-    const b = {
-      description: t,
+    const l = M(), a = {
+      description: n,
       severity: o,
-      ...i ? { screenshot: { dataUrl: i, mime: "image/jpeg" } } : {},
-      metadata: s,
+      ...s ? { screenshot: { dataUrl: s, mime: "image/jpeg" } } : {},
+      metadata: r,
       pins: this.pins,
+      ...l.length > 0 ? { events: l } : {},
       ...this.resolveContext() ? { context: this.resolveContext() } : {}
-    }, p = new CustomEvent("beacon-before-submit", {
-      detail: { payload: b },
+    }, c = new CustomEvent("beacon-before-submit", {
+      detail: { payload: a },
       cancelable: !0,
       bubbles: !0,
       composed: !0
     });
-    if (!this.dispatchEvent(p)) {
+    if (!this.dispatchEvent(c)) {
       this.drawer.setSubmitting(!1), this.drawer.setStatus("Submission cancelled", "error");
       return;
     }
     this.drawer.setStatus("Sending…");
     try {
-      const h = this.resolveHeaders(), f = await Te(e.endpoint, b, h);
-      this.drawer.setSubmitting(!1), f.ok ? (this.submitSucceeded = !0, this.drawer.setStatus("Sent — thanks!", "success"), this.dispatchEvent(new CustomEvent("beacon-after-submit", {
-        detail: { response: f },
+      const u = this.resolveHeaders(), g = await ht(e.endpoint, a, u);
+      this.drawer.setSubmitting(!1), g.ok ? (this.submitSucceeded = !0, this.drawer.setStatus("Sent — thanks!", "success"), this.dispatchEvent(new CustomEvent("beacon-after-submit", {
+        detail: { response: g },
         bubbles: !0,
         composed: !0
       })), setTimeout(() => {
         this.forceClose();
-      }, 1500)) : this.drawer.setStatus(`Failed: ${f.status}`, "error");
-    } catch (h) {
+      }, 1500)) : this.drawer.setStatus(`Failed: ${g.status}`, "error");
+    } catch (u) {
       this.drawer.setSubmitting(!1);
-      const f = h instanceof Error ? h.message : "Network error";
-      this.drawer.setStatus(`Failed: ${f}`, "error");
+      const g = u instanceof Error ? u.message : "Network error";
+      this.drawer.setStatus(`Failed: ${g}`, "error");
     }
   }
   // ── Helpers ──────────────────────────────────────────
@@ -940,7 +1063,7 @@ class Ne extends HTMLElement {
    * targeting the host). Falls back to the default sky-blue if unset.
    */
   getAccentColor() {
-    return typeof window > "u" ? K : getComputedStyle(this).getPropertyValue("--beacon-accent").trim() || K;
+    return typeof window > "u" ? ue : getComputedStyle(this).getPropertyValue("--beacon-accent").trim() || ue;
   }
   /**
    * Mirror every customizable --beacon-* var from the host onto the body-mounted
@@ -950,14 +1073,14 @@ class Ne extends HTMLElement {
   syncCustomProperties() {
     if (!this.drawer) return;
     const e = getComputedStyle(this);
-    for (const t of Me) {
-      const o = e.getPropertyValue(t).trim();
-      o && this.drawer.root.style.setProperty(t, o);
+    for (const n of bt) {
+      const o = e.getPropertyValue(n).trim();
+      o && this.drawer.root.style.setProperty(n, o);
     }
   }
   hasUnsavedData() {
-    var t;
-    return this.pins.length > 0 ? !0 : (((t = this.drawer) == null ? void 0 : t.getDescription()) ?? "").trim().length > 0;
+    var n;
+    return this.pins.length > 0 ? !0 : (((n = this.drawer) == null ? void 0 : n.getDescription()) ?? "").trim().length > 0;
   }
   resetState() {
     var e;
@@ -969,9 +1092,9 @@ class Ne extends HTMLElement {
   }
   installClickBlocker() {
     this.documentClickBlocker || (this.documentClickBlocker = (e) => {
-      const t = e.composedPath();
-      if (!t.includes(this.shadow.host)) {
-        for (const o of t)
+      const n = e.composedPath();
+      if (!n.includes(this.shadow.host)) {
+        for (const o of n)
           if (o instanceof Element && o.classList.contains("beacon-no-capture")) return;
         e.preventDefault(), e.stopPropagation();
       }
@@ -981,36 +1104,476 @@ class Ne extends HTMLElement {
     this.documentClickBlocker && (document.removeEventListener("click", this.documentClickBlocker, !0), this.documentClickBlocker = void 0);
   }
   resolveHeaders() {
-    var t;
-    const e = (t = this.config) == null ? void 0 : t.headers;
+    var n;
+    const e = (n = this.config) == null ? void 0 : n.headers;
     if (e)
       return typeof e == "function" ? e() : e;
   }
   resolveContext() {
-    var t;
-    const e = (t = this.config) == null ? void 0 : t.context;
+    var n;
+    const e = (n = this.config) == null ? void 0 : n.context;
     if (e)
       return typeof e == "function" ? e() : e;
   }
   parseSeverities() {
     const e = this.getAttribute("severities");
-    return e ? e.split(",").map((t) => t.trim()).filter(Boolean) : ["bug", "idea", "ux", "a11y"];
+    return e ? e.split(",").map((n) => n.trim()).filter(Boolean) : ["bug", "idea", "ux", "a11y"];
+  }
+}
+function gt(t = "launch-kit-beacon") {
+  typeof window > "u" || customElements.get(t) || customElements.define(t, mt);
+}
+const he = 380, E = 8, yt = 520;
+function wt(t, e) {
+  const n = e.getBoundingClientRect(), o = window.innerWidth, s = window.innerHeight;
+  let i = Math.max(E, o - n.right);
+  o - i - he < E && (i = Math.max(E, o - he - E));
+  const l = s - n.bottom - E, a = n.top - E;
+  t.style.left = "auto", t.style.right = `${i}px`, l >= yt || l >= a ? (t.style.top = `${n.bottom + E}px`, t.style.bottom = "auto") : (t.style.top = "auto", t.style.bottom = `${s - n.top + E}px`);
+}
+const vt = 1024, xt = 5;
+function Et(t, e) {
+  return t.length > e ? t.slice(0, e) : t;
+}
+function ye(t) {
+  if (t.id) return `#${CSS.escape(t.id)}`;
+  const e = [];
+  let n = t;
+  for (let o = 0; o < 3 && n; o++) {
+    const s = n.tagName.toLowerCase(), i = n.id ? `#${CSS.escape(n.id)}` : "", r = n.classList.length > 0 ? "." + Array.from(n.classList).slice(0, 3).map(CSS.escape).join(".") : "";
+    if (e.unshift(`${s}${i}${r}`), i) break;
+    n = n.parentElement;
+  }
+  return e.join(" > ");
+}
+function pe(t) {
+  return {
+    tag: t.tagName.toLowerCase(),
+    id: t.id || null,
+    classes: Array.from(t.classList).slice(0, 10),
+    role: t.getAttribute("role"),
+    selector: ye(t)
+  };
+}
+function St(t, e) {
+  const n = [], o = document.querySelectorAll("body *");
+  for (const s of Array.from(o)) {
+    const i = getComputedStyle(s);
+    if (i.position !== "fixed" && i.position !== "sticky") continue;
+    const r = s.getBoundingClientRect();
+    if (t < r.left || t > r.right || e < r.top || e > r.bottom) continue;
+    const l = parseInt(i.zIndex, 10);
+    !Number.isFinite(l) && i.zIndex !== "auto" || n.push({
+      tag: s.tagName.toLowerCase(),
+      zIndex: Number.isFinite(l) ? l : 0,
+      pointerEvents: i.pointerEvents,
+      classes: Array.from(s.classList).slice(0, 5).join(" ")
+    });
+  }
+  return n.sort((s, i) => i.zIndex - s.zIndex).slice(0, xt);
+}
+function kt(t) {
+  const e = (s) => (i) => {
+    const r = i, l = r.target;
+    if (!(l instanceof Element)) return;
+    const a = r.clientX, c = r.clientY, d = document.elementFromPoint(a, c), u = d === l || (d ? l.contains(d) || d.contains(l) : !1), g = document.querySelectorAll('[role="dialog"][data-state="open"]').length, y = getComputedStyle(document.body).pointerEvents, w = St(a, c);
+    t.emitClick({
+      kind: s,
+      target: pe(l),
+      hitMatchesTarget: u,
+      ...!u && d instanceof Element ? { hitTarget: pe(d) } : {},
+      coords: { x: a, y: c },
+      openDialogs: g,
+      bodyPointerEvents: y,
+      ...w.length > 0 ? { overlaysAtPoint: w } : {}
+    });
+  }, n = e("click"), o = e("mousedown");
+  return document.addEventListener("click", n, { capture: !0, passive: !0 }), document.addEventListener("mousedown", o, { capture: !0, passive: !0 }), () => {
+    document.removeEventListener("click", n, { capture: !0 }), document.removeEventListener("mousedown", o, { capture: !0 });
+  };
+}
+function At(t) {
+  const e = history.pushState, n = history.replaceState;
+  let o = window.location.href;
+  const s = (l) => {
+    const a = window.location.href;
+    if (a === o) return;
+    const c = o;
+    o = a, t.emitRoute({ kind: "route", from: c, to: a, via: l });
+  };
+  history.pushState = function(...a) {
+    const c = e.apply(this, a);
+    return s("pushState"), c;
+  }, history.replaceState = function(...a) {
+    const c = n.apply(this, a);
+    return s("replaceState"), c;
+  };
+  const i = () => s("popstate"), r = () => s("hashchange");
+  return window.addEventListener("popstate", i), window.addEventListener("hashchange", r), () => {
+    history.pushState = e, history.replaceState = n, window.removeEventListener("popstate", i), window.removeEventListener("hashchange", r);
+  };
+}
+function Ct(t) {
+  const e = /* @__PURE__ */ new WeakSet(), n = (s, i) => {
+    const r = ye(s);
+    t.emitDialog({
+      kind: "dialog",
+      action: i,
+      selector: r,
+      state: s.getAttribute("data-state"),
+      ...i === "mount" ? { outerHTML: Et(s.outerHTML, vt) } : {}
+    });
+  };
+  for (const s of Array.from(document.querySelectorAll('[role="dialog"]')))
+    e.add(s);
+  const o = new MutationObserver((s) => {
+    var i, r, l, a;
+    for (const c of s) {
+      for (const d of Array.from(c.addedNodes)) {
+        if (!(d instanceof Element)) continue;
+        const u = (i = d.matches) != null && i.call(d, '[role="dialog"]') ? [d] : Array.from(((r = d.querySelectorAll) == null ? void 0 : r.call(d, '[role="dialog"]')) ?? []);
+        for (const g of u)
+          e.has(g) || (e.add(g), n(g, "mount"));
+      }
+      for (const d of Array.from(c.removedNodes)) {
+        if (!(d instanceof Element)) continue;
+        const u = (l = d.matches) != null && l.call(d, '[role="dialog"]') ? [d] : Array.from(((a = d.querySelectorAll) == null ? void 0 : a.call(d, '[role="dialog"]')) ?? []);
+        for (const g of u)
+          e.has(g) && (e.delete(g), n(g, "unmount"));
+      }
+      c.type === "attributes" && c.attributeName === "data-state" && c.target instanceof Element && c.target.getAttribute("role") === "dialog" && n(c.target, "state");
+    }
+  });
+  return o.observe(document.body, {
+    childList: !0,
+    subtree: !0,
+    attributes: !0,
+    attributeFilter: ["data-state"]
+  }), () => o.disconnect();
+}
+function Lt(t) {
+  const e = kt(t), n = At(t), o = Ct(t);
+  return {
+    uninstall() {
+      e(), n(), o();
+    }
+  };
+}
+const j = 1e3;
+function O(t, e) {
+  return t.length > e ? t.slice(0, e) : t;
+}
+function Tt(t) {
+  const e = window.fetch;
+  if (typeof e != "function") return () => {
+  };
+  const n = async (o, s) => {
+    const i = performance.now(), r = ((s == null ? void 0 : s.method) ?? (o instanceof Request ? o.method : "GET")).toUpperCase(), l = typeof o == "string" ? o : o instanceof URL ? o.toString() : o.url;
+    try {
+      const a = await e.call(window, o, s), c = Math.round(performance.now() - i), d = a.status >= 400;
+      return (d || t.verbose) && t.emit({
+        kind: "fetch",
+        url: O(l, j),
+        method: r,
+        status: a.status,
+        durationMs: c,
+        failed: d
+      }), a;
+    } catch (a) {
+      const c = Math.round(performance.now() - i);
+      throw t.emit({
+        kind: "fetch",
+        url: O(l, j),
+        method: r,
+        status: 0,
+        durationMs: c,
+        failed: !0,
+        error: a instanceof Error ? a.message : String(a)
+      }), a;
+    }
+  };
+  return n.__lsBeaconWrapped = !0, window.fetch = n, () => {
+    window.fetch.__lsBeaconWrapped && (window.fetch = e);
+  };
+}
+function Mt(t) {
+  const e = XMLHttpRequest.prototype, n = e.open, o = e.send, s = /* @__PURE__ */ new WeakMap();
+  return e.open = function(r, l, ...a) {
+    return s.set(this, {
+      method: r.toUpperCase(),
+      url: typeof l == "string" ? l : l.toString(),
+      start: 0
+    }), n.call(this, r, l, ...a);
+  }, e.send = function(r) {
+    const l = s.get(this);
+    l && (l.start = performance.now());
+    const a = () => {
+      this.removeEventListener("loadend", a);
+      const c = s.get(this);
+      if (!c) return;
+      const d = Math.round(performance.now() - c.start), u = this.status === 0 || this.status >= 400;
+      (u || t.verbose) && t.emit({
+        kind: "xhr",
+        url: O(c.url, j),
+        method: c.method,
+        status: this.status,
+        durationMs: d,
+        failed: u
+      }), s.delete(this);
+    };
+    return this.addEventListener("loadend", a), o.call(this, r);
+  }, () => {
+    e.open = n, e.send = o;
+  };
+}
+function It(t) {
+  const e = Tt(t), n = Mt(t);
+  return {
+    uninstall() {
+      e(), n();
+    }
+  };
+}
+const _t = 1e3, fe = 50, $t = 500;
+class Nt {
+  constructor(e) {
+    this.buffer = [], this.inflight = !1, this.timer = null, this.destroyed = !1, this.handleVisibilityChange = () => {
+      document.visibilityState === "hidden" && this.flushSync();
+    }, this.url = e.url, this.sessionId = e.sessionId, this.onError = e.onError, this.timer = setInterval(() => this.flush(), _t), this.pagehideHandler = () => this.flushSync(), window.addEventListener("pagehide", this.pagehideHandler), document.addEventListener("visibilitychange", this.handleVisibilityChange);
+  }
+  enqueue(e) {
+    this.destroyed || (this.buffer.push(e), this.buffer.length >= $t && this.buffer.shift(), this.buffer.length >= fe && this.flush());
+  }
+  /** Async flush via fetch. No-op when in-flight or empty. */
+  async flush() {
+    var o, s;
+    if (this.destroyed || this.inflight || this.buffer.length === 0) return;
+    const e = this.buffer.splice(0, fe), n = this.makeBatch(e);
+    this.inflight = !0;
+    try {
+      const i = await fetch(this.url, {
+        method: "POST",
+        // No credentials — this is going to the developer's local server,
+        // not the app's own backend. Avoid leaking session cookies.
+        credentials: "omit",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(n),
+        // keepalive lets the request survive a same-tick navigation when
+        // we missed pagehide (e.g. a window.location.assign from script).
+        keepalive: !0
+      });
+      i.ok || (o = this.onError) == null || o.call(this, new Error(`monitor flush: HTTP ${i.status}`));
+    } catch (i) {
+      (s = this.onError) == null || s.call(this, i instanceof Error ? i : new Error(String(i)));
+    } finally {
+      this.inflight = !1;
+    }
+  }
+  /** Synchronous flush via sendBeacon, used on pagehide. */
+  flushSync() {
+    if (this.destroyed || this.buffer.length === 0) return;
+    if (!navigator.sendBeacon) {
+      this.flush();
+      return;
+    }
+    const e = this.buffer.splice(0), n = this.makeBatch(e), o = new Blob([JSON.stringify(n)], { type: "application/json" });
+    try {
+      navigator.sendBeacon(this.url, o);
+    } catch {
+    }
+  }
+  destroy() {
+    this.destroyed || (this.destroyed = !0, this.timer && clearInterval(this.timer), this.pagehideHandler && window.removeEventListener("pagehide", this.pagehideHandler), document.removeEventListener("visibilitychange", this.handleVisibilityChange), this.flushSync());
+  }
+  makeBatch(e) {
+    return {
+      sessionId: this.sessionId,
+      events: e,
+      meta: {
+        url: window.location.href,
+        userAgent: navigator.userAgent,
+        viewport: {
+          w: window.innerWidth,
+          h: window.innerHeight,
+          dpr: window.devicePixelRatio || 1
+        },
+        v: 1
+      }
+    };
+  }
+}
+const U = "__lsBeaconMonitorUrl", H = "__lsBeaconMonitorSession", q = "__lsBeaconMonitorVerbose", F = "__lsBeaconMonitorDeadline", we = 30 * 6e4, be = 4096;
+let m = null;
+const Rt = /* @__PURE__ */ new Set();
+let L = 0;
+function ve() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID().slice(0, 8) : Math.random().toString(36).slice(2, 10);
+}
+function Pt(t) {
+  const e = /* @__PURE__ */ new WeakSet(), n = (o) => {
+    if (o === null || typeof o != "object")
+      return typeof o == "string" && o.length > be ? o.slice(0, be) : o;
+    if (e.has(o)) return "[cyclic]";
+    if (e.add(o), Array.isArray(o)) return o.map(n);
+    const s = {};
+    for (const i of Object.keys(o).slice(0, 50))
+      try {
+        s[i] = n(o[i]);
+      } catch {
+        s[i] = "[unreadable]";
+      }
+    return s;
+  };
+  try {
+    return n(t);
+  } catch {
+    return "[unserialisable]";
   }
 }
-function _e(n = "launch-kit-beacon") {
-  typeof window > "u" || customElements.get(n) || customElements.define(n, Ne);
+function xe() {
+  for (const t of Rt)
+    try {
+      t(m !== null, (m == null ? void 0 : m.url) ?? null);
+    } catch {
+    }
+}
+function Dt(t) {
+  return m ? (m.seq += 1, {
+    ...t,
+    ts: Date.now(),
+    sessionId: m.sessionId,
+    seq: m.seq
+  }) : {
+    ...t,
+    ts: Date.now(),
+    sessionId: "",
+    seq: 0
+  };
+}
+function T(t) {
+  if (!m) return;
+  const e = Dt(t);
+  m.transport.enqueue(e);
+}
+function Bt() {
+  if (m)
+    try {
+      sessionStorage.setItem(U, m.url), sessionStorage.setItem(H, m.sessionId), sessionStorage.setItem(q, m.verbose ? "1" : "0"), sessionStorage.setItem(F, String(m.deadlineMs));
+    } catch {
+    }
+}
+function Ee() {
+  try {
+    sessionStorage.removeItem(U), sessionStorage.removeItem(H), sessionStorage.removeItem(q), sessionStorage.removeItem(F);
+  } catch {
+  }
+}
+function jt() {
+  try {
+    const t = sessionStorage.getItem(U);
+    if (!t) return null;
+    const e = sessionStorage.getItem(H) ?? ve(), n = sessionStorage.getItem(q) === "1", o = sessionStorage.getItem(F), s = o ? Number(o) : Date.now() + we;
+    return Number.isFinite(s) && s <= Date.now() ? (Ee(), null) : { url: t, sessionId: e, verbose: n, deadlineMs: s };
+  } catch {
+    return null;
+  }
+}
+function Se(t) {
+  if (m && z(), !t.url) return;
+  const e = t.maxSessionMs ?? we, n = Date.now() + e, o = ve(), s = !!t.verbose, i = new Nt({
+    url: t.url,
+    sessionId: o,
+    onError: (u) => {
+      console.warn("[launch-kit-beacon] monitor transport error:", u.message);
+    }
+  }), r = M();
+  L = r.length;
+  for (const u of r) me(u, i, o);
+  const l = ge(() => {
+    const u = M();
+    for (; L < u.length; ) {
+      const g = u[L];
+      g && me(g, i, o), L += 1;
+    }
+  }), a = It({
+    emit: (u) => T(u),
+    verbose: s
+  }), c = Lt({
+    emitClick: (u) => T(u),
+    emitRoute: (u) => T(u),
+    emitDialog: (u) => T(u)
+  }), d = setTimeout(() => {
+    console.info("[launch-kit-beacon] monitor session expired (max duration reached)"), z();
+  }, Math.max(0, n - Date.now()));
+  m = {
+    url: t.url,
+    sessionId: o,
+    verbose: s,
+    deadlineMs: n,
+    seq: 0,
+    transport: i,
+    uninstallNetwork: a.uninstall,
+    uninstallDom: c.uninstall,
+    uninstallErrors: l,
+    deadlineTimer: d
+  }, Bt(), xe();
+}
+function me(t, e, n) {
+  m && (m.seq += 1, e.enqueue({
+    kind: t.kind,
+    ts: t.ts,
+    sessionId: n,
+    seq: m.seq,
+    message: t.message,
+    ...t.stack ? { stack: t.stack } : {},
+    ...t.source ? { source: t.source } : {},
+    ...typeof t.line == "number" ? { line: t.line } : {},
+    ...typeof t.col == "number" ? { col: t.col } : {}
+  }));
+}
+function z() {
+  m && (clearTimeout(m.deadlineTimer), m.uninstallNetwork(), m.uninstallDom(), m.uninstallErrors(), m.transport.destroy(), m = null, L = 0, Ee(), xe());
+}
+function Ot(t, e) {
+  m && T({
+    kind: "probe",
+    label: t.slice(0, 200),
+    data: Pt(e)
+  });
+}
+function zt() {
+  return m !== null;
+}
+function Ut() {
+  return (m == null ? void 0 : m.url) ?? null;
+}
+const Ht = {
+  start: Se,
+  stop: z,
+  probe: Ot,
+  isActive: zt,
+  currentUrl: Ut
+};
+function qt() {
+  if (m) return;
+  const t = jt();
+  t && Se({
+    url: t.url,
+    verbose: t.verbose,
+    maxSessionMs: Math.max(6e4, t.deadlineMs - Date.now())
+  });
 }
-const V = 380, y = 8, Pe = 520;
-function Ie(n, e) {
-  const t = e.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
-  let a = Math.max(y, o - t.right);
-  o - a - V < y && (a = Math.max(y, o - V - y));
-  const b = i - t.bottom - y, p = t.top - y;
-  n.style.left = "auto", n.style.right = `${a}px`, b >= Pe || b >= p ? (n.style.top = `${t.bottom + y}px`, n.style.bottom = "auto") : (n.style.top = "auto", n.style.bottom = `${i - t.top + y}px`);
+function Ft() {
+  if (typeof window > "u") return;
+  const t = window;
+  t.__lsBeacon || (t.__lsBeacon = Ht);
 }
-_e();
+gt();
+ut();
+Ft();
+qt();
 export {
-  Ne as LaunchKitBeacon,
-  _e as defineBeacon
+  mt as LaunchKitBeacon,
+  gt as defineBeacon
 };
 //# sourceMappingURL=beacon.mjs.map