@launchsecure/launch-kit 0.0.28 → 0.0.30

package/dist/beacon/beacon.mjs

@@ -1,535 +1,1364 @@
-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>',
-  trash: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>',
-  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 ke(t = "Feedback") {
-  const e = document.createElement("button");
-  return e.type = "button", e.className = "beacon-default-trigger", e.setAttribute("aria-label", t), e.innerHTML = `${k.feedback}<span>${t}</span>`, e;
-}
-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 : 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>
-      </div>
-      <div class="beacon-drawer-body"></div>
-    `, this.bodyEl = this.root.querySelector(".beacon-drawer-body"), this.root.querySelector('[data-action="close"]').addEventListener("click", () => this.callbacks.onClose()), this.render();
-  }
-  open() {
-    this.root.classList.remove("minimized"), this.root.classList.add("open");
-  }
-  close() {
-    this.root.classList.remove("open");
-  }
-  minimize() {
-    this.root.classList.add("minimized"), this.root.classList.remove("open");
-  }
-  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;
-  }
-  setAnnotatedScreenshot(e) {
-    this.state.annotatedScreenshot = e, this.render();
-  }
-  setSubmitting(e) {
-    this.state.submitting = e, 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: "",
-      statusKind: ""
-    }, this.render();
-  }
-  getDescription() {
-    return this.state.description;
+const Te = String.raw`
+: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 hsl(0 0% 0% / 0.15), 0 2px 6px hsl(0 0% 0% / 0.08);
+  --beacon-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --beacon-color-scheme: light dark;
+
+  --beacon-bug: #ef4444;
+  --beacon-idea: #22c55e;
+  --beacon-ux: #a855f7;
+  --beacon-a11y: #06b6d4;
+
+  position: fixed;
+  z-index: var(--beacon-z-index);
+  font-family: var(--beacon-font-family);
+  font-size: 14px;
+  color: var(--beacon-fg);
+  line-height: 1.5;
+  color-scheme: var(--beacon-color-scheme);
+}
+
+:host([theme='dark']) {
+  --beacon-bg: #0f172a;
+  --beacon-fg: #f1f5f9;
+  --beacon-muted: #94a3b8;
+  --beacon-border: #334155;
+  --beacon-color-scheme: dark;
+}
+
+@media (prefers-color-scheme: dark) {
+  :host([theme='auto']) {
+    --beacon-bg: #0f172a;
+    --beacon-fg: #f1f5f9;
+    --beacon-muted: #94a3b8;
+    --beacon-border: #334155;
   }
-  getSeverity() {
-    return this.state.severity;
-  }
-  render() {
-    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…">${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((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>
-      </div>
+:host([position='bottom-right']) { right: 20px; bottom: 20px; left: auto; top: auto; }
+:host([position='bottom-left'])  { left: 20px;  bottom: 20px; right: auto; top: auto; }
 
-      ${this.state.annotatedScreenshot ? `
-        <div class="beacon-field">
-          <span class="beacon-label">Annotated screenshot</span>
-          <img src="${this.state.annotatedScreenshot}" class="beacon-thumb" alt="Annotated screenshot preview">
-        </div>
-      ` : ""}
+:host([position='hidden']) {
+  position: static;
+  display: contents;
+}
+:host([position='hidden']) .beacon-default-trigger { display: none; }
 
-      ${this.state.pins.length > 0 ? `
-        <div class="beacon-field">
-          <span class="beacon-label">Pins (${this.state.pins.length})</span>
-          <div class="beacon-pin-list">
-            ${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="${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="${i.number}" aria-label="Remove pin ${i.number}">${k.trash}</button>
-              </div>
-            `).join("")}
-          </div>
-        </div>
-      ` : ""}
+.beacon-default-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: var(--beacon-accent);
+  color: white;
+  border: 0;
+  border-radius: 999px;
+  padding: 10px 16px;
+  font: inherit;
+  font-weight: 500;
+  cursor: pointer;
+  box-shadow: var(--beacon-shadow);
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+.beacon-default-trigger:hover { transform: translateY(-1px); }
+.beacon-default-trigger svg { width: 18px; height: 18px; }
 
-      <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>
+.beacon-health-dot {
+  display: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--beacon-bug);
+  margin-left: 2px;
+}
+.beacon-health-dot.visible { display: inline-block; }
 
-      <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"}
-        </button>
-        <span style="flex:1"></span>
-        <button type="button" class="beacon-btn primary" data-action="submit" ${e ? "" : "disabled"}>
-          ${k.send} ${this.state.submitting ? "Sending…" : "Send"}
-        </button>
-      </div>
+dialog.beacon-dialog {
+  width: 380px;
+  max-width: calc(100vw - 24px);
+  max-height: calc(100vh - 24px);
+  padding: 0;
+  background: var(--beacon-bg);
+  color: var(--beacon-fg);
+  border: 1px solid var(--beacon-border);
+  border-radius: var(--beacon-radius);
+  box-shadow: var(--beacon-shadow);
+  font-family: var(--beacon-font-family);
+  font-size: 14px;
+  line-height: 1.5;
+}
+dialog.beacon-dialog::backdrop {
+  background: hsl(0 0% 0% / 0.8);
+}
 
-      ${this.state.status ? `<div class="beacon-status ${this.state.statusKind}">${S(this.state.status)}</div>` : ""}
-    `;
-    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()), (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((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));
-    });
+.beacon-dialog-inner {
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 24px);
+}
+
+.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;
+}
+
+/* Plugin panels share the same vertical rhythm as the drawer body so sibling
+   panels (annotate, monitor, etc.) don't visually collide. Without this, every
+   plugin panel renders flush against the previous one. */
+.beacon-plugin-panels {
+  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-description { font-size: 12px; color: var(--beacon-muted); }
+
+.beacon-input,
+.beacon-textarea,
+.beacon-select {
+  width: 100%;
+  padding: 8px 10px;
+  background: var(--beacon-bg);
+  color: var(--beacon-fg);
+  border: 1px solid var(--beacon-border);
+  border-radius: 6px;
+  font: inherit;
+  box-sizing: border-box;
+}
+.beacon-textarea { min-height: 80px; resize: vertical; }
+.beacon-input:focus,
+.beacon-textarea:focus,
+.beacon-select:focus { outline: 2px solid var(--beacon-accent); outline-offset: -1px; border-color: var(--beacon-accent); }
+
+.beacon-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+}
+.beacon-toggle input { margin: 0; }
+
+.beacon-radio-group { display: flex; flex-direction: column; gap: 4px; }
+.beacon-radio-opt { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
+
+.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 0.15s ease;
+}
+.beacon-btn[disabled] { opacity: 0.5; cursor: not-allowed; }
+.beacon-btn svg { width: 14px; height: 14px; }
+.beacon-btn.primary { background: var(--beacon-accent); color: white; }
+.beacon-btn.secondary {
+  background: transparent;
+  color: var(--beacon-fg);
+  border: 1px solid var(--beacon-border);
+}
+.beacon-btn.secondary:hover { background: var(--beacon-border); }
+
+.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-plugin-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 12px;
+  border: 1px solid var(--beacon-border);
+  border-radius: 6px;
+}
+.beacon-plugin-panel-title {
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--beacon-muted);
+  font-weight: 600;
+}
+
+/* ── Pin list (domEle plugin) ─────────────────────────────── */
+.beacon-pin-list-header {
+  font-size: 12px;
+  color: var(--beacon-muted);
+  font-weight: 500;
+}
+.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: white;
+  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-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-pin-annotate { align-self: flex-start; }
+.beacon-thumb {
+  width: 100%;
+  border: 1px solid var(--beacon-border);
+  border-radius: 6px;
+  display: block;
+}
+
+/* ── Captured runtime events chip (errors plugin form panel) ─── */
+.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);
+  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: 0.04em;
+}
+.beacon-events-kind.error      { background: hsl(0 84% 50% / 0.15);  color: var(--beacon-bug); }
+.beacon-events-kind.rejection  { background: hsl(38 92% 50% / 0.15); color: hsl(38 92% 50%); }
+.beacon-events-msg {
+  word-break: break-word;
+  color: var(--beacon-fg);
+}
+
+/* ── liveMonitor plugin panel ─────────────────────────────── */
+.beacon-monitor {
+  padding: 0 0 4px;
+  font-size: 12px;
+  color: var(--beacon-fg);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.beacon-monitor-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--beacon-muted);
+  font-size: 11px;
+}
+.beacon-monitor-rec {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--beacon-bug);
+  animation: beacon-rec-pulse 1.4s ease-in-out infinite;
+}
+@keyframes beacon-rec-pulse {
+  0%, 100% { opacity: 1; }
+  50%      { opacity: 0.35; }
+}
+.beacon-monitor-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.beacon-monitor-input {
+  flex: 1;
+  font: inherit;
+  padding: 6px 8px;
+  background: var(--beacon-bg);
+  color: var(--beacon-fg);
+  border: 1px solid var(--beacon-border);
+  border-radius: 6px;
+  min-width: 0;
+  box-sizing: border-box;
+}
+.beacon-monitor-input::placeholder { color: var(--beacon-muted); opacity: 0.7; }
+.beacon-monitor-input:focus {
+  outline: 2px solid var(--beacon-accent);
+  outline-offset: -1px;
+  border-color: var(--beacon-accent);
+}
+.beacon-monitor-btn {
+  font: inherit;
+  padding: 6px 10px;
+  border-radius: 6px;
+  border: 1px solid var(--beacon-accent);
+  background: var(--beacon-accent);
+  color: white;
+  cursor: pointer;
+  font-weight: 500;
+}
+.beacon-monitor-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.beacon-monitor-btn.stop {
+  background: transparent;
+  color: var(--beacon-accent);
+}
+.beacon-monitor-help {
+  color: var(--beacon-muted);
+  font-size: 11px;
+}
+.beacon-monitor-active-url {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 11px;
+  color: var(--beacon-muted);
+  word-break: break-all;
+  background: hsl(0 0% 0% / 0.18);
+  border-radius: 4px;
+  padding: 4px 6px;
+}
+.beacon-monitor-verbose {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--beacon-muted);
+  font-size: 11px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.beacon-overlay-layer {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: calc(var(--beacon-z-index) + 1);
+}
+.beacon-overlay-layer > * { pointer-events: auto; }
+
+/* ── Body-mounted UI ──────────────────────────────────────
+   Pin-popover and other overlays mount on document.body to escape transformed
+   ancestors. Shadow DOM :host vars don't reach them, so we re-declare the
+   variables here on each body-mounted root. */
+
+.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 hsl(0 0% 0% / 0.15), 0 2px 6px hsl(0 0% 0% / 0.08);
+  --beacon-bug: #ef4444;
+  --beacon-idea: #22c55e;
+  --beacon-ux: #a855f7;
+  --beacon-a11y: #06b6d4;
+
+  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;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+}
+.beacon-pin-popover.open { display: flex; }
+.beacon-pin-popover.beacon-theme-dark {
+  --beacon-bg: #0f172a;
+  --beacon-fg: #f1f5f9;
+  --beacon-muted: #94a3b8;
+  --beacon-border: #334155;
+}
+@media (prefers-color-scheme: dark) {
+  .beacon-pin-popover.beacon-theme-auto {
+    --beacon-bg: #0f172a;
+    --beacon-fg: #f1f5f9;
+    --beacon-muted: #94a3b8;
+    --beacon-border: #334155;
   }
 }
-function S(t) {
-  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+
+.beacon-pin-popover .beacon-pin-popover-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+}
+.beacon-pin-popover .beacon-pin-popover-actions {
+  display: flex;
+  gap: 6px;
+  justify-content: flex-end;
+}
+.beacon-pin-popover .beacon-pin-num {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--beacon-accent);
+  color: white;
+  font-size: 11px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+.beacon-pin-popover .beacon-icon-btn {
+  background: transparent;
+  border: 0;
+  color: var(--beacon-muted);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: inline-flex;
+}
+.beacon-pin-popover .beacon-icon-btn:hover { background: var(--beacon-border); color: var(--beacon-fg); }
+.beacon-pin-popover .beacon-icon-btn svg { width: 16px; height: 16px; }
+.beacon-pin-popover .beacon-textarea {
+  width: 100%;
+  min-height: 48px;
+  padding: 6px 8px;
+  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-pin-popover .beacon-textarea:focus {
+  outline: 2px solid var(--beacon-accent);
+  outline-offset: -1px;
+  border-color: var(--beacon-accent);
+}
+.beacon-pin-popover .beacon-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: 0;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 500;
+  font-size: 13px;
+}
+.beacon-pin-popover .beacon-btn.primary { background: var(--beacon-accent); color: white; }
+.beacon-pin-popover .beacon-btn svg { width: 14px; height: 14px; }
+
+/* ── liveMonitor body-portal overlay ───────────────────────
+   Dashed viewport frame + draggable status chip. Body-mounted (same reason as
+   pick-mode-overlay), so the CSS var --beacon-monitor-accent is set inline on
+   the frame and chip elements by the plugin — the shadow root's :host vars
+   don't reach here. */
+
+@keyframes beacon-monitor-frame-pulse {
+  0%, 100% { opacity: 0.55; }
+  50%      { opacity: 1; }
 }
-function Le(t) {
-  return new Promise((e) => {
-    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">${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>
-      </div>
-      <textarea class="beacon-textarea" rows="2" placeholder="Optional — describe what's wrong here…" style="min-height:48px;"></textarea>
-      <div class="beacon-pin-popover-actions">
-        <button type="button" class="beacon-btn primary" data-action="save">${k.check} Save</button>
-      </div>
-    `;
-    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 });
-      }
-    }), 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 });
-      }
-    });
-  });
+
+.beacon-monitor-overlay-frame {
+  --beacon-monitor-accent: #10b981;
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 2147483646;
+  border: 2px dashed var(--beacon-monitor-accent);
+  border-radius: 4px;
+  box-shadow: inset 0 0 56px color-mix(in srgb, var(--beacon-monitor-accent) 18%, transparent);
+  box-sizing: border-box;
+  animation: beacon-monitor-frame-pulse 2.4s ease-in-out infinite;
 }
-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;
+
+.beacon-monitor-overlay-chip {
+  --beacon-monitor-accent: #10b981;
+  position: fixed;
+  z-index: 2147483647;
+  pointer-events: auto;
+  cursor: grab;
+  user-select: none;
+  background: #0f172a;
+  color: #f1f5f9;
+  border: 1px solid color-mix(in srgb, var(--beacon-monitor-accent) 50%, transparent);
+  border-radius: 999px;
+  padding: 6px 6px 6px 12px;
+  box-shadow: 0 6px 20px hsl(0 0% 0% / 0.3);
+  font: 500 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  letter-spacing: 0.01em;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 140px;
+  max-width: min(360px, calc(100vw - 32px));
+  touch-action: none;
+}
+.beacon-monitor-overlay-chip[data-dragging] { cursor: grabbing; }
+
+.beacon-monitor-overlay-chip-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
 }
-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 ${n}`,
-    "border-radius: 4px",
-    `box-shadow: inset 0 0 56px ${o}`,
-    "box-sizing: border-box"
-  ].join("; ");
-  const r = document.createElement("div");
-  r.className = A, r.setAttribute("role", "status"), r.style.cssText = [
-    "position: fixed",
-    "top: 16px",
-    "left: 50%",
-    "transform: translateX(-50%)",
-    `background: ${e}`,
-    "color: #fff",
-    "padding: 6px 14px",
-    "border-radius: 999px",
-    "font: 500 12px/1.4 system-ui, -apple-system, sans-serif",
-    "letter-spacing: 0.01em",
-    "box-shadow: 0 4px 12px #0000004d",
-    "pointer-events: none",
-    "white-space: nowrap",
-    "z-index: 2147483646"
-  ].join("; "), r.textContent = K;
-  const l = `<span style="
-    display: inline-block;
-    width: 12px;
-    height: 12px;
-    border: 2px solid #fff;
-    border-top-color: transparent;
-    border-radius: 50%;
-    animation: beacon-spin 800ms linear infinite;
-    vertical-align: middle;
-    margin-right: 8px;
-  "></span>`;
-  function a(h) {
-    return h.replace(/[<>&]/g, (f) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[f]);
+
+.beacon-monitor-overlay-rec-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #ef4444;
+  flex-shrink: 0;
+  animation: beacon-rec-pulse 1.4s ease-in-out infinite;
+}
+
+.beacon-monitor-overlay-rec-label {
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  color: #ef4444;
+  font-size: 11px;
+}
+
+.beacon-monitor-overlay-sep {
+  color: #64748b;
+}
+
+.beacon-monitor-overlay-timer {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-variant-numeric: tabular-nums;
+  font-size: 12px;
+  flex: 1;
+  min-width: 48px;
+}
+
+.beacon-monitor-overlay-stop {
+  font: inherit;
+  font-weight: 500;
+  font-size: 11px;
+  padding: 3px 10px;
+  border-radius: 999px;
+  background: var(--beacon-monitor-accent);
+  color: #ffffff;
+  border: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.beacon-monitor-overlay-stop:hover {
+  background: color-mix(in srgb, var(--beacon-monitor-accent) 85%, white);
+}
+
+.beacon-monitor-overlay-url {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 10px;
+  color: #94a3b8;
+  padding: 0 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+`, se = "launch-kit-beacon-portal-styles";
+function Ye() {
+  if (typeof document > "u" || !document.head || document.getElementById(se)) return;
+  const e = document.createElement("style");
+  e.id = se, e.textContent = Te, document.head.appendChild(e);
+}
+const V = "http://www.w3.org/2000/svg";
+function Ke() {
+  const e = document.createElementNS(V, "svg");
+  e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
+  const t = document.createElementNS(V, "path");
+  t.setAttribute("d", "M3 11l18-5v12L3 14v-3z");
+  const n = document.createElementNS(V, "path");
+  return n.setAttribute("d", "M11.6 16.8a3 3 0 1 1-5.8-1.6"), e.appendChild(t), e.appendChild(n), e;
+}
+const B = "launch-kit-beacon", Xe = typeof HTMLElement < "u" ? HTMLElement : class {
+};
+class Ge extends Xe {
+  constructor() {
+    super(...arguments), this.onTriggerClick = null;
   }
-  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",
-      "border-radius: 999px",
-      `background: ${e}`,
-      "color: #fff",
-      "display: flex",
-      "align-items: center",
-      "justify-content: center",
-      "font: 700 12px/1 system-ui, -apple-system, sans-serif",
-      "border: 2px solid #fff",
-      "box-shadow: 0 2px 8px #00000066",
-      "pointer-events: none",
-      "z-index: 2147483646"
-    ].join("; "), f.textContent = String(h), document.body.appendChild(f), f;
+  connectedCallback() {
+    if (this.shadow) return;
+    this.shadow = this.attachShadow({ mode: "open" });
+    const t = document.createElement("style");
+    t.textContent = Te, this.shadow.appendChild(t), this.triggerSlot = document.createElement("slot"), this.triggerSlot.name = "trigger", this.shadow.appendChild(this.triggerSlot), this.defaultTrigger = document.createElement("button"), this.defaultTrigger.type = "button", this.defaultTrigger.className = "beacon-default-trigger", this.defaultTrigger.appendChild(Ke());
+    const n = document.createElement("span");
+    n.textContent = "Feedback", this.defaultTrigger.appendChild(n), this.healthDot = document.createElement("span"), this.healthDot.className = "beacon-health-dot", this.defaultTrigger.appendChild(this.healthDot), this.shadow.appendChild(this.defaultTrigger), this.defaultTrigger.addEventListener("click", () => {
+      var o;
+      return (o = this.onTriggerClick) == null ? void 0 : o.call(this);
+    }), this.triggerSlot.addEventListener("slotchange", () => {
+      const o = this.triggerSlot.assignedElements();
+      if (o.length > 0) {
+        this.defaultTrigger.style.display = "none";
+        for (const r of o)
+          r.addEventListener("click", () => {
+            var a;
+            return (a = this.onTriggerClick) == null ? void 0 : a.call(this);
+          });
+      } else
+        this.defaultTrigger.style.display = "";
+    }), this.hasAttribute("position") || this.setAttribute("position", "bottom-right"), this.hasAttribute("theme") || this.setAttribute("theme", "auto");
+  }
+  setTriggerLabel(t) {
+    if (!this.defaultTrigger) return;
+    const n = this.defaultTrigger.querySelector("span");
+    n && (n.textContent = t);
+  }
+  setHealthIndicator(t) {
+    var n;
+    (n = this.healthDot) == null || n.classList.toggle("visible", t);
   }
-  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}`,
-      "border-radius: 2px",
-      "box-sizing: border-box",
-      // Slightly below marker z so the marker visually "sits on" the outline corner.
-      "z-index: 2147483645"
-    ].join("; "), document.body.appendChild(h), h;
+}
+function Me() {
+  typeof window > "u" || typeof customElements > "u" || customElements.get(B) || customElements.define(B, Ge);
+}
+function Je(e, t) {
+  return {
+    pluginName: e,
+    captured: (n) => t.getCaptured(n),
+    get formValues() {
+      return t.getFormValues(e);
+    },
+    requestMode: (n) => t.requestMode(n),
+    overlay: (n) => t.overlay(n),
+    on: (n, o) => t.onLifecycle(n, o),
+    get signal() {
+      return t.getInitSignal();
+    },
+    captureSignal: () => t.getCaptureSignal()
+  };
+}
+class Ze extends Error {
+  constructor(t) {
+    super(`Duplicate plugin name: "${t}"`), this.name = "DuplicatePluginNameError";
   }
-  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 Qe(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const o of e) {
+    if (t.has(o.name)) throw new Ze(o.name);
+    t.add(o.name);
   }
-  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 n = e.map((o) => ({
+    plugin: o,
+    // Placeholder; install() rebinds with the real ctx factory.
+    ctx: null,
+    status: { state: "active", failures: 0 }
+  }));
+  return {
+    entries: n,
+    install(o, r) {
+      for (const a of n)
+        if (a.ctx = o(a.plugin.name), !!a.plugin.setupOnce)
+          try {
+            const i = a.plugin.setupOnce(a.ctx);
+            typeof i == "function" && (a.teardown = i);
+          } catch (i) {
+            const s = i instanceof Error ? i : new Error(String(i));
+            a.status = {
+              state: "failed",
+              failures: a.status.failures + 1,
+              error: { message: s.message, ...s.stack ? { stack: s.stack } : {}, at: "setupOnce" }
+            }, r({ plugin: a.plugin.name, error: s, at: "setupOnce" });
+          }
+    },
+    destroy() {
+      var o;
+      for (const r of n) {
+        try {
+          (o = r.teardown) == null || o.call(r);
+        } catch {
         }
+        r.teardown = void 0;
       }
-      const p = h.anchor.fallbackRect;
-      if (p && (p.w > 0 || p.h > 0)) {
-        g(h, p, !0);
-        return;
-      }
-      y(h);
-    });
-  }
-  let x = null;
-  function v() {
-    x === null && (x = requestAnimationFrame(() => {
-      x = null, w();
-    }));
-  }
-  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(h) {
-      h ? r.innerHTML = l + a(h) : r.textContent = K;
+    async capture(o, r) {
+      const a = {};
+      for (const i of n)
+        if (i.plugin.capture)
+          try {
+            const s = await i.plugin.capture(i.ctx), c = et(s, i.plugin.version);
+            c !== null && (a[i.plugin.name] = c);
+          } catch (s) {
+            const c = s instanceof Error ? s : new Error(String(s));
+            a[i.plugin.name] = tt(c), i.status = {
+              state: "failed",
+              failures: i.status.failures + 1,
+              error: { message: c.message, ...c.stack ? { stack: c.stack } : {}, at: "capture" }
+            }, r({ plugin: i.plugin.name, error: c, at: "capture" });
+          }
+      return a;
     },
-    destroy() {
-      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();
+    status() {
+      const o = {};
+      for (const r of n)
+        o[r.plugin.name] = r.status;
+      return o;
     }
   };
 }
-const Ie = "#0ea5e9";
-function _e(t, e) {
-  return /^#[0-9a-fA-F]{6}$/.test(t) ? `${t}${e}` : t;
+function et(e, t) {
+  if (e == null) return null;
+  const n = t ?? 1;
+  return Array.isArray(e) || typeof e != "object" ? { v: n, value: e } : { ...e, v: n };
 }
-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: ${s}`,
-    "transition: all 60ms ease-out",
-    "box-sizing: border-box",
-    "border-radius: 2px"
-  ].join("; "), document.body.appendChild(i);
-  const r = document.createElement("div");
-  r.style.cssText = [
-    "position: fixed",
-    "pointer-events: none",
-    "z-index: 2147483647",
-    "background: #0f172a",
-    "color: #fff",
-    "font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace",
-    "padding: 3px 6px",
-    "border-radius: 3px",
-    "max-width: 280px",
-    "overflow: hidden",
-    "text-overflow: ellipsis",
-    "white-space: nowrap"
-  ].join("; "), document.body.appendChild(r);
-  const l = document.body.style.cursor;
-  document.body.style.cursor = "crosshair";
-  let a = !1, c = () => {
+function tt(e) {
+  return {
+    error: e.message,
+    ...e.stack ? { stack: e.stack } : {}
   };
-  const d = new Promise((p) => {
-    c = p;
-  });
-  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;
+}
+async function nt(e, t, n, o, r = "omit") {
+  const a = await ot(n), i = await fetch(e, {
+    method: "POST",
+    credentials: r,
+    headers: { "Content-Type": "application/json", ...a },
+    body: JSON.stringify(t),
+    signal: o
+  }), c = (i.headers.get("content-type") ?? "").includes("application/json") ? await i.json().catch(() => null) : await i.text();
+  return { ok: i.ok, status: i.status, body: c };
+}
+async function ot(e) {
+  return e ? typeof e == "function" ? await e() ?? {} : e : {};
+}
+function rt(e, t, n) {
+  for (const o of t) {
+    const r = document.createElement("div");
+    if (r.className = "beacon-field", o.label) {
+      const i = document.createElement("label");
+      i.className = "beacon-label", i.textContent = o.label, r.appendChild(i);
+    }
+    if (o.description) {
+      const i = document.createElement("div");
+      i.className = "beacon-description", i.textContent = o.description, r.appendChild(i);
+    }
+    const a = at(o, n);
+    r.appendChild(a), e.appendChild(r);
+  }
+}
+function at(e, t) {
+  var o, r;
+  const n = t.get(e.name);
+  switch (e.type) {
+    case "toggle": {
+      const a = document.createElement("label");
+      a.className = "beacon-toggle";
+      const i = document.createElement("input");
+      return i.type = "checkbox", i.checked = n ?? e.defaultValue ?? !1, i.addEventListener("change", () => t.set(e.name, i.checked)), a.appendChild(i), t.set(e.name, i.checked), a;
+    }
+    case "text": {
+      const a = document.createElement("input");
+      a.type = "text", a.className = "beacon-input";
+      const i = n ?? e.defaultValue ?? "";
+      return a.value = i, e.placeholder && (a.placeholder = e.placeholder), a.addEventListener("input", () => t.set(e.name, a.value)), t.set(e.name, i), a;
+    }
+    case "textarea": {
+      const a = document.createElement("textarea");
+      a.className = "beacon-textarea";
+      const i = n ?? e.defaultValue ?? "";
+      return a.value = i, e.placeholder && (a.placeholder = e.placeholder), e.rows && (a.rows = e.rows), a.addEventListener("input", () => t.set(e.name, a.value)), t.set(e.name, i), a;
+    }
+    case "select": {
+      const a = document.createElement("select");
+      a.className = "beacon-select";
+      const i = n ?? e.defaultValue ?? ((o = e.options[0]) == null ? void 0 : o.value) ?? "";
+      for (const s of e.options) {
+        const c = document.createElement("option");
+        c.value = s.value, c.textContent = s.label ?? s.value, s.value === i && (c.selected = !0), a.appendChild(c);
+      }
+      return a.addEventListener("change", () => t.set(e.name, a.value)), t.set(e.name, i), a;
+    }
+    case "radio": {
+      const a = document.createElement("div");
+      a.className = "beacon-radio-group";
+      const i = n ?? e.defaultValue ?? ((r = e.options[0]) == null ? void 0 : r.value) ?? "";
+      for (const s of e.options) {
+        const c = document.createElement("label");
+        c.className = "beacon-radio-opt";
+        const d = document.createElement("input");
+        d.type = "radio", d.name = e.name, d.value = s.value, s.value === i && (d.checked = !0), d.addEventListener("change", () => t.set(e.name, s.value));
+        const l = document.createElement("span");
+        l.textContent = s.label ?? s.value, c.appendChild(d), c.appendChild(l), a.appendChild(c);
+      }
+      return t.set(e.name, i), a;
+    }
+    case "number": {
+      const a = document.createElement("input");
+      a.type = "number", a.className = "beacon-input";
+      const i = n ?? e.defaultValue;
+      return i !== void 0 && (a.value = String(i)), e.min !== void 0 && (a.min = String(e.min)), e.max !== void 0 && (a.max = String(e.max)), e.step !== void 0 && (a.step = String(e.step)), a.addEventListener("input", () => {
+        const s = a.value === "" ? void 0 : Number(a.value);
+        t.set(e.name, s);
+      }), i !== void 0 && t.set(e.name, i), a;
     }
-    return !1;
   }
-  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;
+}
+const W = "http://www.w3.org/2000/svg";
+function it() {
+  const e = document.createElementNS(W, "svg");
+  e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round");
+  const t = document.createElementNS(W, "line");
+  t.setAttribute("x1", "18"), t.setAttribute("y1", "6"), t.setAttribute("x2", "6"), t.setAttribute("y2", "18");
+  const n = document.createElementNS(W, "line");
+  return n.setAttribute("x1", "6"), n.setAttribute("y1", "6"), n.setAttribute("x2", "18"), n.setAttribute("y2", "18"), e.appendChild(t), e.appendChild(n), e;
+}
+class st {
+  constructor(t, n, o) {
+    this.labels = t, this.severities = n, this.callbacks = o, this.severitySelected = "bug", this.modeCounts = { minimize: 0, hide: 0, pickElement: 0 }, this.pluginCleanups = [], this.lastActive = null, this.submitSucceeded = !1, this.expectedSuppressedCloses = 0, this.root = document.createElement("dialog"), this.root.className = "beacon-dialog", this.inner = document.createElement("div"), this.inner.className = "beacon-dialog-inner", this.root.appendChild(this.inner);
+    const r = document.createElement("div");
+    r.className = "beacon-drawer-header";
+    const a = document.createElement("div");
+    a.className = "beacon-drawer-title", a.textContent = t.drawerTitle, r.appendChild(a);
+    const i = document.createElement("button");
+    i.type = "button", i.className = "beacon-icon-btn", i.setAttribute("aria-label", t.closeButton), i.appendChild(it()), i.addEventListener("click", () => this.userCloseAttempt()), r.appendChild(i), this.inner.appendChild(r), this.root.addEventListener("cancel", (b) => {
+      this.submitSucceeded || this.hasUnsavedInput() && (b.preventDefault(), window.confirm("You have unsaved feedback. Discard?") && this.root.close());
+    });
+    const s = document.createElement("div");
+    s.className = "beacon-drawer-body", this.inner.appendChild(s);
+    const c = document.createElement("div");
+    c.className = "beacon-field";
+    const d = document.createElement("label");
+    d.className = "beacon-label", d.textContent = t.descriptionLabel, this.descTextarea = document.createElement("textarea"), this.descTextarea.className = "beacon-textarea", this.descTextarea.placeholder = t.descriptionPlaceholder, this.descTextarea.rows = 4, c.appendChild(d), c.appendChild(this.descTextarea), s.appendChild(c);
+    const l = document.createElement("div");
+    l.className = "beacon-field";
+    const p = document.createElement("label");
+    p.className = "beacon-label", p.textContent = t.severityLabel, this.severitiesContainer = document.createElement("div"), this.severitiesContainer.className = "beacon-severity";
+    for (const b of n) {
+      const m = document.createElement("label");
+      m.className = "beacon-severity-opt", m.dataset.sev = b;
+      const x = document.createElement("input");
+      x.type = "radio", x.name = "beacon-severity", x.value = b, b === this.severitySelected && (x.checked = !0, m.classList.add("selected")), x.addEventListener("change", () => this.setSeverity(b)), m.appendChild(x), m.appendChild(document.createTextNode(this.severityLabel(b))), this.severitiesContainer.appendChild(m);
+    }
+    l.appendChild(p), l.appendChild(this.severitiesContainer), s.appendChild(l), this.pluginSlot = document.createElement("div"), this.pluginSlot.className = "beacon-plugin-panels", s.appendChild(this.pluginSlot), this.statusEl = document.createElement("div"), this.statusEl.className = "beacon-status", s.appendChild(this.statusEl);
+    const f = document.createElement("div");
+    f.className = "beacon-actions", this.submitBtn = document.createElement("button"), this.submitBtn.type = "button", this.submitBtn.className = "beacon-btn primary", this.submitBtn.textContent = t.send, this.submitBtn.addEventListener("click", () => this.callbacks.onSubmit()), f.appendChild(this.submitBtn), s.appendChild(f), this.root.addEventListener("close", () => {
+      if (this.expectedSuppressedCloses > 0) {
+        this.expectedSuppressedCloses -= 1;
+        return;
+      }
+      this.callbacks.onClose("user");
+    });
+  }
+  // ── Mode handling (§5) ──────────────────────────────────────────
+  async requestMode(t) {
+    this.modeCounts[t] += 1, this.modeCounts[t] === 1 && this.applyMode(t, !0);
+    let n = !1;
+    return () => {
+      n || (n = !0, this.modeCounts[t] -= 1, this.modeCounts[t] === 0 && this.applyMode(t, !1));
+    };
+  }
+  applyMode(t, n) {
+    var o, r;
+    switch (t) {
+      case "pickElement": {
+        n ? (this.lastActive = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.root.open && (this.expectedSuppressedCloses += 1, this.root.close())) : (this.root.open || this.tryShowModal(), (r = (o = this.lastActive) == null ? void 0 : o.focus) == null || r.call(o));
+        break;
+      }
+      case "hide": {
+        this.inner.style.visibility = n ? "hidden" : "", this.root.style.opacity = n ? "0" : "";
+        break;
+      }
+      case "minimize": {
+        const a = this.inner.querySelector(".beacon-drawer-body");
+        a && (a.style.display = n ? "none" : "");
+        break;
+      }
+    }
+  }
+  // ── Public surface ──────────────────────────────────────────
+  open() {
+    this.root.open || this.tryShowModal();
   }
-  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`;
+  close(t = "user") {
+    this.root.open && this.root.close(), t === "submitted" && (this.statusEl.textContent = "");
   }
-  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));
+  userCloseAttempt() {
+    !this.submitSucceeded && this.hasUnsavedInput() && !window.confirm("You have unsaved feedback. Discard?") || this.root.open && this.root.close();
   }
-  function x(p) {
-    if (p.button !== 0) return;
-    p.preventDefault(), p.stopPropagation();
-    const b = g(p.clientX, p.clientY);
-    b && f(b);
+  hasUnsavedInput() {
+    return this.descTextarea.value.trim().length > 0;
   }
-  function v(p) {
-    p.preventDefault(), p.stopPropagation();
+  setSubmitSucceeded(t) {
+    this.submitSucceeded = t;
+  }
+  getDescription() {
+    return this.descTextarea.value;
+  }
+  setDescription(t) {
+    this.descTextarea.value = t;
+  }
+  getSeverity() {
+    return this.severitySelected;
+  }
+  setSeverity(t) {
+    this.severitySelected = t;
+    for (const n of Array.from(this.severitiesContainer.children)) {
+      n.classList.toggle("selected", n.dataset.sev === t);
+      const o = n.querySelector("input");
+      o && (o.checked = n.dataset.sev === t);
+    }
+  }
+  setStatus(t, n = "idle") {
+    this.statusEl.textContent = t, this.statusEl.classList.remove("error", "success"), n !== "idle" && this.statusEl.classList.add(n);
+  }
+  setSubmitting(t) {
+    this.submitBtn.disabled = t, this.submitBtn.textContent = t ? this.labels.sending : this.labels.send;
+  }
+  // Reset drawer state after a successful submit so the next open() starts fresh.
+  resetState() {
+    this.descTextarea.value = "", this.setStatus("", "idle"), this.setSubmitting(!1), this.submitSucceeded = !1, this.severities[0] && this.setSeverity(this.severities[0]);
+  }
+  // ── Plugin panel management ──────────────────────────────────────
+  installPluginPanels(t, n) {
+    this.clearPluginPanels();
+    for (const o of t) {
+      const r = document.createElement("div");
+      if (r.className = "beacon-plugin-panel", o.form.title) {
+        const a = document.createElement("div");
+        a.className = "beacon-plugin-panel-title", a.textContent = o.form.title, r.appendChild(a);
+      }
+      if ("fields" in o.form)
+        rt(r, o.form.fields, {
+          get: (a) => n.get(o.name, a),
+          set: (a, i) => n.set(o.name, a, i)
+        });
+      else {
+        const a = o.form.render(r, o.ctx);
+        typeof a == "function" && this.pluginCleanups.push(a);
+      }
+      this.pluginSlot.appendChild(r);
+    }
   }
-  function h(p) {
-    p.key === "Escape" && (p.preventDefault(), f(null));
+  clearPluginPanels() {
+    for (const t of this.pluginCleanups)
+      try {
+        t();
+      } catch {
+      }
+    this.pluginCleanups = [], this.pluginSlot.innerHTML = "";
+  }
+  severityLabel(t) {
+    switch (t) {
+      case "bug":
+        return this.labels.severityBug;
+      case "idea":
+        return this.labels.severityIdea;
+      case "ux":
+        return this.labels.severityUx;
+      case "a11y":
+        return this.labels.severityA11y;
+    }
   }
-  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));
+  tryShowModal() {
+    try {
+      this.root.showModal();
+    } catch {
+      this.root.show();
+    }
   }
-  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
+}
+function ct() {
+  return {
+    triggerButton: "Feedback",
+    drawerTitle: "Send feedback",
+    closeButton: "Close",
+    send: "Send",
+    sending: "Sending…",
+    sentSuccess: "Sent — thanks!",
+    descriptionLabel: "Description",
+    descriptionPlaceholder: "What happened?",
+    severityLabel: "Severity",
+    severityBug: "bug",
+    severityIdea: "idea",
+    severityUx: "ux",
+    severityA11y: "a11y"
   };
 }
-const Ne = 8;
-function Y(t, e = document) {
-  if (!t) return !1;
+function lt(e) {
+  const t = document.createElement("div");
+  return t.className = "beacon-overlay-layer", e.appendChild(t), { layer: t };
+}
+function dt(e, t) {
+  const n = document.createElement("div");
+  e.layer.appendChild(n);
+  let o;
   try {
-    return e.querySelectorAll(`#${CSS.escape(t)}`).length === 1;
+    o = t(n);
+  } catch (r) {
+    throw n.remove(), r;
+  }
+  return () => {
+    try {
+      o == null || o();
+    } catch {
+    }
+    n.parentNode && n.parentNode.removeChild(n);
+  };
+}
+function ut() {
+  var n, o;
+  const e = navigator;
+  return e.userAgentData ? {
+    brand: ((n = e.userAgentData.brands.find((r) => !/Not[.\-]?A.?Brand/i.test(r.brand))) == null ? void 0 : n.brand) ?? ((o = e.userAgentData.brands[0]) == null ? void 0 : o.brand) ?? "unknown",
+    mobile: e.userAgentData.mobile,
+    platform: e.userAgentData.platform
+  } : void 0;
+}
+function pt() {
+  return {
+    name: "metadata",
+    capture() {
+      const e = ut();
+      return e ? { uaData: e } : null;
+    }
+  };
+}
+const ft = 30, K = 500, ce = 2e3, mt = 500, ht = 5e3, bt = /launch-kit-beacon|beacon\.(?:es|umd|mjs)|\/beacon\//i;
+function R(e, t) {
+  if (e)
+    return e.length > t ? e.slice(0, t) : e;
+}
+function gt(e, t) {
+  const n = (t == null ? void 0 : t.split(`
+`).slice(0, 3).join("|")) ?? "";
+  return `${e}::${n}`;
+}
+function yt(e) {
+  return !!e && bt.test(e);
+}
+function vt(e) {
+  try {
+    return JSON.stringify(e).slice(0, K);
+  } catch {
+    return String(e);
+  }
+}
+function Ie() {
+  const e = [], t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+  let o = !1, r, a;
+  function i(s) {
+    if (yt(s.stack) || s.kind === "unhandledrejection" && /AbortError/i.test(s.message)) return;
+    const c = gt(s.message, s.stack), d = t.get(c);
+    if (d !== void 0 && s.ts - d < ht) {
+      t.set(c, s.ts);
+      return;
+    }
+    t.set(c, s.ts), e.push(s), e.length > ft && e.shift();
+    for (const l of n)
+      try {
+        l();
+      } catch {
+      }
+  }
+  return {
+    install() {
+      return o ? () => {
+      } : typeof window > "u" ? () => {
+      } : (o = !0, r = (s) => {
+        try {
+          const c = s.error instanceof Error ? s.error.message : void 0, d = s.error instanceof Error ? s.error.stack : void 0;
+          i({
+            ts: Date.now(),
+            kind: "error",
+            message: R(s.message || c || "Unknown error", K) ?? "Unknown error",
+            ...d ? { stack: R(d, ce) } : {},
+            ...s.filename ? { source: R(s.filename, mt) } : {},
+            ...Number.isFinite(s.lineno) ? { line: s.lineno } : {},
+            ...Number.isFinite(s.colno) ? { col: s.colno } : {}
+          });
+        } catch {
+        }
+      }, a = (s) => {
+        try {
+          const c = s.reason, d = c instanceof Error ? c.message : typeof c == "string" ? c : vt(c), l = c instanceof Error ? c.stack : void 0;
+          i({
+            ts: Date.now(),
+            kind: "unhandledrejection",
+            message: R(d || "Unknown rejection", K) ?? "Unknown rejection",
+            ...l ? { stack: R(l, ce) } : {}
+          });
+        } catch {
+        }
+      }, window.addEventListener("error", r), window.addEventListener("unhandledrejection", a), () => {
+        r && window.removeEventListener("error", r), a && window.removeEventListener("unhandledrejection", a), o = !1, n.clear();
+      });
+    },
+    snapshot() {
+      return e.slice();
+    },
+    subscribe(s) {
+      return n.add(s), () => {
+        n.delete(s);
+      };
+    }
+  };
+}
+function xt() {
+  let e = null;
+  return {
+    name: "errors",
+    setupOnce(t) {
+      e = Ie();
+      const n = e.install();
+      return t.signal.addEventListener("abort", n, { once: !0 }), n;
+    },
+    form() {
+      return {
+        render: (t) => {
+          const n = document.createElement("details");
+          n.className = "beacon-events";
+          const o = document.createElement("summary");
+          o.className = "beacon-events-summary";
+          const r = document.createElement("span");
+          r.className = "beacon-events-dot", r.textContent = "●";
+          const a = document.createElement("span");
+          a.className = "beacon-events-label", o.appendChild(r), o.appendChild(a), n.appendChild(o);
+          const i = document.createElement("ul");
+          i.className = "beacon-events-list", n.appendChild(i), t.appendChild(n);
+          function s() {
+            const d = (e == null ? void 0 : e.snapshot()) ?? [], l = d.length;
+            if (l === 0) {
+              t.style.display = "none";
+              return;
+            }
+            t.style.display = "", a.textContent = `${l} runtime error${l !== 1 ? "s" : ""} captured`, i.innerHTML = "";
+            for (const p of d) {
+              const f = document.createElement("li");
+              f.className = "beacon-events-item";
+              const b = document.createElement("span");
+              b.className = `beacon-events-kind ${p.kind === "unhandledrejection" ? "rejection" : "error"}`, b.textContent = p.kind === "unhandledrejection" ? "REJ" : "ERR";
+              const m = document.createElement("span");
+              m.className = "beacon-events-msg", m.textContent = p.message, f.appendChild(b), f.appendChild(m), i.appendChild(f);
+            }
+          }
+          s();
+          const c = e == null ? void 0 : e.subscribe(s);
+          return () => {
+            c == null || c();
+          };
+        }
+      };
+    },
+    capture() {
+      const t = (e == null ? void 0 : e.snapshot()) ?? [];
+      return t.length === 0 ? null : { events: t };
+    }
+  };
+}
+const wt = 8;
+function le(e, t = document) {
+  if (!e) return !1;
+  try {
+    return t.querySelectorAll(`#${CSS.escape(e)}`).length === 1;
   } catch {
     return !1;
   }
 }
-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 Pe(t) {
-  const e = t.parentElement;
-  return e ? Array.from(e.children).filter((o) => o.tagName === t.tagName).indexOf(t) + 1 : 1;
-}
-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 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)}`);
+function Et(e) {
+  const t = e.tagName.toLowerCase(), n = Array.from(e.classList).filter((o) => o.length > 0 && o.length < 40).slice(0, 3).map((o) => `.${CSS.escape(o)}`).join("");
+  return t + n;
+}
+function St(e) {
+  const t = e.parentElement;
+  return t ? Array.from(t.children).filter((o) => o.tagName === e.tagName).indexOf(e) + 1 : 1;
+}
+function Ct(e) {
+  if (!e || e.nodeType !== Node.ELEMENT_NODE) return "";
+  if (e.id && le(e.id))
+    return `#${CSS.escape(e.id)}`;
+  const t = [];
+  let n = e, o = 0;
+  for (; n && n.tagName.toLowerCase() !== "body" && o < wt; ) {
+    const r = n;
+    if (r.id && le(r.id)) {
+      t.unshift(`#${CSS.escape(r.id)}`);
       break;
     }
-    const i = Re(s), r = s.parentElement;
-    let l = i;
-    if (r)
+    const a = Et(r), i = r.parentElement;
+    let s = a;
+    if (i)
       try {
-        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)})`);
+        const c = Array.from(r.classList).join(" ");
+        Array.from(i.children).filter(
+          (l) => l.tagName === r.tagName && Array.from(l.classList).join(" ") === c
+        ).length > 1 && (s = `${r.tagName.toLowerCase()}:nth-of-type(${St(r)})`);
       } catch {
       }
-    e.unshift(l), n = r, o++;
+    t.unshift(s), n = i, o++;
   }
-  return e.join(" > ");
+  return t.join(" > ");
 }
-function Be(t) {
-  const e = Object.keys(t).filter((o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$"));
-  if (e.length === 0) return null;
-  let n = t[e[0]];
+function kt(e) {
+  const t = Object.keys(e).filter(
+    (o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$")
+  );
+  if (t.length === 0) return null;
+  let n = e[t[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 };
+    const r = n, a = r.type;
+    if (typeof a == "function") {
+      const i = a.displayName ?? a.name;
+      if (i && i !== "_default") return { lib: "react", name: i };
     }
-    if (typeof i == "object" && i !== null) {
-      const r = i.displayName ?? i.name;
-      if (r) return { lib: "react", name: r };
+    if (typeof a == "object" && a !== null) {
+      const i = a.displayName ?? a.name;
+      if (i) return { lib: "react", name: i };
     }
-    n = s.return;
+    n = r.return;
   }
   return { lib: "react" };
 }
-function je(t) {
-  var o, s;
-  const e = t, n = e.__vueParentComponent;
+function At(e) {
+  var o, r;
+  const t = e, n = t.__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 } : {} };
+    const a = ((o = n.type) == null ? void 0 : o.name) ?? ((r = n.type) == null ? void 0 : r.__name);
+    return { lib: "vue", ...a ? { name: a } : {} };
   }
-  return e.__vue__ ? { lib: "vue" } : null;
+  return t.__vue__ ? { lib: "vue" } : null;
 }
-function Oe(t) {
-  const e = window.ng;
-  if (!(e != null && e.getComponent)) return null;
+function Lt(e) {
+  const t = window.ng;
+  if (!(t != null && t.getComponent)) return null;
   try {
-    const n = e.getComponent(t);
+    const n = t.getComponent(e);
     if (!n) return null;
     const o = n.constructor;
     return { lib: "angular", ...o != null && o.name ? { name: o.name } : {} };
@@ -537,13 +1366,13 @@ function Oe(t) {
     return null;
   }
 }
-function ze(t) {
-  return "__svelte_meta" in t ? { lib: "svelte" } : null;
+function Nt(e) {
+  return "__svelte_meta" in e ? { lib: "svelte" } : null;
 }
-function G(t) {
-  return Be(t) ?? je(t) ?? Oe(t) ?? ze(t) ?? void 0;
+function Tt(e) {
+  return kt(e) ?? At(e) ?? Lt(e) ?? Nt(e) ?? void 0;
 }
-const Ue = 5e3, He = 1e3, J = 1e3, Z = 200, qe = 50, Q = 200, Fe = 500, We = [
+const Mt = 5e3, It = 1e3, de = 1e3, ue = 200, Rt = 50, pe = 200, _t = 500, Pt = [
   "display",
   "position",
   "top",
@@ -582,666 +1411,823 @@ const Ue = 5e3, He = 1e3, J = 1e3, Z = 200, qe = 50, Q = 200, Fe = 500, We = [
   "grid-template-columns",
   "grid-template-rows"
 ];
-function ee(t, e) {
-  return t.length <= e ? t : t.slice(0, e) + `
+function fe(e, t) {
+  return e.length <= t ? e : e.slice(0, t) + `
 
-/* … truncated, original was ${t.length} chars */`;
+/* … truncated, original was ${e.length} chars */`;
 }
-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));
+function Dt(e) {
+  const t = getComputedStyle(e), n = {};
+  for (const o of Pt) {
+    const r = t.getPropertyValue(o);
+    r && r !== "normal" && r !== "none" && r !== "auto" && r !== "0px" && (n[o] = r.trim().slice(0, _t));
   }
   return n;
 }
-function Ke(t) {
-  return Array.from(t.classList).slice(0, qe).map((n) => n.length > Q ? n.slice(0, Q) : n);
+function $t(e) {
+  return Array.from(e.classList).slice(0, Rt).map((t) => t.length > pe ? t.slice(0, pe) : t);
 }
-function Xe(t) {
-  const e = t.getBoundingClientRect(), n = De(t), o = t.id || null;
+function Bt(e) {
+  const t = e.getBoundingClientRect(), n = Ct(e), o = e.id || null, r = Tt(e);
   return {
-    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),
+    selector: n.length > de ? n.slice(0, de) : n,
+    tagName: e.tagName.toLowerCase(),
+    id: o && o.length > ue ? o.slice(0, ue) : o,
+    classList: $t(e),
+    outerHTML: fe(e.outerHTML, Mt),
+    ...e.parentElement ? { parentOuterHTML: fe(e.parentElement.outerHTML, It) } : {},
+    computedStyles: Dt(e),
     boundingRect: {
-      x: Math.round(e.x),
-      y: Math.round(e.y),
-      w: Math.round(e.width),
-      h: Math.round(e.height)
+      x: Math.round(t.x),
+      y: Math.round(t.y),
+      w: Math.round(t.width),
+      h: Math.round(t.height)
     },
-    ...G(t) ? { framework: G(t) } : {}
+    ...r ? { framework: r } : {}
   };
 }
-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;
+const zt = 14, Ot = "#ffffff", Ht = "#ffffff", qt = 3, Ut = "#0ea5e9";
+async function Re(e, t, n, o = Ut) {
+  const r = await jt(e), a = document.createElement("canvas");
+  a.width = r.naturalWidth, a.height = r.naturalHeight;
+  const i = a.getContext("2d");
+  if (!i) throw new Error("Could not get 2D canvas context");
+  i.drawImage(r, 0, 0);
+  const s = a.width / n.w, c = a.height / n.h;
+  for (const d of t) {
+    const l = Ft(d);
+    if (!l) continue;
+    const p = l.x * s, f = l.y * c, b = l.w * s, m = l.h * c;
+    i.lineWidth = qt, i.strokeStyle = o, i.strokeRect(p, f, b, m);
+    const x = p + b, g = f;
+    i.beginPath(), i.fillStyle = o, i.arc(x, g, zt, 0, Math.PI * 2), i.fill(), i.lineWidth = 3, i.strokeStyle = Ot, i.stroke(), i.fillStyle = Ht, i.font = "bold 16px system-ui, -apple-system, sans-serif", i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(d.number), x, g + 1);
+  }
+  return a.toDataURL("image/jpeg", 0.85);
+}
+function Ft(e) {
+  if (e.liveElement && document.contains(e.liveElement)) {
+    const t = e.liveElement.getBoundingClientRect();
+    if (t.width > 0 || t.height > 0)
+      return { x: t.left, y: t.top, w: t.width, h: t.height };
+  }
+  if (e.selector)
+    try {
+      const t = document.querySelector(e.selector);
+      if (t) {
+        const n = t.getBoundingClientRect();
+        if (n.width > 0 || n.height > 0)
+          return { x: n.left, y: n.top, w: n.width, h: n.height };
+      }
+    } catch {
+    }
+  return e.boundingRect;
 }
-function ne() {
-  if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
-  if (window.matchMedia("(prefers-color-scheme: light)").matches) return "light";
+function jt(e) {
+  return new Promise((t, n) => {
+    const o = new Image();
+    o.onload = () => t(o), o.onerror = (r) => n(r), o.src = e;
+  });
 }
-function oe() {
-  return {
-    url: window.location.href,
-    ...document.referrer ? { referrer: document.referrer } : {},
-    userAgent: navigator.userAgent,
-    ...te() ? { uaData: te() } : {},
-    viewport: {
-      w: window.innerWidth,
-      h: window.innerHeight,
-      dpr: window.devicePixelRatio || 1
+const _ = "beacon-no-capture", Vt = "#0ea5e9", me = "Click any element to pin it · Press Esc to finish";
+function he(e, t) {
+  return /^#[0-9a-fA-F]{6}$/.test(e) ? `${e}${t}` : e;
+}
+function Wt(e = {}) {
+  const t = e.accent ?? Vt, n = he(t, "b3"), o = he(t, "2e"), r = document.createElement("style");
+  r.className = _, r.textContent = "@keyframes beacon-spin { to { transform: rotate(360deg); } }", document.head.appendChild(r);
+  const a = document.createElement("div");
+  a.className = _, a.setAttribute("aria-hidden", "true"), a.style.cssText = [
+    "position: fixed",
+    "inset: 0",
+    "pointer-events: none",
+    "z-index: 2147483646",
+    `border: 2px dashed ${n}`,
+    "border-radius: 4px",
+    `box-shadow: inset 0 0 56px ${o}`,
+    "box-sizing: border-box"
+  ].join("; ");
+  const i = document.createElement("div");
+  i.className = _, i.setAttribute("role", "status"), i.style.cssText = [
+    "position: fixed",
+    "top: 16px",
+    "left: 50%",
+    "transform: translateX(-50%)",
+    `background: ${t}`,
+    "color: #fff",
+    "padding: 6px 14px",
+    "border-radius: 999px",
+    "font: 500 12px/1.4 system-ui, -apple-system, sans-serif",
+    "letter-spacing: 0.01em",
+    "box-shadow: 0 4px 12px hsl(0 0% 0% / 0.3)",
+    "pointer-events: none",
+    "white-space: nowrap",
+    "z-index: 2147483646"
+  ].join("; "), i.textContent = me;
+  const s = `<span style="
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    border: 2px solid #fff;
+    border-top-color: transparent;
+    border-radius: 50%;
+    animation: beacon-spin 800ms linear infinite;
+    vertical-align: middle;
+    margin-right: 8px;
+  "></span>`;
+  function c(u) {
+    return u.replace(/[<>&]/g, (y) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[y]);
+  }
+  document.body.appendChild(a), document.body.appendChild(i);
+  const d = /* @__PURE__ */ new Map();
+  function l(u) {
+    const y = document.createElement("div");
+    return y.className = _, y.setAttribute("aria-hidden", "true"), y.style.cssText = [
+      "position: fixed",
+      "width: 24px",
+      "height: 24px",
+      "border-radius: 999px",
+      `background: ${t}`,
+      "color: #fff",
+      "display: flex",
+      "align-items: center",
+      "justify-content: center",
+      "font: 700 12px/1 system-ui, -apple-system, sans-serif",
+      "border: 2px solid #fff",
+      "box-shadow: 0 2px 8px hsl(0 0% 0% / 0.4)",
+      "pointer-events: none",
+      "z-index: 2147483646"
+    ].join("; "), y.textContent = String(u), document.body.appendChild(y), y;
+  }
+  function p() {
+    const u = document.createElement("div");
+    return u.className = _, u.setAttribute("aria-hidden", "true"), u.style.cssText = [
+      "position: fixed",
+      "pointer-events: none",
+      `border: 2px solid ${t}`,
+      "border-radius: 2px",
+      "box-sizing: border-box",
+      "z-index: 2147483645"
+    ].join("; "), document.body.appendChild(u), u;
+  }
+  function f(u, y, h) {
+    const v = h ? "0.5" : "1";
+    u.outline.style.display = "block", u.outline.style.opacity = v, u.outline.style.left = `${y.x}px`, u.outline.style.top = `${y.y}px`, u.outline.style.width = `${y.w}px`, u.outline.style.height = `${y.h}px`, u.marker.style.display = "flex", u.marker.style.opacity = v, u.marker.style.left = `${y.x + y.w - 12}px`, u.marker.style.top = `${Math.max(2, y.y - 12)}px`;
+  }
+  function b(u) {
+    u.marker.style.display = "none", u.outline.style.display = "none";
+  }
+  function m() {
+    d.forEach((u) => {
+      let y = u.anchor.target;
+      if (document.contains(y) || (y = null), !y && u.anchor.selector && (y = document.querySelector(u.anchor.selector), y && (u.anchor.target = y)), y) {
+        const v = y.getBoundingClientRect();
+        if (v.width > 0 || v.height > 0) {
+          f(u, { x: v.left, y: v.top, w: v.width, h: v.height }, !1);
+          return;
+        }
+      }
+      const h = u.anchor.fallbackRect;
+      if (h && (h.w > 0 || h.h > 0)) {
+        f(u, h, !0);
+        return;
+      }
+      b(u);
+    });
+  }
+  let x = null;
+  function g() {
+    x === null && (x = requestAnimationFrame(() => {
+      x = null, m();
+    }));
+  }
+  return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), {
+    addPin(u, y) {
+      const h = l(u), v = p();
+      d.set(u, { anchor: y, marker: h, outline: v }), m();
     },
-    screen: {
-      w: window.screen.width,
-      h: window.screen.height
+    setLoading(u) {
+      u ? i.innerHTML = s + c(u) : i.textContent = me;
     },
-    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    locale: navigator.language,
-    ...ne() ? { theme: ne() } : {},
-    capturedAt: (/* @__PURE__ */ new Date()).toISOString()
+    destroy() {
+      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g), x !== null && cancelAnimationFrame(x), a.remove(), i.remove(), r.remove(), d.forEach(({ marker: u, outline: y }) => {
+        u.remove(), y.remove();
+      }), d.clear();
+    }
+  };
+}
+const Yt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>', Kt = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>';
+function Xt(e) {
+  return new Promise((t) => {
+    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">${e.pinNumber}</span>
+          <span>Note for this pin</span>
+        </div>
+        <button type="button" class="beacon-icon-btn" data-action="cancel" aria-label="Discard this pin">${Yt}</button>
+      </div>
+      <textarea class="beacon-textarea" rows="2" placeholder="Optional — describe what's wrong here…" style="min-height:48px;"></textarea>
+      <div class="beacon-pin-popover-actions">
+        <button type="button" class="beacon-btn primary" data-action="save">${Kt} Save</button>
+      </div>
+    `;
+    const o = 240, r = 160, a = Math.min(Math.max(8, e.anchor.x), window.innerWidth - o - 8), i = Math.min(Math.max(8, e.anchor.y + 12), window.innerHeight - r - 8);
+    n.style.left = `${a}px`, n.style.top = `${i}px`, document.body.appendChild(n);
+    const s = n.querySelector("textarea");
+    s.focus();
+    function c(l) {
+      document.removeEventListener("keydown", d, !0), n.remove(), t(l);
+    }
+    function d(l) {
+      l.key === "Escape" && (l.preventDefault(), l.stopPropagation(), c({ cancelled: "all" }));
+    }
+    document.addEventListener("keydown", d, !0), n.addEventListener("click", (l) => {
+      var b;
+      const f = (b = l.target.closest("[data-action]")) == null ? void 0 : b.getAttribute("data-action");
+      if (f === "cancel" && c({ cancelled: "pin" }), f === "save") {
+        const m = s.value.trim();
+        c({ ...m ? { note: m } : {}, cancelled: !1 });
+      }
+    }), s.addEventListener("keydown", (l) => {
+      if (l.key === "Enter" && (l.metaKey || l.ctrlKey)) {
+        l.preventDefault();
+        const p = s.value.trim();
+        c({ ...p ? { note: p } : {}, cancelled: !1 });
+      }
+    });
+  });
+}
+const Gt = "#0ea5e9";
+function Jt(e, t) {
+  return /^#[0-9a-fA-F]{6}$/.test(e) ? `${e}${t}` : e;
+}
+function Zt(e) {
+  const { shadowRoot: t, onHover: n } = e, o = e.accent ?? Gt, r = Jt(o, "14"), a = document.createElement("div");
+  a.style.cssText = [
+    "position: fixed",
+    "pointer-events: none",
+    "z-index: 2147483646",
+    `border: 2px solid ${o}`,
+    `background: ${r}`,
+    "transition: all 60ms ease-out",
+    "box-sizing: border-box",
+    "border-radius: 2px"
+  ].join("; "), document.body.appendChild(a);
+  const i = document.createElement("div");
+  i.style.cssText = [
+    "position: fixed",
+    "pointer-events: none",
+    "z-index: 2147483647",
+    "background: #0f172a",
+    "color: #fff",
+    "font: 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace",
+    "padding: 3px 6px",
+    "border-radius: 3px",
+    "max-width: 280px",
+    "overflow: hidden",
+    "text-overflow: ellipsis",
+    "white-space: nowrap"
+  ].join("; "), document.body.appendChild(i);
+  const s = document.body.style.cursor;
+  document.body.style.cursor = "crosshair";
+  let c = !1, d = () => {
+  };
+  const l = new Promise((h) => {
+    d = h;
+  });
+  function p(h) {
+    if (!h || !(h instanceof Node)) return !1;
+    let v = h;
+    for (; v; ) {
+      if (v === t || v === t.host) return !0;
+      v = v.parentNode ?? v.host ?? null;
+    }
+    return !1;
+  }
+  function f(h, v) {
+    a.style.display = "none", i.style.display = "none";
+    const C = document.elementsFromPoint(h, v);
+    a.style.display = "block", i.style.display = "block";
+    for (const S of C)
+      if (!p(S)) return S;
+    return null;
+  }
+  function b(h) {
+    const v = h.getBoundingClientRect();
+    a.style.left = `${v.left}px`, a.style.top = `${v.top}px`, a.style.width = `${v.width}px`, a.style.height = `${v.height}px`;
+    const C = h.tagName.toLowerCase(), S = h.classList.length > 0 ? "." + Array.from(h.classList).slice(0, 2).join(".") : "";
+    i.textContent = C + S;
+    const L = v.top - 22;
+    i.style.left = `${v.left}px`, i.style.top = `${L >= 0 ? L : v.bottom + 4}px`;
+  }
+  function m(h) {
+    const v = f(h.clientX, h.clientY);
+    v ? (b(v), n == null || n(v)) : (a.style.display = "none", i.style.display = "none", n == null || n(null));
+  }
+  function x(h) {
+    if (h.button !== 0) return;
+    h.preventDefault(), h.stopPropagation();
+    const v = f(h.clientX, h.clientY);
+    v && y(v);
+  }
+  function g(h) {
+    h.preventDefault(), h.stopPropagation();
+  }
+  function u(h) {
+    h.key === "Escape" && (h.preventDefault(), y(null));
+  }
+  function y(h) {
+    c || (c = !0, document.removeEventListener("mousemove", m, !0), document.removeEventListener("pointerdown", x, !0), document.removeEventListener("click", g, !0), document.removeEventListener("mouseup", g, !0), document.removeEventListener("keydown", u, !0), a.remove(), i.remove(), document.body.style.cursor = s, d(h));
+  }
+  return document.addEventListener("mousemove", m, !0), document.addEventListener("pointerdown", x, !0), document.addEventListener("click", g, !0), document.addEventListener("mouseup", g, !0), document.addEventListener("keydown", u, !0), {
+    cancel: () => y(null),
+    promise: l
   };
 }
-let R = null;
-async function Ye() {
-  return R || (R = await import("./index-DAIDnjfR.mjs")), R;
+let Y = null;
+async function Qt() {
+  return Y || (Y = await import("./index-DAIDnjfR.mjs")), Y;
 }
-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;
+const q = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
+function be(e, t) {
+  if (!e || e.startsWith("data:") || e.startsWith("blob:") || e.startsWith("/") || e.startsWith("#")) return !0;
   try {
-    if (new URL(t, window.location.href).origin === window.location.origin) return !0;
+    if (new URL(e, window.location.href).origin === window.location.origin) return !0;
   } catch {
     return !1;
   }
-  return e === "anonymous" || e === "use-credentials";
+  return t === "anonymous" || t === "use-credentials";
 }
-function Ge() {
-  const t = [], e = [];
+function en() {
+  const e = [], t = [];
   return document.querySelectorAll("img").forEach((n) => {
-    se(n.src, n.crossOrigin) || (t.push({ el: n, src: n.src }), n.src = _);
+    be(n.src, n.crossOrigin) || (e.push({ el: n, src: n.src }), n.src = q);
   }), 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", _));
+    const o = n, r = o.getAttribute("href"), a = o.getAttributeNS("http://www.w3.org/1999/xlink", "href"), i = r || a || "";
+    i && !be(i) && (t.push({ el: o, href: r, xlink: a }), r !== null && o.setAttribute("href", q), a !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", q));
   }), () => {
-    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);
+    for (const { el: n, src: o } of e) n.src = o;
+    for (const { el: n, href: o, xlink: r } of t)
+      o !== null && n.setAttribute("href", o), r !== null && n.setAttributeNS("http://www.w3.org/1999/xlink", "href", r);
   };
 }
-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;
+async function _e(e = {}) {
+  const {
+    quality: t = 0.7,
+    pixelRatio: n = Math.min(window.devicePixelRatio || 1, 2),
+    excludeShadowRoot: o,
+    excludeHosts: r
+  } = e, a = await Qt(), i = o || r != null && r.length ? (c) => {
+    let d = c;
+    for (; d; ) {
+      if (o && d === o.host || r && d instanceof Element && r.includes(d) || d instanceof Element && d.classList.contains("beacon-no-capture")) return !1;
+      d = d.parentNode;
     }
     return !0;
-  } : void 0, r = Ge();
+  } : void 0, s = en();
   try {
-    return await s.toJpeg(document.documentElement, {
-      quality: e,
+    return await a.toJpeg(document.documentElement, {
+      quality: t,
       pixelRatio: n,
       cacheBust: !0,
       ...i ? { filter: i } : {},
-      imagePlaceholder: _,
-      // Cap dimensions to viewport so we don't accidentally capture full document height.
+      imagePlaceholder: q,
       width: window.innerWidth,
       height: window.innerHeight,
-      style: {
-        // Avoid scrolling artifacts.
-        transform: "none"
-      }
+      style: { transform: "none" }
     });
   } finally {
-    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 (t.selector)
+    s();
+  }
+}
+let Q = null;
+function tn(e) {
+  Q = e;
+}
+function nn() {
+  return Q;
+}
+function D() {
+  Q = null;
+}
+const ge = "http://www.w3.org/2000/svg";
+function on() {
+  const e = document.createElementNS(ge, "svg");
+  e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("aria-hidden", "true");
+  const t = [
+    "M3 6h18",
+    "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+    "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
+  ];
+  for (const n of t) {
+    const o = document.createElementNS(ge, "path");
+    o.setAttribute("d", n), e.appendChild(o);
+  }
+  return e;
+}
+function rn(e = {}) {
+  const t = e.maxPins ?? 20;
+  let n = [], o = /* @__PURE__ */ new WeakMap(), r = null, a = null, i = null, s = null, c = null;
+  function d() {
+    n = [], o = /* @__PURE__ */ new WeakMap(), r = null, D(), m(), x();
+  }
+  function l() {
+    const g = document.querySelector("launch-kit-beacon");
+    return (g == null ? void 0 : g.shadowRoot) ?? null;
+  }
+  function p() {
+    if (typeof window > "u") return e.accent ?? "#0ea5e9";
+    if (e.accent) return e.accent;
+    const g = document.querySelector("launch-kit-beacon");
+    return g && getComputedStyle(g).getPropertyValue("--beacon-accent").trim() || "#0ea5e9";
+  }
+  async function f(g) {
+    const u = l();
+    if (!u) return;
+    const y = p(), h = await g.requestMode("pickElement"), v = Wt({ accent: y });
+    for (const C of n) {
+      const S = o.get(C);
+      S && v.addPin(C.number, {
+        target: S,
+        selector: C.selector,
+        fallbackRect: C.boundingRect
+      });
+    }
     try {
-      const o = document.querySelector(t.selector);
-      if (o) {
-        const s = o.getBoundingClientRect();
-        if (s.width > 0 || s.height > 0)
-          return { x: s.left, y: s.top, w: s.width, h: s.height };
+      let C = !0;
+      for (; C && !(n.length >= t); ) {
+        const L = await Zt({ shadowRoot: u, accent: y }).promise;
+        if (!L) break;
+        const T = L.getBoundingClientRect(), N = await Xt({
+          anchor: { x: T.left, y: T.bottom },
+          pinNumber: n.length + 1
+        });
+        if (N.cancelled === "all") {
+          C = !1;
+          break;
+        }
+        if (N.cancelled === "pin") continue;
+        const w = Bt(L), k = {
+          number: n.length + 1,
+          ...w,
+          ...N.note ? { note: N.note } : {}
+        };
+        n.push(k), o.set(k, L), v.addPin(k.number, {
+          target: L,
+          selector: w.selector,
+          fallbackRect: w.boundingRect
+        });
+      }
+      if (n.length > 0) {
+        v.setLoading("Capturing screenshot…"), await new Promise((S) => requestAnimationFrame(() => S()));
+        try {
+          const S = Array.from(document.querySelectorAll("launch-kit-beacon")), L = await _e({ excludeHosts: S }), T = n.map((k) => ({
+            number: k.number,
+            selector: k.selector,
+            boundingRect: k.boundingRect,
+            ...o.get(k) ? { liveElement: o.get(k) } : {}
+          })), N = {
+            w: window.innerWidth,
+            h: window.innerHeight,
+            dpr: window.devicePixelRatio || 1
+          }, w = await Re(L, T, N, y);
+          r = w, tn({ dataUrl: w, mime: "image/jpeg" });
+        } catch {
+          r = null, D();
+        }
+      } else
+        r = null, D();
+    } finally {
+      v.destroy(), h();
+    }
+    m(), x();
+  }
+  function b(g) {
+    const u = n.findIndex((y) => y.number === g);
+    u !== -1 && (n.splice(u, 1), n.forEach((y, h) => {
+      y.number = h + 1;
+    }), r = null, D(), m(), x());
+  }
+  function m() {
+    if (a && (a.textContent = `Pins (${n.length})`, a.style.display = n.length === 0 ? "none" : ""), c && (c.textContent = n.length === 0 ? "Annotate elements" : "Add another pin"), !!i) {
+      i.innerHTML = "", i.style.display = n.length === 0 ? "none" : "";
+      for (const g of n) {
+        const u = document.createElement("div");
+        u.className = "beacon-pin-item", u.dataset.pin = String(g.number);
+        const y = document.createElement("span");
+        y.className = "beacon-pin-num", y.textContent = String(g.number);
+        const h = document.createElement("div");
+        h.className = "beacon-pin-meta";
+        const v = document.createElement("div");
+        v.className = "beacon-pin-selector", v.title = g.selector, v.textContent = g.selector || g.tagName;
+        const C = document.createElement("input");
+        C.type = "text", C.className = "beacon-pin-note-input", C.placeholder = "Add a note (optional)", C.value = g.note ?? "", C.addEventListener("input", () => {
+          C.value.trim() ? g.note = C.value : delete g.note;
+        }), h.appendChild(v), h.appendChild(C);
+        const S = document.createElement("button");
+        S.type = "button", S.className = "beacon-icon-btn", S.setAttribute("aria-label", `Remove pin ${g.number}`), S.appendChild(on()), S.addEventListener("click", () => b(g.number)), u.appendChild(y), u.appendChild(h), u.appendChild(S), i.appendChild(u);
       }
-    } catch {
     }
-  return t.boundingRect;
-}
-function ot(t) {
-  return new Promise((e, n) => {
-    const o = new Image();
-    o.onload = () => e(o), o.onerror = (s) => n(s), o.src = t;
-  });
-}
-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;
+  function x() {
+    s && (r ? (s.src = r, s.style.display = "block") : (s.removeAttribute("src"), s.style.display = "none"));
   }
-  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 {
+  return {
+    name: "domEle",
+    setupOnce(g) {
+      return g.on("close", () => d());
+    },
+    form(g) {
+      return {
+        render: (u) => (a = document.createElement("div"), a.className = "beacon-pin-list-header", u.appendChild(a), i = document.createElement("div"), i.className = "beacon-pin-list", u.appendChild(i), c = document.createElement("button"), c.type = "button", c.className = "beacon-btn secondary beacon-pin-annotate", c.addEventListener("click", () => {
+          f(g);
+        }), u.appendChild(c), s = document.createElement("img"), s.className = "beacon-thumb", s.alt = "Annotated screenshot preview", s.style.display = "none", u.appendChild(s), m(), x(), () => {
+          a = null, i = null, s = null, c = null;
+        })
+      };
+    },
+    capture() {
+      return n.length === 0 ? null : { pins: n };
     }
-  }));
+  };
 }
-function M() {
-  return $.slice();
+function an(e) {
+  return !!e && typeof e == "object" && !("v" in e) && "error" in e;
 }
-function ge(t) {
-  return B.add(t), () => {
-    B.delete(t);
+function sn(e = {}) {
+  return {
+    name: "domSS",
+    async capture(t) {
+      const n = nn();
+      if (n)
+        return { dataUrl: n.dataUrl, mime: n.mime };
+      const o = await t.requestMode("hide");
+      try {
+        await new Promise((p) => requestAnimationFrame(() => p()));
+        const r = Array.from(document.querySelectorAll("launch-kit-beacon")), a = await _e({
+          quality: e.quality,
+          pixelRatio: e.pixelRatio,
+          excludeHosts: r
+        }), i = t.captured("domEle"), s = cn(i), c = {
+          w: window.innerWidth,
+          h: window.innerHeight,
+          dpr: window.devicePixelRatio || 1
+        }, d = e.accent ?? ln();
+        return { dataUrl: s.length > 0 ? await Re(a, s, c, d) : a, mime: "image/jpeg" };
+      } finally {
+        o();
+      }
+    }
   };
 }
-async function ht(t, e, n) {
-  const o = await fetch(t, {
-    method: "POST",
-    credentials: "include",
-    headers: {
-      "Content-Type": "application/json",
-      ...n ?? {}
-    },
-    body: JSON.stringify(e)
-  });
-  let s = null;
-  if ((o.headers.get("Content-Type") ?? "").includes("application/json"))
-    try {
-      s = await o.json();
-    } catch {
-      s = null;
-    }
-  else
+function cn(e) {
+  if (!e || an(e)) return [];
+  const t = e.pins;
+  return Array.isArray(t) ? t.filter((n) => !!n && typeof n == "object").map((n) => ({
+    number: Number(n.number) || 0,
+    selector: typeof n.selector == "string" ? n.selector : void 0,
+    boundingRect: n.boundingRect ?? { x: 0, y: 0, w: 0, h: 0 }
+  })) : [];
+}
+function ln() {
+  if (typeof window > "u") return "#0ea5e9";
+  const e = document.querySelector("launch-kit-beacon");
+  return e && getComputedStyle(e).getPropertyValue("--beacon-accent").trim() || "#0ea5e9";
+}
+const ye = "beacon-no-capture", ve = "__lsBeaconMonitorChipPos", dn = "#10b981";
+function un(e) {
+  const t = e.accent ?? dn, n = e.startedAt ?? Date.now(), o = document.createElement("div");
+  o.className = `${ye} beacon-monitor-overlay-frame`, o.setAttribute("aria-hidden", "true"), o.style.setProperty("--beacon-monitor-accent", t), document.body.appendChild(o);
+  const r = document.createElement("div");
+  r.className = `${ye} beacon-monitor-overlay-chip`, r.setAttribute("role", "status"), r.setAttribute("aria-label", "Recording — drag to move"), r.style.setProperty("--beacon-monitor-accent", t);
+  const a = document.createElement("div");
+  a.className = "beacon-monitor-overlay-chip-row";
+  const i = document.createElement("span");
+  i.className = "beacon-monitor-overlay-rec-dot", i.setAttribute("aria-hidden", "true");
+  const s = document.createElement("span");
+  s.className = "beacon-monitor-overlay-rec-label", s.textContent = "REC";
+  const c = document.createElement("span");
+  c.className = "beacon-monitor-overlay-sep", c.setAttribute("aria-hidden", "true"), c.textContent = "·";
+  const d = document.createElement("span");
+  d.className = "beacon-monitor-overlay-timer", d.textContent = "00:00";
+  const l = document.createElement("button");
+  l.type = "button", l.className = "beacon-monitor-overlay-stop", l.textContent = "Stop", l.setAttribute("aria-label", "Stop monitoring"), a.appendChild(i), a.appendChild(s), a.appendChild(c), a.appendChild(d), a.appendChild(l), r.appendChild(a);
+  const p = document.createElement("div");
+  p.className = "beacon-monitor-overlay-url", e.url ? (p.textContent = e.url, p.title = e.url) : p.style.display = "none", r.appendChild(p), document.body.appendChild(r);
+  const f = b() ?? m();
+  g(x(f));
+  function b() {
     try {
-      s = await o.text();
+      const w = localStorage.getItem(ve);
+      if (!w) return null;
+      const k = JSON.parse(w), I = typeof k.x == "number" ? k.x : NaN, z = typeof k.y == "number" ? k.y : NaN;
+      return !Number.isFinite(I) || !Number.isFinite(z) ? null : { x: I, y: z };
     } catch {
-      s = null;
+      return null;
     }
-  return {
-    ok: o.ok,
-    status: o.status,
-    body: s
-  };
-}
-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 = de, e.textContent = t, document.head.appendChild(e);
-}
-const bt = [
-  "--beacon-accent",
-  "--beacon-bg",
-  "--beacon-fg",
-  "--beacon-muted",
-  "--beacon-border",
-  "--beacon-radius",
-  "--beacon-shadow",
-  "--beacon-z-index",
-  "--beacon-bug",
-  "--beacon-idea",
-  "--beacon-ux",
-  "--beacon-a11y"
-], 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 pt;
+  function m() {
+    const k = r.getBoundingClientRect().width || 200;
+    return { x: Math.max(8, Math.floor((window.innerWidth - k) / 2)), y: 16 };
   }
-  /** Public — wrappers can set `widget.config = {...}` for dynamic endpoint/headers/context. */
-  set config(e) {
-    this._config = e;
+  function x(w) {
+    const I = r.getBoundingClientRect(), z = I.width || 200, je = I.height || 40, Ve = Math.max(8, window.innerWidth - z - 8), We = Math.max(8, window.innerHeight - je - 8);
+    return {
+      x: Math.min(Math.max(8, w.x), Ve),
+      y: Math.min(Math.max(8, w.y), We)
+    };
   }
-  get config() {
-    if (this._config) return this._config;
-    const e = this.getAttribute("endpoint");
-    return e ? { endpoint: e } : null;
+  function g(w) {
+    r.style.left = `${w.x}px`, r.style.top = `${w.y}px`;
   }
-  connectedCallback() {
-    if (!this.shadow) {
-      this.shadow = this.attachShadow({ mode: "open" });
-      const e = document.createElement("style");
-      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: (n, o) => this.updatePinNote(n, o),
-        onPinDelete: (n) => this.deletePin(n),
-        onDescriptionChange: (n) => {
-          this.description = n;
-        },
-        onSeverityChange: (n) => {
-          this.severity = n;
-        }
-      }), 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());
-      });
+  let u = !1, y = null, h = { x: 0, y: 0 };
+  function v(w) {
+    if (w.target instanceof Element && w.target.closest(".beacon-monitor-overlay-stop")) return;
+    w.preventDefault(), u = !0, y = w.pointerId;
+    try {
+      r.setPointerCapture(w.pointerId);
+    } catch {
     }
-    this.hasAttribute("position") || this.setAttribute("position", "bottom-right"), this.hasAttribute("theme") || this.setAttribute("theme", "auto");
+    r.setAttribute("data-dragging", "true");
+    const k = r.getBoundingClientRect();
+    h = { x: w.clientX - k.left, y: w.clientY - k.top };
   }
-  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"}`));
+  function C(w) {
+    !u || w.pointerId !== y || g(x({ x: w.clientX - h.x, y: w.clientY - h.y }));
   }
-  // ── Public API ──────────────────────────────────────────
-  open() {
-    var e;
-    if (this.drawer) {
-      if (this.getAttribute("position") === "hidden") {
-        const n = (e = this.slotEl) == null ? void 0 : e.assignedElements()[0];
-        n && wt(this.drawer.root, n);
-      }
-      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() {
-    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);
-  }
-  // ── Annotate flow ──────────────────────────────────────────
-  async startAnnotate() {
-    if (!this.drawer) return;
-    this.drawer.minimize();
-    const e = this.getAccentColor(), n = Me({ accent: e });
-    for (const o of this.pins) {
-      const s = this.pinElements.get(o);
-      s && n.addPin(o.number, {
-        target: s,
-        selector: o.selector,
-        fallbackRect: o.boundingRect
-      });
-    }
+  function S(w) {
+    if (!u || w.pointerId !== y) return;
+    u = !1, y = null, r.removeAttribute("data-dragging");
     try {
-      let o = !0;
-      for (; o; ) {
-        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: r.left, y: r.bottom },
-          pinNumber: this.pins.length + 1
-        });
-        if (l.cancelled === "all") break;
-        if (l.cancelled === "pin") continue;
-        const a = Xe(i), c = {
-          number: this.pins.length + 1,
-          ...a,
-          ...l.note ? { note: l.note } : {}
-        };
-        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) {
-        n.setLoading("Capturing screenshot…"), await new Promise((s) => requestAnimationFrame(() => s()));
-        try {
-          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 {
-      n.destroy();
-    }
-    this.drawer.open();
-  }
-  updatePinNote(e, n) {
-    const o = this.pins.find((s) => s.number === e);
-    o && (n.trim() ? o.note = n : delete o.note);
-  }
-  deletePin(e) {
-    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() {
-    if (!this.drawer) return;
-    const e = this.config;
-    if (!(e != null && e.endpoint)) {
-      this.drawer.setStatus("Missing endpoint configuration", "error");
-      return;
-    }
-    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 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 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 l = M(), a = {
-      description: n,
-      severity: o,
-      ...s ? { screenshot: { dataUrl: s, mime: "image/jpeg" } } : {},
-      metadata: r,
-      pins: this.pins,
-      ...l.length > 0 ? { events: l } : {},
-      ...this.resolveContext() ? { context: this.resolveContext() } : {}
-    }, c = new CustomEvent("beacon-before-submit", {
-      detail: { payload: a },
-      cancelable: !0,
-      bubbles: !0,
-      composed: !0
-    });
-    if (!this.dispatchEvent(c)) {
-      this.drawer.setSubmitting(!1), this.drawer.setStatus("Submission cancelled", "error");
-      return;
+      r.releasePointerCapture(w.pointerId);
+    } catch {
     }
-    this.drawer.setStatus("Sending…");
+    const k = r.getBoundingClientRect();
     try {
-      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: ${g.status}`, "error");
-    } catch (u) {
-      this.drawer.setSubmitting(!1);
-      const g = u instanceof Error ? u.message : "Network error";
-      this.drawer.setStatus(`Failed: ${g}`, "error");
-    }
-  }
-  // ── Helpers ──────────────────────────────────────────
-  /**
-   * Resolved accent color — reads --beacon-accent from the host's computed style
-   * (which picks up any inline `style="--beacon-accent: …"` or stylesheet override
-   * targeting the host). Falls back to the default sky-blue if unset.
-   */
-  getAccentColor() {
-    return typeof window > "u" ? ue : getComputedStyle(this).getPropertyValue("--beacon-accent").trim() || ue;
-  }
-  /**
-   * Mirror every customizable --beacon-* var from the host onto the body-mounted
-   * drawer. CSS inheritance stops at the body boundary, so we copy the host's
-   * resolved values forward. Called on open() so changes mid-session are picked up.
-   */
-  syncCustomProperties() {
-    if (!this.drawer) return;
-    const e = getComputedStyle(this);
-    for (const n of bt) {
-      const o = e.getPropertyValue(n).trim();
-      o && this.drawer.root.style.setProperty(n, o);
-    }
-  }
-  hasUnsavedData() {
-    var n;
-    return this.pins.length > 0 ? !0 : (((n = this.drawer) == null ? void 0 : n.getDescription()) ?? "").trim().length > 0;
-  }
-  resetState() {
-    var e;
-    this.pins = [], this.description = "", this.severity = "bug", this.pinElements = /* @__PURE__ */ new WeakMap(), (e = this.drawer) == null || e.reset();
-  }
-  forceClose() {
-    var e;
-    this.uninstallClickBlocker(), this.resetState(), this.submitSucceeded = !1, (e = this.drawer) == null || e.close();
-  }
-  installClickBlocker() {
-    this.documentClickBlocker || (this.documentClickBlocker = (e) => {
-      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();
-      }
-    }, document.addEventListener("click", this.documentClickBlocker, !0));
+      localStorage.setItem(ve, JSON.stringify({ x: k.left, y: k.top }));
+    } catch {
+    }
   }
-  uninstallClickBlocker() {
-    this.documentClickBlocker && (document.removeEventListener("click", this.documentClickBlocker, !0), this.documentClickBlocker = void 0);
+  r.addEventListener("pointerdown", v), r.addEventListener("pointermove", C), r.addEventListener("pointerup", S), r.addEventListener("pointercancel", S), l.addEventListener("click", (w) => {
+    w.stopPropagation(), e.onStop();
+  });
+  function L() {
+    const w = r.getBoundingClientRect();
+    g(x({ x: w.left, y: w.top }));
   }
-  resolveHeaders() {
-    var n;
-    const e = (n = this.config) == null ? void 0 : n.headers;
-    if (e)
-      return typeof e == "function" ? e() : e;
+  window.addEventListener("resize", L);
+  function T() {
+    const w = Math.max(0, Math.floor((Date.now() - n) / 1e3));
+    d.textContent = pn(w);
   }
-  resolveContext() {
-    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((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;
+  T();
+  const N = window.setInterval(T, 1e3);
+  return {
+    updateUrl(w) {
+      w ? (p.textContent = w, p.title = w, p.style.display = "") : p.style.display = "none";
+    },
+    destroy() {
+      window.clearInterval(N), window.removeEventListener("resize", L), r.removeEventListener("pointerdown", v), r.removeEventListener("pointermove", C), r.removeEventListener("pointerup", S), r.removeEventListener("pointercancel", S), o.remove(), r.remove();
+    }
+  };
+}
+function pn(e) {
+  const t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), o = e % 60;
+  return t > 0 ? `${P(t)}:${P(n)}:${P(o)}` : `${P(n)}:${P(o)}`;
+}
+function P(e) {
+  return e < 10 ? `0${e}` : String(e);
+}
+const O = 80, fn = 'button, a, input[type="submit"], input[type="button"], [role="button"], [role="link"], [role="menuitem"], [role="tab"], [role="option"]', mn = 1024, hn = 5;
+function bn(e, t) {
+  return e.length > t ? e.slice(0, t) : e;
+}
+function ee(e) {
+  if (e.id) return `#${CSS.escape(e.id)}`;
+  const t = [];
+  let n = e;
+  for (let o = 0; o < 5 && n; o++) {
+    const r = n.tagName.toLowerCase(), a = n.id ? `#${CSS.escape(n.id)}` : "", i = n.classList.length > 0 ? "." + Array.from(n.classList).slice(0, 3).map(CSS.escape).join(".") : "";
+    if (t.unshift(`${r}${a}${i}`), a) break;
     n = n.parentElement;
   }
-  return e.join(" > ");
+  return t.join(" > ");
 }
-function pe(t) {
+function H(e, t) {
+  if (!e) return;
+  const n = e.replace(/\s+/g, " ").trim();
+  if (n)
+    return n.length > t ? n.slice(0, t) : n;
+}
+function xe(e) {
+  const t = H(e.textContent, O), n = H(e.getAttribute("aria-label"), O), o = e.getAttribute("data-testid") || void 0, r = e.getAttribute("name") || void 0;
+  let a = n || t;
+  if (!a) {
+    const i = e.closest(fn);
+    i && i !== e && (a = H(i.getAttribute("aria-label"), O) || H(i.textContent, O));
+  }
   return {
-    tag: t.tagName.toLowerCase(),
-    id: t.id || null,
-    classes: Array.from(t.classList).slice(0, 10),
-    role: t.getAttribute("role"),
-    selector: ye(t)
+    tag: e.tagName.toLowerCase(),
+    id: e.id || null,
+    classes: Array.from(e.classList).slice(0, 10),
+    role: e.getAttribute("role"),
+    selector: ee(e),
+    ...t ? { text: t } : {},
+    ...n ? { ariaLabel: n } : {},
+    ...o ? { testid: o } : {},
+    ...r ? { name: r } : {},
+    // Only include label when it adds something beyond `text` (avoids dup).
+    ...a && a !== t ? { label: a } : {}
   };
 }
-function St(t, e) {
+function gn(e, t) {
   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(" ")
+  for (const r of Array.from(o)) {
+    const a = getComputedStyle(r);
+    if (a.position !== "fixed" && a.position !== "sticky") continue;
+    const i = r.getBoundingClientRect();
+    if (e < i.left || e > i.right || t < i.top || t > i.bottom) continue;
+    const s = parseInt(a.zIndex, 10);
+    !Number.isFinite(s) && a.zIndex !== "auto" || n.push({
+      tag: r.tagName.toLowerCase(),
+      zIndex: Number.isFinite(s) ? s : 0,
+      pointerEvents: a.pointerEvents,
+      classes: Array.from(r.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 } : {}
+  return n.sort((r, a) => a.zIndex - r.zIndex).slice(0, hn);
+}
+function yn(e) {
+  const t = (r) => (a) => {
+    const i = a, s = i.target;
+    if (!(s instanceof Element)) return;
+    const c = i.clientX, d = i.clientY, l = document.elementFromPoint(c, d), p = l === s || (l ? s.contains(l) || l.contains(s) : !1), f = document.querySelectorAll('[role="dialog"][data-state="open"]').length, b = getComputedStyle(document.body).pointerEvents, m = p ? [] : gn(c, d);
+    e.emitClick({
+      kind: r,
+      target: xe(s),
+      hitMatchesTarget: p,
+      ...!p && l instanceof Element ? { hitTarget: xe(l) } : {},
+      coords: { x: c, y: d },
+      openDialogs: f,
+      bodyPointerEvents: b,
+      ...m.length > 0 ? { overlaysAtPoint: m } : {}
     });
-  }, n = e("click"), o = e("mousedown");
+  }, n = t("click"), o = t("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;
+function vn(e) {
+  const t = 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 });
+  const r = (s) => {
+    const c = window.location.href;
+    if (c === o) return;
+    const d = o;
+    o = c, e.emitRoute({ kind: "route", from: d, to: c, via: s });
   };
-  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;
+  history.pushState = function(...c) {
+    const d = t.apply(this, c);
+    return r("pushState"), d;
+  }, history.replaceState = function(...c) {
+    const d = n.apply(this, c);
+    return r("replaceState"), d;
   };
-  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);
+  const a = () => r("popstate"), i = () => r("hashchange");
+  return window.addEventListener("popstate", a), window.addEventListener("hashchange", i), () => {
+    history.pushState = t, history.replaceState = n, window.removeEventListener("popstate", a), window.removeEventListener("hashchange", i);
   };
 }
-function Ct(t) {
-  const e = /* @__PURE__ */ new WeakSet(), n = (s, i) => {
-    const r = ye(s);
-    t.emitDialog({
+function xn(e) {
+  const t = /* @__PURE__ */ new WeakSet(), n = (r, a) => {
+    const i = ee(r);
+    e.emitDialog({
       kind: "dialog",
-      action: i,
-      selector: r,
-      state: s.getAttribute("data-state"),
-      ...i === "mount" ? { outerHTML: Et(s.outerHTML, vt) } : {}
+      action: a,
+      selector: i,
+      state: r.getAttribute("data-state"),
+      ...a === "mount" ? { outerHTML: bn(r.outerHTML, mn) } : {}
     });
   };
-  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 r of Array.from(document.querySelectorAll('[role="dialog"]')))
+    t.add(r);
+  const o = new MutationObserver((r) => {
+    var a, i, s, c;
+    for (const d of r) {
+      for (const l of Array.from(d.addedNodes)) {
+        if (!(l instanceof Element)) continue;
+        const p = (a = l.matches) != null && a.call(l, '[role="dialog"]') ? [l] : Array.from(((i = l.querySelectorAll) == null ? void 0 : i.call(l, '[role="dialog"]')) ?? []);
+        for (const f of p)
+          t.has(f) || (t.add(f), n(f, "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"));
+      for (const l of Array.from(d.removedNodes)) {
+        if (!(l instanceof Element)) continue;
+        const p = (s = l.matches) != null && s.call(l, '[role="dialog"]') ? [l] : Array.from(((c = l.querySelectorAll) == null ? void 0 : c.call(l, '[role="dialog"]')) ?? []);
+        for (const f of p)
+          t.has(f) && (t.delete(f), n(f, "unmount"));
       }
-      c.type === "attributes" && c.attributeName === "data-state" && c.target instanceof Element && c.target.getAttribute("role") === "dialog" && n(c.target, "state");
+      d.type === "attributes" && d.attributeName === "data-state" && d.target instanceof Element && d.target.getAttribute("role") === "dialog" && n(d.target, "state");
     }
   });
   return o.observe(document.body, {
@@ -1251,132 +2237,278 @@ function Ct(t) {
     attributeFilter: ["data-state"]
   }), () => o.disconnect();
 }
-function Lt(t) {
-  const e = kt(t), n = At(t), o = Ct(t);
+function wn(e) {
+  const t = (n) => {
+    const o = n.target;
+    if (!(o instanceof HTMLFormElement)) return;
+    const r = [];
+    for (const a of Array.from(o.elements)) {
+      if (!(a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement)) continue;
+      const i = a.getAttribute("name") || "<unnamed>", s = a instanceof HTMLInputElement ? a.type : a.tagName.toLowerCase();
+      let c;
+      a instanceof HTMLInputElement && (a.type === "checkbox" || a.type === "radio") ? c = a.checked : c = !!a.value, r.push({ name: i, type: s, hasValue: c });
+    }
+    e.emitSubmit({
+      kind: "submit",
+      form: {
+        id: o.id || null,
+        action: o.getAttribute("action") || null,
+        method: (o.getAttribute("method") || "GET").toUpperCase(),
+        selector: ee(o),
+        fields: r
+      }
+    });
+  };
+  return document.addEventListener("submit", t, { capture: !0 }), () => document.removeEventListener("submit", t, { capture: !0 });
+}
+function En(e) {
+  const t = yn(e), n = vn(e), o = xn(e), r = wn(e);
   return {
     uninstall() {
-      e(), n(), o();
+      t(), n(), o(), r();
     }
   };
 }
-const j = 1e3;
-function O(t, e) {
-  return t.length > e ? t.slice(0, e) : t;
+const X = 1e3, we = 10 * 1024, Pe = "[REDACTED]", De = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]), Sn = [
+  /Bearer\s+[A-Za-z0-9._\-+/=]+/gi,
+  /\bls_pat_[A-Za-z0-9_]+/g,
+  // JWT: three dot-separated base64url segments starting with eyJ (the b64
+  // encoding of the JSON {"). Matches Auth0/Clerk/most providers' tokens.
+  /\beyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\b/g
+], Cn = /^(password|passwd|secret|token|api[_-]?key|auth|access[_-]?token|refresh[_-]?token|client[_-]?secret|private[_-]?key)$/i;
+function G(e, t) {
+  return e.length > t ? e.slice(0, t) : e;
+}
+function $e(e) {
+  let t = e;
+  for (const n of Sn)
+    t = t.replace(n, Pe);
+  return t;
+}
+function J(e) {
+  if (e === null || typeof e != "object")
+    return typeof e == "string" ? $e(e) : e;
+  if (Array.isArray(e)) return e.map(J);
+  const t = {};
+  for (const [n, o] of Object.entries(e))
+    t[n] = Cn.test(n) ? Pe : J(o);
+  return t;
+}
+function Ee(e, t) {
+  if (t && t.includes("application/json"))
+    try {
+      const n = JSON.parse(e);
+      return JSON.stringify(J(n));
+    } catch {
+    }
+  return $e(e);
+}
+function U(e, t) {
+  const n = e.length, o = { bodySize: n };
+  return n > we ? (o.body = Ee(e.slice(0, we), t), o.bodyTruncated = !0) : o.body = Ee(e, t), t && (o.contentType = t), o;
+}
+function kn(e, t) {
+  const n = t == null ? void 0 : t.body;
+  if (n != null) {
+    if (typeof n == "string") return n;
+    if (n instanceof URLSearchParams) return n.toString();
+    if (n instanceof FormData) {
+      const o = [];
+      return n.forEach((r, a) => {
+        o.push(`${a}=${typeof r == "string" ? `[${r.length}b]` : "[file]"}`);
+      }), `[FormData] ${o.join("&")}`;
+    }
+    return n instanceof Blob ? `[Blob ${n.size}b ${n.type || "unknown"}]` : n instanceof ArrayBuffer ? `[binary ${n.byteLength}b]` : ArrayBuffer.isView(n) ? `[binary ${n.byteLength}b]` : null;
+  }
+  return e instanceof Request, null;
+}
+function An(e, t) {
+  return !!(((o) => o ? o instanceof Headers ? o.has("authorization") : Array.isArray(o) ? o.some(([r]) => r.toLowerCase() === "authorization") : typeof o == "object" ? Object.keys(o).some((r) => r.toLowerCase() === "authorization") : !1 : !1)(t == null ? void 0 : t.headers) || e instanceof Request && e.headers.has("authorization"));
 }
-function Tt(t) {
-  const e = window.fetch;
-  if (typeof e != "function") return () => {
+function Ln(e, t) {
+  return ((o) => {
+    if (o) {
+      if (o instanceof Headers) return o.get("content-type") || void 0;
+      if (Array.isArray(o)) {
+        const r = o.find(([a]) => a.toLowerCase() === "content-type");
+        return r ? r[1] : void 0;
+      }
+      if (typeof o == "object") {
+        for (const [r, a] of Object.entries(o))
+          if (r.toLowerCase() === "content-type") return a;
+      }
+    }
+  })(t == null ? void 0 : t.headers) ?? (e instanceof Request && e.headers.get("content-type") || void 0);
+}
+function Nn(e, t, n) {
+  if (!De.has(n)) return;
+  const o = An(e, t), r = kn(e, t);
+  if (r == null && !o) return;
+  const a = Ln(e, t), i = r != null ? U(r, a) : {};
+  return o && (i.hasAuth = !0), i;
+}
+function Tn(e) {
+  const t = window.fetch;
+  if (typeof t != "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;
+  const n = async (o, r) => {
+    const a = performance.now(), i = ((r == null ? void 0 : r.method) ?? (o instanceof Request ? o.method : "GET")).toUpperCase(), s = typeof o == "string" ? o : o instanceof URL ? o.toString() : o.url, c = Nn(o, r, i);
     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({
+      const d = await t.call(window, o, r), l = Math.round(performance.now() - a), p = d.status >= 400;
+      let f;
+      if (p || e.verbose)
+        try {
+          const b = await d.clone().text(), m = d.headers.get("content-type") || void 0;
+          f = U(b, m);
+        } catch {
+        }
+      return (p || e.verbose) && e.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({
+        url: G(s, X),
+        method: i,
+        status: d.status,
+        durationMs: l,
+        failed: p,
+        ...c ? { request: c } : {},
+        ...f ? { response: f } : {}
+      }), d;
+    } catch (d) {
+      const l = Math.round(performance.now() - a);
+      throw e.emit({
         kind: "fetch",
-        url: O(l, j),
-        method: r,
+        url: G(s, X),
+        method: i,
         status: 0,
-        durationMs: c,
+        durationMs: l,
         failed: !0,
-        error: a instanceof Error ? a.message : String(a)
-      }), a;
+        error: d instanceof Error ? d.message : String(d),
+        ...c ? { request: c } : {}
+      }), d;
     }
   };
   return n.__lsBeaconWrapped = !0, window.fetch = n, () => {
-    window.fetch.__lsBeaconWrapped && (window.fetch = e);
+    window.fetch.__lsBeaconWrapped && (window.fetch = t);
   };
 }
-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({
+function Mn(e) {
+  if (e == null) return null;
+  if (typeof e == "string") return e;
+  if (e instanceof URLSearchParams) return e.toString();
+  if (e instanceof FormData) {
+    const t = [];
+    return e.forEach((n, o) => {
+      t.push(`${o}=${typeof n == "string" ? `[${n.length}b]` : "[file]"}`);
+    }), `[FormData] ${t.join("&")}`;
+  }
+  return e instanceof Blob ? `[Blob ${e.size}b ${e.type || "unknown"}]` : e instanceof ArrayBuffer ? `[binary ${e.byteLength}b]` : ArrayBuffer.isView(e) ? `[binary ${e.byteLength}b]` : null;
+}
+function In(e) {
+  const t = XMLHttpRequest.prototype, n = t.open, o = t.send, r = t.setRequestHeader, a = /* @__PURE__ */ new WeakMap();
+  return t.open = function(s, c, ...d) {
+    return a.set(this, {
+      method: s.toUpperCase(),
+      url: typeof c == "string" ? c : c.toString(),
+      start: 0,
+      hasAuth: !1
+    }), n.call(this, s, c, ...d);
+  }, t.setRequestHeader = function(s, c) {
+    const d = a.get(this);
+    if (d) {
+      const l = s.toLowerCase();
+      l === "authorization" ? d.hasAuth = !0 : l === "content-type" && (d.requestContentType = c);
+    }
+    return r.call(this, s, c);
+  }, t.send = function(s) {
+    const c = a.get(this);
+    if (c)
+      if (c.start = performance.now(), De.has(c.method)) {
+        const l = Mn(s);
+        l != null ? c.request = U(l, c.requestContentType) : c.request = {}, c.hasAuth && (c.request.hasAuth = !0);
+      } else c.hasAuth && (c.request = { hasAuth: !0 });
+    const d = () => {
+      this.removeEventListener("loadend", d);
+      const l = a.get(this);
+      if (!l) return;
+      const p = Math.round(performance.now() - l.start), f = this.status === 0 || this.status >= 400;
+      let b;
+      if ((f || e.verbose) && this.status > 0)
+        try {
+          const m = this.responseType === "" || this.responseType === "text" ? this.responseText : "";
+          if (m) {
+            const x = this.getResponseHeader("content-type") || void 0;
+            b = U(m, x);
+          }
+        } catch {
+        }
+      (f || e.verbose) && e.emit({
         kind: "xhr",
-        url: O(c.url, j),
-        method: c.method,
+        url: G(l.url, X),
+        method: l.method,
         status: this.status,
-        durationMs: d,
-        failed: u
-      }), s.delete(this);
+        durationMs: p,
+        failed: f,
+        ...l.request ? { request: l.request } : {},
+        ...b ? { response: b } : {}
+      }), a.delete(this);
     };
-    return this.addEventListener("loadend", a), o.call(this, r);
+    return this.addEventListener("loadend", d), o.call(this, s);
   }, () => {
-    e.open = n, e.send = o;
+    t.open = n, t.send = o, t.setRequestHeader = r;
   };
 }
-function It(t) {
-  const e = Tt(t), n = Mt(t);
+function Rn(e) {
+  const t = Tn(e), n = In(e);
   return {
     uninstall() {
-      e(), n();
+      t(), n();
     }
   };
 }
-const _t = 1e3, fe = 50, $t = 500;
-class Nt {
-  constructor(e) {
+const _n = 1e3, Se = 50, Pn = 500;
+class Dn {
+  constructor(t) {
     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);
+    }, this.url = t.url, this.sessionId = t.sessionId, this.onError = t.onError, this.timer = setInterval(() => {
+      this.flush();
+    }, _n), this.pagehideHandler = () => this.flushSync(), window.addEventListener("pagehide", this.pagehideHandler), document.addEventListener("visibilitychange", this.handleVisibilityChange);
   }
-  enqueue(e) {
-    this.destroyed || (this.buffer.push(e), this.buffer.length >= $t && this.buffer.shift(), this.buffer.length >= fe && this.flush());
+  enqueue(t) {
+    this.destroyed || (this.buffer.push(t), this.buffer.length > Pn && this.buffer.shift(), this.buffer.length >= Se && this.flush());
   }
   /** Async flush via fetch. No-op when in-flight or empty. */
   async flush() {
-    var o, s;
+    var o, r;
     if (this.destroyed || this.inflight || this.buffer.length === 0) return;
-    const e = this.buffer.splice(0, fe), n = this.makeBatch(e);
+    const t = this.buffer.splice(0, Se), n = this.makeBatch(t);
     this.inflight = !0;
     try {
-      const i = await fetch(this.url, {
+      const a = 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' — going to the dev's local server, not the app
+        // backend; avoid leaking session cookies cross-origin.
         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).
+        // pagehide didn't fire (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)));
+      a.ok || (o = this.onError) == null || o.call(this, new Error(`monitor flush: HTTP ${a.status}`));
+    } catch (a) {
+      (r = this.onError) == null || r.call(this, a instanceof Error ? a : new Error(String(a)));
     } finally {
       this.inflight = !1;
     }
   }
-  /** Synchronous flush via sendBeacon, used on pagehide. */
+  /** Synchronous flush via sendBeacon, used on pagehide / visibility:hidden. */
   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" });
+    const t = this.buffer.splice(0), n = this.makeBatch(t), o = new Blob([JSON.stringify(n)], { type: "application/json" });
     try {
       navigator.sendBeacon(this.url, o);
     } catch {
@@ -1385,10 +2517,10 @@ class Nt {
   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) {
+  makeBatch(t) {
     return {
       sessionId: this.sessionId,
-      events: e,
+      events: t,
       meta: {
         url: window.location.href,
         userAgent: navigator.userAgent,
@@ -1402,178 +2534,559 @@ class Nt {
     };
   }
 }
-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() {
+const te = "__lsBeaconMonitorUrl", Be = "__lsBeaconMonitorSession", ne = "__lsBeaconMonitorVerbose", oe = "__lsBeaconMonitorDeadline", ze = 30 * 6e4, Ce = 4096;
+let E = null;
+const Z = /* @__PURE__ */ new Set();
+function $n() {
   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) => {
+function Bn(e) {
+  const t = /* @__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))
+      return typeof o == "string" && o.length > Ce ? o.slice(0, Ce) : o;
+    if (t.has(o)) return "[cyclic]";
+    if (t.add(o), Array.isArray(o)) return o.map(n);
+    const r = {};
+    for (const a of Object.keys(o).slice(0, 50))
       try {
-        s[i] = n(o[i]);
+        r[a] = n(o[a]);
       } catch {
-        s[i] = "[unreadable]";
+        r[a] = "[unreadable]";
       }
-    return s;
+    return r;
   };
   try {
-    return n(t);
+    return n(e);
   } catch {
     return "[unserialisable]";
   }
 }
-function xe() {
-  for (const t of Rt)
+function re() {
+  for (const e of Z)
     try {
-      t(m !== null, (m == null ? void 0 : m.url) ?? null);
+      e(E !== null, (E == null ? void 0 : E.url) ?? null);
     } catch {
     }
 }
-function Dt(t) {
-  return m ? (m.seq += 1, {
-    ...t,
+function zn(e) {
+  return E ? (E.seq += 1, {
+    ...e,
     ts: Date.now(),
-    sessionId: m.sessionId,
-    seq: m.seq
+    sessionId: E.sessionId,
+    seq: E.seq
   }) : {
-    ...t,
+    ...e,
     ts: Date.now(),
     sessionId: "",
     seq: 0
   };
 }
-function T(t) {
-  if (!m) return;
-  const e = Dt(t);
-  m.transport.enqueue(e);
+function M(e) {
+  if (!E) return;
+  const t = zn(e);
+  E.transport.enqueue(t);
 }
-function Bt() {
-  if (m)
+function On() {
+  if (E)
     try {
-      sessionStorage.setItem(U, m.url), sessionStorage.setItem(H, m.sessionId), sessionStorage.setItem(q, m.verbose ? "1" : "0"), sessionStorage.setItem(F, String(m.deadlineMs));
+      sessionStorage.setItem(te, E.url), sessionStorage.setItem(Be, E.sessionId), sessionStorage.setItem(ne, E.verbose ? "1" : "0"), sessionStorage.setItem(oe, String(E.deadlineMs));
     } catch {
     }
 }
-function Ee() {
+function Oe() {
   try {
-    sessionStorage.removeItem(U), sessionStorage.removeItem(H), sessionStorage.removeItem(q), sessionStorage.removeItem(F);
+    sessionStorage.removeItem(te), sessionStorage.removeItem(Be), sessionStorage.removeItem(ne), sessionStorage.removeItem(oe);
   } catch {
   }
 }
-function jt() {
+function Hn() {
   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 };
+    const e = sessionStorage.getItem(te);
+    if (!e) return null;
+    const t = sessionStorage.getItem(ne) === "1", n = sessionStorage.getItem(oe), o = n ? Number(n) : Date.now() + ze;
+    return Number.isFinite(o) && o <= Date.now() ? (Oe(), null) : { url: e, verbose: t, deadlineMs: o };
   } 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,
+function ke(e) {
+  E && (E.seq += 1, E.transport.enqueue({
+    kind: e.kind,
+    ts: e.ts,
+    sessionId: E.sessionId,
+    seq: E.seq,
+    message: e.message,
+    ...e.stack ? { stack: e.stack } : {},
+    ...e.source ? { source: e.source } : {},
+    ...typeof e.line == "number" ? { line: e.line } : {},
+    ...typeof e.col == "number" ? { col: e.col } : {}
+  }));
+}
+function He(e) {
+  if (E && F(), !e.url) return;
+  const t = e.maxSessionMs ?? ze, n = Date.now() + t, o = $n(), r = !!e.verbose, a = new Dn({
+    url: e.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();
+    onError: (m) => {
+      console.warn("[launch-kit-beacon] monitor transport error:", m.message);
+    }
+  }), i = Ie(), s = i.install(), c = i.snapshot();
+  for (const m of c) ke(m);
+  let d = c.length;
+  const l = i.subscribe(() => {
+    if (!E) return;
+    const m = E.errorsBuffer.snapshot();
+    for (; E.drainedThrough < m.length; ) {
+      const x = m[E.drainedThrough];
+      x && ke(x), E.drainedThrough += 1;
+    }
+  }), p = Rn({
+    emit: (m) => M(m),
+    verbose: r
+  }), f = En({
+    emitClick: (m) => M(m),
+    emitRoute: (m) => M(m),
+    emitDialog: (m) => M(m),
+    emitSubmit: (m) => M(m)
+  }), b = setTimeout(() => {
+    console.info("[launch-kit-beacon] monitor session expired (max duration reached)"), F();
   }, Math.max(0, n - Date.now()));
-  m = {
-    url: t.url,
+  E = {
+    url: e.url,
     sessionId: o,
-    verbose: s,
+    verbose: r,
     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({
+    transport: a,
+    errorsBuffer: i,
+    uninstallNetwork: p.uninstall,
+    uninstallDom: f.uninstall,
+    uninstallErrors: s,
+    errorsUnsub: l,
+    deadlineTimer: b,
+    drainedThrough: d
+  }, On(), re();
+}
+function F() {
+  qe(), Oe(), re();
+}
+function qn() {
+  E && (qe(), re());
+}
+function qe() {
+  E && (clearTimeout(E.deadlineTimer), E.errorsUnsub(), E.uninstallErrors(), E.uninstallNetwork(), E.uninstallDom(), E.transport.destroy(), E = null);
+}
+function Qn(e, t) {
+  E && M({
     kind: "probe",
-    label: t.slice(0, 200),
-    data: Pt(e)
+    label: e.slice(0, 200),
+    data: Bn(t)
   });
 }
-function zt() {
-  return m !== null;
+function Ae() {
+  return E !== null;
 }
-function Ut() {
-  return (m == null ? void 0 : m.url) ?? null;
+function Le() {
+  return (E == null ? void 0 : E.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())
+function Ne(e) {
+  return Z.add(e), () => {
+    Z.delete(e);
+  };
+}
+function Un() {
+  if (E || typeof window > "u") return;
+  const e = Hn();
+  e && He({
+    url: e.url,
+    verbose: e.verbose,
+    maxSessionMs: Math.max(6e4, e.deadlineMs - Date.now())
   });
 }
-function Ft() {
+function eo(e = {}) {
+  let t = null, n = null, o = "", r = null;
+  function a() {
+    r || (r = un({
+      onStop: () => F(),
+      url: Le()
+    }));
+  }
+  function i() {
+    if (r) {
+      try {
+        r.destroy();
+      } catch {
+      }
+      r = null;
+    }
+  }
+  function s() {
+    if (!t) return;
+    t.innerHTML = "";
+    const l = document.createElement("div");
+    l.className = "beacon-monitor-title", l.textContent = "Monitor — paste a stream URL", t.appendChild(l);
+    const p = document.createElement("div");
+    p.className = "beacon-monitor-row";
+    const f = document.createElement("input");
+    f.type = "url", f.className = "beacon-monitor-input", f.placeholder = "http://localhost:9876/m/…", f.value = o, f.autocomplete = "off", f.spellcheck = !1, p.appendChild(f);
+    const b = document.createElement("button");
+    b.type = "button", b.className = "beacon-monitor-btn", b.textContent = "Start", b.disabled = !o.trim(), p.appendChild(b), t.appendChild(p);
+    const m = document.createElement("label");
+    m.className = "beacon-monitor-verbose";
+    const x = document.createElement("input");
+    x.type = "checkbox", x.dataset.role = "verbose", m.appendChild(x), m.appendChild(document.createTextNode(" verbose (capture successful network too)")), t.appendChild(m);
+    const g = document.createElement("div");
+    g.className = "beacon-monitor-help", g.textContent = "Streams clicks, failed network, errors, route + dialog changes.", t.appendChild(g), f.addEventListener("input", () => {
+      o = f.value, b.disabled = !f.value.trim();
+    }), b.addEventListener("click", () => {
+      const u = f.value.trim();
+      if (u) {
+        try {
+          new URL(u);
+        } catch {
+          f.setCustomValidity("Enter a valid URL (e.g. http://localhost:9876/m/abc)"), f.reportValidity();
+          return;
+        }
+        f.setCustomValidity(""), He({
+          url: u,
+          verbose: x.checked,
+          ...e.maxSessionMs !== void 0 ? { maxSessionMs: e.maxSessionMs } : {}
+        });
+      }
+    });
+  }
+  function c() {
+    if (!t) return;
+    t.innerHTML = "";
+    const l = Le() ?? "", p = document.createElement("div");
+    p.className = "beacon-monitor-title";
+    const f = document.createElement("span");
+    f.className = "beacon-monitor-rec", f.setAttribute("aria-hidden", "true"), p.appendChild(f), p.appendChild(document.createTextNode(" Monitor — recording")), t.appendChild(p);
+    const b = document.createElement("div");
+    b.className = "beacon-monitor-active-url", b.title = l, b.textContent = l, t.appendChild(b);
+    const m = document.createElement("div");
+    m.className = "beacon-monitor-row";
+    const x = document.createElement("button");
+    x.type = "button", x.className = "beacon-monitor-btn stop", x.textContent = "Stop monitoring", x.addEventListener("click", () => F()), m.appendChild(x), t.appendChild(m);
+    const g = document.createElement("div");
+    g.className = "beacon-monitor-help", g.textContent = "Events stream to the URL above. Auto-stops after 30 min.", t.appendChild(g);
+  }
+  function d() {
+    Ae() ? c() : s();
+  }
+  return {
+    name: "liveMonitor",
+    setupOnce(l) {
+      Un(), Ae() && a();
+      const p = Ne((b, m) => {
+        b ? (a(), r == null || r.updateUrl(m)) : i();
+      }), f = () => {
+        i(), p();
+        try {
+          qn();
+        } catch {
+        }
+      };
+      l.signal.addEventListener("abort", f, { once: !0 });
+    },
+    form() {
+      return {
+        render: (l) => (t = document.createElement("div"), t.className = "beacon-monitor", l.appendChild(t), d(), n = Ne(() => d()), () => {
+          n == null || n(), n = null, t = null;
+        })
+      };
+    }
+    // No capture(): liveMonitor is a side-channel, not a feedback payload contributor.
+  };
+}
+let A = null;
+const ae = {
+  "plugin:error": /* @__PURE__ */ new Set(),
+  "submit:success": /* @__PURE__ */ new Set(),
+  "submit:error": /* @__PURE__ */ new Set(),
+  ready: /* @__PURE__ */ new Set()
+};
+function to(e) {
   if (typeof window > "u") return;
-  const t = window;
-  t.__lsBeacon || (t.__lsBeacon = Ht);
+  if (!e.endpoint) throw new Error("init: endpoint is required");
+  Me(), jn();
+  const t = { ...ct(), ...e.labels ?? {} }, n = new AbortController(), o = Yn(e), r = e.position ?? "bottom-right", a = e.theme ?? "auto";
+  Ye(), Wn(e, r, a);
+  const i = document.querySelector(B);
+  if (!i)
+    throw new Error("init: failed to acquire <launch-kit-beacon> host");
+  if (!i.shadow)
+    throw new Error("init: host element shadow root not initialized");
+  const s = lt(i.shadow), c = new st(
+    t,
+    ["bug", "idea", "ux", "a11y"],
+    {
+      onSubmit: () => {
+        Gn();
+      },
+      onClose: (p) => {
+        j("close", {}), p === "user" && Fe();
+      }
+    }
+  );
+  i.shadow.appendChild(c.root), i.classList.add("beacon-no-capture");
+  const d = Qe(o), l = {
+    endpoint: e.endpoint,
+    headers: e.headers,
+    context: e.context,
+    credentials: e.credentials ?? "omit",
+    plugins: o,
+    registry: d,
+    dialog: c,
+    overlayHost: s,
+    hostElement: i,
+    initAbort: n,
+    labels: t,
+    debug: !!e.debug || Xn(),
+    healthIndicator: e.healthIndicator ?? "never",
+    position: r,
+    theme: a,
+    currentSubmit: null,
+    capturedEntries: {},
+    formValues: {},
+    lifecycleHandlers: {
+      open: /* @__PURE__ */ new Set(),
+      close: /* @__PURE__ */ new Set(),
+      beforeSubmit: /* @__PURE__ */ new Set(),
+      afterSubmit: /* @__PURE__ */ new Set()
+    },
+    panelSources: []
+  };
+  A = l, i.onTriggerClick = () => Fn(), d.install(
+    (p) => Ue(p),
+    (p) => ie(p)
+  ), $("ready", { ready: !0 }), l.debug && console.info("[beacon] ready", l.endpoint);
+}
+function Fn() {
+  const e = A;
+  e && (e.currentSubmit || (e.panelSources = e.plugins.map((t) => {
+    if (!t.form) return null;
+    const n = Ue(t.name);
+    let o;
+    try {
+      o = t.form(n);
+    } catch (r) {
+      return ie({
+        plugin: t.name,
+        error: r instanceof Error ? r : new Error(String(r)),
+        at: "form"
+      }), null;
+    }
+    return { name: t.name, form: o, ctx: n };
+  }).filter((t) => t !== null), e.dialog.installPluginPanels(e.panelSources, {
+    get: (t, n) => {
+      var o;
+      return (o = e.formValues[t]) == null ? void 0 : o[n];
+    },
+    set: (t, n, o) => {
+      var a;
+      const r = (a = e.formValues)[t] ?? (a[t] = {});
+      r[n] = o;
+    }
+  }), e.dialog.open(), j("open", {})));
+}
+function no() {
+  const e = A;
+  e && e.dialog.close("user");
+}
+function jn() {
+  var t;
+  const e = A;
+  if (e) {
+    e.initAbort.abort(), (t = e.currentSubmit) == null || t.abort(), e.registry.destroy(), D();
+    try {
+      e.dialog.root.remove(), e.overlayHost.layer.remove();
+    } catch {
+    }
+    e.hostElement.onTriggerClick = null, A = null;
+  }
+}
+function oo() {
+  const e = A;
+  return e ? {
+    ready: !0,
+    transport: "idle",
+    plugins: e.registry.status()
+  } : { ready: !1, transport: "idle", plugins: {} };
+}
+function ro(e, t) {
+  return ae[e].add(t), () => Vn(e, t);
+}
+function Vn(e, t) {
+  ae[e].delete(t);
+}
+function Wn(e, t, n) {
+  let o = document.querySelector(B);
+  if (!o) {
+    o = document.createElement(B), o.setAttribute("position", t), o.setAttribute("theme", n), t === "hidden" && (o.style.position = "absolute", o.style.left = "-9999px"), (document.body ?? document.documentElement).appendChild(o);
+    return;
+  }
+  e.position !== void 0 && o.setAttribute("position", t), e.theme !== void 0 && o.setAttribute("theme", n);
+}
+function Yn(e) {
+  return e.plugins ? e.plugins : e.defaultPlugins === !1 ? [] : Kn();
+}
+function Kn() {
+  return [pt(), xt(), rn(), sn()];
+}
+function Xn() {
+  if (typeof window > "u") return !1;
+  try {
+    return new URLSearchParams(window.location.search).has("lsbeacon-debug");
+  } catch {
+    return !1;
+  }
+}
+function Ue(e) {
+  const t = A;
+  return Je(e, {
+    getCaptured: (o) => t == null ? void 0 : t.capturedEntries[o],
+    getFormValues: (o) => {
+      var r;
+      return t ? (r = t.formValues)[o] ?? (r[o] = {}) : {};
+    },
+    getCaptureSignal: () => {
+      var o;
+      return (o = t == null ? void 0 : t.currentSubmit) == null ? void 0 : o.signal;
+    },
+    getInitSignal: () => t.initAbort.signal,
+    requestMode: async (o) => t ? t.dialog.requestMode(o) : () => {
+    },
+    overlay: (o) => t ? dt(t.overlayHost, o.render) : () => {
+    },
+    onLifecycle: (o, r) => {
+      if (!t) return () => {
+      };
+      const a = t.lifecycleHandlers[o];
+      return a.add(r), () => a.delete(r);
+    }
+  });
+}
+function j(e, t) {
+  const n = A;
+  if (n)
+    for (const o of n.lifecycleHandlers[e])
+      try {
+        o(t);
+      } catch (r) {
+        n.debug && console.error("[beacon] lifecycle handler threw:", r);
+      }
+}
+function $(e, t) {
+  for (const n of ae[e])
+    try {
+      n(t);
+    } catch (o) {
+      A != null && A.debug && console.error("[beacon] system handler threw:", o);
+    }
+}
+function ie(e) {
+  $("plugin:error", { plugin: e.plugin, error: e.error, at: e.at });
+  const t = A;
+  t && ((t.healthIndicator === "always" || t.healthIndicator === "dev" && t.debug) && t.hostElement.setHealthIndicator(!0), t.debug && console.warn(`[beacon] plugin "${e.plugin}" ${e.at} failed:`, e.error));
+}
+function Fe() {
+  const e = A;
+  e && (e.dialog.resetState(), e.dialog.clearPluginPanels(), e.formValues = {});
+}
+async function Gn() {
+  const e = A;
+  if (!e || e.currentSubmit) return;
+  const t = e.dialog.getDescription().trim();
+  if (!t) {
+    e.dialog.setStatus("Description is required", "error");
+    return;
+  }
+  e.currentSubmit = new AbortController(), e.capturedEntries = {}, e.dialog.setSubmitting(!0), e.dialog.setStatus("Capturing…");
+  let n = null;
+  try {
+    const o = await e.registry.capture(
+      (s) => e.capturedEntries[s],
+      (s) => ie(s)
+    );
+    e.capturedEntries = o, n = Jn(e, t, o);
+    let r = null;
+    if (j("beforeSubmit", { payload: n, cancel: (s) => {
+      r === null && (r = s);
+    } }), r !== null) {
+      e.dialog.setSubmitting(!1), e.dialog.setStatus(`Cancelled: ${r}`, "error");
+      return;
+    }
+    e.dialog.setStatus("Sending…");
+    const i = await nt(
+      e.endpoint,
+      n,
+      e.headers,
+      e.currentSubmit.signal,
+      e.credentials
+    );
+    j("afterSubmit", { payload: n, response: i }), e.dialog.setSubmitting(!1), i.ok ? ($("submit:success", { payload: n, response: i }), e.dialog.setSubmitSucceeded(!0), e.dialog.setStatus(e.labels.sentSuccess, "success"), window.setTimeout(() => {
+      A === e && e.dialog.close("submitted"), Fe();
+    }, 1500)) : ($("submit:error", { payload: n, error: new Error(`HTTP ${i.status}`) }), e.dialog.setStatus(`Failed (${i.status})`, "error"));
+  } catch (o) {
+    e.dialog.setSubmitting(!1);
+    const r = o instanceof Error ? o : new Error(String(o));
+    n && $("submit:error", { payload: n, error: r }), e.dialog.setStatus(`Failed: ${r.message}`, "error");
+  } finally {
+    e.currentSubmit = null;
+  }
+}
+function Jn(e, t, n) {
+  var a;
+  const o = Zn(), r = (a = e.context) == null ? void 0 : a.call(e);
+  return {
+    description: t,
+    severity: e.dialog.getSeverity(),
+    metadata: o,
+    ...r ? { context: r } : {},
+    plugins: n
+  };
+}
+function Zn() {
+  const e = window.location.href, t = document.referrer, n = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  return {
+    url: e,
+    ...t ? { referrer: t } : {},
+    userAgent: navigator.userAgent,
+    viewport: {
+      w: window.innerWidth,
+      h: window.innerHeight,
+      dpr: window.devicePixelRatio || 1
+    },
+    screen: {
+      w: window.screen.width,
+      h: window.screen.height
+    },
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    locale: navigator.language,
+    theme: n,
+    capturedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
 }
-gt();
-ut();
-Ft();
-qt();
+Me();
 export {
-  mt as LaunchKitBeacon,
-  gt as defineBeacon
+  Le as currentMonitorUrl,
+  jn as destroy,
+  rn as domEle,
+  sn as domSS,
+  xt as errors,
+  no as hide,
+  to as init,
+  Ae as isMonitorActive,
+  an as isPluginFailure,
+  eo as liveMonitor,
+  pt as metadata,
+  Vn as off,
+  ro as on,
+  Qn as probe,
+  Fn as show,
+  He as startMonitor,
+  oo as status,
+  F as stopMonitor
 };
 //# sourceMappingURL=beacon.mjs.map