@sphoro/bugcatch-web-sdk 0.13.1

package/dist/bugcatch.es.js

@@ -0,0 +1,4393 @@
+var It = (t) => {
+  throw TypeError(t);
+};
+var kn = (t, e, n) => e.has(t) || It("Cannot " + n);
+var At = (t, e, n) => e.has(t) ? It("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n);
+var N = (t, e, n) => (kn(t, e, "access private method"), n);
+const Fe = "[REDACTED]", Sn = /* @__PURE__ */ new Set([
+  "auth",
+  "bearer",
+  "session",
+  "sid",
+  "phpsessid",
+  "otp",
+  "pass",
+  "passwd",
+  "pwd",
+  "sig",
+  "codeverifier"
+]), Cn = [
+  "token",
+  "secret",
+  "password",
+  "passwd",
+  "apikey",
+  "signature",
+  "credential",
+  "sessionid",
+  "privatekey",
+  "accesskey",
+  "authorization"
+], En = /* @__PURE__ */ new Set(["key", "code", "state", "nonce", "salt", "hash"]), Ft = [
+  /eyJ[\w-]{8,}\.[\w-]{8,}\.[\w-]+/g,
+  // JWT
+  /(?:AKIA|ASIA|AROA|AIDA|AGPA|ANPA|ANVA|APKA)[0-9A-Z]{16}/g,
+  // AWS key id
+  /AIza[\w-]{35}/g,
+  // Google API key
+  /gh[pousr]_[A-Za-z0-9]{36,}/g,
+  // GitHub token
+  /github_pat_\w{22,}/g,
+  // GitHub fine-grained PAT
+  /[sprk]k_(?:live|test)_[0-9A-Za-z]{10,}/g,
+  // Stripe
+  /xox[abposr]-[A-Za-z0-9-]{10,}/g,
+  // Slack
+  /sk-ant-[\w-]{20,}/g,
+  // Anthropic
+  /sk-[\w-]{20,}/g,
+  // OpenAI
+  /glpat-[\w-]{20,}/g,
+  // GitLab
+  /shp(?:at|ss|ca|pa)_[A-Za-z0-9]{32}/g
+  // Shopify
+], Tn = /\bBearer\s+[\w.~+/=-]{8,}/gi, $n = /^([A-Za-z][A-Za-z0-9+.-]*:\/\/)([^/?#@]+)@/;
+function Yt(t) {
+  try {
+    return decodeURIComponent(t.replace(/\+/g, " "));
+  } catch {
+    return t;
+  }
+}
+function Bn(t) {
+  return Yt(t).toLowerCase().replace(/[^a-z0-9]/g, "");
+}
+function Mn(t) {
+  return t.length >= 20 ? !0 : Ft.some((e) => (e.lastIndex = 0, e.test(t)));
+}
+function Ln(t, e) {
+  const n = Bn(t);
+  if (!n) return !1;
+  if (Sn.has(n)) return !0;
+  for (const a of Cn) if (n.includes(a)) return !0;
+  return En.has(n) ? Mn(Yt(e)) : !1;
+}
+function ot(t) {
+  return t.split("&").map((e) => {
+    const n = e.indexOf("=");
+    if (n === -1) return e;
+    const a = e.slice(0, n), o = e.slice(n + 1);
+    return o && Ln(a, o) ? `${a}=${Fe}` : e;
+  }).join("&");
+}
+function Zt(t) {
+  let e = t;
+  for (const n of Ft)
+    n.lastIndex = 0, e = e.replace(n, Fe);
+  return e;
+}
+function Xt(t) {
+  if (t == null) return t;
+  let e = String(t);
+  if (!e) return e;
+  e = e.replace($n, `$1${Fe}@`);
+  const n = e.indexOf("#");
+  let a = n === -1 ? e : e.slice(0, n), o = n === -1 ? "" : e.slice(n);
+  const r = a.indexOf("?");
+  if (r !== -1 && (a = a.slice(0, r + 1) + ot(a.slice(r + 1))), o.length > 1) {
+    const s = o.slice(1), l = s.indexOf("?");
+    l !== -1 ? o = `#${s.slice(0, l + 1)}${ot(s.slice(l + 1))}` : s.includes("=") && (o = `#${ot(s)}`);
+  }
+  return Zt(a + o);
+}
+function In(t) {
+  if (t == null) return t;
+  let e = String(t);
+  return e && (e = e.replace(/[A-Za-z][A-Za-z0-9+.-]{0,30}:\/\/[^\s"'<>)\]]+/g, (n) => Xt(n)), e = e.replace(Tn, `Bearer ${Fe}`), Zt(e));
+}
+function He(t) {
+  const e = [];
+  return {
+    push(n) {
+      e.push(n), e.length > t && e.splice(0, e.length - t);
+    },
+    all: () => e.slice(),
+    clear: () => {
+      e.length = 0;
+    },
+    get size() {
+      return e.length;
+    }
+  };
+}
+const Qt = ["log", "info", "warn", "error", "debug"];
+function An(t, { levels: e = ["warn", "error", "log", "info"] } = {}) {
+  const n = {};
+  for (const a of Qt)
+    n[a] = console[a], e.includes(a) && (console[a] = (...o) => {
+      try {
+        t.push({
+          level: a,
+          text: o.map(Gt).join(" ").slice(0, 2e3),
+          at: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } catch {
+      }
+      n[a].apply(console, o);
+    });
+  return () => {
+    for (const a of Qt) console[a] = n[a];
+  };
+}
+function Qn(t, { slowMs: e = 2e3 } = {}) {
+  const n = window.fetch, a = XMLHttpRequest.prototype.open, o = XMLHttpRequest.prototype.send;
+  return n && (window.fetch = async function(...s) {
+    var b, d, w;
+    const l = performance.now(), u = typeof s[0] == "string" ? s[0] : (b = s[0]) == null ? void 0 : b.url, g = ((d = s[1]) == null ? void 0 : d.method) || (typeof s[0] == "object" ? (w = s[0]) == null ? void 0 : w.method : "GET") || "GET";
+    try {
+      const h = await n.apply(this, s);
+      return rt(t, { url: u, method: g, status: h.status, ms: Math.round(performance.now() - l), slowMs: e }), h;
+    } catch (h) {
+      throw rt(t, { url: u, method: g, status: 0, error: String((h == null ? void 0 : h.message) || h), ms: Math.round(performance.now() - l), slowMs: e }), h;
+    }
+  }), XMLHttpRequest.prototype.open = function(s, l, ...u) {
+    return this.__bc = { method: s, url: l, started: 0 }, a.call(this, s, l, ...u);
+  }, XMLHttpRequest.prototype.send = function(...s) {
+    return this.__bc && (this.__bc.started = performance.now(), this.addEventListener("loadend", () => {
+      rt(t, {
+        url: this.__bc.url,
+        method: this.__bc.method,
+        status: this.status,
+        ms: Math.round(performance.now() - this.__bc.started),
+        slowMs: e
+      });
+    })), o.apply(this, s);
+  }, () => {
+    n && (window.fetch = n), XMLHttpRequest.prototype.open = a, XMLHttpRequest.prototype.send = o;
+  };
+}
+function rt(t, { url: e, method: n, status: a, ms: o, error: r, slowMs: s }) {
+  try {
+    t.push({
+      // Scrubbed before it is buffered, not before it is sent: a credential
+      // that never enters the ring buffer cannot leave with a report, and
+      // cannot be read back out of memory by the page either. Redact first,
+      // then truncate — truncating first would split a token into something
+      // no pattern recognises, and the fragment would still be a fragment of
+      // a live credential.
+      url: Xt(String(e)).slice(0, 500),
+      method: n,
+      status: a,
+      ms: o,
+      error: r === void 0 ? void 0 : In(r),
+      // Flagged so triage can spot the interesting rows without reading everything.
+      failed: a === 0 || a >= 400,
+      slow: o >= s,
+      at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  } catch {
+  }
+}
+function Rn(t) {
+  const e = (a) => {
+    const o = String(a.message || "Error"), r = a.filename ? ` (${a.filename}:${a.lineno}:${a.colno})` : "";
+    t.push({
+      level: "error",
+      text: (/^uncaught/i.test(o) ? o : `Uncaught ${o}`) + r,
+      at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }, n = (a) => {
+    t.push({
+      level: "error",
+      text: `Unhandled rejection: ${Gt(a.reason)}`,
+      at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  };
+  return window.addEventListener("error", e), window.addEventListener("unhandledrejection", n), () => {
+    window.removeEventListener("error", e), window.removeEventListener("unhandledrejection", n);
+  };
+}
+async function Rt() {
+  const t = Jt();
+  try {
+    if (navigator.getBattery) {
+      const e = await navigator.getBattery();
+      t.battery = Math.round(e.level * 100), t.charging = e.charging;
+    }
+  } catch {
+  }
+  return t;
+}
+function Jt() {
+  var e, n, a, o, r, s, l, u, g;
+  const t = window.navigator || {};
+  return {
+    userAgent: t.userAgent,
+    platform: t.platform,
+    language: t.language,
+    languages: t.languages ? [...t.languages] : null,
+    online: t.onLine,
+    cookieEnabled: t.cookieEnabled,
+    maxTouchPoints: t.maxTouchPoints ?? null,
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    screen: {
+      width: (e = window.screen) == null ? void 0 : e.width,
+      height: (n = window.screen) == null ? void 0 : n.height,
+      availWidth: (a = window.screen) == null ? void 0 : a.availWidth,
+      availHeight: (o = window.screen) == null ? void 0 : o.availHeight,
+      colorDepth: (r = window.screen) == null ? void 0 : r.colorDepth,
+      orientation: ((l = (s = window.screen) == null ? void 0 : s.orientation) == null ? void 0 : l.type) || null
+    },
+    devicePixelRatio: window.devicePixelRatio,
+    referrer: document.referrer || null,
+    title: document.title,
+    capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+    timezoneOffsetMinutes: (/* @__PURE__ */ new Date()).getTimezoneOffset(),
+    // A hint, not a guarantee: `webdriver` is the only broadly-available signal
+    // that something other than a person is driving the page.
+    browserMode: t.webdriver ? "Automated" : "Normal",
+    doNotTrack: t.doNotTrack || null,
+    hardwareConcurrency: t.hardwareConcurrency ?? null,
+    deviceMemory: t.deviceMemory ?? null,
+    connection: t.connection ? {
+      effectiveType: t.connection.effectiveType,
+      downlink: t.connection.downlink,
+      rtt: t.connection.rtt,
+      saveData: t.connection.saveData
+    } : null,
+    prefersColorScheme: (u = window.matchMedia) != null && u.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light",
+    prefersReducedMotion: ((g = window.matchMedia) == null ? void 0 : g.call(window, "(prefers-reduced-motion: reduce)").matches) || !1
+  };
+}
+function Gt(t) {
+  if (typeof t == "string") return t;
+  if (t instanceof Error) return `${t.name}: ${t.message}`;
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return String(t);
+  }
+}
+const jn = typeof window < "u" && window.fetch ? window.fetch.bind(window) : null, zn = typeof XMLHttpRequest < "u" ? XMLHttpRequest.prototype.open : null, On = typeof XMLHttpRequest < "u" ? XMLHttpRequest.prototype.send : null, en = [
+  "image/png",
+  "image/jpeg",
+  "image/webp",
+  "image/gif",
+  "video/webm",
+  "video/mp4",
+  "audio/webm",
+  "audio/ogg",
+  "audio/mpeg",
+  "audio/mp4",
+  "audio/wav",
+  "application/pdf",
+  "text/plain",
+  "text/csv",
+  "application/json",
+  "application/zip",
+  "application/msword",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.ms-excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+], Pe = [
+  "image/png",
+  "image/jpeg",
+  "image/webp",
+  "video/webm",
+  "video/mp4"
+], Hn = () => {
+  var t;
+  return !!((t = navigator == null ? void 0 : navigator.mediaDevices) != null && t.getUserMedia && typeof MediaRecorder < "u");
+}, qn = () => {
+  var t;
+  return !!((t = navigator == null ? void 0 : navigator.mediaDevices) != null && t.getDisplayMedia && typeof MediaRecorder < "u");
+}, Un = () => {
+  var t;
+  return !!((t = navigator == null ? void 0 : navigator.mediaDevices) != null && t.getDisplayMedia);
+};
+function Ke(t, e = en) {
+  const n = String(t || "").split(";")[0].trim().toLowerCase();
+  return e.includes(n) ? n : null;
+}
+async function Dn() {
+  const t = await navigator.mediaDevices.getDisplayMedia({
+    video: { frameRate: 1 },
+    audio: !1
+  });
+  try {
+    const e = t.getVideoTracks()[0], n = document.createElement("video");
+    n.srcObject = t, n.muted = !0, n.playsInline = !0, await n.play(), await new Promise((l) => requestAnimationFrame(() => requestAnimationFrame(l)));
+    const { width: a, height: o } = e.getSettings(), r = document.createElement("canvas");
+    r.width = a || n.videoWidth, r.height = o || n.videoHeight, r.getContext("2d").drawImage(n, 0, 0, r.width, r.height);
+    const s = await new Promise((l) => r.toBlob(l, "image/png"));
+    if (!s) throw new Error("The browser returned an empty screenshot.");
+    return { blob: s, mime: "image/png", kind: "SCREENSHOT" };
+  } finally {
+    t.getTracks().forEach((e) => e.stop());
+  }
+}
+async function Nn({ maxMs: t = 12e4, onTick: e, onAutoStop: n } = {}) {
+  const a = await navigator.mediaDevices.getDisplayMedia({
+    video: { frameRate: 15 },
+    audio: !1
+  }), o = ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm"].find((h) => MediaRecorder.isTypeSupported(h)) || "video/webm", r = new MediaRecorder(a, { mimeType: o, videoBitsPerSecond: 25e5 }), s = [];
+  r.ondataavailable = (h) => {
+    h.data.size && s.push(h.data);
+  }, r.start(1e3);
+  const l = Date.now(), u = setInterval(() => e == null ? void 0 : e(Math.floor((Date.now() - l) / 1e3)), 500), g = () => {
+    clearInterval(u), clearTimeout(w), a.getTracks().forEach((h) => h.stop());
+  }, b = new Promise((h) => {
+    r.onstop = () => {
+      g(), h(new Blob(s, { type: o }));
+    };
+  }), d = () => {
+    r.state !== "inactive" && r.stop(), n == null || n();
+  };
+  a.getVideoTracks()[0].addEventListener("ended", d);
+  const w = setTimeout(d, t);
+  return {
+    mime: o,
+    maxMs: t,
+    async stop() {
+      return clearTimeout(w), r.state !== "inactive" && r.stop(), { blob: await b, mime: o, kind: "VIDEO" };
+    },
+    cancel() {
+      g(), r.state !== "inactive" && r.stop();
+    }
+  };
+}
+async function Vn({ maxMs: t = 12e4, onTick: e, onAutoStop: n } = {}) {
+  const a = await navigator.mediaDevices.getUserMedia({ audio: !0 }), o = ["audio/webm;codecs=opus", "audio/webm", "audio/mp4", "audio/ogg"].find((h) => MediaRecorder.isTypeSupported(h)) || "", r = new MediaRecorder(a, o ? { mimeType: o } : void 0), s = [];
+  r.ondataavailable = (h) => {
+    h.data.size && s.push(h.data);
+  }, r.start(1e3);
+  const l = Date.now(), u = setInterval(() => e == null ? void 0 : e(Math.floor((Date.now() - l) / 1e3)), 500), g = () => {
+    clearInterval(u), clearTimeout(w), a.getTracks().forEach((h) => h.stop());
+  }, b = new Promise((h) => {
+    r.onstop = () => {
+      g(), h(new Blob(s, { type: r.mimeType || o }));
+    };
+  }), w = setTimeout(() => {
+    r.state !== "inactive" && r.stop(), n == null || n();
+  }, t);
+  return {
+    mime: r.mimeType || o,
+    maxMs: t,
+    async stop() {
+      clearTimeout(w), r.state !== "inactive" && r.stop();
+      const h = await b;
+      return { blob: h, mime: h.type || r.mimeType || o, kind: "AUDIO" };
+    },
+    cancel() {
+      g(), r.state !== "inactive" && r.stop();
+    }
+  };
+}
+async function Pn({ apiBase: t, apiKey: e, blob: n, mime: a, onProgress: o }) {
+  const r = Ke(a || n.type);
+  if (!r)
+    throw new Error(`[BugCatch] ${a || n.type || "that file"} can't be attached.`);
+  const s = await jn(`${t}/ingest/presign`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", "X-BugCatch-Key": e },
+    body: JSON.stringify({ mime: r })
+  });
+  if (!s.ok) throw new Error(`[BugCatch] could not start the upload (HTTP ${s.status}).`);
+  const { key: l, uploadUrl: u } = await s.json();
+  return await Kn(u, n, r, o), { storageKey: l, mime: r };
+}
+function Kn(t, e, n, a) {
+  return new Promise((o, r) => {
+    const s = new XMLHttpRequest();
+    zn.call(s, "PUT", t, !0), s.setRequestHeader("Content-Type", n), s.upload.onprogress = (l) => {
+      l.lengthComputable && (a == null || a(l.loaded / l.total));
+    }, s.onload = () => {
+      s.status >= 200 && s.status < 300 ? o() : r(new Error(`[BugCatch] upload failed (HTTP ${s.status}).`));
+    }, s.onerror = () => r(new Error(
+      "[BugCatch] the browser blocked the upload to storage. If this is a new environment, the media bucket is probably missing its CORS policy."
+    )), s.onabort = () => r(new Error("[BugCatch] upload cancelled.")), On.call(s, e);
+  });
+}
+function Te(t) {
+  return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(0)} KB` : `${(t / 1024 / 1024).toFixed(1)} MB`;
+}
+function qe(t) {
+  const e = Math.floor(t / 60), n = t % 60;
+  return `${e}:${String(n).padStart(2, "0")}`;
+}
+const bt = "bugcatch.watch", jt = [2e3, 5e3, 15e3, 3e4, 6e4], _n = 5e3;
+function ne() {
+  var t;
+  try {
+    return ((t = window.localStorage) == null ? void 0 : t.getItem(bt)) || null;
+  } catch {
+    return null;
+  }
+}
+function lt(t) {
+  var e;
+  if (t)
+    try {
+      (e = window.localStorage) == null || e.setItem(bt, t);
+    } catch {
+    }
+}
+function ge() {
+  var t;
+  try {
+    (t = window.localStorage) == null || t.removeItem(bt);
+  } catch {
+  }
+  tn();
+}
+const _e = "bugcatch.unread";
+function Wn(t) {
+  return [(t == null ? void 0 : t.bugId) || "report", (t == null ? void 0 : t.kind) || "status", (t == null ? void 0 : t.at) || ""].join("|");
+}
+function Ie() {
+  var t;
+  try {
+    const e = (t = window.localStorage) == null ? void 0 : t.getItem(_e), n = e ? JSON.parse(e) : [];
+    return Array.isArray(n) ? n.filter((a) => a && typeof a.id == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function Ye(t) {
+  var e, n;
+  try {
+    t.length ? (e = window.localStorage) == null || e.setItem(_e, JSON.stringify(t)) : (n = window.localStorage) == null || n.removeItem(_e);
+  } catch {
+  }
+}
+function Fn(t) {
+  const e = { ...t, id: Wn(t) }, n = Ie().filter((a) => a.id !== e.id);
+  return n.push(e), Ye(n.slice(-20)), e;
+}
+function Yn(t) {
+  const e = Ie().filter((n) => n.id !== t);
+  return Ye(e), e;
+}
+function Zn(t) {
+  const e = Ie().filter((n) => n.bugId !== t);
+  return Ye(e), e;
+}
+function tn() {
+  return Ye([]), [];
+}
+function Xn(t, e) {
+  let n = t, a = n.indexOf(`
+
+`);
+  for (; a !== -1; ) {
+    const o = n.slice(0, a);
+    n = n.slice(a + 2);
+    const r = o.split(`
+`).filter((s) => s.startsWith("data:")).map((s) => s.slice(5).trim()).join(`
+`);
+    if (r)
+      try {
+        e(JSON.parse(r));
+      } catch {
+      }
+    a = n.indexOf(`
+
+`);
+  }
+  return n;
+}
+async function Jn({ apiBase: t }) {
+  const e = ne();
+  if (!e) return { reporter: null, reports: [] };
+  const n = await fetch(`${t}/ingest/watch/reports`, {
+    headers: { Authorization: `Bearer ${e}` }
+  });
+  if (n.status === 401)
+    return ge(), { reporter: null, reports: [] };
+  if (!n.ok) throw new Error(`[BugCatch] could not load your reports (HTTP ${n.status})`);
+  return n.json();
+}
+async function Gn({ apiBase: t, bugId: e }) {
+  const n = ne();
+  if (!n) return null;
+  const a = await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}`, {
+    headers: { Authorization: `Bearer ${n}` }
+  });
+  if (a.status === 401)
+    return ge(), null;
+  if (a.status === 404) return null;
+  if (!a.ok) throw new Error(`[BugCatch] could not load that report (HTTP ${a.status})`);
+  return a.json();
+}
+async function nn({ apiBase: t, bugId: e, body: n, attachments: a }) {
+  const o = ne();
+  if (!o) throw new Error("[BugCatch] nothing filed from this browser yet.");
+  const r = await fetch(
+    `${t}/ingest/watch/reports/${encodeURIComponent(e)}/messages`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json", Authorization: `Bearer ${o}` },
+      body: JSON.stringify({
+        ...n ? { body: n } : {},
+        ...a != null && a.length ? { attachments: a } : {}
+      })
+    }
+  );
+  if (r.status === 401)
+    throw ge(), new Error("[BugCatch] this browser can no longer prove it filed that report.");
+  if (!r.ok) {
+    let s = "";
+    try {
+      const l = await r.json();
+      s = Array.isArray(l.message) ? l.message.join(", ") : l.message || "";
+    } catch {
+    }
+    throw new Error(s || `[BugCatch] could not send that (HTTP ${r.status}).`);
+  }
+  return r.json();
+}
+async function ea({ apiBase: t, apiKey: e, projectId: n }) {
+  try {
+    const a = await fetch(
+      `${t}/ingest/calls?projectId=${encodeURIComponent(n)}`,
+      { headers: { "X-BugCatch-Key": e } }
+    );
+    if (!a.ok) return null;
+    const o = await a.json();
+    return o != null && o.available ? o.kind === "live" || o.kind === "agent" ? o.kind : "agent" : null;
+  } catch {
+    return null;
+  }
+}
+async function ta({ apiBase: t, apiKey: e, token: n, payload: a }) {
+  const o = await fetch(`${t}/ingest/calls`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "X-BugCatch-Key": e,
+      // The same header `report()` sends, and for the same reason: this route
+      // files a report too. Without it a project that requires sign-in refuses
+      // the call outright — and the reporter is told to sign in by a panel that
+      // is saying, an inch below the message, who they are signed in as.
+      ...n ? { "X-BugCatch-Session": n } : {}
+    },
+    body: JSON.stringify(a)
+  });
+  if (!o.ok) {
+    let r = "";
+    try {
+      const l = await o.json();
+      r = Array.isArray(l.message) ? l.message.join(", ") : l.message || "";
+    } catch {
+    }
+    const s = new Error(
+      r || `[BugCatch] the call could not be started (HTTP ${o.status}).`
+    );
+    throw s.status = o.status, s;
+  }
+  return o.json();
+}
+async function na({ apiBase: t, bugId: e }) {
+  const n = ne();
+  if (!n) return !1;
+  try {
+    const a = await fetch(
+      `${t}/ingest/watch/reports/${encodeURIComponent(e)}/voice-call`,
+      { headers: { Authorization: `Bearer ${n}` } }
+    );
+    if (!a.ok) return !1;
+    const o = await a.json();
+    return !!(o != null && o.offered);
+  } catch {
+    return !1;
+  }
+}
+async function aa({ apiBase: t, bugId: e }) {
+  const n = ne();
+  if (!n) throw new Error("[BugCatch] nothing filed from this browser yet.");
+  const a = await fetch(
+    `${t}/ingest/watch/reports/${encodeURIComponent(e)}/voice-call`,
+    { method: "POST", headers: { Authorization: `Bearer ${n}` } }
+  );
+  if (a.status === 401)
+    throw ge(), new Error("[BugCatch] this browser can no longer prove it filed that report.");
+  if (!a.ok) {
+    let o = "";
+    try {
+      const r = await a.json();
+      o = Array.isArray(r.message) ? r.message.join(", ") : r.message || "";
+    } catch {
+    }
+    throw new Error(o || `[BugCatch] the call could not be started (HTTP ${a.status}).`);
+  }
+  return a.json();
+}
+async function oa({ apiBase: t, bugId: e }) {
+  const n = ne();
+  if (!n) return !1;
+  try {
+    const a = await fetch(
+      `${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,
+      { headers: { Authorization: `Bearer ${n}` } }
+    );
+    if (!a.ok) return !1;
+    const o = await a.json();
+    return !!(o != null && o.offered);
+  } catch {
+    return !1;
+  }
+}
+async function ra({ apiBase: t, bugId: e }) {
+  const n = ne();
+  if (!n) throw new Error("[BugCatch] nothing filed from this browser yet.");
+  const a = await fetch(
+    `${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,
+    { method: "POST", headers: { Authorization: `Bearer ${n}` } }
+  );
+  if (a.status === 401)
+    throw ge(), new Error("[BugCatch] this browser can no longer prove it filed that report.");
+  if (!a.ok) {
+    let o = "";
+    try {
+      const r = await a.json();
+      o = Array.isArray(r.message) ? r.message.join(", ") : r.message || "";
+    } catch {
+    }
+    throw new Error(o || `[BugCatch] the call could not be started (HTTP ${a.status}).`);
+  }
+  return a.json();
+}
+async function ia({ apiBase: t, bugId: e, callId: n }) {
+  const a = ne();
+  if (a)
+    try {
+      await fetch(
+        `${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/give-up`,
+        { method: "POST", headers: { Authorization: `Bearer ${a}` } }
+      );
+    } catch {
+    }
+}
+async function sa({ apiBase: t, bugId: e, callId: n }) {
+  const a = ne();
+  if (!a) throw new Error("[BugCatch] nothing filed from this browser yet.");
+  const o = await fetch(
+    `${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/answer`,
+    { method: "POST", headers: { Authorization: `Bearer ${a}` } }
+  );
+  if (o.status === 401)
+    throw ge(), new Error("[BugCatch] this browser can no longer prove it filed that report.");
+  if (o.status === 409)
+    throw new Error("[BugCatch] that call is no longer ringing.");
+  if (!o.ok) {
+    let r = "";
+    try {
+      const s = await o.json();
+      r = Array.isArray(s.message) ? s.message.join(", ") : s.message || "";
+    } catch {
+    }
+    throw new Error(r || `[BugCatch] the call could not be answered (HTTP ${o.status}).`);
+  }
+  return o.json();
+}
+async function zt({ apiBase: t, bugId: e, callId: n }) {
+  const a = ne();
+  if (a)
+    try {
+      await fetch(
+        `${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/decline`,
+        { method: "POST", headers: { Authorization: `Bearer ${a}` } }
+      );
+    } catch {
+    }
+}
+function ca({ apiBase: t, onUpdate: e }) {
+  let n = !0, a = 0, o = null;
+  async function r() {
+    const s = ne();
+    if (!s) throw new Error("nothing filed from this browser yet");
+    o = new AbortController();
+    const l = await fetch(`${t}/ingest/watch/stream`, {
+      headers: { Authorization: `Bearer ${s}`, Accept: "text/event-stream" },
+      signal: o.signal
+    });
+    if (l.status === 401)
+      throw n = !1, ge(), new Error("subscription no longer valid");
+    if (!l.ok || !l.body) throw new Error(`stream failed (${l.status})`);
+    const u = Date.now(), g = l.body.getReader(), b = new TextDecoder();
+    let d = "";
+    try {
+      for (; ; ) {
+        const { value: w, done: h } = await g.read();
+        if (h) break;
+        d += b.decode(w, { stream: !0 }), d = Xn(d, (S) => {
+          if (S.type !== "ping")
+            try {
+              e(S);
+            } catch {
+            }
+        });
+      }
+    } finally {
+      Date.now() - u >= _n && (a = 0);
+    }
+  }
+  return (async () => {
+    for (; n; ) {
+      try {
+        await r();
+      } catch (l) {
+        if ((l == null ? void 0 : l.name) === "AbortError") return;
+      }
+      if (!n) return;
+      const s = jt[Math.min(a, jt.length - 1)];
+      a += 1, await new Promise((l) => setTimeout(l, s));
+    }
+  })(), () => {
+    n = !1, o == null || o.abort(), o = null;
+  };
+}
+const la = {
+  OPEN: "is open",
+  IN_PROGRESS: "is being worked on",
+  RESOLVED: "has been fixed",
+  CLOSED: "has been closed"
+}, da = {
+  status: null,
+  // falls back to the host's configured accent
+  severity: "#e8912a",
+  assignment: "#4da3ff",
+  reply: "#35b87f"
+};
+function Ot(t) {
+  return t != null && t.summary ? t.summary : `Your report ${la[t == null ? void 0 : t.status] || "was updated"}`;
+}
+function ua(t) {
+  var e;
+  return (t == null ? void 0 : t.kind) === "reply" && ((e = t.reply) != null && e.body) ? `${t.reply.author ? `${t.reply.author}: ` : ""}${t.reply.body}` : (t == null ? void 0 : t.title) || "";
+}
+function pa(t) {
+  const e = Date.parse(t || "");
+  if (!Number.isFinite(e)) return "";
+  const n = Math.round((Date.now() - e) / 6e4);
+  if (n < 1) return "just now";
+  if (n < 60) return `${n}m ago`;
+  const a = Math.round(n / 60);
+  if (a < 24) return `${a}h ago`;
+  const o = Math.round(a / 24);
+  return o === 1 ? "yesterday" : `${o}d ago`;
+}
+function ha() {
+  var t;
+  try {
+    const e = document.querySelector('[data-bugcatch="widget"]'), n = (t = e == null ? void 0 : e.shadowRoot) == null ? void 0 : t.querySelector(".dock"), a = (n == null ? void 0 : n.getBoundingClientRect().height) || 0;
+    return a ? Math.round(a) + 12 : 0;
+  } catch {
+    return 0;
+  }
+}
+function fa({
+  accent: t = "#4F46E5",
+  position: e = "bottom-right",
+  onRead: n = null,
+  onReadAll: a = null,
+  onCall: o = null
+} = {}) {
+  const [r, s] = String(e).split("-"), l = r === "top", u = s === "left", g = /* @__PURE__ */ new Map();
+  let b = null, d = null;
+  function w() {
+    return b != null && b.isConnected || (b = document.createElement("div"), b.setAttribute("data-bugcatch", "updates"), b.style.cssText = [
+      "position:fixed",
+      `${l ? "top" : "bottom"}:${20 + ha()}px`,
+      `${u ? "left" : "right"}:20px`,
+      // Under the widget's dock and its panel scrim, both of which are higher.
+      // A notification is worth interrupting a page for, not the report being
+      // read on top of it.
+      "z-index:2147482998",
+      "display:flex",
+      "flex-direction:column",
+      "gap:10px",
+      `align-items:${u ? "flex-start" : "flex-end"}`,
+      "width:min(320px,calc(100vw - 40px))",
+      // The gaps between cards belong to the page underneath.
+      "pointer-events:none"
+    ].join(";"), document.body.appendChild(b)), b;
+  }
+  function h(k) {
+    if (!k._bcShown) {
+      k.remove();
+      return;
+    }
+    k.style.opacity = "0", k.style.transform = `translateY(${l ? -8 : 8}px)`, setTimeout(() => k.remove(), 250);
+  }
+  function S(k, y) {
+    const x = document.createElement("button");
+    return x.type = "button", x.textContent = k, x.style.cssText = [
+      "padding:5px 11px",
+      `border:${y ? "0" : "1px solid rgba(236,238,242,.24)"}`,
+      "border-radius:6px",
+      `background:${y ? t : "transparent"}`,
+      `color:${y ? "#fff" : "#eceef2"}`,
+      "font:600 12px/1.4 inherit",
+      "cursor:pointer",
+      "white-space:nowrap"
+    ].join(";"), x;
+  }
+  function z(k) {
+    var K;
+    const y = document.createElement("div");
+    y.setAttribute("role", "status"), y.style.cssText = [
+      "box-sizing:border-box",
+      "width:100%",
+      "padding:12px 14px",
+      "border-radius:10px",
+      "background:#1b1e26",
+      "color:#eceef2",
+      'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
+      "box-shadow:0 12px 30px rgba(0,0,0,0.45)",
+      `border-left:3px solid ${da[k == null ? void 0 : k.kind] || t}`,
+      "opacity:0",
+      `transform:translateY(${l ? -8 : 8}px)`,
+      "transition:opacity .2s ease,transform .2s ease",
+      "pointer-events:auto"
+    ].join(";");
+    const x = document.createElement("div");
+    x.style.cssText = "font-weight:600;margin-bottom:2px", x.textContent = Ot(k);
+    const C = document.createElement("div");
+    C.style.cssText = (k == null ? void 0 : k.kind) === "reply" ? "color:#a4abba;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden" : "color:#a4abba", C.textContent = ua(k);
+    const R = document.createElement("div");
+    R.style.cssText = "display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap";
+    const Y = document.createElement("span");
+    Y.style.cssText = "color:#7b8394;font-size:11px;margin-right:auto", Y.textContent = pa(k == null ? void 0 : k.at);
+    const O = S("Mark as read", !1);
+    if (O.setAttribute("aria-label", `Mark as read: ${Ot(k)}`), O.addEventListener("click", () => n == null ? void 0 : n(k.id)), R.append(Y, O), (K = k == null ? void 0 : k.call) != null && K.offered && typeof o == "function") {
+      const B = S("Talk it through", !0);
+      B.addEventListener("click", () => o(k)), R.insertBefore(B, O);
+    }
+    return y.append(x, C, R), y;
+  }
+  function F(k) {
+    const y = document.createElement("div");
+    y.style.cssText = [
+      "box-sizing:border-box",
+      "width:100%",
+      "display:flex",
+      "align-items:center",
+      "gap:8px",
+      "padding:8px 12px",
+      "border-radius:10px",
+      "background:#1b1e26",
+      "color:#a4abba",
+      'font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
+      "box-shadow:0 12px 30px rgba(0,0,0,0.45)",
+      "pointer-events:auto"
+    ].join(";");
+    const x = document.createElement("span");
+    x.style.cssText = "margin-right:auto", x.textContent = `${k} more update${k === 1 ? "" : "s"}`;
+    const C = S("Mark all as read", !1);
+    return C.style.cssText += ";padding:4px 9px", C.addEventListener("click", () => a == null ? void 0 : a()), y.append(x, C), y;
+  }
+  return {
+    /**
+     * Draw what is unread, oldest first.
+     *
+     * The newest card sits nearest the corner the widget is in, which is the
+     * corner the reporter's eye is already trained on — so the stack grows away
+     * from the launcher rather than over it.
+     */
+    render(k) {
+      const y = Array.isArray(k) ? k : [];
+      if (!y.length) {
+        for (const B of g.values()) h(B);
+        g.clear(), d == null || d.remove(), d = null, b == null || b.remove(), b = null;
+        return;
+      }
+      const x = y.slice(-3), C = new Set(x.map((B) => B.id)), R = w();
+      for (const [B, X] of g)
+        C.has(B) || (h(X), g.delete(B));
+      const Y = [];
+      for (const B of x) {
+        if (g.has(B.id)) continue;
+        const X = z(B);
+        g.set(B.id, X), Y.push(X);
+      }
+      const O = l ? [...x].reverse() : x;
+      for (const B of O) R.appendChild(g.get(B.id));
+      const K = y.length - x.length;
+      K > 0 ? (d == null || d.remove(), d = F(K), l ? R.appendChild(d) : R.insertBefore(d, R.firstChild)) : (d == null || d.remove(), d = null), requestAnimationFrame(() => {
+        for (const B of Y)
+          B.isConnected && (B._bcShown = !0, B.style.opacity = "1", B.style.transform = "translateY(0)");
+      });
+    },
+    destroy() {
+      g.clear(), d = null, b == null || b.remove(), b = null;
+    }
+  };
+}
+async function ga({ apiBase: t, apiKey: e, projectId: n, sessionToken: a }) {
+  try {
+    const o = await fetch(
+      `${t}/ingest/known-issues?projectId=${encodeURIComponent(n)}`,
+      { headers: wt(e, a) }
+    );
+    if (!o.ok) return [];
+    const r = await o.json();
+    return Array.isArray(r == null ? void 0 : r.issues) ? r.issues : [];
+  } catch {
+    return [];
+  }
+}
+async function ma({ apiBase: t, apiKey: e, projectId: n, q: a, sessionToken: o, signal: r }) {
+  try {
+    const s = `${t}/ingest/known-issues/match?projectId=${encodeURIComponent(n)}&q=${encodeURIComponent(a)}`, l = await fetch(s, { headers: wt(e, o), signal: r });
+    if (!l.ok) return [];
+    const u = await l.json();
+    return Array.isArray(u == null ? void 0 : u.issues) ? u.issues : [];
+  } catch {
+    return [];
+  }
+}
+async function ba({
+  apiBase: t,
+  apiKey: e,
+  projectId: n,
+  bugId: a,
+  reporterEmail: o,
+  reporterName: r,
+  metadata: s,
+  logs: l,
+  sessionToken: u
+}) {
+  const g = await fetch(
+    `${t}/ingest/known-issues/${encodeURIComponent(a)}/join`,
+    {
+      method: "POST",
+      headers: wt(e, u),
+      body: JSON.stringify({ projectId: n, reporterEmail: o, reporterName: r, metadata: s, logs: l })
+    }
+  );
+  if (!g.ok) throw new Error(await wa(g));
+  const b = await g.json();
+  return b != null && b.watchToken && lt(b.watchToken), b;
+}
+function wt(t, e) {
+  return {
+    "Content-Type": "application/json",
+    "X-BugCatch-Key": t,
+    ...e ? { "X-BugCatch-Session": e } : {}
+  };
+}
+async function wa(t) {
+  try {
+    const e = await t.json(), n = Array.isArray(e.message) ? e.message.join(", ") : e.message;
+    if (n) return n;
+  } catch {
+  }
+  return `Could not add you to this issue (HTTP ${t.status})`;
+}
+const Ht = {
+  "bottom-right": "bottom:20px;right:20px;",
+  "bottom-left": "bottom:20px;left:20px;",
+  "top-right": "top:20px;right:20px;",
+  "top-left": "top:20px;left:20px;"
+}, ya = [
+  { value: "LOW", label: "Low" },
+  { value: "MEDIUM", label: "Medium" },
+  { value: "HIGH", label: "High" },
+  { value: "CRITICAL", label: "Critical" }
+], H = {
+  camera: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>',
+  video: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>',
+  paperclip: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>',
+  close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',
+  mic: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>',
+  send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>',
+  stopSquare: '<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>',
+  back: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>',
+  phone: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>',
+  phoneOff: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/><path d="M3 21L21 3"/></svg>',
+  bug: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6a4 4 0 0 1 8 0"/><rect x="7" y="7.5" width="10" height="12" rx="5"/><path d="M7 11H3.5M7 15.5H4M17 11h3.5M17 15.5h3M12 8v11.5"/></svg>',
+  check: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.8l4.6 4.4L19 7"/></svg>',
+  retry: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>',
+  sun: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.6v2.2M12 19.2v2.2M2.6 12h2.2M19.2 12h2.2M5.4 5.4l1.6 1.6M17 17l1.6 1.6M18.6 5.4L17 7M7 17l-1.6 1.6"/></svg>',
+  moon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z"/></svg>',
+  auto: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="4.4" width="18.4" height="12.6" rx="2.2"/><path d="M8.6 20.2h6.8"/><path d="M12 4.4v12.6"/><path d="M12 7.2a3.6 3.6 0 0 1 0 7.2z" fill="currentColor" stroke="none"/></svg>'
+}, va = '<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>', an = [
+  { value: "light", label: "Light", icon: H.sun },
+  { value: "dark", label: "Dark", icon: H.moon },
+  { value: "auto", label: "System default", icon: H.auto }
+], on = "bugcatch:theme";
+function xa() {
+  try {
+    const t = localStorage.getItem(on);
+    return an.some((e) => e.value === t) ? t : null;
+  } catch {
+    return null;
+  }
+}
+function ka(t) {
+  try {
+    localStorage.setItem(on, t);
+  } catch {
+  }
+}
+const Sa = (t) => `
+:host { all: initial; }
+:host {
+  --bc-accent: ${t};
+  --bc-on-accent: #fff;
+  --bc-bg: #fff;
+  --bc-elevated: #fff;
+  --bc-fg: #14161c;
+  --bc-muted: #6b7280;
+  --bc-faint: #9aa1ad;
+  --bc-border: #e3e6ec;
+  --bc-subtle: #f5f6f8;
+  --bc-raised: #fff;
+  --bc-danger: #dc2626;
+  --bc-ok: #059669;
+  /* The lockup's own two colours, kept off --bc-accent on purpose: that one is
+     the customer's brand, and this mark is ours. Values are the light cut of
+     brand/sphoro-bugcatch-primary.svg, pulled up from near-black so the mark
+     identifies itself without out-shouting the host's page. */
+  --bc-brand-ink: #4b5563;
+  --bc-brand-mark: #5647ee;
+  --bc-shadow: 0 24px 60px rgba(10,12,16,.28), 0 2px 8px rgba(10,12,16,.08);
+  --bc-dur: 240ms;
+  --bc-ease: cubic-bezier(.22,1,.36,1);
+}
+:host(.bc-dark) {
+  --bc-bg: #14161c;
+  --bc-elevated: #1c1f27;
+  --bc-fg: #eef0f4;
+  --bc-muted: #9aa1ad;
+  --bc-faint: #6b7280;
+  --bc-border: #2b2f39;
+  --bc-subtle: #21242c;
+  --bc-raised: #363d4b;
+  --bc-brand-ink: #9aa1ad;
+  --bc-brand-mark: #9b8fff;
+  --bc-shadow: 0 24px 60px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
+}
+@media (prefers-color-scheme: dark) {
+  :host(.bc-auto) {
+    --bc-bg: #14161c;
+    --bc-elevated: #1c1f27;
+    --bc-fg: #eef0f4;
+    --bc-muted: #9aa1ad;
+    --bc-faint: #6b7280;
+    --bc-border: #2b2f39;
+    --bc-subtle: #21242c;
+    --bc-raised: #363d4b;
+    --bc-brand-ink: #9aa1ad;
+    --bc-brand-mark: #9b8fff;
+    --bc-shadow: 0 24px 60px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
+  }
+}
+
+* { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif; }
+svg { width: 1em; height: 1em; display: block; }
+/* The hidden attribute has to actually hide. Nearly every element in here is given a
+   display by a rule below, and any of them beats the attribute's own UA style
+   — which is why .dock and .launcher each had to say so themselves. Said once,
+   for all of them, so the next element hidden from JavaScript works. */
+[hidden] { display: none !important; }
+
+/* Motion is decoration here — every animation below is an entrance or a state
+   hint, so switching them off costs nothing but the polish. */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: .01ms !important;
+  }
+}
+
+@keyframes bc-fade-in { from { opacity: 0 } to { opacity: 1 } }
+@keyframes bc-fade-out { to { opacity: 0 } }
+@keyframes bc-panel-in { from { opacity: 0; transform: translateY(16px) scale(.97) } to { opacity: 1; transform: none } }
+@keyframes bc-panel-out { to { opacity: 0; transform: translateY(8px) scale(.985) } }
+@keyframes bc-launcher-in { from { opacity: 0; transform: translateY(12px) scale(.86) } to { opacity: 1; transform: none } }
+@keyframes bc-item-in { from { opacity: 0; transform: translateY(8px) scale(.92) } to { opacity: 1; transform: none } }
+@keyframes bc-pulse { 0%, 100% { opacity: 1; transform: scale(1) } 50% { opacity: .3; transform: scale(.78) } }
+@keyframes bc-spin { to { transform: rotate(360deg) } }
+@keyframes bc-pop { 0% { transform: scale(.5); opacity: 0 } 65% { transform: scale(1.1) } 100% { transform: scale(1); opacity: 1 } }
+@keyframes bc-nudge { 25% { transform: translateX(-3px) } 75% { transform: translateX(3px) } }
+
+/* ---------- dock: theme switch stacked above the launcher ---------- */
+.dock {
+  position: fixed; z-index: 2147483000;
+  display: flex; flex-direction: column; gap: 10px;
+}
+.dock[hidden] { display: none; }
+/* While the panel is open the switch rises above the scrim so it stays usable
+   — the panel shares the shadow root, so a change re-themes the open form. */
+.dock.over { z-index: 2147483002; }
+.dock.at-right { align-items: flex-end; }
+.dock.at-left { align-items: flex-start; }
+/* Anchored to the top, "above the launcher" would be off-screen, so the
+   switch goes under it and the launcher stays the outermost thing. */
+.dock.at-top { flex-direction: column-reverse; }
+
+.themer {
+  display: inline-flex; align-items: center; gap: 2px;
+  padding: 3px; border-radius: 999px;
+  background: var(--bc-elevated); border: 1px solid var(--bc-border);
+  box-shadow: 0 6px 18px rgba(10,12,16,.16), 0 1px 3px rgba(10,12,16,.10);
+  animation: bc-launcher-in 420ms var(--bc-ease) both;
+}
+.themer button {
+  display: grid; place-items: center;
+  width: 28px; height: 28px; padding: 0;
+  border: none; border-radius: 999px; background: transparent;
+  color: var(--bc-muted); cursor: pointer;
+  transition: background var(--bc-dur) var(--bc-ease), color var(--bc-dur) var(--bc-ease), transform 140ms var(--bc-ease);
+}
+.themer button svg { font-size: 15px; }
+.themer button:hover { background: var(--bc-subtle); color: var(--bc-fg); }
+.themer button:active { transform: scale(.92); }
+.themer button[aria-pressed="true"] { background: var(--bc-accent); color: var(--bc-on-accent); }
+.themer button[aria-pressed="true"]:hover { background: var(--bc-accent); filter: brightness(1.06); }
+.themer button:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 2px; }
+
+/* ---------- launcher ---------- */
+.launcher {
+  display: inline-flex; align-items: center; gap: 8px;
+  padding: 11px 17px; border: none; border-radius: 999px;
+  background: var(--bc-accent); color: var(--bc-on-accent);
+  font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -.01em;
+  cursor: pointer;
+  box-shadow: 0 6px 18px rgba(10,12,16,.22), 0 1px 3px rgba(10,12,16,.16);
+  transition: transform var(--bc-dur) var(--bc-ease), box-shadow var(--bc-dur) var(--bc-ease), filter 160ms linear;
+  animation: bc-launcher-in 420ms var(--bc-ease) both;
+}
+.launcher svg { font-size: 17px; }
+.launcher:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(10,12,16,.26), 0 2px 6px rgba(10,12,16,.18); filter: brightness(1.06); }
+.launcher:active { transform: translateY(0) scale(.97); transition-duration: 90ms; }
+.launcher:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 3px; }
+.launcher[hidden] { display: none; }
+
+/* ---------- scrim + panel ---------- */
+.scrim {
+  position: fixed; inset: 0; z-index: 2147483001;
+  background: rgba(10,12,16,.5);
+  animation: bc-fade-in 200ms ease both;
+}
+.scrim.closing { animation: bc-fade-out 150ms ease both; }
+
+/* The panel belongs to the launcher, so it opens out of that corner rather
+   than in the middle of the screen. --bc-dock-h is measured at open time
+   because the dock's height depends on whether the launcher is showing. */
+.panel {
+  position: fixed;
+  width: calc(100vw - 40px); max-width: 440px;
+  max-height: calc(100vh - var(--bc-dock-h, 84px) - 52px);
+  overflow-y: auto; overscroll-behavior: contain;
+  background: var(--bc-bg); color: var(--bc-fg);
+  border-radius: 16px; box-shadow: var(--bc-shadow);
+  animation: bc-panel-in 320ms var(--bc-ease) both;
+}
+.scrim.at-right .panel { right: 20px; }
+.scrim.at-left .panel { left: 20px; }
+.scrim.at-bottom .panel { bottom: calc(20px + var(--bc-dock-h, 84px) + 12px); }
+.scrim.at-top .panel { top: calc(20px + var(--bc-dock-h, 84px) + 12px); }
+.scrim.closing .panel { animation: bc-panel-out 150ms ease both; }
+
+.head { display: flex; align-items: flex-start; gap: 11px; padding: 18px 18px 0; }
+.head .mark {
+  flex: none; display: grid; place-items: center;
+  width: 32px; height: 32px; border-radius: 9px;
+  background: color-mix(in srgb, var(--bc-accent) 13%, transparent);
+  color: var(--bc-accent); font-size: 18px;
+}
+.head .titles { flex: 1; min-width: 0; }
+.head h2 { margin: 1px 0 3px; font-size: 16px; font-weight: 650; letter-spacing: -.015em; }
+.head p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--bc-muted); }
+.icon-btn {
+  flex: none; display: grid; place-items: center;
+  width: 28px; height: 28px; padding: 0; font-size: 15px;
+  border: none; border-radius: 8px; background: none; color: var(--bc-faint);
+  cursor: pointer; transition: background 160ms, color 160ms;
+}
+.icon-btn:hover { background: var(--bc-subtle); color: var(--bc-fg); }
+.icon-btn:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 1px; }
+
+.body { padding: 16px 18px 0; }
+
+
+label { display: block; font-size: 12px; font-weight: 600; color: var(--bc-fg); margin-bottom: 6px; }
+input[type=text], input[type=email], textarea {
+  width: 100%; padding: 10px 12px; font-size: 14px; line-height: 1.45;
+  color: var(--bc-fg); background: var(--bc-elevated);
+  border: 1px solid var(--bc-border); border-radius: 10px;
+  transition: border-color 160ms, box-shadow 160ms;
+}
+input[type=text]::placeholder, input[type=email]::placeholder, textarea::placeholder { color: var(--bc-faint); }
+input[type=text]:focus, input[type=email]:focus, textarea:focus {
+  outline: none; border-color: var(--bc-accent);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bc-accent) 18%, transparent);
+}
+input.invalid { border-color: var(--bc-danger); animation: bc-nudge 240ms ease; }
+textarea { min-height: 84px; resize: vertical; }
+.field { margin-bottom: 14px; }
+
+/* ---------- what is already known ----------
+   A help surface in front of the form, not a step in it. Everything here is
+   dismissible by ignoring it: the reporter can read what is already known and
+   leave, tap "this is happening to me too" and leave, or type straight past all
+   of it and file the report they came to file. Nothing is ever in their way,
+   because a reporter who feels handled rather than helped stops reporting. */
+.known { margin-bottom: 14px; }
+.known .known-h {
+  margin: 0 0 8px; font-size: 12px; font-weight: 650; letter-spacing: .02em;
+  text-transform: uppercase; color: var(--bc-faint);
+}
+.known .issue {
+  display: flex; align-items: flex-start; gap: 10px;
+  padding: 10px 12px; margin-bottom: 6px;
+  background: var(--bc-subtle); border: 1px solid transparent; border-radius: 10px;
+}
+.known .issue.is-joined { border-color: var(--bc-ok); }
+.known .issue .who { flex: 1; min-width: 0; }
+.known .issue .t {
+  display: block; font-size: 13px; font-weight: 620; line-height: 1.4;
+  color: var(--bc-fg); overflow-wrap: anywhere;
+}
+.known .issue .meta {
+  display: block; margin-top: 3px; font-size: 12px; line-height: 1.45; color: var(--bc-muted);
+}
+.known .issue .join {
+  flex: none; padding: 6px 10px; font-size: 12px; font-weight: 620;
+  color: var(--bc-accent); background: var(--bc-bg);
+  border: 1px solid var(--bc-border); border-radius: 8px; cursor: pointer;
+}
+.known .issue .join:hover { border-color: var(--bc-accent); }
+.known .issue .join:disabled { color: var(--bc-ok); border-color: var(--bc-border); cursor: default; }
+.known .issue .join:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 2px; }
+.known .ask { display: flex; gap: 8px; margin-top: 8px; }
+.known .ask input { flex: 1; min-width: 0; }
+.known .ask button { flex: none; }
+.known .err { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: var(--bc-danger); }
+
+/* ---------- who is reporting ----------
+   A strip above the form rather than a screen in front of it: where signing in
+   is optional this is a line the reporter may ignore, and it should read as
+   one. Where it is required the composer below is not rendered at all and this
+   strip is the whole panel. */
+.whoami {
+  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
+  margin-bottom: 14px; padding: 10px 12px;
+  font-size: 12.5px; line-height: 1.45; color: var(--bc-muted);
+  background: var(--bc-subtle); border-radius: 10px;
+}
+.whoami.asking { display: block; }
+.whoami .who { flex: 1; min-width: 0; }
+.whoami .who strong { color: var(--bc-fg); font-weight: 620; word-break: break-all; }
+.whoami .link {
+  padding: 0; font-size: 12.5px; font-weight: 600; line-height: 1.45;
+  color: var(--bc-accent); background: none; border: none; cursor: pointer;
+}
+.whoami .link:hover { text-decoration: underline; }
+.whoami .link:disabled { color: var(--bc-faint); cursor: default; text-decoration: none; }
+.whoami .link:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 2px; border-radius: 4px; }
+.whoami .why { margin: 0 0 10px; font-size: 12.5px; line-height: 1.5; color: var(--bc-muted); }
+.whoami .why strong { color: var(--bc-fg); font-weight: 620; word-break: break-all; }
+.whoami .row { display: flex; gap: 8px; align-items: stretch; }
+.whoami .row input { flex: 1; min-width: 0; }
+.whoami .row button { flex: none; }
+.whoami .after { display: flex; gap: 12px; align-items: center; margin-top: 9px; }
+.whoami .err { color: var(--bc-danger); }
+.whoami .code { letter-spacing: .28em; font-variant-numeric: tabular-nums; }
+
+/* ---------- severity ---------- */
+.seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; padding: 3px; background: var(--bc-subtle); border-radius: 10px; }
+.seg button {
+  padding: 7px 4px; font-size: 12.5px; font-weight: 550; line-height: 1;
+  color: var(--bc-muted); background: none; border: none; border-radius: 7px;
+  cursor: pointer; transition: background 180ms var(--bc-ease), color 180ms, box-shadow 180ms, font-weight 180ms;
+}
+.seg button:hover { color: var(--bc-fg); }
+.seg button[aria-pressed=true] {
+  background: var(--bc-raised); color: var(--bc-accent); font-weight: 680;
+  box-shadow: 0 1px 3px rgba(10,12,16,.14);
+}
+.seg button:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: -1px; }
+
+/* ---------- attachments ---------- */
+.tools { display: flex; flex-wrap: wrap; gap: 6px; }
+.tool {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 12px; font-size: 12.5px; font-weight: 550; line-height: 1;
+  color: var(--bc-fg); background: var(--bc-elevated);
+  border: 1px solid var(--bc-border); border-radius: 9px; cursor: pointer;
+  transition: border-color 160ms, background 160ms, transform 160ms var(--bc-ease);
+}
+.tool svg { font-size: 15px; color: var(--bc-muted); transition: color 160ms; }
+.tool:hover:not(:disabled) { border-color: var(--bc-accent); transform: translateY(-1px); }
+.tool:hover:not(:disabled) svg { color: var(--bc-accent); }
+.tool:active:not(:disabled) { transform: translateY(0) scale(.98); }
+.tool:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 1px; }
+.tool:disabled { opacity: .45; cursor: not-allowed; }
+
+.thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
+.thumb {
+  position: relative; width: 74px; height: 74px; flex: none;
+  border-radius: 10px; overflow: hidden;
+  border: 1px solid var(--bc-border); background: var(--bc-subtle);
+  animation: bc-item-in 300ms var(--bc-ease) both;
+}
+.thumb img, .thumb video { width: 100%; height: 100%; object-fit: cover; display: block; }
+.thumb .kind {
+  position: absolute; left: 4px; bottom: 4px;
+  display: inline-flex; align-items: center; gap: 3px;
+  padding: 2px 5px; border-radius: 5px;
+  background: rgba(10,12,16,.72); color: #fff; font-size: 9.5px; font-weight: 600; line-height: 1.3;
+}
+.thumb .drop {
+  position: absolute; top: 3px; right: 3px;
+  width: 19px; height: 19px; font-size: 11px; border-radius: 6px;
+  background: rgba(10,12,16,.68); color: #fff; border: none;
+  display: grid; place-items: center; cursor: pointer;
+  opacity: 0; transition: opacity 160ms;
+}
+.thumb:hover .drop, .thumb:focus-within .drop { opacity: 1; }
+.thumb .drop:hover { background: var(--bc-danger); }
+.thumb .veil {
+  position: absolute; inset: 0; display: grid; place-items: center; gap: 6px;
+  background: rgba(10,12,16,.62); color: #fff; font-size: 10.5px; font-weight: 600;
+  align-content: center;
+}
+.thumb .veil.err { background: color-mix(in srgb, var(--bc-danger) 82%, transparent); }
+.spinner {
+  width: 17px; height: 17px; border-radius: 50%;
+  border: 2px solid rgba(255,255,255,.35); border-top-color: #fff;
+  animation: bc-spin 720ms linear infinite;
+}
+.bar { width: 46px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.3); overflow: hidden; }
+.bar i { display: block; height: 100%; width: 0; background: #fff; transition: width 180ms linear; }
+.veil button {
+  background: none; border: none; color: #fff; font-size: 14px; padding: 2px;
+  cursor: pointer; display: grid; place-items: center;
+}
+
+/* ---------- messages ---------- */
+.msg {
+  display: flex; align-items: flex-start; gap: 7px;
+  font-size: 12.5px; line-height: 1.45; padding: 9px 11px; border-radius: 9px; margin-bottom: 12px;
+  animation: bc-item-in 240ms var(--bc-ease) both;
+}
+.msg.err { background: color-mix(in srgb, var(--bc-danger) 11%, transparent); color: var(--bc-danger); }
+.msg.info { background: var(--bc-subtle); color: var(--bc-muted); }
+
+/* ---------- footer ---------- */
+.foot {
+  display: flex; align-items: center; gap: 9px;
+  margin-top: 16px; padding: 14px 18px; border-top: 1px solid var(--bc-border);
+  background: var(--bc-subtle);
+}
+.foot .spacer { flex: 1; }
+.foot .note { font-size: 11.5px; color: var(--bc-faint); }
+/* Quiet, but still legible: this sits in someone else's product, so it identifies
+   where the report goes without competing with their interface. Quiet is bought
+   with colour (--bc-brand-ink sits a step below body text) rather than with a
+   blanket opacity — the BUGCATCH half is only about 3px of cap height at this
+   size, and dimming it on top of that left it as a smudge in both themes. */
+.brand-credit { display: flex; align-items: center; transition: color 0.15s; }
+.bc-brand { height: 18px; width: auto; display: block; color: var(--bc-brand-ink); }
+.brand-credit:hover .bc-brand { color: var(--bc-fg); }
+.brand-credit:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 3px; border-radius: 4px; }
+button.ghost, button.primary {
+  padding: 9px 15px; font-size: 13px; font-weight: 600; line-height: 1;
+  border-radius: 9px; cursor: pointer;
+  transition: transform 160ms var(--bc-ease), filter 160ms, background 160ms, border-color 160ms;
+}
+button.ghost { background: none; border: 1px solid var(--bc-border); color: var(--bc-muted); }
+button.ghost:hover { color: var(--bc-fg); border-color: var(--bc-faint); }
+button.primary {
+  display: inline-flex; align-items: center; gap: 7px;
+  background: var(--bc-accent); border: 1px solid var(--bc-accent); color: var(--bc-on-accent);
+}
+button.primary:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.07); }
+button.primary:active:not(:disabled) { transform: none; }
+button.ghost:focus-visible, button.primary:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: 2px; }
+button:disabled { opacity: .5; cursor: not-allowed; }
+button.primary .spinner { border-color: rgba(255,255,255,.4); border-top-color: #fff; width: 13px; height: 13px; }
+
+/* ---------- success ---------- */
+/* ---------- your reports ---------- */
+.history { padding: 6px 20px 18px; max-height: 340px; overflow-y: auto; }
+/* On the conversation screen the inner thread does the scrolling, so this
+   wrapper must not — two nested scrollers means the composer drifts out of
+   reach exactly when someone reaches for it. */
+.history.chatting {
+  max-height: none; overflow: visible; display: flex; flex-direction: column;
+}
+.history .row {
+  display: flex; align-items: flex-start; gap: 10px;
+  padding: 11px 0; border-bottom: 1px solid var(--bc-border);
+}
+.history .row:last-child { border-bottom: 0; }
+.history .who { flex: 1; min-width: 0; }
+.history .ttl {
+  display: block; font-size: 13px; font-weight: 550; color: var(--bc-fg);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.history .sub { display: block; margin-top: 2px; font-size: 11.5px; color: var(--bc-faint); }
+.history .empty { padding: 26px 0; text-align: center; font-size: 12.5px; color: var(--bc-muted); }
+/* A history row is a button now — it opens the report — so the UA styling has
+   to go, and the hit area has to read as one. */
+.history button.row {
+  width: 100%; background: none; border: 0; border-bottom: 1px solid var(--bc-border);
+  font: inherit; color: inherit; text-align: left; cursor: pointer;
+  border-radius: 8px; padding: 11px 8px; margin: 0 -8px; width: calc(100% + 16px);
+}
+.history button.row:hover { background: var(--bc-subtle); }
+.history button.row:focus-visible { outline: 2px solid var(--bc-accent); outline-offset: -2px; }
+
+/* ---------- one report, and what happened to it ---------- */
+.report-head {
+  display: grid; grid-template-columns: 1fr auto; gap: 2px 10px;
+  padding: 4px 0 14px; border-bottom: 1px solid var(--bc-border);
+}
+.report-head .ttl { font-size: 13.5px; font-weight: 600; color: var(--bc-fg); }
+.report-head .sub { font-size: 11.5px; color: var(--bc-faint); }
+.report-head .pill { grid-row: 1 / span 2; align-self: center; }
+
+/* The thread scrolls; the composer under it does not. Both live inside the
+   panel, which stops scrolling as a whole on this screen — a composer that
+   scrolls away is a composer people think isn't there. */
+.thread {
+  display: flex; flex-direction: column; gap: 10px;
+  padding: 14px 0 8px; overflow-y: auto; overscroll-behavior: contain;
+  max-height: min(46vh, 330px);
+}
+
+/* A status change is not a message and is not drawn as one: no side, no
+   bubble, no author. Centred and quiet, the way every chat marks the things
+   that happened rather than the things that were said. */
+.sys {
+  align-self: center; max-width: 90%; text-align: center;
+  font-size: 11.5px; line-height: 1.45; color: var(--bc-faint);
+}
+.sys .dot {
+  display: inline-block; width: 6px; height: 6px; margin-right: 6px;
+  border-radius: 50%; background: var(--bc-muted); vertical-align: middle;
+}
+.sys.k-status .dot { background: #4da3ff; }
+.sys.k-severity .dot { background: #e8912a; }
+.sys.k-assignment .dot { background: #8b7dff; }
+.sys.k-filed .dot { background: var(--bc-faint); }
+.icon-btn.back { margin-right: 2px; }
+
+/* ---------- the conversation ----------
+
+   A status change and a message are different things and are drawn as such: a
+   change is a line on the rail above, a message is a bubble with a side. The
+   reporter's own words sit right and accented, the team's left and neutral —
+   the arrangement every chat has taught people to read without a legend. */
+.msgs { display: flex; flex-direction: column; gap: 10px; padding: 4px 0 6px; }
+.msg-row { display: flex; flex-direction: column; max-width: 84%; gap: 4px; }
+.msg-row.mine { align-self: flex-end; align-items: flex-end; }
+.msg-row.theirs { align-self: flex-start; }
+.msg-who { font-size: 11px; font-weight: 600; color: var(--bc-faint); padding: 0 2px; }
+.bubble {
+  padding: 8px 11px; border-radius: 12px; font-size: 12.5px; line-height: 1.5;
+  background: var(--bc-subtle); color: var(--bc-fg);
+  border: 1px solid var(--bc-border);
+}
+/* pre-wrap belongs to the text, not the box — on the box it would also render
+   the markup's own indentation. */
+.msg-text { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
+.msg-row.mine .bubble {
+  background: var(--bc-accent); border-color: var(--bc-accent); color: var(--bc-on-accent);
+  border-bottom-right-radius: 4px;
+}
+.msg-row.theirs .bubble { border-bottom-left-radius: 4px; }
+/* A reply nobody wrote. Outlined rather than recoloured — it is still the
+   team's side of the conversation — with the label above carrying the meaning,
+   so it reads the same to someone who cannot see the border at all. */
+.msg-row.auto .bubble { border-style: dashed; }
+.msg-who.auto { color: var(--bc-accent); }
+/* An attachment-only message has no text to wrap, so the bubble would be an
+   empty coloured box around it. */
+.bubble.silent { padding: 0; background: none; border: 0; }
+.msg-when { font-size: 10.5px; color: var(--bc-faint); padding: 0 2px; }
+.msg-row.pending { opacity: .55; }
+.msg-row.failed .bubble { border: 1px solid var(--bc-danger); }
+
+.att { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
+.bubble.silent .att { margin-top: 0; }
+.att img {
+  display: block; max-width: 100%; max-height: 190px; border-radius: 9px;
+  border: 1px solid var(--bc-border); object-fit: cover; cursor: zoom-in;
+}
+.att audio { width: 232px; max-width: 100%; height: 34px; }
+.att video { max-width: 100%; max-height: 190px; border-radius: 9px; }
+.att .file {
+  display: flex; align-items: center; gap: 8px; text-decoration: none;
+  padding: 8px 10px; border-radius: 9px; font-size: 12px;
+  background: var(--bc-elevated); border: 1px solid var(--bc-border); color: var(--bc-fg);
+}
+.att .file:hover { border-color: var(--bc-accent); }
+.att .file .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.att .file .sz { flex: none; color: var(--bc-faint); font-size: 11px; }
+
+/* ---------- the composer ---------- */
+.composer {
+  position: sticky; bottom: 0; margin-top: auto;
+  padding: 10px 0 2px;
+  /* The panel's own background, not --bc-elevated: the two are the same white
+     in light mode but differ in dark, where a raised composer reads as a band
+     laid over the panel rather than the foot of it. */
+  background: var(--bc-bg);
+  border-top: 1px solid var(--bc-border);
+}
+.composer .row { display: flex; align-items: flex-end; gap: 8px; }
+.composer textarea {
+  flex: 1; min-height: 38px; max-height: 120px; resize: none; padding: 9px 11px;
+  font: inherit; font-size: 12.5px; line-height: 1.45;
+  color: var(--bc-fg); background: var(--bc-subtle);
+  border: 1px solid var(--bc-border); border-radius: 10px;
+}
+.composer textarea:focus { outline: none; border-color: var(--bc-accent); }
+.composer .tools { display: flex; gap: 4px; }
+.composer .tool {
+  width: 34px; height: 34px; display: grid; place-items: center; cursor: pointer;
+  border-radius: 9px; border: 1px solid transparent; background: none;
+  color: var(--bc-muted);
+}
+.composer .tool:hover { background: var(--bc-subtle); color: var(--bc-fg); }
+.composer .tool:disabled { opacity: .4; cursor: default; }
+.composer .tool.recording { color: var(--bc-danger); background: color-mix(in srgb, var(--bc-danger) 12%, transparent); }
+.composer .send {
+  width: 34px; height: 34px; flex: none; border-radius: 9px; cursor: pointer;
+  background: var(--bc-accent); border: 1px solid var(--bc-accent); color: #fff;
+  display: grid; place-items: center;
+}
+.composer .send:disabled { opacity: .4; cursor: default; }
+.composer .staged { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 8px; }
+.composer .chip {
+  display: flex; align-items: center; gap: 6px; max-width: 190px;
+  padding: 5px 7px; border-radius: 8px; font-size: 11.5px;
+  background: var(--bc-subtle); border: 1px solid var(--bc-border); color: var(--bc-muted);
+}
+.composer .chip .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.composer .chip button {
+  flex: none; width: 16px; height: 16px; display: grid; place-items: center;
+  border: 0; border-radius: 4px; background: none; color: var(--bc-faint); cursor: pointer;
+}
+.composer .chip button:hover { color: var(--bc-danger); }
+.composer .chip.uploading { border-style: dashed; }
+.composer .note { padding: 6px 2px 0; font-size: 11.5px; color: var(--bc-faint); }
+.composer .note.err { color: var(--bc-danger); }
+.reccount { font-variant-numeric: tabular-nums; }
+
+/* Status carries the only colour in this list, so it is the thing the eye
+   lands on — which is what someone opening this screen came to check. */
+.pill {
+  flex: none; font-size: 10.5px; font-weight: 650; letter-spacing: .03em;
+  padding: 3px 8px; border-radius: 999px; text-transform: uppercase;
+  border: 1px solid currentColor;
+}
+.pill.open { color: #e8912a; }
+.pill.in_progress { color: #4da3ff; }
+.pill.resolved { color: #35b87f; }
+.pill.closed { color: var(--bc-faint); }
+
+/* A call in progress, in place of the form.
+   ---------------------------------------------------------------------------
+   Deliberately not styled as a chat. What is on screen is a transcript of
+   something being said out loud, and bubbles would invite the reporter to type
+   into it — which is the one thing this surface cannot accept. */
+.call { padding: 20px 22px 14px; animation: bc-fade-in 240ms ease both; }
+.call-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.call-head strong { font-size: 14.5px; font-weight: 650; }
+.call-dot {
+  width: 8px; height: 8px; border-radius: 50%; background: var(--bc-accent);
+  animation: bc-call-pulse 1.6s ease-in-out infinite;
+}
+.call-dot.off { background: var(--bc-faint); animation: none; }
+@keyframes bc-call-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
+/* Said before the first word is, because a voice answering is exactly when
+   somebody assumes they have reached a person. */
+.call-note { margin: 0 0 12px; font-size: 12px; color: var(--bc-muted); line-height: 1.5; }
+
+/* ---------- a call to a person, on top of the report it is about ---------- */
+/* A bar rather than its own screen, unlike the agent call. There is nothing to
+   read during this one — no transcript arrives, because nobody is transcribing
+   it — and the thread underneath is exactly what both people are talking about,
+   so taking it off screen would be taking away the only shared reference. */
+.livecall {
+  display: flex; align-items: center; gap: 9px;
+  margin: 12px 0 0; padding: 9px 11px;
+  border: 1px solid var(--bc-border); border-radius: 10px;
+  background: var(--bc-subtle); font-size: 12.5px; color: var(--bc-fg);
+}
+.livecall .who { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.livecall .secs { font-variant-numeric: tabular-nums; color: var(--bc-muted); }
+.livecall .act {
+  padding: 5px 10px; border-radius: 999px; border: 1px solid var(--bc-border);
+  background: var(--bc-elevated); color: var(--bc-fg);
+  font: inherit; font-size: 12px; cursor: pointer;
+}
+.livecall .act:hover { background: var(--bc-subtle); }
+.livecall .act.danger { border-color: transparent; background: var(--bc-danger); color: #fff; }
+.livecall.over { color: var(--bc-muted); }
+.call-note code { font-size: 11px; }
+.call-lines {
+  max-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: 7px;
+  padding: 10px 12px; border: 1px solid var(--bc-line); border-radius: 8px;
+  background: var(--bc-surface-2, transparent);
+}
+.call-line { font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
+.call-line.agent { color: var(--bc-muted); }
+.call-line.you { color: var(--bc-ink); font-weight: 500; }
+.call-line.you::before { content: 'You: '; color: var(--bc-faint); font-weight: 400; }
+@media (prefers-reduced-motion: reduce) { .call-dot { animation: none; } }
+
+.done { padding: 34px 24px 38px; text-align: center; animation: bc-fade-in 240ms ease both; }
+.done .tick {
+  width: 46px; height: 46px; margin: 0 auto 14px; border-radius: 50%;
+  display: grid; place-items: center; font-size: 24px;
+  background: color-mix(in srgb, var(--bc-ok) 14%, transparent); color: var(--bc-ok);
+  animation: bc-pop 420ms var(--bc-ease) both;
+}
+.done h3 { margin: 0 0 5px; font-size: 15.5px; font-weight: 650; }
+.done p { margin: 0; font-size: 12.5px; color: var(--bc-muted); }
+.done code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
+/* The likely wait. Set apart from the reference line above it by a rule rather
+   than by weight: one is bookkeeping and the other is the answer to the
+   question the reporter actually has, and they should not read as one
+   paragraph. */
+.done .eta {
+  margin: 12px auto 0;
+  padding-top: 11px;
+  border-top: 1px solid var(--bc-line);
+  max-width: 30ch;
+  line-height: 1.5;
+}
+.done .eta strong { color: var(--bc-ink); font-weight: 600; }
+/* The same figure on the report the reporter came back to. Sits under the
+   status pill in the header block, muted — it is context, not the headline the
+   status is. */
+.report-head .eta-line {
+  grid-column: 1 / -1;
+  font-size: 11.5px;
+  color: var(--bc-muted);
+  margin-top: 2px;
+}
+
+/* ---------- recording bar ---------- */
+.recbar {
+  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
+  z-index: 2147483002;
+  display: flex; align-items: center; gap: 12px;
+  padding: 10px 12px 10px 15px; border-radius: 999px;
+  background: var(--bc-elevated); color: var(--bc-fg);
+  border: 1px solid var(--bc-border); box-shadow: var(--bc-shadow);
+  animation: bc-item-in 300ms var(--bc-ease) both;
+}
+.recbar .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--bc-danger); animation: bc-pulse 1.4s ease-in-out infinite; }
+.recbar .time { font-variant-numeric: tabular-nums; font-size: 13px; font-weight: 600; min-width: 38px; }
+.recbar .hint { font-size: 12px; color: var(--bc-muted); }
+.recbar button { padding: 7px 13px; font-size: 12.5px; font-weight: 600; border-radius: 999px; cursor: pointer; }
+.recbar .stop { background: var(--bc-danger); border: 1px solid var(--bc-danger); color: #fff; }
+.recbar .stop:hover { filter: brightness(1.08); }
+
+@media (max-width: 520px) {
+  .panel { width: calc(100vw - 24px); max-width: none; }
+  .scrim.at-right .panel, .scrim.at-left .panel { left: 12px; right: 12px; }
+  .recbar .hint { display: none; }
+}
+
+/* ---------- phones ----------------------------------------------------------
+   This widget runs inside a shadow root on somebody else's site, so its own
+   stylesheet is the whole story: the host page cannot correct any of this, and
+   anything that goes wrong here goes wrong on their site, in front of their
+   visitor, at the moment that visitor is already annoyed enough to file a bug.
+   -------------------------------------------------------------------------- */
+
+/* 100vh on a phone is the viewport with the browser chrome hidden, so the
+   panel could be taller than the space it actually has and put "Send report"
+   under the address bar. */
+@supports (height: 100dvh) {
+  .panel { max-height: calc(100dvh - var(--bc-dock-h, 84px) - 52px); }
+}
+
+/* The dock sits in a corner of a page the widget does not own. On a notched
+   phone that corner is under the home indicator, and in landscape it is under
+   the camera housing. env() is 0 everywhere else, so the offsets are unchanged
+   on hardware that has no insets. */
+.dock {
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  padding-right: env(safe-area-inset-right, 0px);
+  padding-left: env(safe-area-inset-left, 0px);
+}
+
+@media (pointer: coarse) {
+  /* iOS zooms the whole page when a field it focuses is under 16px, and does
+     not zoom back out. On the host's site that is not the widget's page to
+     zoom — the visitor is left on a magnified checkout wondering what they
+     touched. !important because this is a property of the device, not a
+     preference about type. */
+  input, textarea, select { font-size: 16px !important; }
+
+  /* 44px is the floor a thumb hits reliably. Every control in this form was
+     under it, on the one surface in the product designed for someone who is
+     not an operator and gets no second attempt. */
+  .launcher { min-height: 48px; padding: 14px 20px; }
+  .seg button { min-height: 44px; padding: 12px 8px; }
+  .tool { min-height: 44px; padding: 12px 14px; }
+  button.primary, .foot button { min-height: 44px; padding: 12px 18px; }
+  textarea { min-height: 104px; }
+
+  /* The theme switch and the close button are 28px glyphs whose boxes cannot
+     grow without moving the header text beside them, so each keeps its size
+     and gets an invisible target drawn around it instead. */
+  .themer button, .head .icon-btn, .thumb .x, .brand-credit { position: relative; }
+  .themer button::after, .head .icon-btn::after, .thumb .x::after, .brand-credit::after {
+    content: '';
+    position: absolute;
+    inset: -9px;
+  }
+  /* The close button is the one people reach for in a hurry, and it sits in
+     the corner where a thumb is least accurate. */
+  .head .icon-btn::after { inset: -12px; }
+  /* The themer's three buttons sit side by side, so their expanders would
+     overlap each other without a gap to grow into. */
+  .themer { gap: 4px; }
+
+  /* Thumb-sized controls make the form taller, which on a short phone pushed
+     "Send report" below the fold of a panel that scrolls — so the one button
+     the whole widget exists for was reachable only by scrolling past the
+     attachment row. It stays on screen instead. */
+  .foot {
+    position: sticky;
+    bottom: 0;
+    margin-top: 16px;
+    /* The panel scrolls under this, so the bar cannot be translucent. */
+    background: var(--bc-subtle);
+    padding-bottom: max(14px, env(safe-area-inset-bottom, 0px));
+  }
+}
+
+/* Hover is a lie on a touchscreen: it latches on tap and stays. The launcher's
+   lift in particular was left applied after the panel closed. */
+@media (hover: none) {
+  .launcher:hover { transform: none; filter: none; box-shadow: 0 6px 18px rgba(10,12,16,.22), 0 1px 3px rgba(10,12,16,.16); }
+  .tool:hover, .themer button:hover { border-color: var(--bc-border); }
+}
+`;
+function Ca(t) {
+  const e = document.createElement("div");
+  e.setAttribute("data-bugcatch", "widget");
+  let n = xa() || Ea(t.config.theme);
+  e.className = qt(n);
+  const a = e.attachShadow({ mode: "open" }), o = document.createElement("style");
+  o.textContent = Sa(t.config.accent || "#4F46E5"), a.appendChild(o);
+  const r = Ht[t.config.widgetPosition] ? t.config.widgetPosition : "bottom-right", s = document.createElement("div");
+  s.className = `dock ${r.includes("right") ? "at-right" : "at-left"}` + (r.startsWith("top") ? " at-top" : ""), s.style.cssText = Ht[r];
+  const l = document.createElement("div");
+  l.className = "themer", l.setAttribute("role", "group"), l.setAttribute("aria-label", "Report widget theme"), l.innerHTML = an.map((b) => `<button type="button" data-theme="${b.value}" title="${b.label}" aria-label="${b.label}" aria-pressed="${b.value === n}">${b.icon}</button>`).join(""), l.addEventListener("click", (b) => {
+    const d = b.target.closest("button[data-theme]");
+    !d || d.dataset.theme === n || (n = d.dataset.theme, e.className = qt(n), ka(n), l.querySelectorAll("button").forEach((w) => {
+      w.setAttribute("aria-pressed", String(w.dataset.theme === n));
+    }));
+  });
+  const u = document.createElement("button");
+  u.className = "launcher", u.type = "button", u.innerHTML = `${H.bug}<span>Report a bug</span>`, u.setAttribute("aria-haspopup", "dialog"), u.setAttribute("aria-expanded", "false");
+  let g = null;
+  return u.addEventListener("click", () => {
+    if (g) {
+      g.close();
+      return;
+    }
+    s.classList.add("over"), u.setAttribute("aria-expanded", "true"), g = Ta({
+      root: a,
+      host: e,
+      dock: s,
+      client: t,
+      onClose: () => {
+        g = null, s.classList.remove("over"), u.setAttribute("aria-expanded", "false");
+      }
+    });
+  }), s.append(l, u), a.appendChild(s), document.body.appendChild(e), () => {
+    g == null || g.destroy(), e.remove();
+  };
+}
+function Ea(t) {
+  return t === "dark" || t === "light" ? t : "auto";
+}
+function qt(t) {
+  return t === "dark" ? "bc-dark" : t === "light" ? "bc-light" : "bc-auto";
+}
+function Ta({ root: t, host: e, dock: n, client: a, onClose: o }) {
+  var Ct, Et, Tt, $t, Bt;
+  const r = a.config, s = r.attachments !== !1, l = s && Un(), u = s && qn(), g = [];
+  let b = "MEDIUM", d = null, w = !1;
+  const h = document.createElement("div");
+  h.className = `scrim ${n.classList.contains("at-left") ? "at-left" : "at-right"} ${n.classList.contains("at-top") ? "at-top" : "at-bottom"}`, h.style.setProperty("--bc-dock-h", `${Math.round(n.getBoundingClientRect().height)}px`), h.innerHTML = `
+    <div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h">
+      <div class="head">
+        <div class="mark">${H.bug}</div>
+        <div class="titles">
+          <h2 id="bc-h">Report a bug</h2>
+          <p>We'll attach what the page was doing, so you don't have to explain it.</p>
+        </div>
+        <button class="icon-btn" type="button" data-act="close" aria-label="Close">${H.close}</button>
+      </div>
+      <div class="body">
+        <div class="slot"></div>
+        <div class="whoami" hidden></div>
+        <div class="known" hidden></div>
+        <div class="compose">
+        <div class="field">
+          <label for="bc-title">What went wrong?</label>
+          <input id="bc-title" type="text" placeholder="Checkout button does nothing" autocomplete="off" />
+        </div>
+        <div class="field">
+          <label for="bc-desc">Any detail that helps <span style="font-weight:450;color:var(--bc-faint)">(optional)</span></label>
+          <textarea id="bc-desc" placeholder="I clicked Pay and nothing happened."></textarea>
+        </div>
+        <div class="field">
+          <label id="bc-prio-l">Severity</label>
+          <div class="seg" role="group" aria-labelledby="bc-prio-l">
+            ${ya.map((i) => `
+              <button type="button" data-prio="${i.value}" aria-pressed="${i.value === b}">${i.label}</button>
+            `).join("")}
+          </div>
+        </div>
+        ${s ? `
+        <div class="field">
+          <label>Attach <span style="font-weight:450;color:var(--bc-faint)">(optional)</span></label>
+          <div class="tools">
+            ${l ? `<button class="tool" type="button" data-act="shot">${H.camera}Screenshot</button>` : ""}
+            ${u ? `<button class="tool" type="button" data-act="rec">${H.video}Record</button>` : ""}
+            <button class="tool" type="button" data-act="file">${H.paperclip}File</button>
+          </div>
+          <div class="thumbs"></div>
+          <input type="file" accept="${Pe.join(",")}" multiple hidden />
+        </div>` : ""}
+        </div>
+      </div>
+      <div class="foot">
+        <a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${va}</a>
+        <span class="note"></span>
+        <span class="spacer"></span>
+        ${a.hasReports() ? '<button class="ghost" type="button" data-act="history">Your reports</button>' : ""}
+        <button class="ghost" type="button" data-act="cancel">Cancel</button>
+        <!-- Hidden until the API confirms this project can take a call, which
+             most cannot. Drawn here rather than as a second launcher because it
+             is the same errand as Send report — the difference is only whether
+             the reporter would rather say it than type it. -->
+        <button class="ghost" type="button" data-act="call" hidden>Talk to us</button>
+        <button class="primary" type="button" data-act="send">Send report</button>
+      </div>
+    </div>`;
+  const S = (i) => h.querySelector(i), z = S("#bc-title"), F = S(".slot"), k = S(".thumbs"), y = h.querySelector("input[type=file]"), x = S('[data-act="send"]'), C = S('[data-act="call"]'), R = S(".note"), Y = S(".compose"), O = S(".whoami"), K = S(".known"), B = S('[data-act="history"]'), X = document.activeElement, me = document.documentElement.style, Xe = me.overflow;
+  me.overflow = "hidden";
+  let ve = !1, xe = null;
+  function Ae() {
+    var i;
+    ve || (ve = !0, d == null || d.cancel(), xe == null || xe(), g.forEach((c) => c.previewUrl && URL.revokeObjectURL(c.previewUrl)), me.overflow = Xe, document.removeEventListener("keydown", re, !0), h.remove(), (i = t.querySelector(".recbar")) == null || i.remove(), n.hidden = !1, e.style.opacity = "", o == null || o());
+  }
+  function q() {
+    var i;
+    if (!ve) {
+      h.classList.add("closing"), setTimeout(Ae, 160);
+      try {
+        (i = X == null ? void 0 : X.focus) == null || i.call(X);
+      } catch {
+      }
+    }
+  }
+  function re(i) {
+    if (i.key === "Escape") {
+      if (i.stopPropagation(), d) {
+        be({ keep: !1 });
+        return;
+      }
+      w || q();
+      return;
+    }
+    if (i.key !== "Tab" || d) return;
+    const c = [...h.querySelectorAll(
+      "button:not(:disabled), input:not([hidden]), textarea, select, [href]"
+    )].filter((E) => E.offsetParent !== null || E === document.activeElement);
+    if (!c.length) return;
+    const p = c[0], m = c[c.length - 1], M = h.getRootNode().activeElement;
+    i.shiftKey && M === p ? (i.preventDefault(), m.focus()) : !i.shiftKey && M === m && (i.preventDefault(), p.focus());
+  }
+  document.addEventListener("keydown", re, !0), h.addEventListener("click", (i) => {
+    i.target === h && !w && q();
+  }), S('[data-act="close"]').addEventListener("click", q), S('[data-act="cancel"]').addEventListener("click", q), h.querySelectorAll("[data-prio]").forEach((i) => {
+    i.addEventListener("click", () => {
+      b = i.dataset.prio, h.querySelectorAll("[data-prio]").forEach((c) => {
+        c.setAttribute("aria-pressed", String(c === i));
+      });
+    });
+  });
+  function V(i, c = "err") {
+    F.innerHTML = i ? `<div class="msg ${c}">${T(i)}</div>` : "";
+  }
+  function oe() {
+    const i = g.some((c) => c.status === "uploading");
+    x.disabled = w || i, R.textContent = i ? "Waiting for the upload to finish…" : "", h.querySelectorAll(".tool").forEach((c) => {
+      c.disabled = w || g.length >= (r.maxAttachments ?? 5);
+    });
+  }
+  function $e(i) {
+    var E;
+    const c = i.el, p = i.kind === "VIDEO" ? "Video" : "Shot", m = i.kind === "VIDEO" ? `<video src="${i.previewUrl}" muted playsinline preload="metadata"></video>` : `<img src="${i.previewUrl}" alt="" />`;
+    let M = "";
+    i.status === "uploading" ? M = `<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round(i.progress * 100)}%"></i></div></div>` : i.status === "failed" && (M = `<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${H.retry}</button>Failed</div>`), c.innerHTML = `
+      ${m}
+      <span class="kind">${p} · ${Te(i.size)}</span>
+      <button class="drop" type="button" data-act="drop" aria-label="Remove ${p.toLowerCase()}">${H.close}</button>
+      ${M}`, c.querySelector('[data-act="drop"]').addEventListener("click", () => Qe(i)), (E = c.querySelector('[data-act="retry"]')) == null || E.addEventListener("click", () => Be(i));
+  }
+  function Qe(i) {
+    const c = g.indexOf(i);
+    c >= 0 && g.splice(c, 1), i.previewUrl && URL.revokeObjectURL(i.previewUrl), i.el.remove(), oe();
+  }
+  async function Be(i) {
+    i.status = "uploading", i.progress = 0, $e(i), oe();
+    try {
+      const { storageKey: c, mime: p } = await a.uploadAttachment(i.blob, i.mime, (m) => {
+        i.progress = m;
+        const M = i.el.querySelector(".bar i");
+        M && (M.style.width = `${Math.round(m * 100)}%`);
+      });
+      i.storageKey = c, i.mime = p, i.status = "ready";
+    } catch (c) {
+      i.status = "failed", V(c.message.replace("[BugCatch] ", ""));
+    }
+    $e(i), oe();
+  }
+  function Me({ blob: i, mime: c, kind: p }) {
+    const m = r.maxAttachmentBytes ?? 26214400;
+    if (i.size > m) {
+      V(`That file is ${Te(i.size)} — the limit is ${Te(m)}.`);
+      return;
+    }
+    const M = Ke(c || i.type, Pe);
+    if (!M) {
+      V("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");
+      return;
+    }
+    const E = {
+      blob: i,
+      kind: p,
+      mime: M,
+      size: i.size,
+      previewUrl: URL.createObjectURL(i),
+      status: "uploading",
+      progress: 0,
+      storageKey: null,
+      el: document.createElement("div")
+    };
+    E.el.className = "thumb", g.push(E), k.appendChild(E.el), V(""), Be(E);
+  }
+  async function Je(i) {
+    e.style.opacity = "0", e.style.pointerEvents = "none", await new Promise((c) => requestAnimationFrame(() => requestAnimationFrame(c)));
+    try {
+      return await i();
+    } finally {
+      e.style.opacity = "", e.style.pointerEvents = "";
+    }
+  }
+  (Ct = h.querySelector('[data-act="shot"]')) == null || Ct.addEventListener("click", async () => {
+    try {
+      const i = await Je(Dn);
+      Me(i);
+    } catch (i) {
+      (i == null ? void 0 : i.name) !== "NotAllowedError" && V(`Screenshot failed: ${i.message}`);
+    }
+  }), (Et = h.querySelector('[data-act="file"]')) == null || Et.addEventListener("click", () => y.click()), y == null || y.addEventListener("change", () => {
+    const i = (r.maxAttachments ?? 5) - g.length;
+    [...y.files].slice(0, Math.max(i, 0)).forEach((c) => {
+      Me({
+        blob: c,
+        mime: c.type,
+        kind: c.type.startsWith("video/") ? "VIDEO" : "SCREENSHOT"
+      });
+    }), y.value = "";
+  }), (Tt = h.querySelector('[data-act="rec"]')) == null || Tt.addEventListener("click", async () => {
+    const i = r.maxRecordingMs ?? 12e4;
+    let c;
+    try {
+      d = await Nn({
+        maxMs: i,
+        onTick: (p) => {
+          c && (c.querySelector(".time").textContent = qe(p));
+        },
+        onAutoStop: () => {
+          d && be({ keep: !0 });
+        }
+      });
+    } catch (p) {
+      (p == null ? void 0 : p.name) !== "NotAllowedError" && V(`Recording failed: ${p.message}`);
+      return;
+    }
+    h.style.display = "none", n.hidden = !0, c = document.createElement("div"), c.className = "recbar", c.innerHTML = `
+      <span class="dot"></span>
+      <span class="time">0:00</span>
+      <span class="hint">Recording — up to ${qe(Math.round(i / 1e3))}</span>
+      <button class="stop" type="button">Stop</button>
+      <button class="ghost" type="button">Discard</button>`, c.querySelector(".stop").addEventListener("click", () => be({ keep: !0 })), c.querySelector(".ghost").addEventListener("click", () => be({ keep: !1 })), t.appendChild(c), c.querySelector(".stop").focus();
+  });
+  async function be({ keep: i }) {
+    var p;
+    const c = d;
+    if (c) {
+      if (d = null, (p = t.querySelector(".recbar")) == null || p.remove(), h.style.display = "", n.hidden = !1, !i) {
+        c.cancel(), z.focus();
+        return;
+      }
+      try {
+        const m = await c.stop();
+        m.blob.size ? Me(m) : V("That recording came back empty — nothing was captured.");
+      } catch (m) {
+        V(`Recording failed: ${m.message}`);
+      }
+      z.focus();
+    }
+  }
+  x.addEventListener("click", async () => {
+    const i = z.value;
+    if (!i.trim()) {
+      V("Please describe what went wrong."), z.classList.add("invalid"), z.focus(), setTimeout(() => z.classList.remove("invalid"), 500);
+      return;
+    }
+    w = !0, V(""), oe();
+    const c = x.innerHTML;
+    x.innerHTML = '<span class="spinner"></span>Sending…';
+    try {
+      const p = await a.report({
+        title: i,
+        description: S("#bc-desc").value,
+        priority: b,
+        attachments: g.filter((m) => m.status === "ready").map((m) => ({ type: m.kind, storageKey: m.storageKey, mime: m.mime }))
+      });
+      kt(p);
+    } catch (p) {
+      w = !1, x.innerHTML = c, V(p.message.replace("[BugCatch] ", "")), oe(), f.mode !== "off" && tt().catch(() => {
+      });
+    }
+  }), ($t = h.querySelector('[data-act="history"]')) == null || $t.addEventListener("click", St);
+  let ie = [], we = "", ye = null, le = null;
+  function Re() {
+    r.knownIssues !== !1 && a.knownIssues().then((i) => {
+      ie = i, de();
+    }).catch(() => {
+    });
+  }
+  let je = null;
+  function Ge(i) {
+    if (r.knownIssues === !1) return;
+    clearTimeout(je), le == null || le.abort();
+    const c = (i || "").trim();
+    if (c.length < 3) {
+      Re();
+      return;
+    }
+    je = setTimeout(() => {
+      le = new AbortController(), a.matchKnownIssues(c, { signal: le.signal }).then((p) => {
+        p.length && (ie = p, de());
+      }).catch(() => {
+      });
+    }, 250);
+  }
+  function de() {
+    if (!ie.length) {
+      K.hidden = !0, K.innerHTML = "";
+      return;
+    }
+    K.hidden = !1, K.innerHTML = `
+      <p class="known-h">Already reported</p>
+      ${ie.map((i) => `
+        <div class="issue ${i.joined ? "is-joined" : ""}">
+          <span class="who">
+            <span class="t">${T(i.title)}</span>
+            <span class="meta">${T(ze(i))}</span>
+          </span>
+          <button class="join" type="button" data-join="${T(i.id)}"
+            ${i.joined ? "disabled" : ""}>${i.joined ? "Following" : "Me too"}</button>
+        </div>
+        ${ye === i.id ? `
+        <div class="ask">
+          <input type="email" class="join-email" placeholder="you@example.com"
+            aria-label="Your email, so we can tell you when this is fixed" />
+          <button class="ghost" type="button" data-join-confirm="${T(i.id)}">Follow</button>
+        </div>` : ""}
+      `).join("")}
+      ${we ? `<p class="err">${T(we)}</p>` : ""}`;
+  }
+  function ze(i) {
+    const c = i.status === "IN_PROGRESS" ? "Being worked on now" : "Not fixed yet", p = i.affectedCount === 0 ? "" : ` · ${i.affectedCount} ${i.affectedCount === 1 ? "person has" : "people have"} said this is happening to them`;
+    return `${c} · reported ${We(i.since)}${p}`;
+  }
+  K.addEventListener("click", async (i) => {
+    var E, se, P, ee, te;
+    const c = i.target.closest("[data-join]"), p = i.target.closest("[data-join-confirm]");
+    if (!c && !p) return;
+    const m = (p || c).getAttribute(p ? "data-join-confirm" : "data-join");
+    we = "";
+    const M = ((se = (E = K.querySelector(".join-email")) == null ? void 0 : E.value) == null ? void 0 : se.trim()) || ((P = a.signedInAs()) == null ? void 0 : P.email) || ((ee = a.config.user) == null ? void 0 : ee.email);
+    if (!M) {
+      ye = m, de(), (te = K.querySelector(".join-email")) == null || te.focus();
+      return;
+    }
+    try {
+      const Q = await a.meToo(m, { email: M });
+      ye = null, ie = ie.map((D) => D.id === m ? { ...D, joined: !0, affectedCount: Q.affectedCount ?? D.affectedCount } : D), de();
+    } catch (Q) {
+      we = Q.message.replace("[BugCatch] ", ""), de();
+    }
+  }), Re(), z.addEventListener("input", () => Ge(z.value));
+  let ke = null;
+  function Oe() {
+    a.callKind().then((i) => {
+      i && (ke = i, C.textContent = i === "live" ? "Talk to the team" : "Talk to us", C.hidden = Se());
+    }).catch(() => {
+    });
+  }
+  Oe();
+  let f = { mode: a.lastLoginMode || "off", signedIn: null }, v = "idle", $ = ((Bt = a.config.user) == null ? void 0 : Bt.email) || "", _ = "", I = !1, G = "";
+  const Se = () => f.mode === "required" && !f.signedIn;
+  function Ce() {
+    const i = Se();
+    Y.hidden = i, x.hidden = i, B && (B.hidden = i), i ? C.hidden = !0 : ke && (C.hidden = !1);
+  }
+  function Ee() {
+    var c;
+    if (f.mode === "off") {
+      O.hidden = !0, O.innerHTML = "";
+      return;
+    }
+    O.hidden = !1, O.classList.toggle("asking", v !== "idle");
+    const i = G ? `<div class="after err">${T(G)}</div>` : "";
+    if (v === "idle") {
+      if (f.signedIn) {
+        O.innerHTML = `<span class="who">Signed in as <strong>${T(f.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;
+        return;
+      }
+      const p = (c = a.config.user) == null ? void 0 : c.email;
+      O.innerHTML = `<span class="who">${f.mode === "required" ? "Sign in to report a bug here." : p ? `Reporting as <strong>${T(p)}</strong>.` : "Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;
+      return;
+    }
+    if (v === "email") {
+      O.innerHTML = `
+        <p class="why">Sign in with any email address — we'll send you a code.
+          It's how you hear back about this report${f.mode === "required" ? ", and this project asks for it" : ""}.</p>
+        <div class="row">
+          <input type="email" data-fld="email" value="${T($)}"
+            placeholder="you@example.com" autocomplete="email" spellcheck="false"
+            aria-label="Your email address" ${I ? "disabled" : ""} />
+          <button type="button" class="tool" data-act="code" ${I ? "disabled" : ""}>
+            ${I ? "Sending…" : "Send code"}
+          </button>
+        </div>
+        ${i}
+        ${f.mode === "optional" ? '<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>' : ""}`;
+      return;
+    }
+    O.innerHTML = `
+      <p class="why">We sent a code to <strong>${T($)}</strong>. It expires in ten minutes.</p>
+      <div class="row">
+        <input type="text" class="code" data-fld="code" value="${T(_)}"
+          placeholder="123456" inputmode="numeric" autocomplete="one-time-code"
+          maxlength="8" aria-label="The code we emailed you" ${I ? "disabled" : ""} />
+        <button type="button" class="tool" data-act="confirm" ${I ? "disabled" : ""}>
+          ${I ? "Checking…" : "Sign in"}
+        </button>
+      </div>
+      ${i}
+      <div class="after">
+        <button type="button" class="link" data-act="resend" ${I ? "disabled" : ""}>Send it again</button>
+        <button type="button" class="link" data-act="signin-back" ${I ? "disabled" : ""}>Use another address</button>
+      </div>`;
+  }
+  function ae({ focus: i = !1 } = {}) {
+    var p;
+    if (Ee(), Ce(), !i || I) return;
+    const c = O.querySelector("[data-fld]");
+    c && (c.focus(), (p = c.setSelectionRange) == null || p.call(c, c.value.length, c.value.length));
+  }
+  O.addEventListener("input", (i) => {
+    const c = i.target.closest("[data-fld]");
+    c && (c.dataset.fld === "email" ? $ = c.value : _ = c.value);
+  }), O.addEventListener("keydown", (i) => {
+    i.key !== "Enter" || !i.target.closest("[data-fld]") || (i.preventDefault(), v === "email" ? et() : xt());
+  });
+  async function et({ resent: i = !1 } = {}) {
+    const c = $.trim();
+    if (!c) {
+      G = "Enter the address to send the code to.", ae({ focus: !0 });
+      return;
+    }
+    I = !0, G = "", ae();
+    try {
+      await a.signIn(c), $ = c, i || (_ = ""), v = "code";
+    } catch (p) {
+      G = p.message;
+    } finally {
+      I = !1, ae({ focus: !0 });
+    }
+  }
+  async function xt() {
+    const i = _.trim();
+    if (!i) {
+      G = "Enter the code we emailed you.", ae({ focus: !0 });
+      return;
+    }
+    I = !0, G = "", ae();
+    try {
+      const c = await a.confirmSignIn($.trim(), i);
+      f.signedIn = c, v = "idle", _ = "", V(""), Oe();
+    } catch (c) {
+      G = c.message;
+    } finally {
+      I = !1, ae({ focus: v !== "idle" });
+    }
+  }
+  O.addEventListener("click", async (i) => {
+    const c = i.target.closest("button[data-act]");
+    if (!c) return;
+    const p = c.dataset.act;
+    if (p === "signin") {
+      v = "email", G = "", ae({ focus: !0 });
+      return;
+    }
+    if (p === "skip") {
+      v = "idle", G = "", ae();
+      return;
+    }
+    if (p === "signin-back") {
+      v = "email", G = "", _ = "", ae({ focus: !0 });
+      return;
+    }
+    if (p === "code") {
+      et();
+      return;
+    }
+    if (p === "resend") {
+      et({ resent: !0 });
+      return;
+    }
+    if (p === "confirm") {
+      xt();
+      return;
+    }
+    if (p === "signout") {
+      I = !0, ae();
+      try {
+        await a.signOut();
+      } finally {
+        f.signedIn = null, I = !1, v = f.mode === "required" ? "email" : "idle", ae({ focus: v !== "idle" });
+      }
+    }
+  });
+  async function tt({ announce: i = !1 } = {}) {
+    const c = await a.loginState();
+    f = { mode: c.mode, signedIn: c.signedIn }, a.lastLoginMode = c.mode, Se() && v === "idle" && (v = "email"), f.signedIn && (v = "idle"), i && c.signedOutReason && V(c.signedOutReason, "info"), ae();
+  }
+  tt({ announce: !0 }).catch(() => {
+  }), C.addEventListener("click", async () => {
+    w = !0, V(""), oe(), C.disabled = !0, C.innerHTML = `<span class="spinner"></span>${ke === "live" ? "Ringing…" : "Connecting…"}`;
+    try {
+      const i = await a.startCall();
+      bn(i);
+    } catch (i) {
+      w = !1, C.disabled = !1, C.textContent = ke === "live" ? "Talk to the team" : "Talk to us", oe(), i.filed ? kt(i.filed) : (V(i.message.replace("[BugCatch] ", "")), f.mode !== "off" && tt().catch(() => {
+      }));
+    }
+  });
+  function bn(i) {
+    const c = h.querySelector(".panel"), p = i != null && i.bugId ? String(i.bugId).slice(0, 8) : null, m = !!(i != null && i.live);
+    c.innerHTML = `
+      <div class="call">
+        <div class="call-head">
+          <span class="call-dot" aria-hidden="true"></span>
+          <strong class="call-state">${m ? "Ringing…" : "Connecting…"}</strong>
+        </div>
+        <p class="call-note">
+          ${m ? `We're ringing the team now. Someone will pick up if they're free — your report${p ? ` <code>${T(p)}</code>` : ""} is already filed either way, so nothing is lost if nobody answers.` : `You're talking to our automated assistant, not a person. What you say is
+               added to your report${p ? ` <code>${T(p)}</code>` : ""} for the team to read.`}
+        </p>
+        <div class="call-lines" role="log" aria-live="polite"></div>
+        <div class="foot">
+          <span class="spacer"></span>
+          <button class="primary" type="button" data-act="hangup">${m ? "Cancel" : "Hang up"}</button>
+        </div>
+      </div>`;
+    const M = c.querySelector(".call-state"), E = c.querySelector(".call-lines"), se = c.querySelector(".call-dot"), P = m ? {
+      ringing: "Ringing the team…",
+      connecting: "Someone answered — connecting…",
+      connected: "Connected",
+      missed: "Nobody was free",
+      ended: "Call ended",
+      failed: "The call dropped"
+    } : {
+      connecting: "Connecting…",
+      listening: "Listening",
+      speaking: "Assistant is speaking",
+      ended: "Call ended",
+      failed: "The call dropped"
+    }, ee = ["ended", "failed", "missed"], te = a.on("call", ({ state: J }) => {
+      if (M.textContent = P[J] || J, se.classList.toggle("off", ee.includes(J)), ee.includes(J) && (c.querySelector('[data-act="hangup"]').textContent = "Close", J === "missed")) {
+        const j = c.querySelector(".call-note");
+        j && (j.textContent = "Nobody was free to pick up just now. Your report is filed and the team will reply in the chat.");
+      }
+    });
+    let Q = null;
+    const D = a.on("call-transcript", ({ role: J, text: j, final: W }) => {
+      !j && !W || (J === "agent" ? ((!Q || Q.dataset.role !== "agent") && (Q = document.createElement("div"), Q.className = "call-line agent", Q.dataset.role = "agent", E.appendChild(Q)), j && (Q.textContent += j), W && (Q = null)) : ((!Q || Q.dataset.role !== "reporter") && (Q = document.createElement("div"), Q.className = "call-line you", Q.dataset.role = "reporter", E.appendChild(Q)), Q.textContent = j, W && (Q = null)), E.scrollTop = E.scrollHeight);
+    });
+    c.querySelector('[data-act="hangup"]').addEventListener("click", () => {
+      te(), D(), a.endCall(), q();
+    });
+  }
+  function kt(i) {
+    var m;
+    const c = i != null && i.id ? String(i.id).slice(0, 8) : null, p = (m = i == null ? void 0 : i.estimate) != null && m.label ? String(i.estimate.label) : null;
+    h.querySelector(".panel").innerHTML = `
+      <div class="done">
+        <div class="tick">${H.check}</div>
+        <h3>Thanks — that's on its way.</h3>
+        <p>${c ? `Filed as <code>${T(c)}</code>.` : "The team has what they need to reproduce it."}</p>
+        ${p ? `<p class="eta">Reports like this usually take <strong>${T(p)}</strong>. We'll let you know when it moves.</p>` : ""}
+      </div>`, setTimeout(q, p ? 4e3 : 2e3);
+  }
+  async function St() {
+    const i = h.querySelector(".panel");
+    i.innerHTML = `
+      <div class="head">
+        <div class="mark">${H.bug}</div>
+        <div class="titles">
+          <h2>Your reports</h2>
+          <p>Everything you've reported, and where each one got to.</p>
+        </div>
+        <button class="icon-btn" type="button" data-act="close" aria-label="Close">${H.close}</button>
+      </div>
+      <div class="history"><div class="empty">Loading…</div></div>`, i.querySelector('[data-act="close"]').addEventListener("click", q);
+    let c = [];
+    try {
+      ({ reports: c } = await a.myReports());
+    } catch {
+      i.querySelector(".history").innerHTML = `<div class="empty">Couldn't load your reports just now.</div>`;
+      return;
+    }
+    const p = i.querySelector(".history");
+    if (p) {
+      p.innerHTML = c.length ? c.map((m) => `
+        <button class="row" type="button" data-report="${T(m.id)}">
+          <span class="who">
+            <span class="ttl">${T(m.title)}</span>
+            <span class="sub">${T(m.reference)} · ${T(We(m.createdAt))}</span>
+          </span>
+          <span class="pill ${T(String(m.status).toLowerCase())}">${T(st(m.status))}</span>
+        </button>`).join("") : `<div class="empty">You haven't reported anything yet.</div>`;
+      for (const m of p.querySelectorAll("[data-report]"))
+        m.addEventListener("click", () => wn(m.dataset.report));
+    }
+  }
+  async function wn(i) {
+    var E;
+    const c = h.querySelector(".panel");
+    c.innerHTML = `
+      <div class="head">
+        <button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${H.back}</button>
+        <div class="titles">
+          <h2>Your report</h2>
+          <p>Everything that has happened, and a way to answer.</p>
+        </div>
+        <button class="icon-btn" type="button" data-act="close" aria-label="Close">${H.close}</button>
+      </div>
+      <div class="history"><div class="empty">Loading…</div></div>`, c.querySelector('[data-act="close"]').addEventListener("click", q), c.querySelector('[data-act="back"]').addEventListener("click", St);
+    let p = null;
+    try {
+      p = await a.myReport(i);
+    } catch {
+      p = null;
+    }
+    const m = c.querySelector(".history");
+    if (!m || !c.querySelector('[data-act="back"]')) return;
+    if (!p) {
+      m.innerHTML = `<div class="empty">Couldn't load that report just now.</div>`;
+      return;
+    }
+    ue = i, a.markReportRead(i), m.classList.add("chatting"), m.innerHTML = `
+      <div class="report-head">
+        <span class="ttl">${T(p.title)}</span>
+        <span class="sub">${T(p.reference)} · ${T(p.project || "")}</span>
+        <span class="pill ${T(String(p.status).toLowerCase())}">${T(st(p.status))}</span>
+        ${(E = p.estimate) != null && E.label ? `<span class="eta-line">Usually takes ${T(String(p.estimate.label))}</span>` : ""}
+      </div>
+      <div class="thread">${Ut(p.timeline)}</div>`;
+    const M = m.querySelector(".thread");
+    it(M), p.canReply && yn(m, M, i);
+  }
+  async function nt(i) {
+    const c = h.querySelector(".history.chatting"), p = c == null ? void 0 : c.querySelector(".thread");
+    if (!p || ue !== i) return;
+    let m = null;
+    try {
+      m = await a.myReport(i);
+    } catch {
+    }
+    if (!m || ue !== i) return;
+    const M = Ma(p);
+    p.innerHTML = Ut(m.timeline), M && it(p);
+    const E = c.querySelector(".report-head .pill");
+    E && (E.className = `pill ${String(m.status).toLowerCase()}`, E.textContent = st(m.status));
+  }
+  function yn(i, c, p) {
+    const m = document.createElement("div");
+    m.className = "composer", m.innerHTML = `
+      <div class="staged" hidden></div>
+      <div class="row">
+        <div class="tools">
+          <button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${H.paperclip}</button>
+          <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${H.mic}</button>
+          <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${H.phone}</button>
+        </div>
+        <textarea rows="1" placeholder="Write a reply…" aria-label="Write a reply"></textarea>
+        <button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${H.send}</button>
+      </div>
+      <div class="note" hidden></div>
+      <input type="file" hidden multiple accept="${en.join(",")}">`, i.appendChild(m);
+    const M = m.querySelector(".staged"), E = m.querySelector("textarea"), se = m.querySelector('[data-act="send"]'), P = m.querySelector('[data-act="voice"]'), ee = m.querySelector('[data-act="livecall"]'), te = m.querySelector("input[type=file]"), Q = m.querySelector(".note"), D = [];
+    let J = null, j = !1;
+    function W(L, U = "") {
+      Q.hidden = !L, Q.className = `note ${U}`, Q.textContent = L || "";
+    }
+    function ce() {
+      const L = D.filter((U) => U.storageKey);
+      se.disabled = j || !E.value.trim() && !L.length, M.hidden = !D.length, M.innerHTML = D.map((U, pe) => `
+        <span class="chip ${U.storageKey ? "" : "uploading"}">
+          <span class="nm">${T(U.name)}</span>
+          <span class="sz">${U.storageKey ? Te(U.size) : "sending…"}</span>
+          <button type="button" data-drop="${pe}" aria-label="Remove ${T(U.name)}">${H.close}</button>
+        </span>`).join("");
+      for (const U of M.querySelectorAll("[data-drop]"))
+        U.addEventListener("click", () => {
+          D.splice(Number(U.dataset.drop), 1), ce();
+        });
+    }
+    async function Mt(L, U, pe) {
+      const Z = { name: pe, size: L.size, storageKey: null };
+      D.push(Z), ce();
+      try {
+        const { storageKey: at, mime: xn } = await a.uploadAttachment(L, U);
+        Z.storageKey = at, Z.mime = xn;
+      } catch (at) {
+        D.splice(D.indexOf(Z), 1), W(at.message || "That file could not be sent.", "err");
+      }
+      ce();
+    }
+    E.addEventListener("input", () => {
+      E.style.height = "auto", E.style.height = `${Math.min(E.scrollHeight, 120)}px`, ce();
+    }), E.addEventListener("keydown", (L) => {
+      L.key === "Enter" && !L.shiftKey && !L.isComposing && (L.preventDefault(), Lt());
+    }), m.querySelector('[data-act="attach"]').addEventListener("click", () => te.click()), te.addEventListener("change", () => {
+      W("");
+      for (const L of te.files) {
+        if (L.size > a.config.maxAttachmentBytes) {
+          W(`${L.name} is larger than ${Te(a.config.maxAttachmentBytes)}.`, "err");
+          continue;
+        }
+        Mt(L, L.type, L.name);
+      }
+      te.value = "";
+    }), Hn() || (P.disabled = !0, P.title = "This browser cannot record audio"), P.addEventListener("click", async () => {
+      if (J) {
+        const L = J;
+        J = null, P.classList.remove("recording"), P.innerHTML = H.mic, W("");
+        const { blob: U, mime: pe } = await L.stop();
+        U.size && Mt(U, pe, "Voice note");
+        return;
+      }
+      try {
+        W(""), J = await Vn({
+          maxMs: a.config.maxRecordingMs,
+          onTick: (L) => W(`Recording — ${qe(L)}. Tap the mic to stop.`),
+          onAutoStop: () => P.click()
+        }), P.classList.add("recording"), P.innerHTML = H.stopSquare;
+      } catch {
+        J = null, W("The microphone is not available — check the browser permission.", "err");
+      }
+    }), a.canCallTeam(p).then((L) => {
+      L && (ee.hidden = !1);
+    }).catch(() => {
+    }), ee.addEventListener("click", async () => {
+      ee.disabled = !0, W("");
+      try {
+        const L = await a.startLiveCall(p);
+        vn(i, c, L);
+      } catch (L) {
+        W(L.message.replace("[BugCatch] ", ""), "err");
+      } finally {
+        ee.disabled = !1;
+      }
+    }), se.addEventListener("click", Lt);
+    async function Lt() {
+      var pe;
+      const L = E.value.trim(), U = D.filter((Z) => Z.storageKey);
+      if (!(j || !L && !U.length)) {
+        j = !0, ce(), W(""), c.insertAdjacentHTML("beforeend", rn({
+          from: "reporter",
+          body: L,
+          at: (/* @__PURE__ */ new Date()).toISOString(),
+          attachments: U.map((Z) => ({ type: "FILE", name: Z.name, size: Z.size }))
+        }, "pending")), it(c);
+        try {
+          await nn({
+            apiBase: a.config.apiBase,
+            bugId: p,
+            body: L,
+            attachments: U.map((Z) => ({
+              storageKey: Z.storageKey,
+              mime: Z.mime,
+              name: Z.name,
+              size: Z.size
+            }))
+          }), E.value = "", E.style.height = "auto", D.length = 0, await nt(p);
+        } catch (Z) {
+          (pe = c.querySelector(".msg-row.pending")) == null || pe.classList.replace("pending", "failed"), W(Z.message || "That could not be sent — try again.", "err");
+        } finally {
+          j = !1, ce();
+        }
+      }
+    }
+    ce();
+  }
+  function vn(i, c, p) {
+    const m = document.createElement("div");
+    m.className = "livecall", m.innerHTML = `
+      <span class="call-dot" aria-hidden="true"></span>
+      <span class="who" role="status" aria-live="polite">Calling the team…</span>
+      <span class="secs" hidden></span>
+      <button class="act" type="button" data-act="mute" hidden>Mute</button>
+      <button class="act danger" type="button" data-act="hangup">Cancel</button>`, i.insertBefore(m, c);
+    const M = m.querySelector(".who"), E = m.querySelector(".secs"), se = m.querySelector(".call-dot"), P = m.querySelector('[data-act="mute"]'), ee = m.querySelector('[data-act="hangup"]');
+    let te = null;
+    const Q = () => {
+      te && (clearInterval(te), te = null);
+    }, D = (j) => {
+      Q(), se.classList.add("off"), m.classList.add("over"), M.textContent = j, E.hidden = !0, P.hidden = !0, ee.textContent = "Dismiss", ee.classList.remove("danger");
+    }, J = a.on("call", ({ state: j, live: W }) => {
+      if (W) {
+        if (j === "ringing" && (M.textContent = "Calling the team…"), j === "connecting" && (M.textContent = "Someone answered — connecting…"), j === "connected") {
+          M.textContent = "You're on a call with the team", P.hidden = !1, E.hidden = !1;
+          const ce = Date.now();
+          Q(), te = setInterval(() => {
+            E.textContent = qe(Math.floor((Date.now() - ce) / 1e3));
+          }, 1e3), E.textContent = "0s";
+        }
+        j === "missed" && D("Nobody was free. Send a message instead and the team will pick it up."), j === "ended" && D("Call ended."), j === "failed" && D("The call dropped.");
+      }
+    });
+    P.addEventListener("click", () => {
+      const j = p.setMuted(!p.isMuted());
+      P.textContent = j ? "Unmute" : "Mute", M.textContent = j ? "You're muted" : "You're on a call with the team";
+    }), ee.addEventListener("click", () => {
+      J(), Q(), a.endCall(), m.remove(), nt(ue);
+    });
+  }
+  let ue = null;
+  return xe = a.on("update", (i) => {
+    !ue || (i == null ? void 0 : i.bugId) !== ue || (a.markReportRead(ue), nt(ue));
+  }), t.appendChild(h), oe(), z.focus(), { destroy: Ae, close: q };
+}
+function Ut(t) {
+  const e = t || [];
+  return e.length ? e.map((n) => {
+    var a, o, r, s;
+    return n.from ? rn({
+      from: n.from,
+      author: (a = n.reply) == null ? void 0 : a.author,
+      automated: (o = n.reply) == null ? void 0 : o.automated,
+      body: (r = n.reply) == null ? void 0 : r.body,
+      at: n.at,
+      attachments: (s = n.reply) == null ? void 0 : s.attachments
+    }) : $a(n);
+  }).join("") : "";
+}
+function $a(t) {
+  return `
+    <div class="sys k-${T(t.kind)}">
+      <span class="dot" aria-hidden="true"></span>${T(t.summary || "")}
+      · ${T(We(t.at))}
+    </div>`;
+}
+function rn(t, e = "") {
+  const n = t.from === "reporter", a = t.body || "", o = t.attachments || [], r = !n && !!t.automated, s = a ? `<span class="msg-text">${T(a)}</span>` : "", l = o.length ? `<div class="att">${o.map(Ba).join("")}</div>` : "";
+  let u = "";
+  return r ? u = '<span class="msg-who auto">Automatic reply</span>' : !n && t.author && (u = `<span class="msg-who">${T(t.author)}</span>`), `
+    <div class="msg-row ${n ? "mine" : "theirs"} ${r ? "auto" : ""} ${e}">
+      ${u}
+      <div class="bubble ${a ? "" : "silent"}">${s}${l}</div>
+      <span class="msg-when">${T(We(t.at))}</span>
+    </div>`;
+}
+function Ba(t) {
+  const e = T(t.name || "attachment");
+  if (!t.url) return `<span class="file"><span class="nm">${e}</span></span>`;
+  const n = T(t.url);
+  return t.type === "SCREENSHOT" ? `<a href="${n}" target="_blank" rel="noopener noreferrer"><img src="${n}" alt="${e}" loading="lazy"></a>` : t.type === "AUDIO" ? `<audio controls preload="metadata" src="${n}"></audio>` : t.type === "VIDEO" ? `<video controls preload="metadata" src="${n}"></video>` : `
+    <a class="file" href="${n}" target="_blank" rel="noopener noreferrer" download>
+      <span class="nm">${e}</span>
+      ${t.size ? `<span class="sz">${T(Te(t.size))}</span>` : ""}
+    </a>`;
+}
+function Ma(t) {
+  return t.scrollHeight - t.scrollTop - t.clientHeight < 40;
+}
+function it(t) {
+  t.scrollTop = t.scrollHeight;
+}
+function st(t) {
+  return {
+    OPEN: "Open",
+    IN_PROGRESS: "In progress",
+    RESOLVED: "Fixed",
+    CLOSED: "Closed"
+  }[t] || String(t || "").toLowerCase();
+}
+function We(t) {
+  const e = new Date(t).getTime();
+  if (!Number.isFinite(e)) return "";
+  const n = Math.floor((Date.now() - e) / 864e5);
+  if (n <= 0) return "today";
+  if (n === 1) return "yesterday";
+  if (n < 30) return `${n} days ago`;
+  const a = Math.floor(n / 30);
+  return a === 1 ? "a month ago" : `${a} months ago`;
+}
+function T(t) {
+  return String(t).replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]);
+}
+const La = "bugcatch.session.", yt = (t) => `${La}${t}`, vt = /* @__PURE__ */ new Map();
+function he(t) {
+  var e;
+  if (!t) return null;
+  try {
+    const n = (e = window.localStorage) == null ? void 0 : e.getItem(yt(t));
+    if (n) {
+      const a = JSON.parse(n);
+      if (a != null && a.token) return a;
+    }
+  } catch {
+  }
+  return vt.get(t) || null;
+}
+function Ia(t, e) {
+  var a;
+  if (!t || !(e != null && e.token)) return;
+  const n = {
+    token: e.token,
+    email: e.email || null,
+    name: e.name || null
+  };
+  vt.set(t, n);
+  try {
+    (a = window.localStorage) == null || a.setItem(yt(t), JSON.stringify(n));
+  } catch {
+  }
+}
+function dt(t) {
+  var e;
+  if (t) {
+    vt.delete(t);
+    try {
+      (e = window.localStorage) == null || e.removeItem(yt(t));
+    } catch {
+    }
+  }
+}
+function Ze({ apiKey: t, token: e }) {
+  return {
+    "Content-Type": "application/json",
+    "X-BugCatch-Key": t,
+    // Its own header rather than Authorization, which on these routes already
+    // carries the API key. The two answer different questions and a request
+    // carries both.
+    ...e ? { "X-BugCatch-Session": e } : {}
+  };
+}
+async function sn(t) {
+  try {
+    const e = await t.json(), n = Array.isArray(e.message) ? e.message.join(", ") : e.message;
+    if (n) return n;
+  } catch {
+  }
+  return `Request failed (HTTP ${t.status})`;
+}
+async function Aa({ apiBase: t, apiKey: e, projectId: n, token: a }) {
+  const o = { mode: "off", signedIn: null, signedOutReason: null };
+  try {
+    const r = await fetch(
+      `${t}/ingest/login?projectId=${encodeURIComponent(n)}`,
+      { headers: Ze({ apiKey: e, token: a }) }
+    );
+    if (!r.ok) return o;
+    const s = await r.json();
+    return {
+      mode: s.mode === "optional" || s.mode === "required" ? s.mode : "off",
+      signedIn: s.signedIn || null,
+      signedOutReason: s.signedOutReason || null
+    };
+  } catch {
+    return o;
+  }
+}
+async function Qa({ apiBase: t, apiKey: e, projectId: n, email: a, name: o }) {
+  const r = await fetch(`${t}/ingest/login/start`, {
+    method: "POST",
+    headers: Ze({ apiKey: e }),
+    body: JSON.stringify({ projectId: n, email: a, ...o ? { name: o } : {} })
+  });
+  if (!r.ok) throw new Error(await sn(r));
+  return r.json();
+}
+async function Ra({ apiBase: t, apiKey: e, projectId: n, email: a, code: o }) {
+  const r = await fetch(`${t}/ingest/login`, {
+    method: "POST",
+    headers: Ze({ apiKey: e }),
+    body: JSON.stringify({ projectId: n, email: a, code: o })
+  });
+  if (!r.ok) throw new Error(await sn(r));
+  const s = await r.json(), l = { token: s.sessionToken, email: s.email, name: s.name };
+  return Ia(n, l), l;
+}
+async function ja({ apiBase: t, apiKey: e, projectId: n, token: a }) {
+  if (dt(n), !a) return { signedOut: !0 };
+  try {
+    await fetch(`${t}/ingest/logout`, {
+      method: "POST",
+      headers: Ze({ apiKey: e, token: a }),
+      body: JSON.stringify({ projectId: n })
+    });
+  } catch {
+  }
+  return { signedOut: !0 };
+}
+const Le = 8e3;
+function cn(t = Le) {
+  const e = window.AudioContext || window.webkitAudioContext;
+  try {
+    return new e({ sampleRate: t });
+  } catch {
+    return new e();
+  }
+}
+async function ut(t) {
+  if (t.state === "suspended")
+    try {
+      await t.resume();
+    } catch {
+    }
+}
+function ln(t, e, n) {
+  const a = e / n, o = new Float32Array(Math.floor(t.length / a));
+  for (let r = 0; r < o.length; r++) {
+    const s = Math.floor(r * a), l = Math.min(Math.floor((r + 1) * a), t.length);
+    let u = 0;
+    for (let g = s; g < l; g++) u += t[g];
+    o[r] = l > s ? u / (l - s) : 0;
+  }
+  return o;
+}
+const pt = 132, Dt = 32635;
+function dn(t) {
+  const e = new Uint8Array(t.length);
+  for (let n = 0; n < t.length; n++) {
+    const a = Math.max(-1, Math.min(1, t[n]));
+    let o = Math.round(a * 32767);
+    const r = o < 0 ? 128 : 0;
+    r && (o = -o), o > Dt && (o = Dt), o += pt;
+    let s = 7;
+    for (let u = 16384; !(o & u) && s > 0; s--, u >>= 1) ;
+    const l = o >> s + 3 & 15;
+    e[n] = ~(r | s << 4 | l) & 255;
+  }
+  return e;
+}
+function za(t) {
+  const e = new Float32Array(t.length);
+  for (let n = 0; n < t.length; n++) {
+    const a = ~t[n] & 255, o = a & 128, r = a >> 4 & 7, l = (((a & 15) << 3) + pt << r) - pt;
+    e[n] = (o ? -l : l) / 32768;
+  }
+  return e;
+}
+const un = 512;
+function Oa(t, e, n, a = Le) {
+  const o = t.createMediaStreamSource(e), r = t.createScriptProcessor(un, 1, 1);
+  r.onaudioprocess = (l) => {
+    const u = l.inputBuffer.getChannelData(0), g = t.sampleRate === a ? u : ln(u, t.sampleRate, a);
+    n(dn(g));
+  }, o.connect(r);
+  const s = t.createGain();
+  return s.gain.value = 0, r.connect(s), s.connect(t.destination), {
+    stop() {
+      r.onaudioprocess = null;
+      try {
+        o.disconnect();
+      } catch {
+      }
+      try {
+        r.disconnect();
+      } catch {
+      }
+      try {
+        s.disconnect();
+      } catch {
+      }
+    }
+  };
+}
+const Ha = "voiceai.realtime.v1";
+async function qa({ realtimeUrl: t, onState: e, onTranscript: n }) {
+  const a = (y, x) => {
+    try {
+      e == null || e(y, x);
+    } catch {
+    }
+  }, o = (y) => {
+    try {
+      n == null || n(y);
+    } catch {
+    }
+  };
+  a("connecting");
+  let r;
+  try {
+    r = await navigator.mediaDevices.getUserMedia({
+      audio: {
+        // A speakerphone conversation with no echo cancellation is one where
+        // the agent hears itself and answers its own greeting.
+        echoCancellation: !0,
+        noiseSuppression: !0,
+        autoGainControl: !0,
+        channelCount: 1
+      }
+    });
+  } catch (y) {
+    throw a("failed", { reason: "microphone", error: String((y == null ? void 0 : y.name) || y) }), y;
+  }
+  const s = cn();
+  await ut(s);
+  const l = s.createMediaStreamSource(r);
+  let u;
+  try {
+    u = await Ua(t);
+  } catch (y) {
+    throw Nt(r, s, null, null), a("failed", { reason: "connect" }), y;
+  }
+  const g = s.createScriptProcessor(un, 1, 1);
+  let b = !0;
+  g.onaudioprocess = (y) => {
+    if (!b || u.readyState !== WebSocket.OPEN) return;
+    const x = y.inputBuffer.getChannelData(0), C = s.sampleRate === Le ? x : ln(x, s.sampleRate, Le);
+    u.send(dn(C));
+  }, l.connect(g);
+  const d = s.createGain();
+  d.gain.value = 0, g.connect(d), d.connect(s.destination);
+  let w = 0;
+  const h = /* @__PURE__ */ new Set(), S = (y) => {
+    s.state === "suspended" && ut(s);
+    const x = za(y), C = s.createBuffer(1, x.length, Le);
+    C.getChannelData(0).set(x);
+    const R = s.createBufferSource();
+    R.buffer = C, R.connect(s.destination), R.onended = () => h.delete(R);
+    const Y = s.currentTime;
+    w < Y && (w = Y), R.start(w), w += C.duration, h.add(R);
+  }, z = () => {
+    for (const y of h)
+      try {
+        y.stop();
+      } catch {
+      }
+    h.clear(), w = 0;
+  };
+  u.addEventListener("message", (y) => {
+    var C, R;
+    if (typeof y.data != "string") return;
+    let x;
+    try {
+      x = JSON.parse(y.data);
+    } catch {
+      return;
+    }
+    switch (x.type) {
+      case "session.created":
+        a("listening");
+        break;
+      case "transcript.partial":
+        ct(x.text) && o({ role: "reporter", text: x.text, final: !1 });
+        break;
+      case "transcript.final":
+        ct(x.text) && o({ role: "reporter", text: x.text, final: !0 });
+        break;
+      case "response.started":
+        a("speaking");
+        break;
+      case "response.audio.delta":
+        x.audio && S(Da(x.audio));
+        break;
+      case "response.text.delta":
+        ct(x.text) && o({ role: "agent", text: x.text, final: !1 });
+        break;
+      case "response.done":
+        o({ role: "agent", text: "", final: !0 }), a("listening");
+        break;
+      case "state.changed":
+        (x.state === "listening" || x.state === "interrupted") && z(), x.state && a(x.state);
+        break;
+      case "session.ended":
+        k("ended", { reason: ((C = x.data) == null ? void 0 : C.reason) || null });
+        break;
+      case "error":
+        k("failed", { reason: ((R = x.error) == null ? void 0 : R.detail) || "the call failed" });
+        break;
+    }
+  }), u.addEventListener("close", () => k("ended")), u.addEventListener("error", () => k("failed", { reason: "transport" }));
+  let F = !1;
+  function k(y, x) {
+    F || (F = !0, b = !1, z(), Nt(r, s, g, u), a(y, x));
+  }
+  return {
+    /** End the call. Safe to call twice, and after it has already ended. */
+    hangUp() {
+      if (!F && u.readyState === WebSocket.OPEN)
+        try {
+          u.send(JSON.stringify({ type: "session.end" }));
+        } catch {
+        }
+      k("ended", { reason: "hung_up" });
+    }
+  };
+}
+function Ua(t) {
+  return new Promise((e, n) => {
+    let a;
+    try {
+      a = new WebSocket(t, Ha);
+    } catch (l) {
+      n(l);
+      return;
+    }
+    a.binaryType = "arraybuffer";
+    const o = () => {
+      s(), e(a);
+    }, r = () => {
+      s(), n(new Error("the call could not be connected"));
+    }, s = () => {
+      a.removeEventListener("open", o), a.removeEventListener("error", r), a.removeEventListener("close", r);
+    };
+    a.addEventListener("open", o), a.addEventListener("error", r), a.addEventListener("close", r);
+  });
+}
+function Nt(t, e, n, a) {
+  try {
+    n == null || n.disconnect();
+  } catch {
+  }
+  n && (n.onaudioprocess = null);
+  for (const o of (t == null ? void 0 : t.getTracks()) ?? [])
+    try {
+      o.stop();
+    } catch {
+    }
+  try {
+    e == null || e.close();
+  } catch {
+  }
+  try {
+    a == null || a.close();
+  } catch {
+  }
+}
+function ct(t) {
+  return typeof t != "string" || !t || t.includes("\0") ? !1 : (t.match(/[\u0001-\u0008\u000e-\u001f]/g) || []).length <= t.length / 10;
+}
+function Da(t) {
+  const e = window.atob(t), n = new Uint8Array(e.length);
+  for (let a = 0; a < e.length; a++) n[a] = e.charCodeAt(a);
+  return n;
+}
+const Na = "voiceai.realtime.v1", Va = [{ urls: "stun:stun.l.google.com:19302" }];
+function ht() {
+  return navigator.mediaDevices.getUserMedia({
+    audio: {
+      // Both ends are on speakers as often as not. Without cancellation each
+      // hears themselves back through the other, half a second late, which is
+      // the single most effective way to make a conversation impossible.
+      echoCancellation: !0,
+      noiseSuppression: !0,
+      autoGainControl: !0,
+      channelCount: 1
+    }
+  });
+}
+function Ne() {
+  var t;
+  return typeof window < "u" && typeof window.RTCPeerConnection == "function" && !!((t = navigator.mediaDevices) != null && t.getUserMedia);
+}
+async function Vt({
+  realtimeUrl: t,
+  stream: e,
+  ringsUntil: n,
+  onState: a,
+  onAudioBlocked: o,
+  onMicrophone: r
+}) {
+  const s = (f, v) => {
+    try {
+      a == null || a(f, v);
+    } catch {
+    }
+  }, l = (f) => {
+    try {
+      o == null || o(f);
+    } catch {
+    }
+  }, u = (f) => {
+    try {
+      r == null || r(f);
+    } catch {
+    }
+  };
+  if (!Ne()) {
+    const f = new Error("[BugCatch] this browser cannot make live calls.");
+    throw s("failed", { reason: "unsupported" }), f;
+  }
+  let g = e;
+  if (!g)
+    try {
+      g = await ht();
+    } catch (f) {
+      throw s("failed", { reason: "microphone", error: String((f == null ? void 0 : f.name) || f) }), f;
+    }
+  let b;
+  try {
+    b = await Pa(t);
+  } catch (f) {
+    throw Kt(g), s("failed", { reason: "connect" }), f;
+  }
+  let d = null, w = null, h = !1, S = null, z = null, F = null, k = !1, y = null, x = null, C = !1;
+  const R = [];
+  let Y = !1, O = !1, K = !1, B = null, X = null, me = 0;
+  const Xe = 2e3, ve = 5e3, xe = 3e4, Ae = 4, q = (f, v) => {
+    if (!h) {
+      h = !0, S && (clearTimeout(S), S = null), we(), x == null || x(), x = null, oe(), y == null || y(), y = null;
+      try {
+        d == null || d.close();
+      } catch {
+      }
+      Kt(g), w && (w.srcObject = null, w.remove(), w = null);
+      try {
+        b.readyState === WebSocket.OPEN && b.close(1e3, "call over");
+      } catch {
+      }
+      s(f, v);
+    }
+  }, re = (f) => {
+    b.readyState === WebSocket.OPEN && b.send(JSON.stringify(f));
+  }, V = async () => {
+    if (C || F || h || !z || !z.audio && !z.transcript) return;
+    C = !0;
+    const f = z.encoding || "mulaw";
+    if (f !== "mulaw") {
+      Pt(`this call is kept as ${f}, which this SDK cannot produce.`);
+      return;
+    }
+    const v = Number(z.sample_rate) || 8e3;
+    try {
+      const $ = cn(v);
+      if (await ut($), h) {
+        try {
+          $.close();
+        } catch {
+        }
+        return;
+      }
+      const _ = Oa($, g, (I) => {
+        b.readyState === WebSocket.OPEN && b.send(I);
+      }, v);
+      F = { context: $, tap: _ };
+    } catch ($) {
+      Pt(`could not send the copy this call is keeping: ${String(($ == null ? void 0 : $.message) || $)}`);
+    }
+  };
+  function oe() {
+    if (C = !1, !F) return;
+    const { context: f, tap: v } = F;
+    F = null;
+    try {
+      v.stop();
+    } catch {
+    }
+    try {
+      f.close();
+    } catch {
+    }
+  }
+  function $e() {
+    var v;
+    if (!w || h) return;
+    let f;
+    try {
+      f = (v = w.play) == null ? void 0 : v.call(w);
+    } catch {
+      Be();
+      return;
+    }
+    if (!f || typeof f.then != "function") {
+      Qe();
+      return;
+    }
+    f.then(Qe, Be);
+  }
+  function Qe() {
+    y == null || y(), y = null, k && (k = !1, l(!1));
+  }
+  function Be() {
+    h || (k || (k = !0, l(!0)), Me());
+  }
+  function Me() {
+    if (y || typeof window > "u" || typeof window.addEventListener != "function") return;
+    const f = () => $e(), v = ["pointerdown", "keydown", "touchstart"];
+    for (const $ of v)
+      window.addEventListener($, f, { capture: !0, passive: !0 });
+    y = () => {
+      for (const $ of v)
+        try {
+          window.removeEventListener($, f, { capture: !0 });
+        } catch {
+        }
+    };
+  }
+  const Je = (f) => {
+    d = new RTCPeerConnection({ iceServers: f != null && f.length ? f : Va });
+    for (const v of g.getAudioTracks()) d.addTrack(v, g);
+    x = Re(), d.onicecandidate = (v) => {
+      v.candidate && re({ type: "signal", signal: { kind: "candidate", payload: v.candidate.toJSON() } });
+    }, d.ontrack = (v) => {
+      var _;
+      const [$] = v.streams;
+      $ && (w || (w = document.createElement("audio"), w.autoplay = !0, w.playsInline = !0, (_ = w.setAttribute) == null || _.call(w, "playsinline", ""), w.style.cssText = "position:fixed;width:0;height:0;opacity:0;pointer-events:none", document.body.appendChild(w)), w.srcObject = $, $e());
+    }, d.onconnectionstatechange = be, d.oniceconnectionstatechange = be;
+  };
+  function be() {
+    if (!d || h) return;
+    const f = d.connectionState || d.iceConnectionState;
+    if (f === "connected" || f === "completed") {
+      O = !0, me = 0, we(), K = !1, s("connected");
+      return;
+    }
+    if (f === "disconnected") {
+      if (!O) return;
+      ie(Xe);
+      return;
+    }
+    if (f === "failed") {
+      if (!O) {
+        q("failed", { reason: "ice" });
+        return;
+      }
+      ie(0);
+    }
+  }
+  function ie(f) {
+    h || (K || (K = !0, s("reconnecting"), X = setTimeout(() => q("failed", { reason: "network" }), xe)), !B && (B = setTimeout(ye, f)));
+  }
+  function we() {
+    B && (clearTimeout(B), B = null), X && (clearTimeout(X), X = null);
+  }
+  async function ye() {
+    if (B = null, h || !d) return;
+    const f = d.connectionState || d.iceConnectionState;
+    if (!(f === "connected" || f === "completed")) {
+      if (!Y) {
+        re({ type: "signal", signal: { kind: "restart", payload: {} } }), B = setTimeout(ye, ve);
+        return;
+      }
+      me >= Ae || (me += 1, await le(), B = setTimeout(ye, ve));
+    }
+  }
+  async function le() {
+    if (!(h || !d))
+      try {
+        const f = await d.createOffer({ iceRestart: !0 });
+        await d.setLocalDescription(f), re({ type: "signal", signal: { kind: "offer", payload: d.localDescription.toJSON() } });
+      } catch {
+      }
+  }
+  function Re() {
+    let v = null, $ = !1;
+    const _ = (I) => {
+      if (v && (clearTimeout(v), v = null), I) {
+        if (!$) return;
+        $ = !1, u(!0);
+        return;
+      }
+      $ || (v = setTimeout(() => {
+        v = null, !h && ($ = !0, u(!1));
+      }, 600));
+    };
+    for (const I of g.getAudioTracks())
+      I.onmute = () => _(!1), I.onunmute = () => _(!0), I.onended = () => {
+        v && (clearTimeout(v), v = null), !$ && ($ = !0, u(!1));
+      };
+    return () => {
+      v && (clearTimeout(v), v = null);
+      for (const I of g.getAudioTracks())
+        I.onmute = null, I.onunmute = null, I.onended = null;
+    };
+  }
+  const je = async () => {
+    try {
+      const f = await d.createOffer();
+      await d.setLocalDescription(f), re({ type: "signal", signal: { kind: "offer", payload: d.localDescription.toJSON() } });
+    } catch {
+      q("failed", { reason: "negotiation" });
+    }
+  }, Ge = async (f) => {
+    try {
+      await d.setRemoteDescription(new RTCSessionDescription(f));
+      const v = await d.createAnswer();
+      await d.setLocalDescription(v), re({ type: "signal", signal: { kind: "answer", payload: d.localDescription.toJSON() } }), await de();
+    } catch {
+      q("failed", { reason: "negotiation" });
+    }
+  }, de = async () => {
+    for (; R.length; ) {
+      const f = R.shift();
+      try {
+        await d.addIceCandidate(new RTCIceCandidate(f));
+      } catch {
+      }
+    }
+  };
+  let ze = Promise.resolve();
+  b.onmessage = (f) => {
+    ze = ze.then(() => ke(f)).catch(() => {
+    });
+  };
+  const ke = async (f) => {
+    var $, _, I, G, Se;
+    if (typeof f.data != "string") return;
+    let v;
+    try {
+      v = JSON.parse(f.data);
+    } catch {
+      return;
+    }
+    switch (v.type) {
+      case "session.created": {
+        if (Je(($ = v.data) == null ? void 0 : $.ice_servers), z = ((_ = v.data) == null ? void 0 : _.capture) || null, (I = v.data) != null && I.peer_present) {
+          s("connecting"), V();
+          break;
+        }
+        s("ringing"), Oe();
+        break;
+      }
+      case "peer.joined": {
+        S && (clearTimeout(S), S = null), s("connecting"), Y = !!((G = v.data) != null && G.should_offer), Y && await je(), V();
+        break;
+      }
+      case "signal": {
+        if (!d) break;
+        const { kind: Ce, payload: Ee } = v.data || {};
+        if (Ce === "offer")
+          await Ge(Ee);
+        else if (Ce === "answer")
+          try {
+            await d.setRemoteDescription(new RTCSessionDescription(Ee)), await de();
+          } catch {
+            q("failed", { reason: "negotiation" });
+          }
+        else if (Ce === "candidate")
+          if (d.remoteDescription)
+            try {
+              await d.addIceCandidate(new RTCIceCandidate(Ee));
+            } catch {
+            }
+          else
+            R.push(Ee);
+        else Ce === "restart" && Y && await le();
+        break;
+      }
+      case "peer.left":
+        q("ended", { reason: "peer_left" });
+        break;
+      case "error":
+        q("failed", { reason: "server", detail: (Se = v.error) == null ? void 0 : Se.detail });
+        break;
+      case "session.ended":
+        q("ended", { reason: "server" });
+        break;
+    }
+  };
+  b.onclose = () => q("ended", { reason: "disconnected" }), b.onerror = () => q("failed", { reason: "socket" });
+  function Oe() {
+    if (!n) return;
+    const f = new Date(n).getTime() - Date.now();
+    Number.isFinite(f) && (S = setTimeout(() => q("missed"), Math.max(0, f)));
+  }
+  return {
+    hangUp() {
+      re({ type: "session.end" }), q("ended", { reason: "hung_up" });
+    },
+    setMuted(f) {
+      for (const v of g.getAudioTracks()) v.enabled = !f;
+      return f;
+    },
+    isMuted() {
+      return g.getAudioTracks().every((f) => !f.enabled);
+    }
+  };
+}
+function Pa(t) {
+  return new Promise((e, n) => {
+    let a;
+    try {
+      a = new WebSocket(t, Na);
+    } catch (o) {
+      n(o);
+      return;
+    }
+    a.onopen = () => {
+      a.onopen = null, a.onerror = null, e(a);
+    }, a.onerror = () => {
+      a.onopen = null, a.onerror = null, n(new Error("[BugCatch] could not connect the call."));
+    };
+  });
+}
+function Pt(t) {
+  try {
+    console.warn(`[BugCatch] ${t}`);
+  } catch {
+  }
+}
+function Kt(t) {
+  var e;
+  for (const n of ((e = t == null ? void 0 : t.getTracks) == null ? void 0 : e.call(t)) ?? [])
+    try {
+      n.stop();
+    } catch {
+    }
+}
+const Ue = {
+  cycleMs: 3e3,
+  peak: 0.045,
+  bursts: [
+    { at: 0, seconds: 0.4, hz: [440, 660] },
+    { at: 0.55, seconds: 0.4, hz: [440, 660] }
+  ]
+};
+let pn = !1;
+if (typeof window < "u" && window.addEventListener)
+  for (const t of ["pointerdown", "keydown", "touchstart"])
+    window.addEventListener(t, () => {
+      pn = !0;
+    }, {
+      once: !0,
+      capture: !0,
+      passive: !0
+    });
+function Ka() {
+  var t;
+  try {
+    return !!((t = navigator.userActivation) != null && t.hasBeenActive);
+  } catch {
+    return !1;
+  }
+}
+function _a() {
+  if (!pn && !Ka()) return () => {
+  };
+  const t = typeof window < "u" && (window.AudioContext || window.webkitAudioContext);
+  if (!t) return () => {
+  };
+  let e;
+  try {
+    e = new t();
+  } catch {
+    return () => {
+    };
+  }
+  let n = !1, a = null;
+  const o = [], r = ({ at: u, seconds: g, hz: b }) => {
+    const d = e.currentTime + u, w = e.createGain();
+    w.connect(e.destination), w.gain.setValueAtTime(0, d), w.gain.linearRampToValueAtTime(Ue.peak, d + 0.02), w.gain.setValueAtTime(Ue.peak, d + g - 0.06), w.gain.linearRampToValueAtTime(0, d + g);
+    for (const h of b) {
+      const S = e.createOscillator();
+      S.type = "sine", S.frequency.value = h, S.connect(w), S.start(d), S.stop(d + g + 0.02), o.push(S);
+    }
+  }, s = () => {
+    if (!n)
+      try {
+        Ue.bursts.forEach(r);
+      } catch {
+      }
+  }, l = () => {
+    n || (s(), a = setInterval(s, Ue.cycleMs));
+  };
+  return e.state === "running" ? l() : e.resume().then(l).catch(() => {
+  }), () => {
+    n = !0, a && clearInterval(a);
+    for (const u of o)
+      try {
+        u.stop();
+      } catch {
+      }
+    try {
+      e.close();
+    } catch {
+    }
+  };
+}
+function Wa(t) {
+  const e = Date.parse(t || "");
+  return Number.isNaN(e) ? 0 : Math.max(0, Math.round((e - Date.now()) / 1e3));
+}
+const _t = [
+  "flex:1",
+  "padding:9px 12px",
+  "border:0",
+  "border-radius:8px",
+  "font:600 13px/1.4 inherit",
+  "cursor:pointer"
+].join(";");
+function Fa({
+  call: t,
+  accent: e = "#5b6ef5",
+  position: n = "bottom-right",
+  onAnswer: a,
+  onDecline: o,
+  onExpire: r
+}) {
+  if (typeof document > "u" || !document.body) return () => {
+  };
+  const [s, l] = String(n).split("-"), u = document.createElement("div");
+  u.setAttribute("role", "alertdialog"), u.setAttribute("aria-live", "assertive"), u.setAttribute("aria-label", `${t.from || "Support"} is calling about ${t.reference}`), u.style.cssText = [
+    "position:fixed",
+    `${s === "top" ? "top" : "bottom"}:20px`,
+    `${l === "left" ? "left" : "right"}:20px`,
+    // Above the update toast, which uses the maximum and may be on screen at
+    // the same moment — a status line must not sit on top of a ringing phone.
+    "z-index:2147483647",
+    "width:300px",
+    "max-width:calc(100vw - 40px)",
+    "padding:14px",
+    "border-radius:12px",
+    "background:#1b1e26",
+    "color:#eceef2",
+    'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
+    "box-shadow:0 18px 44px rgba(0,0,0,0.5)",
+    `border:1px solid ${e}`,
+    "opacity:0",
+    "transform:translateY(8px)",
+    "transition:opacity .2s ease,transform .2s ease"
+  ].join(";");
+  const g = document.createElement("div");
+  g.style.cssText = "font-weight:600;font-size:14px;margin-bottom:2px", g.textContent = `${t.from || "Support"} is calling`;
+  const b = document.createElement("div");
+  b.style.cssText = "color:#a4abba;margin-bottom:10px", b.textContent = t.project ? `About your report ${t.reference} · ${t.project}` : `About your report ${t.reference}`;
+  const d = document.createElement("div");
+  d.style.cssText = "color:#7d8598;font-size:12px;margin-bottom:10px";
+  const w = document.createElement("button");
+  w.type = "button", w.textContent = "Answer", w.style.cssText = `${_t};background:${e};color:#fff`;
+  const h = document.createElement("button");
+  h.type = "button", h.textContent = "Not now", h.style.cssText = `${_t};background:#2b2f3a;color:#c8cedb`;
+  const S = document.createElement("div");
+  if (S.style.cssText = "display:flex;gap:8px", S.append(w, h), u.append(g, b, d), t.recorded) {
+    const C = document.createElement("div");
+    C.style.cssText = "color:#7d8598;font-size:12px;margin-bottom:10px", C.textContent = "This call will be recorded.", u.append(C);
+  }
+  u.append(S), document.body.appendChild(u);
+  const z = _a();
+  let F = !1, k = null;
+  const y = () => {
+    F || (F = !0, k && clearInterval(k), z(), u.style.opacity = "0", u.style.transform = "translateY(8px)", setTimeout(() => u.remove(), 250));
+  }, x = () => {
+    const C = Wa(t.ringsUntil);
+    if (d.textContent = C ? `Ringing — ${C}s` : "The call has stopped ringing.", !C) {
+      y();
+      try {
+        r == null || r();
+      } catch {
+      }
+    }
+  };
+  return x(), k = setInterval(x, 1e3), w.addEventListener("click", () => {
+    y();
+    try {
+      a == null || a();
+    } catch {
+    }
+  }), h.addEventListener("click", () => {
+    y();
+    try {
+      o == null || o();
+    } catch {
+    }
+  }), requestAnimationFrame(() => {
+    u.style.opacity = "1", u.style.transform = "translateY(0)";
+  }), y;
+}
+const Wt = {
+  name: "@sphoro/bugcatch-web-sdk",
+  version: "0.13.1"
+}, De = {
+  apiBase: "http://localhost:3000",
+  apiKey: null,
+  projectId: null,
+  consoleLimit: 100,
+  networkLimit: 50,
+  captureConsole: !0,
+  captureNetwork: !0,
+  captureErrors: !0,
+  // Shows the floating "Report a bug" button. Turn off to drive it yourself.
+  widget: !0,
+  widgetPosition: "bottom-right",
+  // 'auto' follows the visitor's system setting; 'light' / 'dark' pin it.
+  theme: "auto",
+  accent: "#4F46E5",
+  // Screenshot / screen recording / file attach. Capture needs getDisplayMedia,
+  // so it is offered only where the browser has it — file attach always works.
+  attachments: !0,
+  maxAttachments: 5,
+  maxAttachmentBytes: 25 * 1024 * 1024,
+  maxRecordingMs: 12e4,
+  // Called before send; return false to cancel, or mutate the payload to scrub.
+  beforeSend: null,
+  user: null,
+  // Tell the reporter when a bug they filed changes status — live, in your
+  // app, where they already are. Off means no connection is opened at all.
+  updates: !0,
+  // Show the built-in notification when an update arrives. It stays until the
+  // reporter marks it read — including across a reload — so an update is not
+  // lost to whoever happened to be looking at the tab. Turn it off and drive
+  // the notification yourself from onUpdate and unreadUpdates().
+  updateToast: !0,
+  // Called with { id, bugId, title, status, at } whenever one of this browser's
+  // reports moves. Runs whether or not the built-in notification is on; `id` is
+  // what markUpdateRead() takes.
+  onUpdate: null,
+  // Offer a voice call when a report is picked up, if the workspace has
+  // sphoro.voice configured. Nothing is dialled and no permission is asked for
+  // until somebody presses the button — see startCall().
+  voice: !0,
+  // Called as a call moves: 'connecting', 'listening', 'speaking', 'ended',
+  // 'failed'. The SDK shows nothing of its own beyond the offer, so an
+  // integration that wants a call UI builds it from this and onCallTranscript.
+  onCallState: null,
+  // Called with { role, text, final } for each line, as it is recognised.
+  onCallTranscript: null,
+  // Called with { bugId, callId, from, project, reference, ringsUntil,
+  // recorded } when somebody on the team rings this page about a report filed
+  // from it. The SDK has already drawn the card by then — this is for a host
+  // application that wants to duck its own audio or pause a video, not a hook
+  // that can suppress a call the person can see ringing. Set `voice: false` to
+  // switch the whole thing off.
+  onIncomingCall: null
+};
+var A, fe, ft, gt, fn, mt, gn, Ve, mn;
+class hn {
+  constructor() {
+    At(this, A);
+    this.config = { ...De }, this.started = !1, this.teardown = [], this.consoleBuffer = He(De.consoleLimit), this.networkBuffer = He(De.networkLimit), this.stopWatching = null, this.notifier = null, this.call = null, this.callStarting = !1, this.ringing = null, this.listeners = /* @__PURE__ */ new Map();
+  }
+  init(e = {}) {
+    if (this.started)
+      return console.warn("[BugCatch] init() called twice — ignoring the second call."), this;
+    if (this.config = { ...De, ...e }, !this.config.apiKey) throw new Error("[BugCatch] apiKey is required.");
+    if (!this.config.projectId) throw new Error("[BugCatch] projectId is required.");
+    return this.consoleBuffer = He(this.config.consoleLimit), this.networkBuffer = He(this.config.networkLimit), this.config.captureConsole && this.teardown.push(An(this.consoleBuffer)), this.config.captureNetwork && this.teardown.push(Qn(this.networkBuffer)), this.config.captureErrors && this.teardown.push(Rn(this.consoleBuffer)), this.config.widget && this.teardown.push(Ca(this)), this.config.updates && ne() && (this.startWatching(), queueMicrotask(() => N(this, A, fe).call(this))), this.started = !0, this;
+  }
+  /**
+   * Open the update stream. Idempotent — init() and a first report both reach
+   * here, and a second connection would double every notification.
+   */
+  startWatching() {
+    if (this.stopWatching) return this;
+    this.stopWatching = ca({
+      apiBase: this.config.apiBase,
+      onUpdate: (n) => {
+        if (n != null && n.incomingCall) {
+          N(this, A, gn).call(this, n);
+          return;
+        }
+        if (n != null && n.callWithdrawn) {
+          N(this, A, Ve).call(this, n.callWithdrawn.callId);
+          return;
+        }
+        const a = Fn(n);
+        typeof this.config.onUpdate == "function" && this.config.onUpdate(a), this.emit("update", a), N(this, A, fe).call(this);
+      }
+    }), this.teardown.push(() => {
+      var n;
+      return (n = this.stopWatching) == null ? void 0 : n.call(this);
+    }), this.teardown.push(() => N(this, A, Ve).call(this));
+    const e = (n) => {
+      (n.key === _e || n.key === null) && N(this, A, fe).call(this);
+    };
+    return window.addEventListener("storage", e), this.teardown.push(() => window.removeEventListener("storage", e)), this;
+  }
+  /**
+   * Subscribe to updates on this browser's reports. Returns an unsubscribe.
+   *
+   *   const off = BugCatch.on('update', (u) => console.log(u.summary));
+   *
+   * Alongside the `onUpdate` config option rather than replacing it: that one
+   * is the single handler an integration sets at init, this one lets several
+   * parts of an app listen independently — a badge, a toast of your own, an
+   * open report view — without them having to agree on one callback.
+   */
+  on(e, n) {
+    if (typeof n != "function") return () => {
+    };
+    const a = this.listeners.get(e) || /* @__PURE__ */ new Set();
+    return a.add(n), this.listeners.set(e, a), () => this.off(e, n);
+  }
+  off(e, n) {
+    var a;
+    return (a = this.listeners.get(e)) == null || a.delete(n), this;
+  }
+  /** Notify listeners; one that throws must not stop the rest. */
+  emit(e, n) {
+    for (const a of this.listeners.get(e) || [])
+      try {
+        a(n);
+      } catch (o) {
+        console.error("[BugCatch] an update listener threw:", o);
+      }
+  }
+  /**
+   * Updates this browser has been told about and nobody has read yet, oldest
+   * first.
+   *
+   *   BugCatch.unreadUpdates().length   // a badge on your own bell
+   *
+   * Survives a reload: the stream replays nothing when it reconnects, so an
+   * update that arrived while the tab was closed would otherwise be gone.
+   * Each carries the `id` the mark-read calls take.
+   */
+  unreadUpdates() {
+    return Ie();
+  }
+  /**
+   * Mark one update read. It stops being shown, here and on the next load.
+   *
+   *   BugCatch.on('update', (u) => myBell.add(u, () => BugCatch.markUpdateRead(u.id)));
+   *
+   * Read is something the reporter says, not something a timer decides — which
+   * is the whole reason these are held rather than shown for eight seconds and
+   * dropped. An integration rendering its own notifications is the one that
+   * knows when its reader has seen one, so it has to say.
+   */
+  markUpdateRead(e) {
+    return Yn(e), N(this, A, fe).call(this), this;
+  }
+  /**
+   * Mark everything about one report read.
+   *
+   * Opening the report is reading its updates, so the widget calls this when
+   * the thread opens; an integration with its own report view should too.
+   */
+  markReportRead(e) {
+    return Zn(e), N(this, A, fe).call(this), this;
+  }
+  /** Mark everything read. The "clear all" behind your own notification list. */
+  markUpdatesRead() {
+    return tn(), N(this, A, fe).call(this), this;
+  }
+  /**
+   * One report in full, with its timeline — every step from filing to now.
+   *
+   *   const report = await BugCatch.myReport(id);
+   *   report.timeline // [{ kind: 'filed' | 'status' | 'severity' | ... , summary, at }]
+   *
+   * Resolves to null when this browser cannot prove it filed that report.
+   */
+  myReport(e) {
+    return Gn({ apiBase: this.config.apiBase, bugId: e });
+  }
+  /**
+   * Write back on a report this browser filed.
+   *
+   *   const key = await BugCatch.uploadAttachment(file, file.type);
+   *   await BugCatch.replyToReport(id, {
+   *     body: 'Still happening on Safari',
+   *     attachments: [{ ...key, name: file.name, size: file.size }],
+   *   });
+   *
+   * The widget's own conversation view calls this; it is public so an
+   * integration rendering its own can too. Resolves to the stored message, so
+   * the caller renders what the server kept rather than what it hoped it sent.
+   */
+  replyToReport(e, { body: n, attachments: a } = {}) {
+    return nn({ apiBase: this.config.apiBase, bugId: e, body: n, attachments: a });
+  }
+  /**
+   * Whether this visitor can report something by talking about it instead.
+   *
+   *   if (await BugCatch.canCallNow()) showYourOwnCallButton();
+   *
+   * Two conditions, and both have to hold before anything is drawn. The project
+   * has to have calling configured — false on most deployments — and this
+   * browser has to know who the visitor is, because a call with nobody to
+   * attribute it to has no watch token to follow it with and nobody to send the
+   * transcript to afterwards. That is the same limit every other follow-up
+   * feature in this SDK has: it all hangs off `identify()`.
+   */
+  async canCallNow() {
+    return !!await this.callKind();
+  }
+  /**
+   * Which kind of call this visitor would get: 'agent', 'live', or null.
+   *
+   *   const kind = await BugCatch.callKind();
+   *   // 'agent' — a model answers and asks the questions the form did not
+   *   // 'live'  — the team's dashboards ring and a colleague picks up
+   *
+   * A deployment offers one or the other, never both: a sphoro.voice agent has
+   * exactly one mode. Worth asking rather than assuming, because the two are
+   * wholly different promises to make to somebody — and the wording next to the
+   * button has to match which one it is.
+   *
+   * The answer is remembered for the life of the page. It is a property of the
+   * deployment's configuration rather than of this visitor, and re-asking on
+   * every dialog open is a request per page view for something that changes
+   * about once a year.
+   */
+  async callKind() {
+    var e;
+    return !this.config.voice || !((e = this.config.user) != null && e.email) ? null : this.kind !== void 0 ? this.kind : (this.kind = await ea({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId
+    }), this.kind);
+  }
+  /**
+   * Whether a report can be talked through right now.
+   *
+   *   if (await BugCatch.canCall(id)) showYourOwnButton();
+   *
+   * False on every deployment without sphoro.voice configured, on every
+   * workspace that has not switched calling on, and on a report that has had
+   * its allowance of calls — so an integration rendering its own affordance can
+   * ask rather than guess.
+   */
+  canCall(e) {
+    return this.config.voice ? na({ apiBase: this.config.apiBase, bugId: e }) : Promise.resolve(!1);
+  }
+  /**
+   * Talk to the triage agent.
+   *
+   *   await BugCatch.startCall(id);   // about a report already filed
+   *   await BugCatch.startCall();     // instead of filling the form in
+   *
+   * With a report id, it talks about that report. With none, it files one first
+   * — carrying the console, network and environment this SDK is already holding
+   * — and then calls about that. The report is written before the call starts
+   * either way, so a call that drops still leaves the context behind; the
+   * handle carries `bugId` so the caller can say what it was filed as.
+   *
+   * Asks for the microphone, opens the call, and resolves once it is connected.
+   * What is said reaches the team as a message in the report's thread when the
+   * call ends — nobody from the team is on the line, and the agent says so.
+   *
+   * Rejects if the microphone is refused, if calling is not available, or if
+   * one is already running. There is deliberately no way to start a second: two
+   * microphones on one page talk over each other, and the second call would be
+   * transcribing the first. A rejection carrying `.filed` means the report was
+   * written and only the call failed.
+   */
+  async startCall(e) {
+    if (!this.config.voice) throw new Error("[BugCatch] calling is switched off.");
+    if (this.call || this.callStarting)
+      throw new Error("[BugCatch] a call is already running.");
+    this.callStarting = !0;
+    try {
+      return await N(this, A, fn).call(this, e);
+    } finally {
+      this.callStarting = !1;
+    }
+  }
+  /**
+   * Talk to a person on the team.
+   *
+   *   await BugCatch.startLiveCall(id);
+   *
+   * The other kind of call. `startCall` reaches the triage agent, which answers
+   * instantly and asks the three questions the form did not; this rings the
+   * team, and whoever is free picks it up. What comes back is a conversation
+   * with a colleague — the audio travels directly between the two browsers over
+   * WebRTC and never reaches bugcatch or sphoro.voice, so it is not recorded and
+   * not transcribed. The thread gets a note saying it happened and who took it.
+   *
+   * Resolves once the call is *ringing*, not once somebody answers — the
+   * handle's `onState` is how the caller follows what happens next:
+   *
+   *   'ringing'    the team's dashboards are lighting up
+   *   'connecting' somebody answered; the two browsers are finding each other
+   *   'connected'  they can hear each other
+   *   'missed'     nobody picked up before the ringing stopped
+   *   'ended'      it is over
+   *
+   * A report id is required, unlike `startCall`. Ringing a room about a report
+   * nobody can read would ask somebody to answer a call they know nothing
+   * about — and the agent call's trick of filing first and taking a title from
+   * the transcript is not available here, because there is no transcript.
+   *
+   * Rejects if the microphone is refused, if live calling is not available on
+   * this report, or if a call of either kind is already running: this page has
+   * one microphone, and two calls on it would talk over each other.
+   */
+  async startLiveCall(e) {
+    if (!this.config.voice) throw new Error("[BugCatch] calling is switched off.");
+    if (!e) throw new Error("[BugCatch] startLiveCall needs the id of a filed report.");
+    if (!Ne())
+      throw new Error("[BugCatch] this browser cannot make live calls.");
+    if (this.call || this.callStarting)
+      throw new Error("[BugCatch] a call is already running.");
+    this.callStarting = !0;
+    try {
+      return await N(this, A, mt).call(this, e);
+    } finally {
+      this.callStarting = !1;
+    }
+  }
+  /**
+   * Whether this report can be talked through with a person.
+   *
+   * For a host application drawing its own button. The widget asks this itself.
+   */
+  canCallTeam(e) {
+    return this.config.voice ? oa({ apiBase: this.config.apiBase, bugId: e }) : Promise.resolve(!1);
+  }
+  /**
+   * End the call in progress, of either kind. Does nothing when there is not
+   * one — there is a single slot, because there is a single microphone.
+   */
+  endCall() {
+    var e;
+    return (e = this.call) == null || e.hangUp(), this.call = null, this;
+  }
+  /**
+   * Everything this browser has reported, newest first, with the status of
+   * each — the history a reporter normally has no way to see.
+   *
+   *   const { reports } = await BugCatch.myReports();
+   *   // [{ reference: '3F2A9B01', title, status, priority, createdAt, ... }]
+   *
+   * Resolves to an empty history rather than throwing when nothing has been
+   * filed from this browser, or when identify() supplied no email — there is
+   * nothing to look up in either case.
+   */
+  myReports() {
+    return Jn({ apiBase: this.config.apiBase });
+  }
+  /** True when this browser has filed something, so a "your reports" entry
+   *  point can be hidden until it would show anything. */
+  hasReports() {
+    return !!ne();
+  }
+  /**
+   * Forget this browser's reports — call on sign-out, or the next person at
+   * this machine inherits the previous one's notifications.
+   */
+  forgetReports() {
+    var e;
+    return (e = this.stopWatching) == null || e.call(this), this.stopWatching = null, this.endCall(), ge(), N(this, A, fe).call(this), this;
+  }
+  /**
+   * Attach the signed-in user so reports say who hit the bug.
+   *
+   * `email` is the field that matters beyond display: it threads every report
+   * from the same person together in the dashboard, and it is where the team's
+   * "your issue is resolved" email goes. Because your app has already
+   * authenticated this person, an address sent here is treated as reachable —
+   * unlike one typed into a public recording-link form, which stays unusable
+   * for outbound mail until the reporter answers a confirmation code.
+   *
+   *   BugCatch.identify({ id: 'u_42', email: 'alex@acme.com', name: 'Alex' });
+   *
+   * Pass null to forget them again on sign-out.
+   */
+  identify(e) {
+    return this.config.user = e, this;
+  }
+  /**
+   * Upload a screenshot, recording or file and get back the storage key that
+   * `report({ attachments })` references.
+   *
+   * The blob goes straight to storage on a presigned URL — it never passes
+   * through the API — so this is also what you call when you drive the SDK
+   * yourself with `widget: false`.
+   */
+  async uploadAttachment(e, n, a) {
+    if (!this.started) throw new Error("[BugCatch] call init() first.");
+    return Pn({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      blob: e,
+      mime: n || (e == null ? void 0 : e.type),
+      onProgress: a
+    });
+  }
+  /** File a bug with everything captured so far. */
+  async report({
+    title: e,
+    description: n = "",
+    priority: a = "MEDIUM",
+    metadata: o = {},
+    attachments: r = []
+  } = {}) {
+    if (!this.started) throw new Error("[BugCatch] call init() first.");
+    if (!e || !e.trim()) throw new Error("[BugCatch] a title is required.");
+    const s = (r || []).filter((d) => (d == null ? void 0 : d.storageKey) && Ke(d.mime, Pe)).map((d) => ({
+      type: d.type === "VIDEO" ? "VIDEO" : "SCREENSHOT",
+      storageKey: d.storageKey,
+      mime: Ke(d.mime, Pe)
+    }));
+    let l = await N(this, A, ft).call(this, { title: e.trim(), description: n, priority: a, metadata: o, media: s });
+    if (typeof this.config.beforeSend == "function") {
+      const d = this.config.beforeSend(l);
+      if (d === !1) return { cancelled: !0 };
+      d && typeof d == "object" && (l = d);
+    }
+    const u = he(this.config.projectId), g = await fetch(`${this.config.apiBase}/ingest/bugs`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-BugCatch-Key": this.config.apiKey,
+        // Present only where the reporter signed in. The server takes the
+        // address from here rather than from the payload when it is — on a
+        // project that requires sign-in, letting the page name a different
+        // reporter would undo the requirement.
+        ...u != null && u.token ? { "X-BugCatch-Session": u.token } : {}
+      },
+      body: JSON.stringify(l)
+    });
+    if (g.status === 401 && u && dt(this.config.projectId), !g.ok) {
+      let d = "";
+      try {
+        const w = await g.json();
+        d = Array.isArray(w.message) ? w.message.join(", ") : w.message || "";
+      } catch {
+      }
+      throw new Error(`[BugCatch] report failed (HTTP ${g.status})${d ? ": " + d : ""}`);
+    }
+    const b = await g.json();
+    return b.watchToken && (lt(b.watchToken), this.config.updates && this.startWatching()), b;
+  }
+  /**
+   * What this project asks of the person reporting, and who this browser is
+   * signed in as right now.
+   *
+   *   const { mode, signedIn } = await BugCatch.loginState();
+   *   // mode: 'off' | 'optional' | 'required'
+   *
+   * The widget calls this itself every time it opens. It is here for
+   * integrations running with `widget: false`, which have to draw their own
+   * sign-in and need the same answer to know whether to draw one at all.
+   *
+   * The mode is the project's setting, changed in BugCatch under Project
+   * Settings → General, not in this config. A widget that could opt out of a
+   * required sign-in would not be a requirement.
+   */
+  loginState() {
+    var e;
+    return Aa({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      token: (e = he(this.config.projectId)) == null ? void 0 : e.token
+    });
+  }
+  /**
+   * Who this browser is signed in as on this project, from storage alone.
+   *
+   *   BugCatch.signedInAs()   // { email, name } | null
+   *
+   * Synchronous, and therefore only as current as the last round trip: a
+   * session ended elsewhere still reads as signed in here until something asks
+   * the server. Use loginState() where that matters.
+   */
+  signedInAs() {
+    const e = he(this.config.projectId);
+    return e ? { email: e.email, name: e.name } : null;
+  }
+  /**
+   * Step one of signing in: mail a code to any address.
+   *
+   *   await BugCatch.signIn('someone@example.com');
+   *   await BugCatch.confirmSignIn('someone@example.com', '481920');
+   *
+   * Any address, deliberately — there is no list of people who may report a
+   * bug in somebody's product, and asking for one would be asking the customer
+   * to maintain it. What the code proves is that whoever typed it can read the
+   * address, which is all a reply-to has ever needed to be worth.
+   */
+  signIn(e, { name: n } = {}) {
+    var a;
+    return Qa({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      email: e,
+      // The name the host app already knows beats asking for one again.
+      name: n ?? ((a = this.config.user) == null ? void 0 : a.name) ?? null
+    });
+  }
+  /**
+   * Step two: spend the code and hold the session.
+   *
+   * Signing in signs this address out of this project in every other browser —
+   * one live session per address per project. Somebody who signs in on their
+   * phone has signed their laptop out, on purpose.
+   */
+  async confirmSignIn(e, n) {
+    var o;
+    const a = await Ra({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      email: e,
+      code: n
+    });
+    return (o = this.config.user) != null && o.email || (this.config.user = { email: a.email, name: a.name || void 0 }), this.emit("signin", { email: a.email, name: a.name }), { email: a.email, name: a.name };
+  }
+  /**
+   * Sign out of this project.
+   *
+   * Ends the session on the server too, so the token cannot be replayed from a
+   * copy of this browser's storage. Local state goes whatever the network
+   * says — sign-out on a shared machine has to mean signed out on it.
+   */
+  async signOut() {
+    var a;
+    const e = he(this.config.projectId), n = await ja({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      token: e == null ? void 0 : e.token
+    });
+    return e != null && e.email && ((a = this.config.user) == null ? void 0 : a.email) === e.email && (this.config.user = null), this.emit("signout", { email: (e == null ? void 0 : e.email) || null }), n;
+  }
+  /** What would be sent right now — useful for debugging integrations. */
+  /**
+   * What this project is already known to be having trouble with.
+   *
+   * The widget asks this itself when it opens; it is public for a host
+   * application drawing its own help surface with `widget: false`. Resolves to
+   * an empty list on every project that has not switched the feature on, which
+   * is the default — draw nothing rather than an empty heading.
+   */
+  knownIssues() {
+    var e;
+    return ga({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      sessionToken: (e = he(this.config.projectId)) == null ? void 0 : e.token
+    });
+  }
+  /**
+   * The known issues that look like a description somebody is writing.
+   *
+   * Pass an AbortSignal when calling this on a keystroke, or a fast typist gets
+   * the results of whichever request happens to return last.
+   */
+  matchKnownIssues(e, { signal: n } = {}) {
+    var a;
+    return ma({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      q: e || "",
+      sessionToken: (a = he(this.config.projectId)) == null ? void 0 : a.token,
+      signal: n
+    });
+  }
+  /**
+   * Say a known issue is happening to you too, instead of filing a second
+   * report about it.
+   *
+   * Sends the same capture a report would — this browser's console, network and
+   * environment — because that is what the team gets out of somebody joining
+   * rather than filing: one report with everybody's environment on it.
+   *
+   * Needs an address. A signed-in widget has one, and identify() supplies one
+   * otherwise; pass `email` for the case where neither did. Joining means "tell
+   * me when this is fixed", and there is no way to keep that promise to
+   * somebody anonymous.
+   */
+  async meToo(e, { email: n, name: a } = {}) {
+    var s, l;
+    const o = he(this.config.projectId), r = await Rt();
+    return ba({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      projectId: this.config.projectId,
+      bugId: e,
+      reporterEmail: n || ((s = this.config.user) == null ? void 0 : s.email),
+      reporterName: a || ((l = this.config.user) == null ? void 0 : l.name),
+      metadata: { ...r, user: this.config.user || void 0, sdk: Wt },
+      logs: {
+        console: { entries: this.consoleBuffer.all() },
+        network: { entries: this.networkBuffer.all() }
+      },
+      sessionToken: o == null ? void 0 : o.token
+    });
+  }
+  snapshot() {
+    return {
+      console: this.consoleBuffer.all(),
+      network: this.networkBuffer.all(),
+      environment: Jt()
+    };
+  }
+  clear() {
+    this.consoleBuffer.clear(), this.networkBuffer.clear();
+  }
+  /** Restore every patched global and remove the widget. */
+  destroy() {
+    this.endCall(), this.teardown.forEach((e) => {
+      try {
+        e();
+      } catch {
+      }
+    }), this.teardown = [], this.notifier = null, this.started = !1;
+  }
+}
+A = new WeakSet(), /**
+ * Redraw the built-in notifications, and tell anyone counting.
+ *
+ * The single path out of the unread store: every add and every mark-read ends
+ * here, so the cards on screen and a host app's own badge cannot disagree
+ * about what is outstanding.
+ */
+fe = function() {
+  const e = Ie();
+  if (this.emit("unread", { count: e.length, updates: e }), !!this.config.updateToast) {
+    if (!this.notifier) {
+      if (!e.length) return;
+      this.notifier = fa({
+        accent: this.config.accent,
+        position: this.config.widgetPosition,
+        onRead: (n) => this.markUpdateRead(n),
+        onReadAll: () => this.markUpdatesRead(),
+        // The call button appears only where the API said the offer stands and
+        // this page has calling switched on. Pressing it reads the update —
+        // acting on a notification is the clearest way there is of having seen
+        // it — and `startCall` does the rest.
+        onCall: this.config.voice ? (n) => {
+          this.markUpdateRead(n.id), this.startCall(n.bugId);
+        } : null
+      }), this.teardown.push(() => {
+        var n;
+        return (n = this.notifier) == null ? void 0 : n.destroy();
+      });
+    }
+    this.notifier.render(e);
+  }
+}, ft = async function({ title: e, description: n = "", priority: a = "MEDIUM", metadata: o = {}, media: r = [] }) {
+  var s, l;
+  return {
+    projectId: this.config.projectId,
+    ...e ? { title: e } : {},
+    description: n,
+    priority: a,
+    url: window.location.href,
+    reporterEmail: (s = this.config.user) == null ? void 0 : s.email,
+    // Sent alongside the address so the dashboard can show a person rather
+    // than a mailbox, and so the resolution email can open with their name.
+    reporterName: (l = this.config.user) == null ? void 0 : l.name,
+    metadata: {
+      ...await Rt(),
+      ...o,
+      user: this.config.user || void 0,
+      sdk: Wt
+    },
+    logs: {
+      console: { entries: this.consoleBuffer.all() },
+      network: { entries: this.networkBuffer.all() }
+    },
+    // Omitted rather than sent empty: the field is optional server-side, and
+    // an empty array in every payload makes beforeSend hooks harder to read.
+    ...r.length ? { attachments: r } : {}
+  };
+}, gt = async function() {
+  const e = he(this.config.projectId);
+  let n;
+  try {
+    n = await ta({
+      apiBase: this.config.apiBase,
+      apiKey: this.config.apiKey,
+      token: e == null ? void 0 : e.token,
+      payload: await N(this, A, ft).call(this, {})
+    });
+  } catch (a) {
+    throw a.status === 401 && e && dt(this.config.projectId), a;
+  }
+  return n.watchToken && (lt(n.watchToken), this.config.updates && this.startWatching()), n;
+}, fn = async function(e) {
+  if (await this.callKind() === "live") return N(this, A, mt).call(this, e);
+  let n, a = null;
+  if (e)
+    ({ realtime_url: n } = await aa({
+      apiBase: this.config.apiBase,
+      bugId: e
+    }));
+  else if (a = await N(this, A, gt).call(this), e = a.id, n = a.realtime_url, !n) {
+    const r = new Error("[BugCatch] the report was filed, but no call could be started.");
+    throw r.filed = a, r;
+  }
+  const o = await qa({
+    realtimeUrl: n,
+    onState: (r, s) => {
+      (r === "ended" || r === "failed") && (this.call = null), typeof this.config.onCallState == "function" && this.config.onCallState(r, { bugId: e, ...s }), this.emit("call", { bugId: e, state: r, ...s });
+    },
+    onTranscript: (r) => {
+      typeof this.config.onCallTranscript == "function" && this.config.onCallTranscript({ bugId: e, ...r }), this.emit("call-transcript", { bugId: e, ...r });
+    }
+  });
+  return this.call = o, Object.assign(o, { bugId: e, filed: a });
+}, mt = async function(e) {
+  if (!Ne())
+    throw new Error("[BugCatch] this browser cannot make live calls.");
+  const n = await ht();
+  let a, o = null;
+  try {
+    if (e)
+      a = await ra({ apiBase: this.config.apiBase, bugId: e });
+    else if (o = await N(this, A, gt).call(this), e = o.id, a = o.live_call, !(a != null && a.realtime_url)) {
+      const s = new Error("[BugCatch] the report was filed, but the team could not be rung.");
+      throw s.filed = o, s;
+    }
+  } catch (s) {
+    for (const l of n.getTracks()) l.stop();
+    throw s;
+  }
+  const r = await Vt({
+    realtimeUrl: a.realtime_url,
+    stream: n,
+    ringsUntil: a.rings_until,
+    onState: (s, l) => {
+      (s === "ended" || s === "failed" || s === "missed") && (this.call = null), s === "missed" && ia({ apiBase: this.config.apiBase, bugId: e, callId: a.call_id }), typeof this.config.onCallState == "function" && this.config.onCallState(s, { bugId: e, live: !0, ...l }), this.emit("call", { bugId: e, live: !0, state: s, ...l });
+    }
+  });
+  return this.call = r, Object.assign(r, { bugId: e, callId: a.call_id, live: !0, filed: o });
+}, // --- being called ------------------------------------------------------------
+/**
+ * Somebody on the team is ringing this page.
+ *
+ * The only thing in this SDK that starts without the person on the page
+ * asking for it, which is why what it does is so much narrower than what the
+ * outgoing calls do: it draws a card and makes a soft noise. No microphone is
+ * opened and nothing is connected until Answer is pressed, and if nothing is
+ * pressed the card takes itself away when the ringing stops.
+ *
+ * Silently ignored when calling is switched off in this integration's config
+ * or the browser cannot hold a peer connection. A host application that has
+ * said `voice: false` has said its customers are not to be rung, and a card
+ * offering a call this page could not join would be worse than none.
+ */
+gn = function(e) {
+  var o;
+  const n = e.incomingCall;
+  if (!this.config.voice || !Ne() || ((o = this.ringing) == null ? void 0 : o.callId) === n.callId || this.call || this.callStarting) return;
+  N(this, A, Ve).call(this);
+  const a = Fa({
+    call: n,
+    accent: this.config.accent,
+    position: this.config.widgetPosition,
+    onAnswer: () => {
+      N(this, A, mn).call(this, e.bugId, n);
+    },
+    onDecline: () => {
+      this.ringing = null, zt({
+        apiBase: this.config.apiBase,
+        bugId: e.bugId,
+        callId: n.callId
+      }), this.emit("incoming-call", { bugId: e.bugId, callId: n.callId, state: "declined" });
+    },
+    // Nothing is reported here. The member who placed it is watching it ring
+    // on their own screen and their browser tells the API when it stops —
+    // the same rule as the other direction, where whoever placed the call is
+    // the one that reports nobody answered.
+    onExpire: () => {
+      this.ringing = null, this.emit("incoming-call", { bugId: e.bugId, callId: n.callId, state: "missed" });
+    }
+  });
+  if (this.ringing = { callId: n.callId, dismiss: a }, typeof this.config.onIncomingCall == "function")
+    try {
+      this.config.onIncomingCall({ bugId: e.bugId, ...n });
+    } catch {
+    }
+  this.emit("incoming-call", { bugId: e.bugId, callId: n.callId, state: "ringing" });
+}, /** Take the card away, whatever it is showing. */
+Ve = function(e) {
+  if (this.ringing && !(e && this.ringing.callId !== e)) {
+    try {
+      this.ringing.dismiss();
+    } catch {
+    }
+    this.ringing = null;
+  }
+}, mn = async function(e, n) {
+  if (this.ringing = null, this.call || this.callStarting) return;
+  this.callStarting = !0;
+  let a;
+  try {
+    a = await ht();
+  } catch (r) {
+    this.callStarting = !1, zt({ apiBase: this.config.apiBase, bugId: e, callId: n.callId }), this.emit("incoming-call", { bugId: e, callId: n.callId, state: "failed", error: r });
+    return;
+  }
+  let o;
+  try {
+    o = await sa({
+      apiBase: this.config.apiBase,
+      bugId: e,
+      callId: n.callId
+    });
+  } catch (r) {
+    for (const s of a.getTracks()) s.stop();
+    this.callStarting = !1, this.emit("incoming-call", { bugId: e, callId: n.callId, state: "missed", error: r });
+    return;
+  }
+  try {
+    const r = await Vt({
+      realtimeUrl: o.realtime_url,
+      stream: a,
+      // No deadline on this side. The ringing is over — it ended when this
+      // browser claimed the call — and a countdown here would hang up on a
+      // conversation that has already started.
+      onState: (s, l) => {
+        (s === "ended" || s === "failed" || s === "missed") && (this.call = null), typeof this.config.onCallState == "function" && this.config.onCallState(s, { bugId: e, live: !0, incoming: !0, ...l }), this.emit("call", { bugId: e, live: !0, incoming: !0, state: s, ...l });
+      }
+    });
+    this.call = r, this.emit("incoming-call", { bugId: e, callId: n.callId, state: "answered" });
+  } catch (r) {
+    for (const s of a.getTracks()) s.stop();
+    this.emit("incoming-call", { bugId: e, callId: n.callId, state: "failed", error: r });
+  } finally {
+    this.callStarting = !1;
+  }
+};
+const Ya = new hn();
+Ya.Client = hn;
+export {
+  Ya as default
+};
+//# sourceMappingURL=bugcatch.es.js.map