@fixback/sdk 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -1,15 +1,15 @@
-function me(e) {
+function Rt(e) {
   return `${e.replace(/\/+$/, "")}/api/ingest/boot`;
 }
-function ge(e) {
+function $t(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = e;
   return typeof t.originAllowed == "boolean" && typeof t.canSubmit == "boolean" && typeof t.gate == "string" && (t.tier === null || typeof t.tier == "string");
 }
-async function xe(e, t, o = fetch) {
+async function Nt(e, t, o = fetch) {
   let n;
   try {
-    n = await o(me(e), {
+    n = await o(Rt(e), {
       method: "POST",
       headers: { "content-type": "application/json" },
       body: JSON.stringify(t)
@@ -24,30 +24,1062 @@ async function xe(e, t, o = fetch) {
   } catch {
     return null;
   }
-  return ge(i) ? i : null;
+  return $t(i) ? i : null;
 }
-var J = "fixback.anonymousId";
-function Z() {
+var tt = ["data-fixback-root", "data-fixback-overlay"], Bt = tt.map((e) => `[${e}]`).join(",");
+function _e(e) {
+  let t = e instanceof Node ? e : null;
+  for (; t; ) {
+    if (t instanceof Element) {
+      for (const n of tt) if (t.hasAttribute(n)) return !0;
+    }
+    const o = t.getRootNode();
+    if (o instanceof ShadowRoot && o !== t) {
+      t = o.host;
+      continue;
+    }
+    t = t.parentNode;
+  }
+  return !1;
+}
+function Pt(e) {
+  for (const t of Array.from(e.querySelectorAll(Bt))) t.remove();
+}
+function je(e) {
+  const t = globalThis.CSS;
+  return t != null && t.escape ? t.escape(e) : e.replace(/[^\w-]/g, (o) => `\\${o}`);
+}
+function Ot(e) {
+  let t = 1, o = e.previousElementSibling;
+  for (; o; )
+    o.tagName === e.tagName && (t += 1), o = o.previousElementSibling;
+  return t;
+}
+function ot(e) {
+  if (e.id) return `#${je(e.id)}`;
+  const t = [];
+  let o = e;
+  for (; o && o.tagName.toLowerCase() !== "html"; ) {
+    if (o.id) {
+      t.unshift(`#${je(o.id)}`);
+      break;
+    }
+    const n = o.tagName.toLowerCase(), i = o.parentElement;
+    if (i) {
+      const r = Array.from(i.children).filter((s) => s.tagName === o.tagName);
+      t.unshift(r.length > 1 ? `${n}:nth-of-type(${Ot(o)})` : n);
+    } else t.unshift(n);
+    o = i;
+  }
+  return t.join(" > ");
+}
+function Ut(e) {
+  const t = e.tagName.toLowerCase();
+  if (e.id) return `${t}#${e.id}`;
+  const o = e.classList[0];
+  return o ? `${t}.${o}` : t;
+}
+function zt(e) {
+  const t = [];
+  let o = e;
+  for (; o; )
+    t.unshift(Ut(o)), o = o.parentElement;
+  return t.join(" > ");
+}
+function Dt(e) {
+  const t = e.getBoundingClientRect();
+  return {
+    x: Math.round(t.x),
+    y: Math.round(t.y),
+    width: Math.round(t.width),
+    height: Math.round(t.height)
+  };
+}
+function jt(e) {
+  return {
+    selector: ot(e),
+    domPath: zt(e),
+    tag: e.tagName.toLowerCase(),
+    rect: Dt(e)
+  };
+}
+function Ft(e) {
+  var t, o;
+  const n = (t = e.doc) !== null && t !== void 0 ? t : document, i = (o = e.ignore) !== null && o !== void 0 ? o : _e;
+  let r = null, s = !1;
+  function f(b) {
+    var u;
+    const m = (u = (typeof b.composedPath == "function" ? b.composedPath() : [])[0]) !== null && u !== void 0 ? u : b.target;
+    return m instanceof Element ? i(m) ? null : m : null;
+  }
+  function l(b) {
+    var u;
+    s || (r = f(b), (u = e.onHover) === null || u === void 0 || u.call(e, r));
+  }
+  function d(b) {
+    var u;
+    if (s) return;
+    const m = (u = f(b)) !== null && u !== void 0 ? u : r;
+    m && (b.preventDefault(), b.stopPropagation(), a(), e.onPick(m));
+  }
+  function h(b) {
+    if (!s && b.key === "Escape") {
+      var u;
+      b.preventDefault(), a(), (u = e.onCancel) === null || u === void 0 || u.call(e);
+    }
+  }
+  function a() {
+    s || (s = !0, n.removeEventListener("mouseover", l, !0), n.removeEventListener("click", d, !0), n.removeEventListener("keydown", h, !0), r = null);
+  }
+  return n.addEventListener("mouseover", l, !0), n.addEventListener("click", d, !0), n.addEventListener("keydown", h, !0), { stop: a };
+}
+var Ht = 7, Vt = /[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}/gi, Xt = new RegExp(`\\d{${Ht},}`, "g"), Gt = /\b(bearer|token)\s+[\w.\-~+/]+=*/gi, Yt = /\bhttps?:\/\/[^\s"'<>]+/gi;
+function Kt(e) {
+  return typeof e != "string" || e.length === 0 ? e : e.replace(Vt, "[redacted-email]").replace(Gt, (t, o) => `${o} [redacted]`).replace(Xt, "[redacted-number]");
+}
+function X(e) {
+  if (typeof e != "string" || e.length === 0) return e;
+  let t = e;
+  return t = t.replace(/(^[a-z][a-z0-9+.-]*:\/\/)[^/@?#]*@/i, "$1"), t = t.replace(/\?[^#]*/, ""), t = t.replace(/#.*$/, (o) => o.includes("=") ? "" : o), t;
+}
+function qt(e) {
+  const t = { ...e };
+  return typeof t.url == "string" && (t.url = X(t.url)), typeof t.from == "string" && (t.from = X(t.from)), typeof t.to == "string" && (t.to = X(t.to)), t;
+}
+function Wt(e) {
+  return Kt(e.replace(Yt, (t) => X(t)));
+}
+function Zt(e) {
+  const t = { ...e };
+  return typeof t.message == "string" && (t.message = Wt(t.message)), t.data && (t.data = qt(t.data)), t;
+}
+function Jt(e) {
+  const t = { ...e };
+  return typeof t.url == "string" && (t.url = X(t.url)), t.trace && t.trace.length > 0 && (t.trace = t.trace.map(Zt)), t;
+}
+function nt(e, t = {}) {
+  const o = t.scrub === !1 ? e : Jt(e), n = t.hook;
+  if (!n) return o;
+  try {
+    const i = n(o);
+    return i != null ? i : null;
+  } catch {
+    return o;
+  }
+}
+var Qt = [
+  "warn",
+  "error",
+  "assert"
+];
+function eo(e) {
+  return typeof e != "number" || !Number.isFinite(e) || e < 1 ? 30 : Math.floor(e);
+}
+function to(e = {}) {
+  var t;
+  const o = eo(e.maxBreadcrumbs), n = e.maxAgeMs, i = e.beforeBreadcrumb, r = (t = e.now) !== null && t !== void 0 ? t : Date.now;
+  let s = [];
+  function f() {
+    if (typeof n == "number" && n > 0 && s.length > 0) {
+      const l = r() - n;
+      s = s.filter((d) => d.timestamp >= l);
+    }
+  }
+  return {
+    add(l) {
+      let d = l;
+      if (i) try {
+        d = i(l);
+      } catch {
+        d = l;
+      }
+      d && (s.push(d), f(), s.length > o && (s = s.slice(-o)));
+    },
+    snapshot() {
+      return f(), s.slice();
+    },
+    clear() {
+      s = [];
+    }
+  };
+}
+var Fe = 300;
+function rt(e) {
+  if (typeof e == "string") return e;
+  if (e instanceof Error) return `${e.name}: ${e.message}`;
+  if (e == null || typeof e == "number" || typeof e == "boolean") return String(e);
+  try {
+    var t;
+    return (t = JSON.stringify(e)) !== null && t !== void 0 ? t : String(e);
+  } catch {
+    return "[object]";
+  }
+}
+function oo(e) {
+  const t = e.map(rt).join(" ");
+  return t.length > Fe ? `${t.slice(0, Fe)}…` : t;
+}
+function He(e, t, o) {
+  return {
+    category: "console",
+    level: e,
+    message: oo(t),
+    timestamp: o
+  };
+}
+function no(e, t, o) {
+  const n = X(e), i = X(t);
+  return {
+    category: "navigation",
+    message: `${n} → ${i}`,
+    timestamp: o,
+    data: {
+      from: n,
+      to: i
+    }
+  };
+}
+function it(e, t, o, n, i) {
+  const r = X(o), s = n ? {
+    method: t,
+    url: r,
+    status: n
+  } : {
+    method: t,
+    url: r
+  };
+  return {
+    category: e,
+    message: `${t} ${r}${n ? ` [${n}]` : ""}`,
+    timestamp: i,
+    data: s
+  };
+}
+function Ve(e, t, o, n) {
+  return it("fetch", e, t, o, n);
+}
+function ro(e, t, o, n) {
+  return it("xhr", e, t, o, n);
+}
+function at(e) {
+  try {
+    return ot(e);
+  } catch {
+    return e.tagName ? e.tagName.toLowerCase() : "unknown";
+  }
+}
+function io(e, t) {
+  const o = at(e);
+  return {
+    category: "ui.click",
+    message: `click ${o}`,
+    timestamp: t,
+    data: { target: o }
+  };
+}
+function ao(e, t) {
+  const o = at(e);
+  return {
+    category: "ui.input",
+    message: `input ${o}`,
+    timestamp: t,
+    data: { target: o }
+  };
+}
+function so(e) {
+  return e instanceof Error ? {
+    name: e.name || "Error",
+    message: e.message
+  } : typeof e == "string" ? {
+    name: "Error",
+    message: e
+  } : {
+    name: "Error",
+    message: rt(e)
+  };
+}
+function lo(e, t) {
+  const { name: o, message: n } = so(e);
+  return {
+    category: "error",
+    level: "error",
+    message: n ? `${o}: ${n}` : o,
+    timestamp: t,
+    data: { errorType: o }
+  };
+}
+function Te() {
+}
+function co(e, t, o, n) {
+  const i = [];
+  for (const r of o) {
+    const s = t[r];
+    if (typeof s != "function") continue;
+    const f = (...l) => {
+      try {
+        r === "assert" ? l[0] || e.add(He("assert", l.slice(1), n())) : e.add(He(r, l, n()));
+      } catch {
+      }
+      return s.apply(t, l);
+    };
+    t[r] = f, i.push(() => {
+      t[r] = s;
+    });
+  }
+  return () => {
+    for (const r of i) r();
+  };
+}
+function uo(e) {
+  return typeof e == "string" ? e : e instanceof URL ? e.toString() : e.url;
+}
+function fo(e, t) {
+  var o, n;
+  return ((o = (n = t == null ? void 0 : t.method) !== null && n !== void 0 ? n : typeof e == "object" && "method" in e ? e.method : void 0) !== null && o !== void 0 ? o : "GET").toUpperCase();
+}
+function bo(e, t, o, n) {
+  const i = t.fetch;
+  if (typeof i != "function") return Te;
+  const r = (s, f) => {
+    const l = uo(s), d = fo(s, f), h = i.call(t, s, f);
+    return o(l) ? h : h.then((a) => {
+      try {
+        e.add(Ve(d, l, a.status, n()));
+      } catch {
+      }
+      return a;
+    }, (a) => {
+      try {
+        e.add(Ve(d, l, void 0, n()));
+      } catch {
+      }
+      throw a;
+    });
+  };
+  return t.fetch = r, () => {
+    t.fetch = i;
+  };
+}
+function po(e, t, o, n) {
+  const i = t.XMLHttpRequest;
+  if (typeof i != "function") return Te;
+  const r = i.prototype, s = r.open, f = r.send;
+  return r.open = function(l, d, ...h) {
+    return this.__fixbackMeta = {
+      method: String(l).toUpperCase(),
+      url: String(d)
+    }, s.call(this, l, d, ...h);
+  }, r.send = function(l) {
+    const d = this.__fixbackMeta;
+    if (d && !o(d.url)) {
+      const h = () => {
+        try {
+          e.add(ro(d.method, d.url, this.status || void 0, n()));
+        } catch {
+        }
+        this.removeEventListener("loadend", h);
+      };
+      this.addEventListener("loadend", h);
+    }
+    return f.call(this, l);
+  }, () => {
+    r.open = s, r.send = f;
+  };
+}
+function ho(e, t, o) {
+  const n = t.history, i = t.location;
+  if (!n || !i) return Te;
+  let r = i.href;
+  const s = (a) => {
+    try {
+      e.add(no(r, a, o()));
+    } catch {
+    }
+    r = a;
+  }, f = n.pushState, l = n.replaceState;
+  n.pushState = function(a, b, u) {
+    const m = f.call(this, a, b, u);
+    return s(i.href), m;
+  }, n.replaceState = function(a, b, u) {
+    const m = l.call(this, a, b, u);
+    return s(i.href), m;
+  };
+  const d = () => s(i.href), h = () => s(i.href);
+  return t.addEventListener("popstate", d), t.addEventListener("hashchange", h), () => {
+    n.pushState = f, n.replaceState = l, t.removeEventListener("popstate", d), t.removeEventListener("hashchange", h);
+  };
+}
+function Xe(e) {
+  var t;
+  const o = (t = (typeof e.composedPath == "function" ? e.composedPath() : [])[0]) !== null && t !== void 0 ? t : e.target;
+  return o instanceof Element ? o : null;
+}
+function vo(e, t, o) {
+  const n = (r) => {
+    const s = Xe(r);
+    if (!(!s || _e(s)))
+      try {
+        e.add(io(s, o()));
+      } catch {
+      }
+  }, i = (r) => {
+    const s = Xe(r);
+    if (!(!s || _e(s)))
+      try {
+        e.add(ao(s, o()));
+      } catch {
+      }
+  };
+  return t.addEventListener("click", n, !0), t.addEventListener("input", i, !0), () => {
+    t.removeEventListener("click", n, !0), t.removeEventListener("input", i, !0);
+  };
+}
+function mo(e, t = {}) {
+  var o, n, i, r, s, f;
+  const l = (o = t.win) !== null && o !== void 0 ? o : globalThis, d = (n = t.doc) !== null && n !== void 0 ? n : typeof document != "undefined" ? document : void 0, h = (i = t.consoleObj) !== null && i !== void 0 ? i : typeof console != "undefined" ? console : void 0, a = (r = t.consoleLevels) !== null && r !== void 0 ? r : Qt, b = (s = t.ignoreUrl) !== null && s !== void 0 ? s : (() => !1), u = (f = t.now) !== null && f !== void 0 ? f : Date.now, m = [];
+  return h && m.push(co(e, h, a, u)), l && (m.push(bo(e, l, b, u)), m.push(po(e, l, b, u)), m.push(ho(e, l, u))), d && m.push(vo(e, d, u)), () => {
+    for (const p of m) try {
+      p();
+    } catch {
+    }
+  };
+}
+var go = "#e5484d";
+function Ge(e, t, o, n) {
+  return {
+    x: Math.round(Math.min(e, o)),
+    y: Math.round(Math.min(t, n)),
+    width: Math.round(Math.abs(o - e)),
+    height: Math.round(Math.abs(n - t))
+  };
+}
+function xo(e, t, o, n, i = 14) {
+  const r = Math.atan2(n - t, o - e);
+  return [
+    {
+      x: o,
+      y: n
+    },
+    {
+      x: o - i * Math.cos(r - Math.PI / 6),
+      y: n - i * Math.sin(r - Math.PI / 6)
+    },
+    {
+      x: o - i * Math.cos(r + Math.PI / 6),
+      y: n - i * Math.sin(r + Math.PI / 6)
+    }
+  ];
+}
+function yo(e) {
+  const t = {};
+  return e.element && (t.element = e.element), e.region && (t.region = e.region), e.marks && e.marks.length > 0 && (t.marks = e.marks.slice()), Object.keys(t).length > 0 ? t : void 0;
+}
+function st(e, t) {
+  var o;
+  const n = {}, i = e.innerWidth;
+  typeof i == "number" && i > 0 && (n.viewportWidth = Math.round(i));
+  const r = e.innerHeight;
+  typeof r == "number" && r > 0 && (n.viewportHeight = Math.round(r));
+  const s = (o = e.navigator) === null || o === void 0 ? void 0 : o.userAgent;
+  return typeof s == "string" && s.length > 0 && (n.browser = s), t.length > 0 && (n.sdkVersion = t), n;
+}
+function lt(e) {
+  var t;
+  const o = {};
+  e.kind && (o.kind = e.kind);
+  const n = (t = e.comment) === null || t === void 0 ? void 0 : t.trim();
+  n && (o.comment = n), e.url && (o.url = e.url), e.environment && Object.keys(e.environment).length > 0 && (o.environment = e.environment);
+  const i = yo({
+    element: e.element,
+    region: e.region,
+    marks: e.marks
+  });
+  return i && (o.annotation = i), e.trace && e.trace.length > 0 && (o.trace = e.trace), o;
+}
+var wo = 32, ko = /* @__PURE__ */ new Set([
+  "button",
+  "submit",
+  "reset",
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "hidden"
+]);
+function ye(e) {
+  const t = Math.min(Math.max(e, 1), wo);
+  return "•".repeat(t);
+}
+function Eo(e) {
+  for (const n of Array.from(e.querySelectorAll("input"))) {
+    var t;
+    const i = ((t = n.getAttribute("type")) !== null && t !== void 0 ? t : "text").toLowerCase();
+    if (ko.has(i)) continue;
+    const r = n.value;
+    if (!r) continue;
+    const s = ye(r.length);
+    n.value = s, n.setAttribute("value", s);
+  }
+  for (const n of Array.from(e.querySelectorAll("textarea"))) {
+    const i = n.value || n.textContent || "";
+    if (!i) continue;
+    const r = ye(i.length);
+    n.value = r, n.textContent = r;
+  }
+  for (const n of Array.from(e.querySelectorAll("[contenteditable]"))) {
+    var o;
+    if (n.getAttribute("contenteditable") === "false") continue;
+    const i = (o = n.textContent) !== null && o !== void 0 ? o : "";
+    i.trim() && (n.textContent = ye(i.length));
+  }
+}
+var _o = {
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/webp": "webp",
+  "image/gif": "gif"
+};
+function ct(e) {
+  var t;
+  return (t = _o[e]) !== null && t !== void 0 ? t : "png";
+}
+function Ye(e, t, o) {
+  const n = e == null ? void 0 : e[`inner${o}`], i = t.documentElement[`client${o}`];
+  return Math.max(1, Math.round((typeof n == "number" && n > 0 ? n : i) || 0) || 1);
+}
+function So(e, t, o) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${o}"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml">${new XMLSerializer().serializeToString(e)}</div></foreignObject></svg>`;
+}
+var To = 4e3, Co = (e, { width: t, height: o, type: n }) => new Promise((i) => {
+  let r = !1;
+  const s = (f) => {
+    r || (r = !0, i(f));
+  };
+  try {
+    const f = new Image(), l = setTimeout(() => s(null), To);
+    f.onload = () => {
+      try {
+        const d = document.createElement("canvas");
+        d.width = t, d.height = o;
+        const h = d.getContext("2d");
+        if (!h) {
+          clearTimeout(l), s(null);
+          return;
+        }
+        h.drawImage(f, 0, 0), d.toBlob((a) => {
+          clearTimeout(l), s(a);
+        }, n);
+      } catch {
+        clearTimeout(l), s(null);
+      }
+    }, f.onerror = () => {
+      clearTimeout(l), s(null);
+    }, f.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
+  } catch {
+    s(null);
+  }
+});
+async function dt(e = {}) {
+  try {
+    var t, o, n, i, r, s;
+    const f = (t = e.doc) !== null && t !== void 0 ? t : document, l = (o = (n = e.win) !== null && n !== void 0 ? n : f.defaultView) !== null && o !== void 0 ? o : void 0, d = (i = e.target) !== null && i !== void 0 ? i : f.documentElement, h = (r = e.type) !== null && r !== void 0 ? r : "image/png", a = Ye(l, f, "Width"), b = Ye(l, f, "Height"), u = d.cloneNode(!0);
+    Pt(u), Eo(u);
+    const m = So(u, a, b), p = await ((s = e.rasterize) !== null && s !== void 0 ? s : Co)(m, {
+      width: a,
+      height: b,
+      type: h
+    });
+    return p ? {
+      blob: p,
+      width: a,
+      height: b,
+      type: h
+    } : null;
+  } catch {
+    return null;
+  }
+}
+function ne(e) {
+  "@babel/helpers - typeof";
+  return ne = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, ne(e);
+}
+function Lo(e, t) {
+  if (ne(e) != "object" || !e) return e;
+  var o = e[Symbol.toPrimitive];
+  if (o !== void 0) {
+    var n = o.call(e, t || "default");
+    if (ne(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Mo(e) {
+  var t = Lo(e, "string");
+  return ne(t) == "symbol" ? t : t + "";
+}
+function W(e, t, o) {
+  return (t = Mo(t)) in e ? Object.defineProperty(e, t, {
+    value: o,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = o, e;
+}
+function Ao(e, t) {
+  if (e == null) return 60;
+  const o = e.trim();
+  if (o === "") return 60;
+  if (/^\d+$/.test(o)) return Number(o);
+  const n = Date.parse(o);
+  return Number.isNaN(n) ? 60 : Math.max(0, Math.ceil((n - t) / 1e3));
+}
+var Io = class {
+  constructor(e = Date.now) {
+    W(this, "now", void 0), W(this, "pausedUntil", 0), this.now = e;
+  }
+  isPaused() {
+    return this.now() < this.pausedUntil;
+  }
+  retryAfterSeconds() {
+    return Math.max(0, Math.ceil((this.pausedUntil - this.now()) / 1e3));
+  }
+  hold(e) {
+    const t = this.now(), o = Ao(e, t), n = t + o * 1e3;
+    return n > this.pausedUntil && (this.pausedUntil = n), o;
+  }
+}, Ro = "screenshot", $o = new Io();
+function No(e) {
+  return `${e.replace(/\/+$/, "")}/api/ingest/feedback`;
+}
+function Bo(e) {
+  if (!e) return {};
+  const t = {};
+  return e.signedIdentity && (t.signedIdentity = e.signedIdentity), e.reporterId && (t.reporterId = e.reporterId), e.anonymousId && (t.anonymousId = e.anonymousId), t;
+}
+async function ut(e, t, o = fetch, n = $o) {
+  var i, r;
+  const s = (i = t.content.source) !== null && i !== void 0 ? i : "reporter", f = s === "auto";
+  if (f && n.isPaused()) return {
+    ok: !1,
+    reason: "backpressure",
+    retryAfterSeconds: n.retryAfterSeconds()
+  };
+  const l = {
+    key: t.key,
+    ...Bo(t.identity),
+    ...t.content,
+    source: s
+  }, d = new FormData();
+  if (d.append("payload", JSON.stringify(l)), !((r = t.screenshot) === null || r === void 0) && r.blob) {
+    var h;
+    d.append(Ro, t.screenshot.blob, (h = t.screenshot.filename) !== null && h !== void 0 ? h : "screenshot.png");
+  }
+  let a;
+  try {
+    a = await o(No(e), {
+      method: "POST",
+      body: d
+    });
+  } catch {
+    return {
+      ok: !1,
+      reason: "unreachable"
+    };
+  }
+  if (!a.ok)
+    return f && a.status === 429 ? {
+      ok: !1,
+      reason: "backpressure",
+      retryAfterSeconds: n.hold(a.headers.get("Retry-After"))
+    } : {
+      ok: !1,
+      reason: "refused",
+      status: a.status
+    };
+  try {
+    return {
+      ok: !0,
+      feedback: await a.json()
+    };
+  } catch {
+    return {
+      ok: !0,
+      feedback: null
+    };
+  }
+}
+var de = "0.1.0";
+var Po = 2e3;
+var Oo = 5, Uo = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/gi, zo = /\bhttps?:\/\/[^\s"')]+/gi, Do = /\b0x[0-9a-f]+\b/gi, jo = /\b[0-9a-f]{8,}\b/gi, Fo = /\d{4,}/g;
+function Ho(e) {
+  return typeof e != "string" || e.length === 0 ? "" : e.replace(Uo, "<uuid>").replace(zo, "<url>").replace(Do, "<hex>").replace(jo, "<hex>").replace(Fo, "<n>").trim();
+}
+function Vo(e) {
+  let t = 2166136261;
+  for (let o = 0; o < e.length; o++)
+    t ^= e.charCodeAt(o), t = Math.imul(t, 16777619);
+  return (t >>> 0).toString(36);
+}
+function we(e) {
+  const t = e.replace(/\?[^:]*/, ""), o = t.lastIndexOf("/");
+  return o >= 0 ? t.slice(o + 1) : t;
+}
+function Xo(e) {
+  var t, o, n;
+  const i = e.match(/^at\s+(.+?)\s+\((.+)\)$/);
+  if (i) return `${(t = i[1]) !== null && t !== void 0 ? t : ""}@${we((o = i[2]) !== null && o !== void 0 ? o : "")}`;
+  const r = e.match(/^at\s+(.+)$/);
+  if (r) return `@${we((n = r[1]) !== null && n !== void 0 ? n : "")}`;
+  const s = e.indexOf("@");
+  return s >= 0 ? `${e.slice(0, s)}@${we(e.slice(s + 1))}` : null;
+}
+function Go(e, t = Oo) {
+  if (typeof e != "string" || e.length === 0) return "";
+  const o = [];
+  for (const n of e.split(`
+`)) {
+    const i = Xo(n.trim());
+    if (i && (o.push(i), o.length >= t))
+      break;
+  }
+  return o.join(" < ");
+}
+function Yo(e, t, o) {
+  return Vo(`${e}|${Ho(t)}|${Go(o)}`);
+}
+var Ko = class {
+  constructor(e) {
+    var t;
+    W(this, "options", void 0), W(this, "tokens", void 0), W(this, "last", void 0), W(this, "now", void 0), this.options = e, this.now = (t = e.now) !== null && t !== void 0 ? t : Date.now, this.tokens = Math.max(0, e.capacity), this.last = this.now();
+  }
+  take() {
+    const e = this.now(), { capacity: t, refillIntervalMs: o } = this.options;
+    if (o > 0 && e > this.last) {
+      const n = Math.floor((e - this.last) / o);
+      n > 0 && (this.tokens = Math.min(t, this.tokens + n), this.last += n * o);
+    }
+    return this.tokens >= 1 ? (this.tokens -= 1, !0) : !1;
+  }
+};
+function V(e) {
+  if (typeof e == "string") return e;
+  if (e == null) return "";
+  try {
+    return String(e);
+  } catch {
+    return "";
+  }
+}
+function qo(e) {
+  const t = e, o = t.error;
+  if (o && typeof o == "object") {
+    const i = o;
+    return {
+      type: V(i.name) || "Error",
+      value: V(i.message) || V(t.message),
+      stack: typeof i.stack == "string" ? i.stack : void 0,
+      original: o
+    };
+  }
+  const n = V(t.message);
+  return n ? {
+    type: "Error",
+    value: n,
+    original: n
+  } : null;
+}
+function Wo(e) {
+  const t = e.reason;
+  if (t && typeof t == "object") {
+    const n = t;
+    return {
+      type: V(n.name) || "UnhandledRejection",
+      value: V(n.message) || V(t),
+      stack: typeof n.stack == "string" ? n.stack : void 0,
+      original: t
+    };
+  }
+  const o = V(t);
+  return {
+    type: "UnhandledRejection",
+    value: o,
+    original: t != null ? t : o
+  };
+}
+var Zo = {
+  destroy: () => {
+  },
+  droppedCount: () => 0
+};
+function Jo(e) {
+  var t, o, n, i, r, s, f, l, d, h, a, b;
+  const u = (t = e.win) !== null && t !== void 0 ? t : typeof window != "undefined" ? window : void 0;
+  if (!u) return Zo;
+  const m = u, p = (o = (n = e.doc) !== null && n !== void 0 ? n : m.document) !== null && o !== void 0 ? o : typeof document != "undefined" ? document : void 0, c = (i = e.now) !== null && i !== void 0 ? i : Date.now, T = (r = e.sdkVersion) !== null && r !== void 0 ? r : de, C = (s = e.maxDistinct) !== null && s !== void 0 ? s : 20, w = (f = (l = e.deps) === null || l === void 0 ? void 0 : l.captureView) !== null && f !== void 0 ? f : dt, _ = (d = (h = e.deps) === null || h === void 0 ? void 0 : h.submitReport) !== null && d !== void 0 ? d : ut, N = new Ko({
+    capacity: (a = e.burstCapacity) !== null && a !== void 0 ? a : 5,
+    refillIntervalMs: (b = e.burstRefillMs) !== null && b !== void 0 ? b : Po,
+    now: c
+  }), M = /* @__PURE__ */ new Map();
+  let A = 0;
+  function y(I, L, O) {
+    var R, z;
+    return {
+      ...lt({
+        kind: "bug",
+        url: (R = m.location) === null || R === void 0 ? void 0 : R.href,
+        environment: st(m, T),
+        trace: O.trace ? (z = e.buffer) === null || z === void 0 ? void 0 : z.snapshot() : void 0
+      }),
+      source: "auto",
+      errorSignature: I,
+      occurrences: L
+    };
+  }
+  async function D(I, L, O) {
+    const R = M.get(I);
+    if (!R) return;
+    const z = R.sentCount;
+    R.sentCount = L;
+    try {
+      const fe = y(I, L, O), J = nt(fe, {
+        hook: e.beforeSend,
+        scrub: e.scrub
+      });
+      if (!J) return;
+      let Q = null;
+      if (O.screenshot) {
+        const G = await w({
+          doc: p,
+          win: m
+        });
+        Q = G ? {
+          blob: G.blob,
+          filename: `screenshot.${ct(G.type)}`
+        } : null;
+      }
+      !(await _(e.apiUrl, {
+        key: e.key,
+        identity: e.identity,
+        content: J,
+        screenshot: Q
+      })).ok && R.sentCount === L && (R.sentCount = z);
+    } catch {
+      R.sentCount === L && (R.sentCount = z);
+    }
+  }
+  function v(I) {
+    const L = Yo(I.type, I.value, I.stack), O = M.get(L);
+    if (O) {
+      O.count += 1, O.lastAt = c();
+      return;
+    }
+    if (!N.take()) {
+      A += 1;
+      return;
+    }
+    if (M.size >= C) {
+      A += 1;
+      return;
+    }
+    const R = c();
+    M.set(L, {
+      count: 1,
+      firstAt: R,
+      lastAt: R,
+      sentCount: 0
+    });
+    try {
+      var z;
+      (z = e.buffer) === null || z === void 0 || z.add(lo(I.original, R));
+    } catch {
+    }
+    D(L, 1, {
+      screenshot: !0,
+      trace: !0
+    });
+  }
+  const S = (I) => {
+    try {
+      const L = qo(I);
+      L && v(L);
+    } catch {
+    }
+  }, U = (I) => {
+    try {
+      const L = Wo(I);
+      L && v(L);
+    } catch {
+    }
+  }, $ = () => {
+    try {
+      for (const [I, L] of M) L.count > L.sentCount && D(I, L.count, {
+        screenshot: !1,
+        trace: !1
+      });
+    } catch {
+    }
+  }, Z = () => {
+    (p == null ? void 0 : p.visibilityState) === "hidden" && $();
+  };
+  return m.addEventListener("error", S, !0), m.addEventListener("unhandledrejection", U, !0), m.addEventListener("pagehide", $), p == null || p.addEventListener("visibilitychange", Z), {
+    destroy: () => {
+      m.removeEventListener("error", S, !0), m.removeEventListener("unhandledrejection", U, !0), m.removeEventListener("pagehide", $), p == null || p.removeEventListener("visibilitychange", Z);
+    },
+    droppedCount: () => A
+  };
+}
+var Ke = "fixback.anonymousId";
+function qe() {
   const e = globalThis.crypto;
   return e && typeof e.randomUUID == "function" ? e.randomUUID() : `fb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function ye() {
+function Qo() {
+  try {
+    const e = globalThis.localStorage, t = e.getItem(Ke);
+    if (t) return t;
+    const o = qe();
+    return e.setItem(Ke, o), o;
+  } catch {
+    return qe();
+  }
+}
+var ft = "fixback_invite", en = "fixback:reporter:";
+function tn(e) {
+  try {
+    const t = new URL(e).searchParams.get(ft);
+    return t && t.length > 0 ? t : null;
+  } catch {
+    return null;
+  }
+}
+function on(e) {
+  try {
+    const t = new URL(e.location.href);
+    if (!t.searchParams.has("fixback_invite")) return;
+    t.searchParams.delete(ft);
+    const o = t.searchParams.toString(), n = `${t.pathname}${o ? `?${o}` : ""}${t.hash}`;
+    e.history.replaceState(e.history.state, "", n);
+  } catch {
+  }
+}
+function bt(e) {
+  return `${en}${e}`;
+}
+function pt() {
+  try {
+    var e;
+    return (e = globalThis.localStorage) !== null && e !== void 0 ? e : null;
+  } catch {
+    return null;
+  }
+}
+function ue(e) {
+  if (typeof e != "string") return;
+  const t = e.trim();
+  return t.length > 0 ? t : void 0;
+}
+function nn(e, t, o = pt()) {
+  if (!o) return;
+  const n = ue(t.name), i = ue(t.email), r = {
+    reporterId: t.reporterId,
+    ...n ? { name: n } : {},
+    ...i ? { email: i } : {}
+  };
+  try {
+    o.setItem(bt(e), JSON.stringify(r));
+  } catch {
+  }
+}
+function We(e, t = pt()) {
+  if (!t) return null;
   try {
-    const e = globalThis.localStorage, t = e.getItem(J);
-    if (t) return t;
-    const o = Z();
-    return e.setItem(J, o), o;
+    const o = t.getItem(bt(e));
+    if (!o) return null;
+    const n = JSON.parse(o);
+    if (typeof (n == null ? void 0 : n.reporterId) != "string" || n.reporterId.length === 0) return null;
+    const i = ue(n.name), r = ue(n.email);
+    return {
+      reporterId: n.reporterId,
+      ...i ? { name: i } : {},
+      ...r ? { email: r } : {}
+    };
+  } catch {
+    return null;
+  }
+}
+function ht(e, t) {
+  return `${e.replace(/\/+$/, "")}/api/invites/${encodeURIComponent(t)}`;
+}
+function rn(e, t) {
+  return `${ht(e, t)}/redeem`;
+}
+var vt = /* @__PURE__ */ new Set([
+  "revoked",
+  "expired",
+  "exhausted",
+  "not_found"
+]);
+function mt(e) {
+  return e === "public" || e === "invited" || e === "internal";
+}
+function an(e) {
+  if (typeof e != "object" || e === null) return !1;
+  const t = e;
+  return t.status === "pending" ? typeof t.projectId == "string" && (t.kind === "targeted" || t.kind === "shared") && mt(t.tier) : typeof t.status == "string" && vt.has(t.status);
+}
+function sn(e) {
+  if (typeof e != "object" || e === null) return !1;
+  const t = e;
+  return t.status === "redeemed" ? typeof t.reporterId == "string" && typeof t.projectId == "string" && mt(t.tier) : typeof t.status == "string" && vt.has(t.status);
+}
+async function gt(e) {
+  try {
+    return await e.json();
+  } catch {
+    return null;
+  }
+}
+async function ln(e, t, o = fetch) {
+  let n;
+  try {
+    n = await o(ht(e, t), {
+      method: "GET",
+      headers: { accept: "application/json" }
+    });
+  } catch {
+    return null;
+  }
+  const i = await gt(n);
+  return an(i) ? i : null;
+}
+async function cn(e, t, o = fetch) {
+  let n;
+  try {
+    n = await o(rn(e, t), {
+      method: "POST",
+      headers: { accept: "application/json" }
+    });
   } catch {
-    return Z();
+    return null;
   }
+  const i = await gt(n);
+  return sn(i) ? i : null;
 }
-var ke = `
+var dn = `
 :host {
   /* Vendored Signal tokens (packages/ui/src/tokens.css). */
   --fb-color-accent: #2f6fed;
   --fb-color-accent-hover: #245fd0;
   --fb-color-on-emphasis: #ffffff;
   --fb-color-text: #0f1720;
+  /* Inverse (dark) surface for the toasts — Signal --fb-ink-900. */
+  --fb-color-surface-inverse: #0f1720;
   --fb-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto,
     Helvetica, Arial, sans-serif;
 
@@ -59,42 +1091,55 @@ var ke = `
   -webkit-font-smoothing: antialiased;
 }
 
+/* The pill: Feedback button + divider + tuck control, anchored bottom-right. */
 .fb-launcher {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 2;
   display: inline-flex;
-  align-items: center;
-  gap: 8px;
+  align-items: stretch;
   box-sizing: border-box;
   height: 40px;
   margin: 0;
-  padding: 0 16px;
-  border: 0;
   border-radius: 999px;
   background: var(--fb-color-accent);
-  color: var(--fb-color-on-emphasis);
-  font-family: inherit;
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.01em;
-  cursor: pointer;
   box-shadow:
     0 6px 18px rgba(15, 23, 32, 0.16),
     0 1px 2px rgba(15, 23, 32, 0.12);
+  transform: translateX(0);
   transition:
-    background-color 120ms ease,
-    transform 120ms ease;
+    transform 340ms cubic-bezier(0.2, 0.8, 0.3, 1),
+    background-color 120ms ease;
 }
 
 .fb-launcher:hover {
   background: var(--fb-color-accent-hover);
 }
 
-.fb-launcher:active {
-  transform: translateY(1px);
+.fb-launcher__button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  box-sizing: border-box;
+  height: 100%;
+  margin: 0;
+  padding: 0 6px 0 16px;
+  border: 0;
+  background: transparent;
+  color: var(--fb-color-on-emphasis);
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  cursor: pointer;
 }
 
-.fb-launcher:focus-visible {
-  outline: 2px solid var(--fb-color-accent);
-  outline-offset: 2px;
+.fb-launcher__button:focus-visible,
+.fb-launcher__tuck:focus-visible {
+  outline: 2px solid var(--fb-color-on-emphasis);
+  outline-offset: -3px;
+  border-radius: 999px;
 }
 
 .fb-launcher__icon {
@@ -108,154 +1153,731 @@ var ke = `
   white-space: nowrap;
 }
 
+.fb-launcher__divider {
+  width: 1px;
+  margin: 9px 0;
+  flex: none;
+  background: rgba(255, 255, 255, 0.28);
+}
+
+.fb-launcher__tuck {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 32px;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.82);
+  cursor: pointer;
+}
+
+.fb-launcher__tuck:hover {
+  color: var(--fb-color-on-emphasis);
+}
+
+.fb-launcher__tuck-icon {
+  display: block;
+  width: 14px;
+  height: 14px;
+}
+
+/* The corner hover-zone that peeks a tucked launcher back — inert until tucked,
+ * so it never swallows the host page's own bottom-right clicks. */
+.fb-launcher__peekzone {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  width: 160px;
+  height: 160px;
+  pointer-events: none;
+}
+
+/* The edge nub: the visible re-reveal affordance, hidden until tucked. */
+.fb-launcher__nub {
+  position: fixed;
+  right: 0;
+  bottom: 22px;
+  z-index: 2;
+  width: 13px;
+  height: 42px;
+  border-radius: 9px 0 0 9px;
+  background: var(--fb-color-accent);
+  box-shadow: -6px 5px 18px rgba(47, 111, 237, 0.4);
+  cursor: pointer;
+  opacity: 0;
+  transform: translateX(10px);
+  pointer-events: none;
+  transition:
+    opacity 220ms ease,
+    transform 220ms ease;
+}
+
+/* Tucked and not peeking: slide the pill off, reveal the nub, arm the zone. */
+:host([data-fb-hidden]:not([data-fb-peeking])) .fb-launcher {
+  transform: translateX(calc(100% + 30px));
+}
+
+:host([data-fb-hidden]:not([data-fb-peeking])) .fb-launcher__nub {
+  opacity: 1;
+  transform: none;
+  pointer-events: auto;
+}
+
+:host([data-fb-hidden]) .fb-launcher__peekzone {
+  pointer-events: auto;
+}
+
+/* Toasts: the first-visit welcome (above the pill) and the tuck-away hint. */
+.fb-launcher__welcome,
+.fb-launcher__hint {
+  position: fixed;
+  right: 20px;
+  z-index: 5;
+  box-sizing: border-box;
+  color: #fff;
+  font-size: 12px;
+  line-height: 1.45;
+  background: var(--fb-color-surface-inverse);
+  border-radius: 10px;
+  box-shadow: 0 12px 30px rgba(15, 40, 70, 0.32);
+  animation: fbToast 300ms ease both;
+}
+
+.fb-launcher__welcome {
+  bottom: 70px;
+  max-width: 210px;
+  padding: 9px 13px;
+}
+
+.fb-launcher__welcome strong {
+  color: #8fc0ff;
+  font-weight: 600;
+}
+
+.fb-launcher__hint {
+  bottom: 20px;
+  max-width: 232px;
+  padding: 10px 13px;
+}
+
+/* The pulse that draws the eye while the welcome shows. */
+.fb-launcher--pulse {
+  animation: fbPulse 1.8s ease-in-out 2;
+}
+
+@keyframes fbPulse {
+  0%,
+  100% {
+    box-shadow:
+      0 6px 18px rgba(15, 23, 32, 0.16),
+      0 0 0 0 rgba(47, 111, 237, 0.45);
+  }
+  50% {
+    box-shadow:
+      0 6px 18px rgba(15, 23, 32, 0.16),
+      0 0 0 12px rgba(47, 111, 237, 0);
+  }
+}
+
+@keyframes fbToast {
+  from {
+    opacity: 0;
+    transform: translateY(14px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* Reduce motion — the explicit opt-in and the OS setting both still it all. */
+:host([data-fb-reduce-motion]) .fb-launcher,
+:host([data-fb-reduce-motion]) .fb-launcher__nub {
+  transition: none;
+}
+
+:host([data-fb-reduce-motion]) .fb-launcher--pulse,
+:host([data-fb-reduce-motion]) .fb-launcher__welcome,
+:host([data-fb-reduce-motion]) .fb-launcher__hint {
+  animation: none;
+}
+
 @media (prefers-reduced-motion: reduce) {
-  .fb-launcher {
+  .fb-launcher,
+  .fb-launcher__nub {
     transition: none;
   }
+  .fb-launcher--pulse,
+  .fb-launcher__welcome,
+  .fb-launcher__hint {
+    animation: none;
+  }
+}
+`, Ze = "data-fixback-root", Se = "fixback:launch", un = "fixback:welcomed:", fn = 5e3, bn = 4400, pn = 280, hn = '<svg class="fb-launcher__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3.25 2h9.5A1.25 1.25 0 0 1 14 3.25v6.5A1.25 1.25 0 0 1 12.75 11H7.6l-3.19 2.55A.6.6 0 0 1 3.4 13.1V11h-.15A1.25 1.25 0 0 1 2 9.75v-6.5A1.25 1.25 0 0 1 3.25 2Z"/></svg>', vn = '<svg class="fb-launcher__tuck-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 6l4 4 4-4"/></svg>';
+function mn(e, t) {
+  const o = un + (t != null ? t : "default");
+  try {
+    const n = e == null ? void 0 : e.localStorage;
+    return n ? n.getItem(o) === "1" ? !1 : (n.setItem(o, "1"), !0) : !0;
+  } catch {
+    return !0;
+  }
 }
-`, Q = "data-fixback-root", U = "fixback:launch", we = '<svg class="fb-launcher__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3.25 2h9.5A1.25 1.25 0 0 1 14 3.25v6.5A1.25 1.25 0 0 1 12.75 11H7.6l-3.19 2.55A.6.6 0 0 1 3.4 13.1V11h-.15A1.25 1.25 0 0 1 2 9.75v-6.5A1.25 1.25 0 0 1 3.25 2Z"/></svg>';
-function Ee(e) {
-  const t = e.ownerDocument, o = t.querySelector(`[${Q}]`);
-  o && o.remove();
-  const n = t.createElement("div");
-  n.setAttribute(Q, ""), n.style.cssText = "position:fixed;right:20px;bottom:20px;z-index:2147483000;margin:0;padding:0;border:0;";
-  const i = n.attachShadow({ mode: "open" }), l = t.createElement("style");
-  l.textContent = ke, i.appendChild(l);
-  const a = t.createElement("button");
-  return a.type = "button", a.className = "fb-launcher", a.setAttribute("aria-haspopup", "dialog"), a.setAttribute("aria-label", "Give feedback"), a.innerHTML = `${we}<span class="fb-launcher__label">Feedback</span>`, a.addEventListener("click", () => {
-    n.dispatchEvent(new CustomEvent(U, {
+function gn(e, t = {}) {
+  const o = e.ownerDocument, n = o.defaultView, i = o.querySelector(`[${Ze}]`);
+  i && i.remove();
+  const r = o.createElement("div");
+  r.setAttribute(Ze, ""), r.style.cssText = "position:fixed;right:20px;bottom:20px;z-index:2147483000;margin:0;padding:0;border:0;", t.reduceMotion && r.setAttribute("data-fb-reduce-motion", "true");
+  const s = r.attachShadow({ mode: "open" }), f = o.createElement("style");
+  f.textContent = dn, s.appendChild(f);
+  const l = o.createElement("div");
+  l.className = "fb-launcher";
+  const d = o.createElement("button");
+  d.type = "button", d.className = "fb-launcher__button", d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-label", "Give feedback"), d.innerHTML = `${hn}<span class="fb-launcher__label">Feedback</span>`, d.addEventListener("click", () => {
+    r.dispatchEvent(new CustomEvent(Se, {
       bubbles: !0,
       composed: !0
     }));
-  }), i.appendChild(a), e.appendChild(n), { host: n };
+  });
+  const h = o.createElement("span");
+  h.className = "fb-launcher__divider", h.setAttribute("aria-hidden", "true");
+  const a = o.createElement("button");
+  a.type = "button", a.className = "fb-launcher__tuck", a.setAttribute("data-fb-tuck", ""), a.setAttribute("aria-label", "Hide feedback button"), a.title = "Tuck away — hover the corner to bring it back", a.innerHTML = vn, l.append(d, h, a);
+  const b = o.createElement("div");
+  b.className = "fb-launcher__peekzone", b.setAttribute("aria-hidden", "true");
+  const u = o.createElement("div");
+  u.className = "fb-launcher__nub", u.setAttribute("role", "button"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-label", "Show feedback button"), s.append(l, b, u);
+  let m = !1, p = !1, c, T, C, w, _;
+  const N = () => {
+    m ? r.setAttribute("data-fb-hidden", "true") : r.removeAttribute("data-fb-hidden"), m && p ? r.setAttribute("data-fb-peeking", "true") : r.removeAttribute("data-fb-peeking");
+  }, M = () => {
+    T !== void 0 && (clearTimeout(T), T = void 0), l.classList.remove("fb-launcher--pulse"), w == null || w.remove(), w = void 0;
+  }, A = () => {
+    C !== void 0 && (clearTimeout(C), C = void 0), _ == null || _.remove(), _ = void 0;
+  }, y = () => {
+    c !== void 0 && (clearTimeout(c), c = void 0), p || (p = !0, N());
+  }, D = () => {
+    c !== void 0 && clearTimeout(c), c = setTimeout(() => {
+      c = void 0, p = !1, N();
+    }, pn);
+  };
+  for (const $ of [
+    l,
+    b,
+    u
+  ])
+    $.addEventListener("mouseenter", y), $.addEventListener("mouseleave", D);
+  const v = () => {
+    c !== void 0 && (clearTimeout(c), c = void 0), m = !1, p = !1, N(), A();
+  }, S = () => {
+    M(), m = !0, p = !1, N(), A(), _ = o.createElement("div"), _.className = "fb-launcher__hint", _.setAttribute("role", "status"), _.textContent = "Tucked away down here. Hover the bottom-right corner and I'll bring it back.", s.appendChild(_), C = setTimeout(A, bn);
+  };
+  return a.addEventListener("click", S), u.addEventListener("click", v), u.addEventListener("keydown", ($) => {
+    ($.key === "Enter" || $.key === " " || $.key === "Spacebar") && ($.preventDefault(), v());
+  }), mn(n, t.key) && (w = o.createElement("div"), w.className = "fb-launcher__welcome", w.setAttribute("role", "status"), w.innerHTML = "You're all set — tap <strong>Feedback</strong> any time to report something.", s.appendChild(w), t.reduceMotion || l.classList.add("fb-launcher--pulse"), T = setTimeout(M, fn)), e.appendChild(r), {
+    host: r,
+    dispose: () => {
+      c !== void 0 && clearTimeout(c), T !== void 0 && clearTimeout(T), C !== void 0 && clearTimeout(C);
+    }
+  };
 }
-function Se(e) {
-  e.host.remove();
+function xn(e) {
+  e.dispose(), e.host.remove();
 }
-var ne = ["data-fixback-root", "data-fixback-overlay"], Ce = ne.map((e) => `[${e}]`).join(",");
-function Te(e) {
-  let t = e instanceof Node ? e : null;
-  for (; t; ) {
-    if (t instanceof Element) {
-      for (const n of ne) if (t.hasAttribute(n)) return !0;
-    }
-    const o = t.getRootNode();
-    if (o instanceof ShadowRoot && o !== t) {
-      t = o.host;
-      continue;
-    }
-    t = t.parentNode;
-  }
-  return !1;
+var yn = `
+:host {
+  --fb-color-accent: #2f6fed;
+  --fb-color-accent-hover: #245fd0;
+  --fb-color-on-emphasis: #ffffff;
+  --fb-color-ink: #0f1720;
+  --fb-color-text: #1a2530;
+  --fb-color-muted: #5a6875;
+  --fb-color-faint: #9aa7b2;
+  --fb-color-hint: #b7c1cb;
+  --fb-color-border: #dce3ea;
+  --fb-color-border-soft: #e6ebf0;
+  --fb-color-surface: #ffffff;
+  --fb-color-card: #f6f8fa;
+  --fb-color-accent-bg: #eaf1fe;
+  --fb-color-success: #2f9e5b;
+  --fb-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif;
+  --fb-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas,
+    monospace;
+  all: initial;
 }
-function Ie(e) {
-  for (const t of Array.from(e.querySelectorAll(Ce))) t.remove();
+
+*, *::before, *::after { box-sizing: border-box; }
+
+.fb-ob-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483010;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: rgba(15, 23, 32, 0.55);
+  backdrop-filter: blur(3px);
+  font-family: var(--fb-font-sans);
+  color: var(--fb-color-text);
+  animation: fb-ob-fade 0.25s ease both;
 }
-function ee(e) {
-  const t = globalThis.CSS;
-  return t != null && t.escape ? t.escape(e) : e.replace(/[^\w-]/g, (o) => `\\${o}`);
+
+.fb-ob-panel {
+  width: 400px;
+  max-width: 100%;
+  background: var(--fb-color-surface);
+  border-radius: 16px;
+  box-shadow: 0 30px 70px rgba(15, 40, 70, 0.4);
+  overflow: hidden;
+  animation: fb-ob-pop 0.32s cubic-bezier(0.2, 0.8, 0.3, 1) both;
 }
-function Le(e) {
-  let t = 1, o = e.previousElementSibling;
-  for (; o; )
-    o.tagName === e.tagName && (t += 1), o = o.previousElementSibling;
-  return t;
+
+.fb-ob-head {
+  padding: 22px 24px 0;
+  display: flex;
+  align-items: center;
+  gap: 10px;
 }
-function Ae(e) {
-  if (e.id) return `#${ee(e.id)}`;
-  const t = [];
-  let o = e;
-  for (; o && o.tagName.toLowerCase() !== "html"; ) {
-    if (o.id) {
-      t.unshift(`#${ee(o.id)}`);
-      break;
-    }
-    const n = o.tagName.toLowerCase(), i = o.parentElement;
-    if (i) {
-      const l = Array.from(i.children).filter((a) => a.tagName === o.tagName);
-      t.unshift(l.length > 1 ? `${n}:nth-of-type(${Le(o)})` : n);
-    } else t.unshift(n);
-    o = i;
-  }
-  return t.join(" > ");
+.fb-ob-mark {
+  width: 22px;
+  height: 22px;
+  border-radius: 6px;
+  background: var(--fb-color-accent);
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-function Ne(e) {
-  const t = e.tagName.toLowerCase();
-  if (e.id) return `${t}#${e.id}`;
-  const o = e.classList[0];
-  return o ? `${t}.${o}` : t;
+.fb-ob-mark::after {
+  content: "";
+  width: 7px;
+  height: 7px;
+  border-radius: 2px;
+  background: #fff;
 }
-function _e(e) {
-  const t = [];
-  let o = e;
-  for (; o; )
-    t.unshift(Ne(o)), o = o.parentElement;
-  return t.join(" > ");
+.fb-ob-brand { font-size: 15px; font-weight: 600; color: var(--fb-color-ink); }
+.fb-ob-chip {
+  margin-left: auto;
+  font-family: var(--fb-font-mono);
+  font-size: 10px;
+  color: #8a97a3;
+  border: 1px solid var(--fb-color-border-soft);
+  border-radius: 6px;
+  padding: 2px 7px;
+}
+
+.fb-ob-body { padding: 16px 24px 8px; }
+.fb-ob-title {
+  font-size: 19px;
+  font-weight: 700;
+  color: var(--fb-color-ink);
+  letter-spacing: -0.01em;
+}
+.fb-ob-lede {
+  font-size: 13.5px;
+  color: var(--fb-color-muted);
+  line-height: 1.5;
+  margin: 7px 0 0;
+}
+.fb-ob-lede strong { color: var(--fb-color-text); }
+
+.fb-ob-card {
+  margin: 16px 0;
+  padding: 13px 14px;
+  background: var(--fb-color-card);
+  border: 1px solid var(--fb-color-border-soft);
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.fb-ob-row { display: flex; align-items: center; gap: 10px; }
+.fb-ob-row + .fb-ob-row {
+  border-top: 1px solid #eef2f6;
+  padding-top: 10px;
+}
+.fb-ob-rowlabel {
+  font-family: var(--fb-font-mono);
+  font-size: 10px;
+  color: var(--fb-color-faint);
+  width: 70px;
+  flex: none;
+}
+.fb-ob-site { font-size: 13px; color: var(--fb-color-text); font-weight: 500; }
+.fb-ob-tier {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--fb-color-accent);
+  background: var(--fb-color-accent-bg);
+  padding: 3px 9px;
+  border-radius: 6px;
+}
+.fb-ob-tiernote { font-size: 11.5px; color: #8a97a3; }
+
+.fb-ob-fieldlabel {
+  display: block;
+  font-family: var(--fb-font-mono);
+  font-size: 10px;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--fb-color-faint);
+  margin-bottom: 6px;
+}
+.fb-ob-fields { display: flex; gap: 8px; }
+.fb-ob-input {
+  height: 38px;
+  padding: 0 12px;
+  border: 1px solid var(--fb-color-border);
+  border-radius: 9px;
+  font-family: inherit;
+  font-size: 13px;
+  color: var(--fb-color-text);
+  outline: none;
+  min-width: 0;
+}
+.fb-ob-input:focus { border-color: var(--fb-color-accent); }
+.fb-ob-name { flex: 1; }
+.fb-ob-email { flex: 1.3; font-family: var(--fb-font-mono); font-size: 12.5px; color: var(--fb-color-muted); }
+
+.fb-ob-privacy {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 14px;
+  font-size: 11.5px;
+  color: #8a97a3;
+  line-height: 1.5;
+}
+.fb-ob-privacy svg { flex: none; margin-top: 1px; }
+.fb-ob-privacy strong { color: var(--fb-color-muted); }
+
+.fb-ob-foot { padding: 16px 24px 22px; }
+.fb-ob-confirm {
+  width: 100%;
+  height: 44px;
+  border: 0;
+  border-radius: 11px;
+  background: var(--fb-color-accent);
+  color: var(--fb-color-on-emphasis);
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.fb-ob-confirm:hover { background: var(--fb-color-accent-hover); }
+.fb-ob-confirm:disabled { opacity: 0.6; cursor: default; }
+
+@keyframes fb-ob-fade { from { opacity: 0; } to { opacity: 1; } }
+@keyframes fb-ob-pop {
+  from { opacity: 0; transform: translateY(8px) scale(0.98); }
+  to { opacity: 1; transform: none; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fb-ob-backdrop, .fb-ob-panel { animation: none; }
+}
+`, wn = "data-fixback-onboard", kn = {
+  invited: "Invited tester",
+  internal: "Internal",
+  public: "Public"
+}, En = {
+  invited: "reviewed before it ships",
+  internal: "ships straight through",
+  public: "tracked, not auto-shipped"
+}, _n = '<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#2f9e5b" stroke-width="1.5" aria-hidden="true"><path d="M8 1.8 13.5 4v3.5c0 3.6-2.4 5.6-5.5 6.7C4.9 13.1 2.5 11.1 2.5 7.5V4z"/><path d="M5.8 8 7.3 9.5 10.3 6.2"/></svg>';
+function E(e, t, o = {}, n = []) {
+  const i = e.createElement(t);
+  for (const [r, s] of Object.entries(o)) s !== void 0 && i.setAttribute(r, s);
+  for (const r of n) i.appendChild(typeof r == "string" ? e.createTextNode(r) : r);
+  return i;
 }
-function Oe(e) {
-  const t = e.getBoundingClientRect();
-  return {
-    x: Math.round(t.x),
-    y: Math.round(t.y),
-    width: Math.round(t.width),
-    height: Math.round(t.height)
-  };
+function ce(e) {
+  const t = e.trim();
+  return t.length > 0 ? t : void 0;
 }
-function Re(e) {
-  return {
-    selector: Ae(e),
-    domPath: _e(e),
-    tag: e.tagName.toLowerCase(),
-    rect: Oe(e)
+function Sn(e) {
+  var t, o, n, i, r, s;
+  const f = (t = e.target) !== null && t !== void 0 ? t : document.body, l = (o = e.doc) !== null && o !== void 0 ? o : f.ownerDocument;
+  (n = l.querySelector("[data-fixback-onboard]")) === null || n === void 0 || n.remove();
+  const d = E(l, "div", { [wn]: "" }), h = d.attachShadow({ mode: "open" }), a = l.createElement("style");
+  a.textContent = yn, h.appendChild(a);
+  const b = E(l, "div", { class: "fb-ob-head" }, [
+    E(l, "span", { class: "fb-ob-mark" }),
+    E(l, "span", { class: "fb-ob-brand" }, ["Fixback"]),
+    E(l, "span", { class: "fb-ob-chip" }, ["invite link"])
+  ]), u = E(l, "p", { class: "fb-ob-lede" }, [
+    "You've been invited to give feedback on ",
+    E(l, "strong", {}, [e.origin]),
+    ". Point, mark up, send."
+  ]), m = E(l, "div", { class: "fb-ob-card" }, [E(l, "div", { class: "fb-ob-row" }, [E(l, "span", { class: "fb-ob-rowlabel" }, ["SITE"]), E(l, "span", { class: "fb-ob-site" }, [e.origin])]), E(l, "div", { class: "fb-ob-row" }, [
+    E(l, "span", { class: "fb-ob-rowlabel" }, ["ACCESS"]),
+    E(l, "span", { class: "fb-ob-tier" }, [kn[e.tier]]),
+    E(l, "span", { class: "fb-ob-tiernote" }, [En[e.tier]])
+  ])]), p = E(l, "input", {
+    class: "fb-ob-input fb-ob-name",
+    type: "text",
+    "aria-label": "Name",
+    placeholder: "Name"
+  }), c = E(l, "input", {
+    class: "fb-ob-input fb-ob-email",
+    type: "email",
+    "aria-label": "Email",
+    placeholder: "email@example.com"
+  });
+  !((i = e.defaults) === null || i === void 0) && i.name && (p.value = e.defaults.name), !((r = e.defaults) === null || r === void 0) && r.email && (c.value = e.defaults.email);
+  const T = E(l, "div", { class: "fb-ob-privacy" }), C = E(l, "span");
+  C.innerHTML = _n, T.appendChild((s = C.firstChild) !== null && s !== void 0 ? s : l.createTextNode("")), T.appendChild(E(l, "span", {}, [E(l, "strong", {}, ["Private by default."]), " Anything you type is masked before it leaves your browser."]));
+  const w = E(l, "div", { class: "fb-ob-body" }, [
+    E(l, "div", { class: "fb-ob-title" }, ["You're invited to give feedback"]),
+    u,
+    m,
+    E(l, "label", {
+      class: "fb-ob-fieldlabel",
+      for: "fb-ob-name-input"
+    }, ["Continue as"]),
+    E(l, "div", { class: "fb-ob-fields" }, [p, c]),
+    T
+  ]);
+  p.id = "fb-ob-name-input";
+  const _ = E(l, "button", {
+    type: "button",
+    class: "fb-ob-confirm"
+  }, ["Start giving feedback"]), N = E(l, "div", { class: "fb-ob-backdrop" }, [E(l, "div", {
+    class: "fb-ob-panel",
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": "Fixback invite"
+  }, [
+    b,
+    w,
+    E(l, "div", { class: "fb-ob-foot" }, [_])
+  ])]);
+  h.appendChild(N);
+  let M = !1;
+  return _.addEventListener("click", () => {
+    if (M) return;
+    M = !0, _.disabled = !0;
+    const A = {
+      ...ce(p.value) ? { name: ce(p.value) } : {},
+      ...ce(c.value) ? { email: ce(c.value) } : {}
+    };
+    e.onConfirm(A);
+  }), f.appendChild(d), {
+    host: d,
+    destroy: () => d.remove()
   };
 }
-function Me(e) {
+var Tn = "http://www.w3.org/2000/svg", ke = "3", Je = 4, Cn = '600 16px "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif';
+function Ln(e) {
   var t, o;
-  const n = (t = e.doc) !== null && t !== void 0 ? t : document, i = (o = e.ignore) !== null && o !== void 0 ? o : Te;
-  let l = null, a = !1;
-  function c(u) {
-    var f;
-    const y = (f = (typeof u.composedPath == "function" ? u.composedPath() : [])[0]) !== null && f !== void 0 ? f : u.target;
-    return y instanceof Element ? i(y) ? null : y : null;
+  const n = (t = e.doc) !== null && t !== void 0 ? t : document, { svg: i, textInput: r } = e, s = (o = e.color) !== null && o !== void 0 ? o : go;
+  let f = "arrow", l = e.initialMarks ? e.initialMarks.slice() : [], d = null, h = !1, a = null, b = !1;
+  function u() {
+    var v;
+    (v = e.onChange) === null || v === void 0 || v.call(e, l.slice());
+  }
+  function m(v) {
+    return {
+      x: Math.round(v.clientX),
+      y: Math.round(v.clientY)
+    };
   }
-  function b(u) {
-    var f;
-    a || (l = c(u), (f = e.onHover) === null || f === void 0 || f.call(e, l));
+  function p(v) {
+    const S = typeof v.composedPath == "function" ? v.composedPath() : [v.target];
+    for (const U of S) {
+      if (U === n) break;
+      if (U instanceof Element) {
+        const $ = U.tagName;
+        if ($ === "BUTTON" || $ === "INPUT" || $ === "TEXTAREA") return !0;
+      }
+    }
+    return !1;
   }
-  function p(u) {
-    var f;
-    if (a) return;
-    const y = (f = c(u)) !== null && f !== void 0 ? f : l;
-    y && (u.preventDefault(), u.stopPropagation(), s(), e.onPick(y));
+  function c(v) {
+    return v.type === "pen" ? v.points.length > 1 : v.type === "text" ? v.text.trim().length > 0 : Math.abs(v.x1 - v.x0) > Je || Math.abs(v.y1 - v.y0) > Je;
   }
-  function g(u) {
-    if (!a && u.key === "Escape") {
-      var f;
-      u.preventDefault(), s(), (f = e.onCancel) === null || f === void 0 || f.call(e);
+  function T(v) {
+    if (b || h || p(v)) return;
+    const S = m(v);
+    if (f === "text") {
+      _(S);
+      return;
     }
+    v.cancelable && v.preventDefault(), h = !0, d = f === "pen" ? {
+      type: "pen",
+      points: [S],
+      color: s
+    } : {
+      type: f,
+      x0: S.x,
+      y0: S.y,
+      x1: S.x,
+      y1: S.y,
+      color: s
+    }, y();
+  }
+  function C(v) {
+    if (b || !h || !d) return;
+    const S = m(v);
+    d.type === "pen" ? d = {
+      type: "pen",
+      points: [...d.points, S],
+      color: d.color
+    } : d = {
+      ...d,
+      x1: S.x,
+      y1: S.y
+    }, y();
+  }
+  function w() {
+    if (b || !h) return;
+    h = !1;
+    const v = d;
+    d = null, v && c(v) && (l = [...l, v], u()), y();
+  }
+  function _(v) {
+    a = v, r.value = "", r.style.display = "block", r.style.left = `${v.x}px`, r.style.top = `${v.y}px`, r.onkeydown = N, r.onblur = M, setTimeout(() => {
+      try {
+        r.focus();
+      } catch {
+      }
+    }, 0);
+  }
+  function N(v) {
+    v.key === "Enter" ? (v.preventDefault(), v.stopPropagation(), M()) : v.key === "Escape" && (v.preventDefault(), v.stopPropagation(), A());
+  }
+  function M() {
+    if (!a) return;
+    const v = r.value.trim(), S = a;
+    A(), v.length > 0 && (l = [...l, {
+      type: "text",
+      x: S.x,
+      y: S.y,
+      text: v,
+      color: s
+    }], u(), y());
+  }
+  function A() {
+    a = null, r.onkeydown = null, r.onblur = null, r.value = "", r.style.display = "none";
   }
-  function s() {
-    a || (a = !0, n.removeEventListener("mouseover", b, !0), n.removeEventListener("click", p, !0), n.removeEventListener("keydown", g, !0), l = null);
+  function y() {
+    for (; i.firstChild; ) i.removeChild(i.firstChild);
+    for (const v of l) i.appendChild(Qe(n, v));
+    d && i.appendChild(Qe(n, d));
   }
-  return n.addEventListener("mouseover", b, !0), n.addEventListener("click", p, !0), n.addEventListener("keydown", g, !0), { stop: s };
+  function D() {
+    b || (b = !0, n.removeEventListener("mousedown", T, !0), n.removeEventListener("mousemove", C, !0), n.removeEventListener("mouseup", w, !0), A());
+  }
+  return n.addEventListener("mousedown", T, !0), n.addEventListener("mousemove", C, !0), n.addEventListener("mouseup", w, !0), y(), {
+    setTool: (v) => {
+      f = v;
+    },
+    getTool: () => f,
+    undo: () => {
+      l.length !== 0 && (l = l.slice(0, -1), u(), y());
+    },
+    marks: () => l.slice(),
+    stop: D
+  };
 }
-function Be(e, t) {
-  var o;
-  const n = {}, i = e.innerWidth;
-  typeof i == "number" && i > 0 && (n.viewportWidth = Math.round(i));
-  const l = e.innerHeight;
-  typeof l == "number" && l > 0 && (n.viewportHeight = Math.round(l));
-  const a = (o = e.navigator) === null || o === void 0 ? void 0 : o.userAgent;
-  return typeof a == "string" && a.length > 0 && (n.browser = a), t.length > 0 && (n.sdkVersion = t), n;
+function Qe(e, t) {
+  switch (t.type) {
+    case "box":
+      return q(e, "rect", {
+        x: String(Math.min(t.x0, t.x1)),
+        y: String(Math.min(t.y0, t.y1)),
+        width: String(Math.abs(t.x1 - t.x0)),
+        height: String(Math.abs(t.y1 - t.y0)),
+        rx: "2",
+        fill: "none",
+        stroke: t.color,
+        "stroke-width": ke
+      });
+    case "pen":
+      return q(e, "polyline", {
+        points: t.points.map((o) => `${o.x},${o.y}`).join(" "),
+        fill: "none",
+        stroke: t.color,
+        "stroke-width": ke,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      });
+    case "text": {
+      const o = q(e, "text", {
+        x: String(t.x),
+        y: String(t.y),
+        fill: t.color,
+        style: `font:${Cn}`
+      });
+      return o.textContent = t.text, o;
+    }
+    case "arrow": {
+      const o = q(e, "g", {});
+      o.appendChild(q(e, "line", {
+        x1: String(t.x0),
+        y1: String(t.y0),
+        x2: String(t.x1),
+        y2: String(t.y1),
+        stroke: t.color,
+        "stroke-width": ke,
+        "stroke-linecap": "round"
+      }));
+      const n = xo(t.x0, t.y0, t.x1, t.y1);
+      return o.appendChild(q(e, "polygon", {
+        points: n.map((i) => `${i.x},${i.y}`).join(" "),
+        fill: t.color
+      })), o;
+    }
+  }
 }
-function ze(e) {
-  var t;
-  const o = {};
-  e.kind && (o.kind = e.kind);
-  const n = (t = e.comment) === null || t === void 0 ? void 0 : t.trim();
-  return n && (o.comment = n), e.url && (o.url = e.url), e.environment && Object.keys(e.environment).length > 0 && (o.environment = e.environment), e.element && (o.annotation = e.element), o;
+function q(e, t, o) {
+  const n = e.createElementNS(Tn, t);
+  for (const [i, r] of Object.entries(o)) n.setAttribute(i, r);
+  return n;
+}
+var Mn = 12;
+function An(e) {
+  var t, o;
+  const n = (t = e.doc) !== null && t !== void 0 ? t : document, i = (o = e.minSize) !== null && o !== void 0 ? o : Mn;
+  let r = null, s = !1;
+  function f(b) {
+    s || r || (r = {
+      x: b.clientX,
+      y: b.clientY
+    }, b.cancelable && b.preventDefault());
+  }
+  function l(b) {
+    var u;
+    s || !r || (u = e.onProgress) === null || u === void 0 || u.call(e, Ge(r.x, r.y, b.clientX, b.clientY));
+  }
+  function d(b) {
+    if (s || !r) return;
+    const u = Ge(r.x, r.y, b.clientX, b.clientY);
+    if (r = null, a(), u.width < i || u.height < i) {
+      var m;
+      (m = e.onCancel) === null || m === void 0 || m.call(e);
+      return;
+    }
+    e.onComplete(u);
+  }
+  function h(b) {
+    if (!s && b.key === "Escape") {
+      var u;
+      b.preventDefault(), a(), (u = e.onCancel) === null || u === void 0 || u.call(e);
+    }
+  }
+  function a() {
+    s || (s = !0, n.removeEventListener("mousedown", f, !0), n.removeEventListener("mousemove", l, !0), n.removeEventListener("mouseup", d, !0), n.removeEventListener("keydown", h, !0), r = null);
+  }
+  return n.addEventListener("mousedown", f, !0), n.addEventListener("mousemove", l, !0), n.addEventListener("mouseup", d, !0), n.addEventListener("keydown", h, !0), { stop: a };
 }
-var Pe = `
+var In = `
 :host {
   --fb-color-accent: #2f6fed;
   --fb-color-accent-hover: #245fd0;
@@ -314,6 +1936,15 @@ var Pe = `
   flex: none;
 }
 .fb-ov-brand { font-size: 14px; font-weight: 600; color: var(--fb-color-ink); }
+.fb-ov-tier {
+  flex: none;
+  font-family: var(--fb-font-mono);
+  font-size: 9.5px;
+  color: var(--fb-color-faint);
+  border: 1px solid var(--fb-color-border-soft);
+  border-radius: 5px;
+  padding: 1px 6px;
+}
 .fb-ov-close {
   margin-left: auto;
   border: 0;
@@ -400,8 +2031,9 @@ var Pe = `
 .fb-ov-status { padding: 0 14px; font-size: 11px; min-height: 0; }
 .fb-ov-status.is-error { color: var(--fb-color-bug); }
 
-.fb-ov-tools { display: flex; align-items: center; gap: 8px; padding: 8px 14px 14px; }
-.fb-ov-pickbtn {
+.fb-ov-tools { display: flex; align-items: center; gap: 7px; padding: 8px 14px 14px; }
+.fb-ov-pickbtn,
+.fb-ov-capturebtn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -414,13 +2046,18 @@ var Pe = `
   padding: 8px 11px;
   cursor: pointer;
 }
-.fb-ov-pickbtn:hover { border-color: #cfd8e2; }
-.fb-ov-pickbtn.is-active {
+.fb-ov-capturebtn { padding: 8px 9px; }
+.fb-ov-pickbtn:hover,
+.fb-ov-capturebtn:hover { border-color: #cfd8e2; }
+.fb-ov-pickbtn.is-active,
+.fb-ov-capturebtn.is-active,
+.fb-ov-capturebtn.is-attached {
   color: var(--fb-color-accent);
   border-color: var(--fb-color-accent);
   background: var(--fb-color-impr-bg);
 }
 .fb-ov-pickbtn__glyph { font-size: 14px; line-height: 1; }
+.fb-ov-icon { display: block; }
 
 .fb-ov-send {
   margin-left: auto;
@@ -450,9 +2087,18 @@ var Pe = `
 .fb-ov-done__title { font-size: 15px; font-weight: 600; color: var(--fb-color-ink); }
 .fb-ov-done__sub { font-size: 12px; color: var(--fb-color-muted); margin-top: 4px; }
 
-.fb-ov-pick { position: fixed; inset: 0; pointer-events: none; z-index: 2147483002; display: none; }
-.fb-ov-panel.is-picking + .fb-ov-pick { display: block; }
-.fb-ov-panel.is-picking { visibility: hidden; }
+/* The panel is hidden while any full-screen marking layer is active. */
+.fb-ov-panel.is-marking { visibility: hidden; }
+
+.fb-ov-pick,
+.fb-ov-capture,
+.fb-ov-draw { position: fixed; inset: 0; z-index: 2147483002; display: none; }
+.fb-ov-pick.is-visible,
+.fb-ov-capture.is-visible,
+.fb-ov-draw.is-visible { display: block; }
+
+/* Element-pick highlight layer — visual only, never intercepts host events. */
+.fb-ov-pick { pointer-events: none; }
 .fb-ov-highlight {
   position: absolute;
   border: 2px dashed var(--fb-color-accent);
@@ -474,155 +2120,113 @@ var Pe = `
   box-shadow: 0 8px 20px rgba(20, 40, 70, 0.25);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .fb-ov-highlight { transition: none; }
+/* Region-capture layer — a dim wash with a live selection box. */
+.fb-ov-capture { cursor: crosshair; }
+.fb-ov-capture-dim { position: absolute; inset: 0; background: rgba(15, 23, 32, 0.28); }
+.fb-ov-capture-sel {
+  position: absolute;
+  border: 2px solid var(--fb-color-accent);
+  border-radius: 4px;
+  box-shadow: 0 0 0 100vmax rgba(15, 23, 32, 0.32);
 }
-`;
-var $e = 32, He = /* @__PURE__ */ new Set([
-  "button",
-  "submit",
-  "reset",
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "hidden"
-]);
-function V(e) {
-  const t = Math.min(Math.max(e, 1), $e);
-  return "•".repeat(t);
+
+/* Draw layer — the mark SVG, the region frame, the label input, and the toolbar. */
+.fb-ov-draw-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
+.fb-ov-draw-frame {
+  position: absolute;
+  border: 1px solid rgba(47, 111, 237, 0.5);
+  border-radius: 4px;
+  box-shadow: 0 0 0 100vmax rgba(15, 23, 32, 0.18);
+  pointer-events: none;
 }
-function Ve(e) {
-  for (const n of Array.from(e.querySelectorAll("input"))) {
-    var t;
-    const i = ((t = n.getAttribute("type")) !== null && t !== void 0 ? t : "text").toLowerCase();
-    if (He.has(i)) continue;
-    const l = n.value;
-    if (!l) continue;
-    const a = V(l.length);
-    n.value = a, n.setAttribute("value", a);
-  }
-  for (const n of Array.from(e.querySelectorAll("textarea"))) {
-    const i = n.value || n.textContent || "";
-    if (!i) continue;
-    const l = V(i.length);
-    n.value = l, n.textContent = l;
-  }
-  for (const n of Array.from(e.querySelectorAll("[contenteditable]"))) {
-    var o;
-    if (n.getAttribute("contenteditable") === "false") continue;
-    const i = (o = n.textContent) !== null && o !== void 0 ? o : "";
-    i.trim() && (n.textContent = V(i.length));
-  }
+.fb-ov-draw-text {
+  position: absolute;
+  display: none;
+  font-family: var(--fb-font-sans);
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--fb-color-bug);
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px dashed var(--fb-color-bug);
+  border-radius: 4px;
+  padding: 2px 6px;
+  outline: none;
+  z-index: 3;
 }
-function te(e, t, o) {
-  const n = e == null ? void 0 : e[`inner${o}`], i = t.documentElement[`client${o}`];
-  return Math.max(1, Math.round((typeof n == "number" && n > 0 ? n : i) || 0) || 1);
+.fb-ov-draw-toolbar {
+  position: fixed;
+  left: 50%;
+  bottom: 26px;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  background: var(--fb-color-ink);
+  border-radius: 12px;
+  padding: 7px;
+  box-shadow: 0 16px 40px rgba(15, 40, 70, 0.4);
 }
-function Ue(e, t, o) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${o}"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml">${new XMLSerializer().serializeToString(e)}</div></foreignObject></svg>`;
+.fb-ov-drawtool {
+  width: 34px;
+  height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: #c4ccd4;
+  cursor: pointer;
+  font-family: inherit;
 }
-var je = 4e3, Fe = (e, { width: t, height: o, type: n }) => new Promise((i) => {
-  let l = !1;
-  const a = (c) => {
-    l || (l = !0, i(c));
-  };
-  try {
-    const c = new Image(), b = setTimeout(() => a(null), je);
-    c.onload = () => {
-      try {
-        const p = document.createElement("canvas");
-        p.width = t, p.height = o;
-        const g = p.getContext("2d");
-        if (!g) {
-          clearTimeout(b), a(null);
-          return;
-        }
-        g.drawImage(c, 0, 0), p.toBlob((s) => {
-          clearTimeout(b), a(s);
-        }, n);
-      } catch {
-        clearTimeout(b), a(null);
-      }
-    }, c.onerror = () => {
-      clearTimeout(b), a(null);
-    }, c.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
-  } catch {
-    a(null);
-  }
-});
-async function De(e = {}) {
-  try {
-    var t, o, n, i, l, a;
-    const c = (t = e.doc) !== null && t !== void 0 ? t : document, b = (o = (n = e.win) !== null && n !== void 0 ? n : c.defaultView) !== null && o !== void 0 ? o : void 0, p = (i = e.target) !== null && i !== void 0 ? i : c.documentElement, g = (l = e.type) !== null && l !== void 0 ? l : "image/png", s = te(b, c, "Width"), u = te(b, c, "Height"), f = p.cloneNode(!0);
-    Ie(f), Ve(f);
-    const y = Ue(f, s, u), h = await ((a = e.rasterize) !== null && a !== void 0 ? a : Fe)(y, {
-      width: s,
-      height: u,
-      type: g
-    });
-    return h ? {
-      blob: h,
-      width: s,
-      height: u,
-      type: g
-    } : null;
-  } catch {
-    return null;
-  }
+.fb-ov-drawtool:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
+.fb-ov-drawtool.is-active { background: var(--fb-color-accent); color: var(--fb-color-on-emphasis); }
+.fb-ov-drawtool__t { font-weight: 700; font-size: 14px; line-height: 1; }
+.fb-ov-draw-divider { width: 1px; height: 22px; background: #2a343e; margin: 0 3px; }
+.fb-ov-draw-undo {
+  width: 34px;
+  height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: #c4ccd4;
+  cursor: pointer;
 }
-var Ke = "screenshot";
-function qe(e) {
-  return `${e.replace(/\/+$/, "")}/api/ingest/feedback`;
+.fb-ov-draw-undo:hover:not(:disabled) { background: rgba(255, 255, 255, 0.08); color: #fff; }
+.fb-ov-draw-undo:disabled { opacity: 0.4; cursor: default; }
+.fb-ov-draw-cancel {
+  height: 34px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--fb-color-faint);
+  font-family: inherit;
+  font-size: 12.5px;
+  cursor: pointer;
 }
-function Xe(e) {
-  if (!e) return {};
-  const t = {};
-  return e.signedIdentity && (t.signedIdentity = e.signedIdentity), e.reporterId && (t.reporterId = e.reporterId), e.anonymousId && (t.anonymousId = e.anonymousId), t;
+.fb-ov-draw-cancel:hover { color: #fff; }
+.fb-ov-draw-attach {
+  height: 34px;
+  padding: 0 15px;
+  border: 0;
+  border-radius: 8px;
+  background: var(--fb-color-accent);
+  color: var(--fb-color-on-emphasis);
+  font-family: inherit;
+  font-size: 12.5px;
+  font-weight: 600;
+  cursor: pointer;
 }
-async function Ye(e, t, o = fetch) {
-  var n;
-  const i = {
-    key: t.key,
-    ...Xe(t.identity),
-    ...t.content
-  }, l = new FormData();
-  if (l.append("payload", JSON.stringify(i)), !((n = t.screenshot) === null || n === void 0) && n.blob) {
-    var a;
-    l.append(Ke, t.screenshot.blob, (a = t.screenshot.filename) !== null && a !== void 0 ? a : "screenshot.png");
-  }
-  let c;
-  try {
-    c = await o(qe(e), {
-      method: "POST",
-      body: l
-    });
-  } catch {
-    return {
-      ok: !1,
-      reason: "unreachable"
-    };
-  }
-  if (!c.ok) return {
-    ok: !1,
-    reason: "refused",
-    status: c.status
-  };
-  try {
-    return {
-      ok: !0,
-      feedback: await c.json()
-    };
-  } catch {
-    return {
-      ok: !0,
-      feedback: null
-    };
-  }
+.fb-ov-draw-attach:hover { background: var(--fb-color-accent-hover); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fb-ov-highlight { transition: none; }
 }
-var re = "0.1.0", Ge = "data-fixback-overlay", We = [
+`, Rn = "data-fixback-overlay", $n = "http://www.w3.org/2000/svg", Nn = [
   {
     value: "bug",
     label: "Bug"
@@ -635,257 +2239,588 @@ var re = "0.1.0", Ge = "data-fixback-overlay", We = [
     value: "idea",
     label: "Idea"
   }
-], Je = 1800;
-function d(e, t, o = {}, n = []) {
+], Bn = [
+  {
+    tool: "arrow",
+    label: "Arrow"
+  },
+  {
+    tool: "box",
+    label: "Box"
+  },
+  {
+    tool: "pen",
+    label: "Pen"
+  },
+  {
+    tool: "text",
+    label: "Text label"
+  }
+], et = 1800;
+function x(e, t, o = {}, n = []) {
   const i = e.createElement(t);
-  for (const [l, a] of Object.entries(o)) a !== void 0 && i.setAttribute(l, a);
-  for (const l of n) i.appendChild(typeof l == "string" ? e.createTextNode(l) : l);
+  for (const [r, s] of Object.entries(o)) s !== void 0 && i.setAttribute(r, s);
+  for (const r of n) i.appendChild(typeof r == "string" ? e.createTextNode(r) : r);
   return i;
 }
-var Ze = {
-  "image/png": "png",
-  "image/jpeg": "jpg",
-  "image/webp": "webp",
-  "image/gif": "gif"
-};
-function Qe(e) {
-  var t;
-  return (t = Ze[e]) !== null && t !== void 0 ? t : "png";
+function j(e, t, o = {}, n = []) {
+  const i = e.createElementNS($n, t);
+  for (const [r, s] of Object.entries(o)) i.setAttribute(r, s);
+  for (const r of n) i.appendChild(r);
+  return i;
 }
-function et(e) {
-  var t, o, n, i, l, a, c, b, p, g;
-  const s = (t = e.doc) !== null && t !== void 0 ? t : document, u = (o = (n = e.win) !== null && n !== void 0 ? n : s.defaultView) !== null && o !== void 0 ? o : window, f = (i = e.sdkVersion) !== null && i !== void 0 ? i : re, y = {
-    captureView: (l = (a = e.deps) === null || a === void 0 ? void 0 : a.captureView) !== null && l !== void 0 ? l : De,
-    submitReport: (c = (b = e.deps) === null || b === void 0 ? void 0 : b.submitReport) !== null && c !== void 0 ? c : Ye,
-    startElementPicker: (p = (g = e.deps) === null || g === void 0 ? void 0 : g.startElementPicker) !== null && p !== void 0 ? p : Me
+function Pn(e) {
+  var t, o, n, i, r, s, f, l, d, h;
+  const a = (t = e.doc) !== null && t !== void 0 ? t : document, b = (o = (n = e.win) !== null && n !== void 0 ? n : a.defaultView) !== null && o !== void 0 ? o : window, u = (i = e.sdkVersion) !== null && i !== void 0 ? i : de, m = {
+    captureView: (r = (s = e.deps) === null || s === void 0 ? void 0 : s.captureView) !== null && r !== void 0 ? r : dt,
+    submitReport: (f = (l = e.deps) === null || l === void 0 ? void 0 : l.submitReport) !== null && f !== void 0 ? f : ut,
+    startElementPicker: (d = (h = e.deps) === null || h === void 0 ? void 0 : h.startElementPicker) !== null && d !== void 0 ? d : Ft
   };
-  let h = null, r = null, E = null, T = null, I = !1;
-  const x = {
+  let p = null, c = null, T = null, C = null, w = null, _ = null, N = null, M = !1, A = "compose";
+  const y = {
     kind: "bug",
     selectedElement: null,
+    region: null,
+    marks: [],
     phase: "compose"
   };
-  function L(v, m) {
-    r && (r.status.textContent = v, r.status.classList.toggle("is-error", m));
+  function D(g, k) {
+    c && (c.status.textContent = g, c.status.classList.toggle("is-error", k));
   }
-  function j(v) {
-    if (x.kind = v, !!r)
-      for (const [m, w] of r.tabs) {
-        const k = m === v;
-        w.classList.toggle("is-active", k), w.setAttribute("aria-pressed", String(k));
+  function v(g) {
+    if (y.kind = g, !!c)
+      for (const [k, B] of c.tabs) {
+        const P = k === g;
+        B.classList.toggle("is-active", P), B.setAttribute("aria-pressed", String(P));
       }
   }
-  function F() {
-    r && (x.selectedElement ? (r.mark.classList.add("has-element"), r.selector.textContent = x.selectedElement.selector, r.caption.textContent = "Element selected · masked screenshot on Send", r.pickBtn.textContent = "", r.pickBtn.append(oe(s), s.createTextNode("Change element"))) : (r.mark.classList.remove("has-element"), r.selector.textContent = "", r.caption.textContent = "Masked screenshot attached on Send", r.pickBtn.textContent = "", r.pickBtn.append(oe(s), s.createTextNode("Pick element"))));
+  function S(g) {
+    if (A = g, !c) return;
+    const k = g !== "compose";
+    c.panel.classList.toggle("is-marking", k), c.pickLayer.classList.toggle("is-visible", g === "picking"), c.captureLayer.classList.toggle("is-visible", g === "capturing"), c.drawLayer.classList.toggle("is-visible", g === "drawing"), c.pickBtn.classList.toggle("is-active", g === "picking"), c.captureBtn.classList.toggle("is-active", g === "capturing" || g === "drawing");
+  }
+  function U() {
+    if (!c) return;
+    const g = !!y.selectedElement, k = !!y.region, B = y.marks.length;
+    c.mark.classList.toggle("has-element", g), c.selector.textContent = g ? y.selectedElement.selector : "", c.pickBtn.textContent = "", c.pickBtn.append(On(a), a.createTextNode(g ? "Change element" : "Pick element")), c.captureBtn.classList.toggle("is-attached", k || B > 0);
+    const P = [];
+    g && P.push("Element"), k && P.push("Region"), B > 0 && P.push(`${B} mark${B === 1 ? "" : "s"}`), c.caption.textContent = P.length ? `${P.join(" · ")} · masked screenshot on Send` : "Masked screenshot attached on Send";
   }
-  function ie(v) {
-    if (!r) return;
-    if (!v) {
-      r.highlight.style.display = "none";
+  function $(g) {
+    if (!c) return;
+    if (!g) {
+      c.highlight.style.display = "none";
       return;
     }
-    const m = v.getBoundingClientRect();
-    r.highlight.style.display = "block", r.highlight.style.left = `${m.left}px`, r.highlight.style.top = `${m.top}px`, r.highlight.style.width = `${m.width}px`, r.highlight.style.height = `${m.height}px`;
+    const k = g.getBoundingClientRect();
+    c.highlight.style.display = "block", c.highlight.style.left = `${k.left}px`, c.highlight.style.top = `${k.top}px`, c.highlight.style.width = `${k.width}px`, c.highlight.style.height = `${k.height}px`;
+  }
+  function Z() {
+    T == null || T.stop(), T = null;
+  }
+  function I() {
+    c && (c.highlight.style.display = "none"), Z(), A === "picking" && S("compose");
   }
-  function N() {
-    E == null || E.stop(), E = null;
+  function L() {
+    c && (Y(), S("picking"), T = m.startElementPicker({
+      doc: a,
+      onHover: $,
+      onPick: (g) => {
+        y.selectedElement = jt(g), I(), U();
+      },
+      onCancel: I
+    }));
+  }
+  function O(g) {
+    if (!c) return;
+    const k = c.selBox;
+    if (!g) {
+      k.style.display = "none";
+      return;
+    }
+    k.style.display = "block", k.style.left = `${g.x}px`, k.style.top = `${g.y}px`, k.style.width = `${g.width}px`, k.style.height = `${g.height}px`;
   }
-  function S() {
-    r && (r.panel.classList.remove("is-picking"), r.pickBtn.classList.remove("is-active"), r.highlight.style.display = "none"), N();
+  function R() {
+    C == null || C.stop(), C = null;
   }
-  function ae() {
-    r && (N(), r.panel.classList.add("is-picking"), r.pickBtn.classList.add("is-active"), E = y.startElementPicker({
-      doc: s,
-      onHover: ie,
-      onPick: (v) => {
-        x.selectedElement = Re(v), S(), F();
+  function z() {
+    c && (Y(), O(null), S("capturing"), C = An({
+      doc: a,
+      onProgress: O,
+      onComplete: (g) => {
+        R(), O(null), yt(g);
       },
-      onCancel: S
+      onCancel: () => {
+        R(), O(null), S("compose");
+      }
     }));
   }
-  function _() {
-    T !== null && (clearTimeout(T), T = null);
+  function fe(g) {
+    c && (c.drawFrame.style.left = `${g.x}px`, c.drawFrame.style.top = `${g.y}px`, c.drawFrame.style.width = `${g.width}px`, c.drawFrame.style.height = `${g.height}px`);
+  }
+  function J(g) {
+    if (w == null || w.setTool(g), !!c)
+      for (const [k, B] of c.drawTools) B.classList.toggle("is-active", k === g);
+  }
+  function Q(g) {
+    c && (c.undoBtn.disabled = g.length === 0);
+  }
+  function G() {
+    w == null || w.stop(), w = null;
+  }
+  function yt(g) {
+    c && (_ = g, fe(g), S("drawing"), w = Ln({
+      doc: a,
+      svg: c.drawSvg,
+      textInput: c.drawText,
+      initialMarks: y.marks,
+      onChange: Q
+    }), J("arrow"), Q(y.marks));
+  }
+  function wt() {
+    w && (y.marks = w.marks().slice(), _ && (y.region = _)), Ce(), U();
   }
-  async function se() {
-    if (!(!r || x.phase === "sending")) {
-      x.phase = "sending", r.sendBtn.disabled = !0, r.sendBtn.textContent = "Sending…", L("", !1);
+  function kt() {
+    Ce(), U();
+  }
+  function Ce() {
+    G(), _ = null, A === "drawing" && S("compose");
+  }
+  function Y() {
+    Z(), R(), G(), _ = null, O(null), c && (c.highlight.style.display = "none"), A !== "compose" && S("compose");
+  }
+  function be() {
+    N !== null && (clearTimeout(N), N = null);
+  }
+  async function Et() {
+    if (!(!c || y.phase === "sending")) {
+      Y(), y.phase = "sending", c.sendBtn.disabled = !0, c.sendBtn.textContent = "Sending…", D("", !1);
       try {
-        var v, m;
-        const w = ze({
-          kind: x.kind,
-          comment: r.comment.value,
-          element: (v = x.selectedElement) !== null && v !== void 0 ? v : void 0,
-          url: (m = u.location) === null || m === void 0 ? void 0 : m.href,
-          environment: Be(u, f)
-        }), k = await y.captureView({
-          doc: s,
-          win: u
-        }), M = k ? {
-          blob: k.blob,
-          filename: `screenshot.${Qe(k.type)}`
-        } : null, C = await y.submitReport(e.apiUrl, {
+        var g, k, B, P;
+        const ee = lt({
+          kind: y.kind,
+          comment: c.comment.value,
+          element: (g = y.selectedElement) !== null && g !== void 0 ? g : void 0,
+          region: (k = y.region) !== null && k !== void 0 ? k : void 0,
+          marks: y.marks.length > 0 ? y.marks : void 0,
+          url: (B = b.location) === null || B === void 0 ? void 0 : B.href,
+          environment: st(b, u),
+          trace: (P = e.buffer) === null || P === void 0 ? void 0 : P.snapshot()
+        }), te = nt(ee, {
+          hook: e.beforeSend,
+          scrub: e.scrub
+        });
+        if (!te) {
+          y.phase = "sent", c.panel.classList.add("is-sent"), N = setTimeout(re, et);
+          return;
+        }
+        const K = await m.captureView({
+          doc: a,
+          win: b
+        }), ie = K ? {
+          blob: K.blob,
+          filename: `screenshot.${ct(K.type)}`
+        } : null, oe = await m.submitReport(e.apiUrl, {
           key: e.key,
           identity: e.identity,
-          content: w,
-          screenshot: M
+          content: te,
+          screenshot: ie
         });
-        C.ok ? (x.phase = "sent", r.panel.classList.add("is-sent"), T = setTimeout(R, Je)) : (O(), L(C.reason === "unreachable" ? "Couldn't reach Fixback — try again." : "Fixback couldn't accept this report.", !0));
+        oe.ok ? (y.phase = "sent", c.panel.classList.add("is-sent"), N = setTimeout(re, et)) : (pe(), D(oe.reason === "unreachable" ? "Couldn't reach Fixback — try again." : "Fixback couldn't accept this report.", !0));
       } catch {
-        O(), L("Something went wrong — try again.", !0);
+        pe(), D("Something went wrong — try again.", !0);
       }
     }
   }
-  function O() {
-    x.phase = "compose", r && (r.sendBtn.disabled = !1, r.sendBtn.textContent = "Send");
+  function pe() {
+    y.phase = "compose", c && (c.sendBtn.disabled = !1, c.sendBtn.textContent = "Send");
   }
-  function le() {
-    var v;
-    h = d(s, "div", { [Ge]: "" }), h.style.cssText = "position:fixed;right:20px;bottom:84px;z-index:2147483001;margin:0;padding:0;border:0;display:none;";
-    const m = h.attachShadow({ mode: "open" }), w = s.createElement("style");
-    w.textContent = Pe, m.appendChild(w);
-    const k = d(s, "button", {
+  function _t() {
+    var g;
+    p = x(a, "div", { [Rn]: "" }), p.style.cssText = "position:fixed;right:20px;bottom:84px;z-index:2147483001;margin:0;padding:0;border:0;display:none;";
+    const k = p.attachShadow({ mode: "open" }), B = a.createElement("style");
+    B.textContent = In, k.appendChild(B);
+    const P = x(a, "button", {
       type: "button",
       class: "fb-ov-close",
       "aria-label": "Close"
-    }, ["✕"]), M = d(s, "div", { class: "fb-ov-head" }, [
-      d(s, "span", { class: "fb-ov-mark-sq" }),
-      d(s, "span", { class: "fb-ov-brand" }, ["Fixback"]),
-      k
-    ]), C = /* @__PURE__ */ new Map(), D = d(s, "div", { class: "fb-ov-tabs" });
-    for (const { value: $, label: he } of We) {
-      const H = d(s, "button", {
+    }, ["✕"]), ee = x(a, "div", { class: "fb-ov-head" }, [x(a, "span", { class: "fb-ov-mark-sq" }), x(a, "span", { class: "fb-ov-brand" }, ["Fixback"])]);
+    e.tier != null && ee.appendChild(x(a, "span", {
+      class: "fb-ov-tier",
+      "aria-label": `Trust tier: ${e.tier}`
+    }, [e.tier])), ee.appendChild(P);
+    const te = /* @__PURE__ */ new Map(), K = x(a, "div", { class: "fb-ov-tabs" });
+    for (const { value: F, label: le } of Nn) {
+      const H = x(a, "button", {
         type: "button",
         class: "fb-ov-tab",
-        "data-kind": $
-      }, [he]);
-      H.addEventListener("click", () => j($)), C.set($, H), D.appendChild(H);
+        "data-kind": F
+      }, [le]);
+      H.addEventListener("click", () => v(F)), te.set(F, H), K.appendChild(H);
     }
-    const K = d(s, "span", { class: "fb-ov-selector" }), q = d(s, "span", { class: "fb-ov-mark-caption" }), X = d(s, "div", { class: "fb-ov-mark" }, [K, q]), Y = d(s, "textarea", {
+    const ie = x(a, "span", { class: "fb-ov-selector" }), oe = x(a, "span", { class: "fb-ov-mark-caption" }), Le = x(a, "div", { class: "fb-ov-mark" }, [ie, oe]), Me = x(a, "textarea", {
       class: "fb-ov-comment",
       placeholder: "Describe what you saw or want…",
       "aria-label": "Comment"
-    }), G = d(s, "div", {
+    }), Ae = x(a, "div", {
       class: "fb-ov-status",
       role: "status",
       "aria-live": "polite"
-    }), B = d(s, "button", {
+    }), he = x(a, "button", {
       type: "button",
-      class: "fb-ov-pickbtn"
+      class: "fb-ov-pickbtn",
+      title: "Point at an element"
     });
-    B.addEventListener("click", () => {
-      x.phase !== "sending" && (r != null && r.panel.classList.contains("is-picking") ? S() : ae());
+    he.addEventListener("click", () => {
+      y.phase !== "sending" && (A === "picking" ? I() : L());
     });
-    const z = d(s, "button", {
+    const ae = x(a, "button", {
+      type: "button",
+      class: "fb-ov-capturebtn",
+      title: "Capture a region and draw",
+      "aria-label": "Capture a region and draw"
+    });
+    ae.appendChild(Un(a)), ae.addEventListener("click", () => {
+      y.phase !== "sending" && z();
+    });
+    const ve = x(a, "button", {
       type: "button",
       class: "fb-ov-send"
     }, ["Send"]);
-    z.addEventListener("click", () => {
-      se();
+    ve.addEventListener("click", () => {
+      Et();
     });
-    const ue = d(s, "div", { class: "fb-ov-tools" }, [B, z]), be = d(s, "div", { class: "fb-ov-form" }, [
-      D,
-      X,
-      Y,
-      G,
-      ue
-    ]), pe = d(s, "div", { class: "fb-ov-done" }, [
-      d(s, "div", { class: "fb-ov-done__check" }, ["✓"]),
-      d(s, "div", { class: "fb-ov-done__title" }, ["Report sent"]),
-      d(s, "div", { class: "fb-ov-done__sub" }, ["Thanks — the team can see it now."])
-    ]), W = d(s, "div", {
+    const Lt = x(a, "div", { class: "fb-ov-tools" }, [
+      he,
+      ae,
+      ve
+    ]), Mt = x(a, "div", { class: "fb-ov-form" }, [
+      K,
+      Le,
+      Me,
+      Ae,
+      Lt
+    ]), At = x(a, "div", { class: "fb-ov-done" }, [
+      x(a, "div", { class: "fb-ov-done__check" }, ["✓"]),
+      x(a, "div", { class: "fb-ov-done__title" }, ["Report sent"]),
+      x(a, "div", { class: "fb-ov-done__sub" }, ["Thanks — the team can see it now."])
+    ]), Ie = x(a, "div", {
       class: "fb-ov-panel",
       role: "dialog",
       "aria-label": "Fixback feedback"
     }, [
-      M,
-      be,
-      pe
-    ]), P = d(s, "div", { class: "fb-ov-highlight" });
-    P.style.display = "none";
-    const ve = d(s, "div", { class: "fb-ov-pick" }, [d(s, "div", { class: "fb-ov-hint" }, ["Click the element you mean · Esc to cancel"]), P]);
-    m.appendChild(W), m.appendChild(ve), k.addEventListener("click", R), ((v = e.target) !== null && v !== void 0 ? v : s.body).appendChild(h), r = {
-      panel: W,
-      tabs: C,
-      mark: X,
-      selector: K,
-      caption: q,
-      comment: Y,
-      status: G,
-      pickBtn: B,
-      sendBtn: z,
-      highlight: P
+      ee,
+      Mt,
+      At
+    ]), me = x(a, "div", { class: "fb-ov-highlight" });
+    me.style.display = "none";
+    const Re = x(a, "div", { class: "fb-ov-pick" }, [x(a, "div", { class: "fb-ov-hint" }, ["Click the element you mean · Esc to cancel"]), me]), ge = x(a, "div", { class: "fb-ov-capture-sel" });
+    ge.style.display = "none";
+    const $e = x(a, "div", { class: "fb-ov-capture" }, [
+      x(a, "div", { class: "fb-ov-capture-dim" }),
+      x(a, "div", { class: "fb-ov-hint" }, ["Drag to capture an area · Esc to cancel"]),
+      ge
+    ]), Ne = j(a, "svg", {
+      class: "fb-ov-draw-svg",
+      width: "100%",
+      height: "100%"
+    }), xe = x(a, "input", {
+      class: "fb-ov-draw-text",
+      placeholder: "label…",
+      "aria-label": "Mark label"
+    });
+    xe.style.display = "none";
+    const Be = x(a, "div", { class: "fb-ov-draw-frame" }), Pe = /* @__PURE__ */ new Map(), Oe = [];
+    for (const { tool: F, label: le } of Bn) {
+      const H = x(a, "button", {
+        type: "button",
+        class: "fb-ov-drawtool",
+        "data-tool": F,
+        title: le,
+        "aria-label": le
+      });
+      H.appendChild(Dn(a, F)), H.addEventListener("click", () => J(F)), Pe.set(F, H), Oe.push(H);
+    }
+    const se = x(a, "button", {
+      type: "button",
+      class: "fb-ov-draw-undo",
+      title: "Undo",
+      "aria-label": "Undo"
+    });
+    se.appendChild(zn(a)), se.addEventListener("click", () => w == null ? void 0 : w.undo());
+    const Ue = x(a, "button", {
+      type: "button",
+      class: "fb-ov-draw-cancel"
+    }, ["Cancel"]);
+    Ue.addEventListener("click", () => kt());
+    const ze = x(a, "button", {
+      type: "button",
+      class: "fb-ov-draw-attach"
+    }, ["Attach"]);
+    ze.addEventListener("click", () => wt());
+    const It = x(a, "div", { class: "fb-ov-draw-toolbar" }, [
+      ...Oe,
+      x(a, "span", { class: "fb-ov-draw-divider" }),
+      se,
+      Ue,
+      ze
+    ]), De = x(a, "div", { class: "fb-ov-draw" }, [
+      Be,
+      Ne,
+      xe,
+      It
+    ]);
+    k.append(Ie, Re, $e, De), P.addEventListener("click", re), ((g = e.target) !== null && g !== void 0 ? g : a.body).appendChild(p), c = {
+      panel: Ie,
+      tabs: te,
+      mark: Le,
+      selector: ie,
+      caption: oe,
+      comment: Me,
+      status: Ae,
+      pickBtn: he,
+      captureBtn: ae,
+      sendBtn: ve,
+      highlight: me,
+      pickLayer: Re,
+      captureLayer: $e,
+      selBox: ge,
+      drawLayer: De,
+      drawSvg: Ne,
+      drawText: xe,
+      drawFrame: Be,
+      drawTools: Pe,
+      undoBtn: se
     };
   }
-  function ce() {
-    (!h || !r) && le();
+  function St() {
+    (!p || !c) && _t();
   }
-  function de() {
-    if (ce(), !(!h || !r)) {
-      _(), S(), x.phase = "compose", x.selectedElement = null, r.panel.classList.remove("is-sent"), r.comment.value = "", O(), L("", !1), j("bug"), F(), h.style.display = "block", I = !0;
+  function Tt() {
+    if (St(), !(!p || !c)) {
+      be(), Y(), y.phase = "compose", y.selectedElement = null, y.region = null, y.marks = [], c.panel.classList.remove("is-sent"), c.comment.value = "", pe(), D("", !1), v("bug"), U(), p.style.display = "block", M = !0;
       try {
-        r.comment.focus();
+        c.comment.focus();
       } catch {
       }
     }
   }
-  function R() {
-    _(), S(), h && (h.style.display = "none"), I = !1;
+  function re() {
+    be(), Y(), p && (p.style.display = "none"), M = !1;
   }
-  function fe() {
-    _(), N(), h == null || h.remove(), h = null, r = null, I = !1;
+  function Ct() {
+    be(), Y(), p == null || p.remove(), p = null, c = null, M = !1;
   }
   return {
-    open: de,
-    close: R,
-    destroy: fe,
+    open: Tt,
+    close: re,
+    destroy: Ct,
     get isOpen() {
-      return I;
+      return M;
     }
   };
 }
-function oe(e) {
-  return d(e, "span", {
+function On(e) {
+  return x(e, "span", {
     class: "fb-ov-pickbtn__glyph",
     "aria-hidden": "true"
   }, ["⌖"]);
 }
-var tt = "https://api.fixback.dev", A = { destroy() {
+function Un(e) {
+  return j(e, "svg", {
+    class: "fb-ov-icon",
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "1.5",
+    "aria-hidden": "true"
+  }, [j(e, "path", { d: "M2 5V2h3M14 5V2h-3M2 11v3h3M14 11v3h-3" })]);
+}
+function zn(e) {
+  return j(e, "svg", {
+    class: "fb-ov-icon",
+    width: "15",
+    height: "15",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "1.6",
+    "aria-hidden": "true"
+  }, [j(e, "path", { d: "M6 4 3 7l3 3M3 7h6a4 4 0 0 1 0 8H7" })]);
+}
+function Dn(e, t) {
+  return t === "text" ? x(e, "span", {
+    class: "fb-ov-drawtool__t",
+    "aria-hidden": "true"
+  }, ["T"]) : j(e, "svg", {
+    class: "fb-ov-icon",
+    width: "15",
+    height: "15",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "1.6",
+    "aria-hidden": "true"
+  }, [{
+    arrow: j(e, "path", { d: "M3 13 13 3M7 3h6v6" }),
+    box: j(e, "rect", {
+      x: "2.5",
+      y: "3.5",
+      width: "11",
+      height: "9",
+      rx: "1"
+    }),
+    pen: j(e, "path", { d: "M3 13l1-3 6-6 2 2-6 6-3 1Z" })
+  }[t]]);
+}
+var jn = "https://api.fixback.dev", Ee = { destroy() {
 } };
-async function ot(e) {
+function Fn() {
+  try {
+    const e = window.location;
+    return e.host || e.hostname || "this site";
+  } catch {
+    return "this site";
+  }
+}
+function Hn() {
   try {
-    var t, o, n;
-    if (typeof document == "undefined") return A;
-    const i = e == null ? void 0 : e.key;
-    if (typeof i != "string" || i.length === 0) return A;
-    const l = (t = e.apiUrl) !== null && t !== void 0 ? t : tt, a = (o = e.anonymousId) !== null && o !== void 0 ? o : ye(), c = await xe(l, {
-      key: i,
-      signedIdentity: e.signedIdentity,
-      reporterId: e.reporterId,
-      anonymousId: a
+    return window.location.href;
+  } catch {
+    return "";
+  }
+}
+function Vn(e) {
+  const { options: t, apiUrl: o, key: n, identity: i, target: r, answer: s } = e, f = gn(r, {
+    key: n,
+    reduceMotion: t.reduceMotion
+  }), l = o.replace(/\/+$/, "");
+  let d = null, h = () => {
+  };
+  if (t.trace !== !1) {
+    var a;
+    const p = (a = t.trace) !== null && a !== void 0 ? a : {};
+    d = to({
+      maxBreadcrumbs: p.maxBreadcrumbs,
+      maxAgeMs: p.maxAgeMs,
+      beforeBreadcrumb: p.beforeBreadcrumb
+    }), h = mo(d, {
+      consoleLevels: p.consoleLevels,
+      ignoreUrl: (c) => c.startsWith(l)
     });
-    if (!(c != null && c.canSubmit)) return A;
-    const b = (n = e.target) !== null && n !== void 0 ? n : document.body, p = Ee(b), g = et({
-      apiUrl: l,
-      key: i,
-      identity: {
+  }
+  const b = Pn({
+    apiUrl: o,
+    key: n,
+    identity: i,
+    gate: s.gate,
+    tier: s.tier,
+    sdkVersion: de,
+    target: r,
+    buffer: d,
+    beforeSend: t.beforeSend,
+    scrub: t.scrub
+  }), u = () => b.open();
+  f.host.addEventListener(Se, u);
+  let m = () => {
+  };
+  return t.autoCapture !== !1 && (m = Jo({
+    apiUrl: o,
+    key: n,
+    identity: i,
+    sdkVersion: de,
+    buffer: d,
+    beforeSend: t.beforeSend,
+    scrub: t.scrub
+  }).destroy), () => {
+    f.host.removeEventListener(Se, u), b.destroy(), xn(f), h(), m();
+  };
+}
+async function xt(e, t) {
+  try {
+    var o, n, i;
+    if (typeof document == "undefined") return Ee;
+    const r = e == null ? void 0 : e.key;
+    if (typeof r != "string" || r.length === 0) return Ee;
+    const s = (o = e.apiUrl) !== null && o !== void 0 ? o : jn, f = (n = e.anonymousId) !== null && n !== void 0 ? n : Qo(), l = (i = e.target) !== null && i !== void 0 ? i : document.body;
+    let d = !1, h = () => {
+    }, a = () => {
+    };
+    const b = { destroy: () => {
+      d = !0, a(), a = () => {
+      }, h(), h = () => {
+      };
+    } }, u = () => {
+      var p;
+      const c = We(r);
+      return {
         signedIdentity: e.signedIdentity,
-        reporterId: e.reporterId,
-        anonymousId: a
-      },
-      sdkVersion: re,
-      target: b
-    }), s = () => g.open();
-    return p.host.addEventListener(U, s), { destroy: () => {
-      p.host.removeEventListener(U, s), g.destroy(), Se(p);
-    } };
+        reporterId: (p = e.reporterId) !== null && p !== void 0 ? p : c == null ? void 0 : c.reporterId,
+        anonymousId: f
+      };
+    }, m = async (p) => {
+      const c = await Nt(s, {
+        key: r,
+        ...p
+      });
+      d || !(c != null && c.canSubmit) || (h = Vn({
+        options: e,
+        apiUrl: s,
+        key: r,
+        identity: p,
+        target: l,
+        answer: c
+      }));
+    };
+    if (t) {
+      const p = await ln(s, t);
+      if (d) return b;
+      if (p && p.status === "pending") {
+        const c = We(r), T = async (w) => {
+          const _ = await cn(s, t);
+          d || (a(), a = () => {
+          }, _ && _.status === "redeemed" ? (nn(r, {
+            reporterId: _.reporterId,
+            name: w.name,
+            email: w.email
+          }), on(window), await m({
+            signedIdentity: e.signedIdentity,
+            reporterId: _.reporterId,
+            anonymousId: f
+          })) : await m(u()));
+        }, C = Sn({
+          origin: Fn(),
+          tier: p.tier,
+          defaults: c ? {
+            name: c.name,
+            email: c.email
+          } : void 0,
+          target: l,
+          onConfirm: (w) => {
+            T(w);
+          }
+        });
+        return a = () => C.destroy(), b;
+      }
+    }
+    return await m(u()), b;
   } catch {
-    return A;
+    return Ee;
   }
 }
+function Xn(e) {
+  return xt(e, typeof window != "undefined" ? tn(Hn()) : null);
+}
+function Gn(e) {
+  return xt(e, typeof (e == null ? void 0 : e.token) == "string" && e.token.length > 0 ? e.token : null);
+}
 export {
-  tt as DEFAULT_API_URL,
-  U as LAUNCH_EVENT,
-  ot as init
+  jn as DEFAULT_API_URL,
+  Se as LAUNCH_EVENT,
+  Xn as init,
+  Gn as redeem
 };
 
 //# sourceMappingURL=index.mjs.map