@launchsecure/launch-kit 0.0.24 → 0.0.26

package/dist/beacon/beacon.mjs

@@ -0,0 +1,1016 @@
+const R = '.beacon-drawer,.beacon-pin-popover{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-z-index: 2147483647;--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4}.beacon-drawer.beacon-theme-dark,.beacon-pin-popover.beacon-theme-dark{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){.beacon-drawer.beacon-theme-auto,.beacon-pin-popover.beacon-theme-auto{--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host{--beacon-accent: #0ea5e9;--beacon-bg: #ffffff;--beacon-fg: #0f172a;--beacon-muted: #64748b;--beacon-border: #e2e8f0;--beacon-radius: 10px;--beacon-z-index: 2147483645;--beacon-shadow: 0 10px 30px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08);--beacon-bug: #ef4444;--beacon-idea: #22c55e;--beacon-ux: #a855f7;--beacon-a11y: #06b6d4;position:fixed;z-index:var(--beacon-z-index);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--beacon-fg);line-height:1.5}:host([theme="dark"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}@media (prefers-color-scheme: dark){:host([theme="auto"]){--beacon-bg: #0f172a;--beacon-fg: #f1f5f9;--beacon-muted: #94a3b8;--beacon-border: #334155}}:host([position="bottom-right"]){right:20px;bottom:20px;left:auto;top:auto}:host([position="bottom-left"]){left:20px;bottom:20px;right:auto;top:auto}:host([position="hidden"]){position:static;display:contents}:host([position="hidden"]) .beacon-default-trigger{display:none}.beacon-default-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--beacon-accent);color:#fff;border:0;border-radius:999px;padding:10px 16px;font:inherit;font-weight:500;cursor:pointer;box-shadow:var(--beacon-shadow);transition:transform .15s ease,box-shadow .15s ease}.beacon-default-trigger:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0003}.beacon-default-trigger svg{width:18px;height:18px}.beacon-drawer{position:fixed;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:var(--beacon-radius);box-shadow:var(--beacon-shadow);display:none;flex-direction:column;overflow:hidden;z-index:var(--beacon-z-index)}:host([position="bottom-left"]) .beacon-drawer{left:20px;right:auto}.beacon-drawer.open{display:flex}.beacon-drawer.minimized{display:none}.beacon-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--beacon-border)}.beacon-drawer-title{font-weight:600}.beacon-icon-btn{background:transparent;border:0;color:var(--beacon-muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex}.beacon-icon-btn:hover{background:var(--beacon-border);color:var(--beacon-fg)}.beacon-icon-btn svg{width:16px;height:16px}.beacon-drawer-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.beacon-field{display:flex;flex-direction:column;gap:6px}.beacon-label{font-size:12px;color:var(--beacon-muted);font-weight:500}.beacon-textarea{width:100%;min-height:80px;padding:8px 10px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;font:inherit;resize:vertical;box-sizing:border-box}.beacon-textarea:focus{outline:2px solid var(--beacon-accent);outline-offset:-1px;border-color:var(--beacon-accent)}.beacon-severity{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.beacon-severity-opt{position:relative;display:flex;align-items:center;justify-content:center;padding:6px 4px;background:transparent;border:1px solid var(--beacon-border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--beacon-fg);text-transform:capitalize}.beacon-severity-opt input{position:absolute;opacity:0;pointer-events:none}.beacon-severity-opt:hover{background:var(--beacon-border)}.beacon-severity-opt.selected[data-sev=bug]{border-color:var(--beacon-bug);color:var(--beacon-bug)}.beacon-severity-opt.selected[data-sev=idea]{border-color:var(--beacon-idea);color:var(--beacon-idea)}.beacon-severity-opt.selected[data-sev=ux]{border-color:var(--beacon-ux);color:var(--beacon-ux)}.beacon-severity-opt.selected[data-sev=a11y]{border-color:var(--beacon-a11y);color:var(--beacon-a11y)}.beacon-actions{display:flex;gap:8px;align-items:center}.beacon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:0;cursor:pointer;font:inherit;font-weight:500;font-size:13px;transition:opacity .15s ease}.beacon-btn[disabled]{opacity:.5;cursor:not-allowed}.beacon-btn svg{width:14px;height:14px}.beacon-btn.primary{background:var(--beacon-accent);color:#fff}.beacon-btn.secondary{background:transparent;color:var(--beacon-fg);border:1px solid var(--beacon-border)}.beacon-btn.secondary:hover{background:var(--beacon-border)}.beacon-pin-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.beacon-pin-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--beacon-border);border-radius:6px}.beacon-pin-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--beacon-accent);color:#fff;font-size:11px;font-weight:600;flex-shrink:0}.beacon-pin-meta{flex:1;min-width:0}.beacon-pin-selector{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--beacon-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beacon-pin-note{margin-top:4px;font-size:12px;color:var(--beacon-fg)}.beacon-pin-note-input{margin-top:4px;width:100%;padding:4px 6px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:4px;font:inherit;font-size:12px;box-sizing:border-box}.beacon-thumb{width:100%;border:1px solid var(--beacon-border);border-radius:6px;display:block}.beacon-status{font-size:12px;color:var(--beacon-muted);text-align:center;padding:4px}.beacon-status.error{color:var(--beacon-bug)}.beacon-status.success{color:var(--beacon-idea)}.beacon-pin-popover{position:fixed;z-index:2147483647;width:240px;background:var(--beacon-bg);color:var(--beacon-fg);border:1px solid var(--beacon-border);border-radius:6px;box-shadow:var(--beacon-shadow);padding:10px;display:none;flex-direction:column;gap:8px}.beacon-pin-popover.open{display:flex}.beacon-pin-popover-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.beacon-pin-popover-actions{display:flex;gap:6px;justify-content:flex-end}', k = {
+  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 Y(n = "Feedback") {
+  const e = document.createElement("button");
+  return e.type = "button", e.className = "beacon-default-trigger", e.setAttribute("aria-label", n), e.innerHTML = `${k.feedback}<span>${n}</span>`, e;
+}
+const X = ["bug", "idea", "ux", "a11y"];
+class G {
+  constructor(e, t) {
+    this.state = {
+      description: "",
+      severity: "bug",
+      pins: [],
+      annotatedScreenshot: void 0,
+      submitting: !1,
+      status: "",
+      statusKind: ""
+    }, this.severities = e.length > 0 ? e : X, this.callbacks = t, this.root = document.createElement("div"), this.root.className = "beacon-drawer", this.root.innerHTML = `
+      <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, t) {
+    this.state.pins = e, t !== void 0 && (this.state.annotatedScreenshot = t), this.render();
+  }
+  getAnnotatedScreenshot() {
+    return this.state.annotatedScreenshot;
+  }
+  setAnnotatedScreenshot(e) {
+    this.state.annotatedScreenshot = e, this.render();
+  }
+  setSubmitting(e) {
+    this.state.submitting = e, this.render();
+  }
+  setStatus(e, t = "") {
+    this.state.status = e, this.state.statusKind = t, this.render();
+  }
+  reset() {
+    this.state = {
+      description: "",
+      severity: "bug",
+      pins: [],
+      annotatedScreenshot: void 0,
+      submitting: !1,
+      status: "",
+      statusKind: ""
+    }, this.render();
+  }
+  getDescription() {
+    return this.state.description;
+  }
+  getSeverity() {
+    return this.state.severity;
+  }
+  render() {
+    var o, i;
+    const e = this.state.description.trim().length > 0 && !this.state.submitting;
+    this.bodyEl.innerHTML = `
+      <div class="beacon-field">
+        <label class="beacon-label" for="beacon-desc">What's the issue?</label>
+        <textarea id="beacon-desc" class="beacon-textarea" placeholder="Describe what you saw, what you expected, anything that helps reproduce…">${E(this.state.description)}</textarea>
+      </div>
+
+      <div class="beacon-field">
+        <span class="beacon-label">Severity</span>
+        <div class="beacon-severity" role="radiogroup">
+          ${this.severities.map((a) => `
+            <label class="beacon-severity-opt ${a === this.state.severity ? "selected" : ""}" data-sev="${a}">
+              <input type="radio" name="beacon-severity" value="${a}" ${a === this.state.severity ? "checked" : ""}>
+              ${a}
+            </label>
+          `).join("")}
+        </div>
+      </div>
+
+      ${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>
+      ` : ""}
+
+      ${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((a) => `
+              <div class="beacon-pin-item" data-pin="${a.number}">
+                <span class="beacon-pin-num">${a.number}</span>
+                <div class="beacon-pin-meta">
+                  <div class="beacon-pin-selector" title="${E(a.selector)}">${E(a.selector)}</div>
+                  <input type="text" class="beacon-pin-note-input" placeholder="Add a note (optional)" value="${E(a.note ?? "")}">
+                </div>
+                <button type="button" class="beacon-icon-btn" data-pin-delete="${a.number}" aria-label="Remove pin ${a.number}">${k.trash}</button>
+              </div>
+            `).join("")}
+          </div>
+        </div>
+      ` : ""}
+
+      <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>
+
+      ${this.state.status ? `<div class="beacon-status ${this.state.statusKind}">${E(this.state.status)}</div>` : ""}
+    `;
+    const t = this.bodyEl.querySelector("#beacon-desc");
+    t.addEventListener("input", () => {
+      this.state.description = t.value, this.callbacks.onDescriptionChange(t.value);
+      const a = this.bodyEl.querySelector('[data-action="submit"]');
+      a && (a.disabled = !(t.value.trim().length > 0) || this.state.submitting);
+    }), this.bodyEl.querySelectorAll('input[name="beacon-severity"]').forEach((a) => {
+      a.addEventListener("change", () => {
+        a.checked && (this.state.severity = a.value, this.callbacks.onSeverityChange(this.state.severity), this.render());
+      });
+    }), (o = this.bodyEl.querySelector('[data-action="annotate"]')) == null || o.addEventListener("click", () => this.callbacks.onAnnotate()), (i = this.bodyEl.querySelector('[data-action="submit"]')) == null || i.addEventListener("click", () => this.callbacks.onSubmit()), this.bodyEl.querySelectorAll("[data-pin-delete]").forEach((a) => {
+      a.addEventListener("click", () => {
+        const s = Number(a.getAttribute("data-pin-delete"));
+        this.callbacks.onPinDelete(s);
+      });
+    }), this.bodyEl.querySelectorAll(".beacon-pin-note-input").forEach((a) => {
+      const s = a.closest("[data-pin]"), b = Number((s == null ? void 0 : s.getAttribute("data-pin")) ?? 0);
+      a.addEventListener("input", () => this.callbacks.onPinNoteChange(b, a.value));
+    });
+  }
+}
+function E(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function Z(n) {
+  return new Promise((e) => {
+    const t = document.createElement("div");
+    t.className = "beacon-pin-popover open beacon-no-capture beacon-theme-auto", t.innerHTML = `
+      <div class="beacon-pin-popover-header">
+        <div style="display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;">
+          <span class="beacon-pin-num">${n.pinNumber}</span>
+          <span>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, i = 160, a = Math.min(Math.max(8, n.anchor.x), window.innerWidth - o - 8), s = Math.min(Math.max(8, n.anchor.y + 12), window.innerHeight - i - 8);
+    t.style.left = `${a}px`, t.style.top = `${s}px`, document.body.appendChild(t);
+    const b = t.querySelector("textarea");
+    b.focus();
+    function p(h) {
+      document.removeEventListener("keydown", u, !0), t.remove(), e(h);
+    }
+    function u(h) {
+      h.key === "Escape" && (h.preventDefault(), h.stopPropagation(), p({ cancelled: "all" }));
+    }
+    document.addEventListener("keydown", u, !0), t.addEventListener("click", (h) => {
+      var m;
+      const v = (m = h.target.closest("[data-action]")) == null ? void 0 : m.getAttribute("data-action");
+      if (v === "cancel" && p({ cancelled: "pin" }), v === "save") {
+        const x = b.value.trim();
+        p({ ...x ? { note: x } : {}, cancelled: !1 });
+      }
+    }), b.addEventListener("keydown", (h) => {
+      if (h.key === "Enter" && (h.metaKey || h.ctrlKey)) {
+        h.preventDefault();
+        const f = b.value.trim();
+        p({ ...f ? { note: f } : {}, cancelled: !1 });
+      }
+    });
+  });
+}
+const A = "beacon-no-capture", J = "#0ea5e9", M = "Click any element to pin it · Press Esc to finish";
+function N(n, e) {
+  return /^#[0-9a-fA-F]{6}$/.test(n) ? `${n}${e}` : n;
+}
+function Q(n = {}) {
+  const e = n.accent ?? J, t = N(e, "b3"), o = N(e, "2e"), i = document.createElement("style");
+  i.className = A, i.textContent = "@keyframes beacon-spin { to { transform: rotate(360deg); } }", document.head.appendChild(i);
+  const a = document.createElement("div");
+  a.className = A, a.setAttribute("aria-hidden", "true"), a.style.cssText = [
+    "position: fixed",
+    "inset: 0",
+    "pointer-events: none",
+    "z-index: 2147483646",
+    `border: 2px dashed ${t}`,
+    "border-radius: 4px",
+    `box-shadow: inset 0 0 56px ${o}`,
+    "box-sizing: border-box"
+  ].join("; ");
+  const s = document.createElement("div");
+  s.className = A, s.setAttribute("role", "status"), s.style.cssText = [
+    "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("; "), s.textContent = M;
+  const b = `<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 p(r) {
+    return r.replace(/[<>&]/g, (d) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" })[d]);
+  }
+  document.body.appendChild(a), document.body.appendChild(s);
+  const u = /* @__PURE__ */ new Map();
+  function h(r) {
+    const d = document.createElement("div");
+    return d.className = A, d.setAttribute("aria-hidden", "true"), d.style.cssText = [
+      "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("; "), d.textContent = String(r), document.body.appendChild(d), d;
+  }
+  function f() {
+    const r = document.createElement("div");
+    return r.className = A, r.setAttribute("aria-hidden", "true"), r.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(r), r;
+  }
+  function v(r, d, c) {
+    const l = c ? "0.5" : "1";
+    r.outline.style.display = "block", r.outline.style.opacity = l, r.outline.style.left = `${d.x}px`, r.outline.style.top = `${d.y}px`, r.outline.style.width = `${d.w}px`, r.outline.style.height = `${d.h}px`, r.marker.style.display = "flex", r.marker.style.opacity = l, r.marker.style.left = `${d.x + d.w - 12}px`, r.marker.style.top = `${Math.max(2, d.y - 12)}px`;
+  }
+  function m(r) {
+    r.marker.style.display = "none", r.outline.style.display = "none";
+  }
+  function x() {
+    u.forEach((r) => {
+      let d = r.anchor.target;
+      if (document.contains(d) || (d = null), !d && r.anchor.selector && (d = document.querySelector(r.anchor.selector), d && (r.anchor.target = d)), d) {
+        const l = d.getBoundingClientRect();
+        if (l.width > 0 || l.height > 0) {
+          v(r, { x: l.left, y: l.top, w: l.width, h: l.height }, !1);
+          return;
+        }
+      }
+      const c = r.anchor.fallbackRect;
+      if (c && (c.w > 0 || c.h > 0)) {
+        v(r, c, !0);
+        return;
+      }
+      m(r);
+    });
+  }
+  let w = null;
+  function g() {
+    w === null && (w = requestAnimationFrame(() => {
+      w = null, x();
+    }));
+  }
+  return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), {
+    addPin(r, d) {
+      const c = h(r), l = f();
+      u.set(r, { anchor: d, marker: c, outline: l }), x();
+    },
+    setLoading(r) {
+      r ? s.innerHTML = b + p(r) : s.textContent = M;
+    },
+    destroy() {
+      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g), w !== null && cancelAnimationFrame(w), a.remove(), s.remove(), i.remove(), u.forEach(({ marker: r, outline: d }) => {
+        r.remove(), d.remove();
+      }), u.clear();
+    }
+  };
+}
+const ee = "#0ea5e9";
+function te(n, e) {
+  return /^#[0-9a-fA-F]{6}$/.test(n) ? `${n}${e}` : n;
+}
+function ne(n) {
+  const { shadowRoot: e, onHover: t } = n, o = n.accent ?? ee, i = te(o, "14"), a = document.createElement("div");
+  a.style.cssText = [
+    "position: fixed",
+    "pointer-events: none",
+    "z-index: 2147483646",
+    `border: 2px solid ${o}`,
+    `background: ${i}`,
+    "transition: all 60ms ease-out",
+    "box-sizing: border-box",
+    "border-radius: 2px"
+  ].join("; "), document.body.appendChild(a);
+  const s = document.createElement("div");
+  s.style.cssText = [
+    "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(s);
+  const b = document.body.style.cursor;
+  document.body.style.cursor = "crosshair";
+  let p = !1, u = () => {
+  };
+  const h = new Promise((c) => {
+    u = c;
+  });
+  function f(c) {
+    if (!c || !(c instanceof Node)) return !1;
+    let l = c;
+    for (; l; ) {
+      if (l === e || l === e.host) return !0;
+      l = l.parentNode ?? l.host ?? null;
+    }
+    return !1;
+  }
+  function v(c, l) {
+    a.style.display = "none", s.style.display = "none";
+    const L = document.elementsFromPoint(c, l);
+    a.style.display = "block", s.style.display = "block";
+    for (const S of L)
+      if (!f(S)) return S;
+    return null;
+  }
+  function m(c) {
+    const l = c.getBoundingClientRect();
+    a.style.left = `${l.left}px`, a.style.top = `${l.top}px`, a.style.width = `${l.width}px`, a.style.height = `${l.height}px`;
+    const L = c.tagName.toLowerCase(), S = c.classList.length > 0 ? "." + Array.from(c.classList).slice(0, 2).join(".") : "";
+    s.textContent = L + S;
+    const $ = l.top - 22;
+    s.style.left = `${l.left}px`, s.style.top = `${$ >= 0 ? $ : l.bottom + 4}px`;
+  }
+  function x(c) {
+    const l = v(c.clientX, c.clientY);
+    l ? (m(l), t == null || t(l)) : (a.style.display = "none", s.style.display = "none", t == null || t(null));
+  }
+  function w(c) {
+    if (c.button !== 0) return;
+    c.preventDefault(), c.stopPropagation();
+    const l = v(c.clientX, c.clientY);
+    l && d(l);
+  }
+  function g(c) {
+    c.preventDefault(), c.stopPropagation();
+  }
+  function r(c) {
+    c.key === "Escape" && (c.preventDefault(), d(null));
+  }
+  function d(c) {
+    p || (p = !0, document.removeEventListener("mousemove", x, !0), document.removeEventListener("pointerdown", w, !0), document.removeEventListener("click", g, !0), document.removeEventListener("mouseup", g, !0), document.removeEventListener("keydown", r, !0), a.remove(), s.remove(), document.body.style.cursor = b, u(c));
+  }
+  return document.addEventListener("mousemove", x, !0), document.addEventListener("pointerdown", w, !0), document.addEventListener("click", g, !0), document.addEventListener("mouseup", g, !0), document.addEventListener("keydown", r, !0), {
+    cancel: () => d(null),
+    promise: h
+  };
+}
+const oe = 8;
+function _(n, e = document) {
+  if (!n) return !1;
+  try {
+    return e.querySelectorAll(`#${CSS.escape(n)}`).length === 1;
+  } catch {
+    return !1;
+  }
+}
+function ie(n) {
+  const e = n.tagName.toLowerCase(), t = Array.from(n.classList).filter((o) => o.length > 0 && o.length < 40).slice(0, 3).map((o) => `.${CSS.escape(o)}`).join("");
+  return e + t;
+}
+function ae(n) {
+  const e = n.parentElement;
+  return e ? Array.from(e.children).filter((o) => o.tagName === n.tagName).indexOf(n) + 1 : 1;
+}
+function se(n) {
+  if (!n || n.nodeType !== Node.ELEMENT_NODE) return "";
+  if (n.id && _(n.id))
+    return `#${CSS.escape(n.id)}`;
+  const e = [];
+  let t = n, o = 0;
+  for (; t && t.tagName.toLowerCase() !== "body" && o < oe; ) {
+    const i = t;
+    if (i.id && _(i.id)) {
+      e.unshift(`#${CSS.escape(i.id)}`);
+      break;
+    }
+    const a = ie(i), s = i.parentElement;
+    let b = a;
+    if (s)
+      try {
+        const p = Array.from(i.classList).join(" ");
+        Array.from(s.children).filter(
+          (h) => h.tagName === i.tagName && Array.from(h.classList).join(" ") === p
+        ).length > 1 && (b = `${i.tagName.toLowerCase()}:nth-of-type(${ae(i)})`);
+      } catch {
+      }
+    e.unshift(b), t = s, o++;
+  }
+  return e.join(" > ");
+}
+function re(n) {
+  const e = Object.keys(n).filter((o) => o.startsWith("__reactFiber$") || o.startsWith("__reactInternalInstance$"));
+  if (e.length === 0) return null;
+  let t = n[e[0]];
+  for (let o = 0; o < 10 && t; o++) {
+    const i = t, a = i.type;
+    if (typeof a == "function") {
+      const s = a.displayName ?? a.name;
+      if (s && s !== "_default") return { lib: "react", name: s };
+    }
+    if (typeof a == "object" && a !== null) {
+      const s = a.displayName ?? a.name;
+      if (s) return { lib: "react", name: s };
+    }
+    t = i.return;
+  }
+  return { lib: "react" };
+}
+function ce(n) {
+  var o, i;
+  const e = n, t = e.__vueParentComponent;
+  if (t) {
+    const a = ((o = t.type) == null ? void 0 : o.name) ?? ((i = t.type) == null ? void 0 : i.__name);
+    return { lib: "vue", ...a ? { name: a } : {} };
+  }
+  return e.__vue__ ? { lib: "vue" } : null;
+}
+function de(n) {
+  const e = window.ng;
+  if (!(e != null && e.getComponent)) return null;
+  try {
+    const t = e.getComponent(n);
+    if (!t) return null;
+    const o = t.constructor;
+    return { lib: "angular", ...o != null && o.name ? { name: o.name } : {} };
+  } catch {
+    return null;
+  }
+}
+function le(n) {
+  return "__svelte_meta" in n ? { lib: "svelte" } : null;
+}
+function P(n) {
+  return re(n) ?? ce(n) ?? de(n) ?? le(n) ?? void 0;
+}
+const ue = 5e3, pe = 1e3, I = 1e3, D = 200, he = 50, z = 200, be = 500, fe = [
+  "display",
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "width",
+  "height",
+  "min-width",
+  "min-height",
+  "max-width",
+  "max-height",
+  "margin",
+  "padding",
+  "font-family",
+  "font-size",
+  "font-weight",
+  "line-height",
+  "text-align",
+  "color",
+  "background-color",
+  "background-image",
+  "border",
+  "border-radius",
+  "opacity",
+  "visibility",
+  "overflow",
+  "z-index",
+  "transform",
+  "transition",
+  "flex",
+  "flex-direction",
+  "justify-content",
+  "align-items",
+  "gap",
+  "grid-template-columns",
+  "grid-template-rows"
+];
+function B(n, e) {
+  return n.length <= e ? n : n.slice(0, e) + `
+
+/* … truncated, original was ${n.length} chars */`;
+}
+function me(n) {
+  const e = getComputedStyle(n), t = {};
+  for (const o of fe) {
+    const i = e.getPropertyValue(o);
+    i && i !== "normal" && i !== "none" && i !== "auto" && i !== "0px" && (t[o] = i.trim().slice(0, be));
+  }
+  return t;
+}
+function ge(n) {
+  return Array.from(n.classList).slice(0, he).map((t) => t.length > z ? t.slice(0, z) : t);
+}
+function ve(n) {
+  const e = n.getBoundingClientRect(), t = se(n), o = n.id || null;
+  return {
+    selector: t.length > I ? t.slice(0, I) : t,
+    tagName: n.tagName.toLowerCase(),
+    id: o && o.length > D ? o.slice(0, D) : o,
+    classList: ge(n),
+    outerHTML: B(n.outerHTML, ue),
+    ...n.parentElement ? { parentOuterHTML: B(n.parentElement.outerHTML, pe) } : {},
+    computedStyles: me(n),
+    boundingRect: {
+      x: Math.round(e.x),
+      y: Math.round(e.y),
+      w: Math.round(e.width),
+      h: Math.round(e.height)
+    },
+    ...P(n) ? { framework: P(n) } : {}
+  };
+}
+function O() {
+  var t, o;
+  const n = navigator;
+  return n.userAgentData ? {
+    brand: ((t = n.userAgentData.brands.find((i) => !/Not[.\-]?A.?Brand/i.test(i.brand))) == null ? void 0 : t.brand) ?? ((o = n.userAgentData.brands[0]) == null ? void 0 : o.brand) ?? "unknown",
+    mobile: n.userAgentData.mobile,
+    platform: n.userAgentData.platform
+  } : void 0;
+}
+function j() {
+  if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+  if (window.matchMedia("(prefers-color-scheme: light)").matches) return "light";
+}
+function H() {
+  return {
+    url: window.location.href,
+    ...document.referrer ? { referrer: document.referrer } : {},
+    userAgent: navigator.userAgent,
+    ...O() ? { uaData: O() } : {},
+    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,
+    ...j() ? { theme: j() } : {},
+    capturedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+let T = null;
+async function xe() {
+  return T || (T = await import("./index-DAIDnjfR.mjs")), T;
+}
+const C = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=";
+function F(n, e) {
+  if (!n || n.startsWith("data:") || n.startsWith("blob:") || n.startsWith("/") || n.startsWith("#")) return !0;
+  try {
+    if (new URL(n, window.location.href).origin === window.location.origin) return !0;
+  } catch {
+    return !1;
+  }
+  return e === "anonymous" || e === "use-credentials";
+}
+function we() {
+  const n = [], e = [];
+  return document.querySelectorAll("img").forEach((t) => {
+    F(t.src, t.crossOrigin) || (n.push({ el: t, src: t.src }), t.src = C);
+  }), document.querySelectorAll("image").forEach((t) => {
+    const o = t, i = o.getAttribute("href"), a = o.getAttributeNS("http://www.w3.org/1999/xlink", "href"), s = i || a || "";
+    s && !F(s) && (e.push({ el: o, href: i, xlink: a }), i !== null && o.setAttribute("href", C), a !== null && o.setAttributeNS("http://www.w3.org/1999/xlink", "href", C));
+  }), () => {
+    for (const { el: t, src: o } of n)
+      t.src = o;
+    for (const { el: t, href: o, xlink: i } of e)
+      o !== null && t.setAttribute("href", o), i !== null && t.setAttributeNS("http://www.w3.org/1999/xlink", "href", i);
+  };
+}
+async function W(n = {}) {
+  const { quality: e = 0.7, pixelRatio: t = Math.min(window.devicePixelRatio || 1, 2), excludeShadowRoot: o } = n, i = await xe(), a = o ? (b) => {
+    let p = b;
+    for (; p; ) {
+      if (p === o.host || p instanceof Element && p.classList.contains("beacon-no-capture")) return !1;
+      p = p.parentNode;
+    }
+    return !0;
+  } : void 0, s = we();
+  try {
+    return await i.toJpeg(document.documentElement, {
+      quality: e,
+      pixelRatio: t,
+      cacheBust: !0,
+      ...a ? { filter: a } : {},
+      imagePlaceholder: C,
+      // Cap dimensions to viewport so we don't accidentally capture full document height.
+      width: window.innerWidth,
+      height: window.innerHeight,
+      style: {
+        // Avoid scrolling artifacts.
+        transform: "none"
+      }
+    });
+  } finally {
+    s();
+  }
+}
+const ye = 14, ke = "#ffffff", Ee = "#ffffff", Ae = 3, Se = "#0ea5e9";
+async function U(n, e, t, o, i = Se) {
+  const a = i, s = i, b = await Le(n), p = document.createElement("canvas");
+  p.width = b.naturalWidth, p.height = b.naturalHeight;
+  const u = p.getContext("2d");
+  if (!u) throw new Error("Could not get 2D canvas context");
+  u.drawImage(b, 0, 0);
+  const h = p.width / t.w, f = p.height / t.h;
+  for (const v of e) {
+    const m = Ce(v, o);
+    if (!m) continue;
+    const x = m.x * h, w = m.y * f, g = m.w * h, r = m.h * f;
+    u.lineWidth = Ae, u.strokeStyle = s, u.strokeRect(x, w, g, r);
+    const d = x + g, c = w;
+    u.beginPath(), u.fillStyle = a, u.arc(d, c, ye, 0, Math.PI * 2), u.fill(), u.lineWidth = 3, u.strokeStyle = ke, u.stroke(), u.fillStyle = Ee, u.font = "bold 16px system-ui, -apple-system, sans-serif", u.textAlign = "center", u.textBaseline = "middle", u.fillText(String(v.number), d, c + 1);
+  }
+  return p.toDataURL("image/jpeg", 0.85);
+}
+function Ce(n, e) {
+  const t = e == null ? void 0 : e.get(n);
+  if (t && document.contains(t)) {
+    const o = t.getBoundingClientRect();
+    if (o.width > 0 || o.height > 0)
+      return { x: o.left, y: o.top, w: o.width, h: o.height };
+  }
+  if (n.selector)
+    try {
+      const o = document.querySelector(n.selector);
+      if (o) {
+        const i = o.getBoundingClientRect();
+        if (i.width > 0 || i.height > 0)
+          return { x: i.left, y: i.top, w: i.width, h: i.height };
+      }
+    } catch {
+    }
+  return n.boundingRect;
+}
+function Le(n) {
+  return new Promise((e, t) => {
+    const o = new Image();
+    o.onload = () => e(o), o.onerror = (i) => t(i), o.src = n;
+  });
+}
+async function Te(n, e, t) {
+  const o = await fetch(n, {
+    method: "POST",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      ...t ?? {}
+    },
+    body: JSON.stringify(e)
+  });
+  let i = null;
+  if ((o.headers.get("Content-Type") ?? "").includes("application/json"))
+    try {
+      i = await o.json();
+    } catch {
+      i = null;
+    }
+  else
+    try {
+      i = await o.text();
+    } catch {
+      i = null;
+    }
+  return {
+    ok: o.ok,
+    status: o.status,
+    body: i
+  };
+}
+const $e = ["endpoint", "position", "theme", "severities"], q = "launch-kit-beacon-portal-styles";
+function Re(n) {
+  if (document.getElementById(q)) return;
+  const e = document.createElement("style");
+  e.id = q, e.textContent = n, document.head.appendChild(e);
+}
+const Me = [
+  "--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"
+], K = "#0ea5e9";
+class Ne extends HTMLElement {
+  constructor() {
+    super(...arguments), this._config = null, this.pins = [], this.pinElements = /* @__PURE__ */ new WeakMap(), this.description = "", this.severity = "bug", this.submitSucceeded = !1;
+  }
+  static get observedAttributes() {
+    return $e;
+  }
+  /** Public — wrappers can set `widget.config = {...}` for dynamic endpoint/headers/context. */
+  set config(e) {
+    this._config = e;
+  }
+  get config() {
+    if (this._config) return this._config;
+    const e = this.getAttribute("endpoint");
+    return e ? { endpoint: e } : null;
+  }
+  connectedCallback() {
+    if (!this.shadow) {
+      this.shadow = this.attachShadow({ mode: "open" });
+      const e = document.createElement("style");
+      e.textContent = R, this.shadow.appendChild(e), this.slotEl = document.createElement("slot"), this.slotEl.name = "trigger", this.shadow.appendChild(this.slotEl), this.trigger = Y(), this.shadow.appendChild(this.trigger), this.trigger.addEventListener("click", () => this.open()), this.slotEl.addEventListener("slotchange", () => {
+        const t = this.slotEl.assignedElements();
+        t.length > 0 && (this.trigger && (this.trigger.style.display = "none"), t.forEach((o) => o.addEventListener("click", () => this.open())));
+      }), this.drawer = new G(this.parseSeverities(), {
+        onClose: () => this.close(),
+        onAnnotate: () => this.startAnnotate(),
+        onSubmit: () => this.handleSubmit(),
+        onPinNoteChange: (t, o) => this.updatePinNote(t, o),
+        onPinDelete: (t) => this.deletePin(t),
+        onDescriptionChange: (t) => {
+          this.description = t;
+        },
+        onSeverityChange: (t) => {
+          this.severity = t;
+        }
+      }), Re(R), this.drawer.root.classList.add("beacon-no-capture"), this.drawer.root.classList.add(`beacon-theme-${this.getAttribute("theme") ?? "auto"}`), document.body.appendChild(this.drawer.root);
+    }
+    this.hasAttribute("position") || this.setAttribute("position", "bottom-right"), this.hasAttribute("theme") || this.setAttribute("theme", "auto");
+  }
+  attributeChangedCallback(e, t, o) {
+    e === "severities" && this.drawer && console.warn("[launch-kit-beacon] severities attribute changed after mount; not yet hot-reloaded."), e === "theme" && this.drawer && t !== o && (this.drawer.root.classList.remove(`beacon-theme-${t ?? "auto"}`), this.drawer.root.classList.add(`beacon-theme-${o ?? "auto"}`));
+  }
+  // ── Public API ──────────────────────────────────────────
+  open() {
+    var e;
+    if (this.drawer) {
+      if (this.getAttribute("position") === "hidden") {
+        const t = (e = this.slotEl) == null ? void 0 : e.assignedElements()[0];
+        t && Ie(this.drawer.root, t);
+      }
+      this.submitSucceeded = !1, this.syncCustomProperties(), this.installClickBlocker(), this.drawer.open();
+    }
+  }
+  close() {
+    this.drawer && (!this.submitSucceeded && this.hasUnsavedData() && !window.confirm("You have unsaved feedback. Close and discard it?") || this.forceClose());
+  }
+  disconnectedCallback() {
+    this.uninstallClickBlocker(), this.drawer && this.drawer.root.parentNode && this.drawer.root.parentNode.removeChild(this.drawer.root);
+  }
+  async openWithPicker() {
+    this.open(), setTimeout(() => this.startAnnotate(), 0);
+  }
+  // ── Annotate flow ──────────────────────────────────────────
+  async startAnnotate() {
+    if (!this.drawer) return;
+    this.drawer.minimize();
+    const e = this.getAccentColor(), t = Q({ accent: e });
+    for (const o of this.pins) {
+      const i = this.pinElements.get(o);
+      i && t.addPin(o.number, {
+        target: i,
+        selector: o.selector,
+        fallbackRect: o.boundingRect
+      });
+    }
+    try {
+      let o = !0;
+      for (; o; ) {
+        const a = await ne({ shadowRoot: this.shadow, accent: e }).promise;
+        if (!a) break;
+        const s = a.getBoundingClientRect(), b = await Z({
+          shadowRoot: this.shadow,
+          anchor: { x: s.left, y: s.bottom },
+          pinNumber: this.pins.length + 1
+        });
+        if (b.cancelled === "all") break;
+        if (b.cancelled === "pin") continue;
+        const p = ve(a), u = {
+          number: this.pins.length + 1,
+          ...p,
+          ...b.note ? { note: b.note } : {}
+        };
+        this.pins.push(u), this.pinElements.set(u, a), t.addPin(u.number, {
+          target: a,
+          selector: p.selector,
+          fallbackRect: p.boundingRect
+        });
+      }
+      if (this.pins.length > 0) {
+        t.setLoading("Capturing screenshot…"), await new Promise((i) => requestAnimationFrame(() => i()));
+        try {
+          const i = H(), a = await W({ excludeShadowRoot: this.shadow }), s = await U(a, this.pins, i.viewport, this.pinElements, e);
+          this.drawer.setPins(this.pins, s);
+        } catch (i) {
+          const a = i instanceof Error ? i.message : String(i);
+          console.error("[launch-kit-beacon] screenshot capture failed:", i), this.drawer.setPins(this.pins), this.drawer.setStatus(`Screenshot capture failed: ${a}`, "error");
+        }
+      }
+    } finally {
+      t.destroy();
+    }
+    this.drawer.open();
+  }
+  updatePinNote(e, t) {
+    const o = this.pins.find((i) => i.number === e);
+    o && (t.trim() ? o.note = t : delete o.note);
+  }
+  deletePin(e) {
+    var t, o;
+    this.pins = this.pins.filter((i) => i.number !== e), this.pins.forEach((i, a) => {
+      i.number = a + 1;
+    }), (t = this.drawer) == null || t.setAnnotatedScreenshot(void 0), (o = this.drawer) == null || o.setPins(this.pins);
+  }
+  // ── 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 t = this.drawer.getDescription().trim(), o = this.drawer.getSeverity();
+    if (!t) {
+      this.drawer.setStatus("Description is required", "error");
+      return;
+    }
+    this.drawer.setSubmitting(!0);
+    let i = this.drawer.getAnnotatedScreenshot();
+    const a = !i && this.pins.length > 0;
+    this.drawer.setStatus(a ? "Capturing screenshot…" : "Sending…"), await new Promise((h) => requestAnimationFrame(() => h()));
+    const s = H();
+    if (a)
+      try {
+        const h = await W({ excludeShadowRoot: this.shadow });
+        i = await U(h, this.pins, s.viewport, this.pinElements, this.getAccentColor());
+      } catch (h) {
+        console.error("[launch-kit-beacon] screenshot capture failed at submit:", h);
+      }
+    const b = {
+      description: t,
+      severity: o,
+      ...i ? { screenshot: { dataUrl: i, mime: "image/jpeg" } } : {},
+      metadata: s,
+      pins: this.pins,
+      ...this.resolveContext() ? { context: this.resolveContext() } : {}
+    }, p = new CustomEvent("beacon-before-submit", {
+      detail: { payload: b },
+      cancelable: !0,
+      bubbles: !0,
+      composed: !0
+    });
+    if (!this.dispatchEvent(p)) {
+      this.drawer.setSubmitting(!1), this.drawer.setStatus("Submission cancelled", "error");
+      return;
+    }
+    this.drawer.setStatus("Sending…");
+    try {
+      const h = this.resolveHeaders(), f = await Te(e.endpoint, b, h);
+      this.drawer.setSubmitting(!1), f.ok ? (this.submitSucceeded = !0, this.drawer.setStatus("Sent — thanks!", "success"), this.dispatchEvent(new CustomEvent("beacon-after-submit", {
+        detail: { response: f },
+        bubbles: !0,
+        composed: !0
+      })), setTimeout(() => {
+        this.forceClose();
+      }, 1500)) : this.drawer.setStatus(`Failed: ${f.status}`, "error");
+    } catch (h) {
+      this.drawer.setSubmitting(!1);
+      const f = h instanceof Error ? h.message : "Network error";
+      this.drawer.setStatus(`Failed: ${f}`, "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" ? K : getComputedStyle(this).getPropertyValue("--beacon-accent").trim() || K;
+  }
+  /**
+   * 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 t of Me) {
+      const o = e.getPropertyValue(t).trim();
+      o && this.drawer.root.style.setProperty(t, o);
+    }
+  }
+  hasUnsavedData() {
+    var t;
+    return this.pins.length > 0 ? !0 : (((t = this.drawer) == null ? void 0 : t.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 t = e.composedPath();
+      if (!t.includes(this.shadow.host)) {
+        for (const o of t)
+          if (o instanceof Element && o.classList.contains("beacon-no-capture")) return;
+        e.preventDefault(), e.stopPropagation();
+      }
+    }, document.addEventListener("click", this.documentClickBlocker, !0));
+  }
+  uninstallClickBlocker() {
+    this.documentClickBlocker && (document.removeEventListener("click", this.documentClickBlocker, !0), this.documentClickBlocker = void 0);
+  }
+  resolveHeaders() {
+    var t;
+    const e = (t = this.config) == null ? void 0 : t.headers;
+    if (e)
+      return typeof e == "function" ? e() : e;
+  }
+  resolveContext() {
+    var t;
+    const e = (t = this.config) == null ? void 0 : t.context;
+    if (e)
+      return typeof e == "function" ? e() : e;
+  }
+  parseSeverities() {
+    const e = this.getAttribute("severities");
+    return e ? e.split(",").map((t) => t.trim()).filter(Boolean) : ["bug", "idea", "ux", "a11y"];
+  }
+}
+function _e(n = "launch-kit-beacon") {
+  typeof window > "u" || customElements.get(n) || customElements.define(n, Ne);
+}
+const V = 380, y = 8, Pe = 520;
+function Ie(n, e) {
+  const t = e.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
+  let a = Math.max(y, o - t.right);
+  o - a - V < y && (a = Math.max(y, o - V - y));
+  const b = i - t.bottom - y, p = t.top - y;
+  n.style.left = "auto", n.style.right = `${a}px`, b >= Pe || b >= p ? (n.style.top = `${t.bottom + y}px`, n.style.bottom = "auto") : (n.style.top = "auto", n.style.bottom = `${i - t.top + y}px`);
+}
+_e();
+export {
+  Ne as LaunchKitBeacon,
+  _e as defineBeacon
+};
+//# sourceMappingURL=beacon.mjs.map