@spilki/widget 1.0.35 → 1.0.36

package/dist/widget.es.js

@@ -1,4 +1,4 @@
-const F = `
+const Y = `
   <style>
     :host {
       all: initial;
@@ -12,6 +12,9 @@ const F = `
     :host([data-position="bottom-left"]) {
       left: 24px;
     }
+    :host([data-dimmed]) button {
+      opacity: 0.4;
+    }
     button {
       all: unset;
       position: relative;
@@ -25,7 +28,7 @@ const F = `
       background: var(--spilki-accent);
       color: #fff;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-      transition: transform 0.18s ease, box-shadow 0.18s ease;
+      transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.2s ease;
     }
     button:focus-visible {
       outline: 2px solid #fff;
@@ -71,13 +74,13 @@ const F = `
     <span class="badge" hidden aria-hidden="true">0</span>
   </button>
 `;
-function R(r) {
+function G(o) {
   const e = document.createElement("div");
-  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", r.position), e.style.setProperty("--spilki-accent", r.color);
+  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", o.position), e.style.setProperty("--spilki-accent", o.color);
   const t = e.attachShadow({ mode: "open" });
-  t.innerHTML = F;
+  t.innerHTML = Y;
   const s = t.querySelector("button"), i = t.querySelector(".badge");
-  return s.addEventListener("click", () => r.onClick()), {
+  return s.addEventListener("click", () => o.onClick()), {
     element: e,
     mount() {
       document.body.appendChild(e);
@@ -85,20 +88,29 @@ function R(r) {
     destroy() {
       e.remove();
     },
-    setOpen(l) {
-      s.setAttribute("aria-expanded", String(l)), s.setAttribute("aria-label", l ? "Close chat" : "Open chat");
+    setOpen(a) {
+      s.setAttribute("aria-expanded", String(a)), s.setAttribute("aria-label", a ? "Close chat" : "Open chat");
     },
-    setBadge(l) {
-      const n = Math.max(0, l), a = s.getAttribute("aria-expanded") === "true";
-      if (n === 0) {
-        i.toggleAttribute("hidden", !0), i.textContent = "0", a || s.setAttribute("aria-label", "Open chat");
+    setBadge(a) {
+      const r = Math.max(0, a), l = s.getAttribute("aria-expanded") === "true";
+      if (r === 0) {
+        i.toggleAttribute("hidden", !0), i.textContent = "0", l || s.setAttribute("aria-label", "Open chat");
         return;
       }
-      i.toggleAttribute("hidden", !1), i.textContent = n > 99 ? "99+" : String(n), a || s.setAttribute("aria-label", `Open chat, ${n} unread`);
+      i.toggleAttribute("hidden", !1), i.textContent = r > 99 ? "99+" : String(r), l || s.setAttribute("aria-label", `Open chat, ${r} unread`);
+    },
+    setDimmed(a) {
+      e.toggleAttribute("data-dimmed", a);
+    },
+    setPassthrough(a) {
+      e.style.pointerEvents = a ? "none" : "";
+    },
+    setPosition(a) {
+      e.setAttribute("data-position", a);
     }
   };
 }
-const K = "https://api.spilki.app", I = {
+const V = "https://api.spilki.app", M = {
   welcome: "Hi! I'm your assistant.",
   placeholder: "Type a message…",
   sendLabel: "Send",
@@ -109,57 +121,57 @@ const K = "https://api.spilki.app", I = {
   offline: "Unable to connect. Please try again later.",
   title: "Spilki Assistant"
 }, w = {
-  apiBase: K,
+  apiBase: V,
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
-  welcome: I.welcome,
+  welcome: M.welcome,
   persist: !0,
   sound: !0,
-  i18n: I
+  i18n: M
 };
-function H(r) {
-  var t, s, i, o, l, n, a, g;
-  const e = { ...I, ...(t = r.i18n) != null ? t : {} };
+function J(o) {
+  var t, s, i, n, a, r, l, p;
+  const e = { ...M, ...(t = o.i18n) != null ? t : {} };
   return {
     ...w,
-    ...r,
-    apiBase: (s = r.apiBase) != null ? s : w.apiBase,
+    ...o,
+    apiBase: (s = o.apiBase) != null ? s : w.apiBase,
     i18n: e,
-    welcome: (i = r.welcome) != null ? i : e.welcome,
-    position: (o = r.position) != null ? o : w.position,
-    theme: (l = r.theme) != null ? l : w.theme,
-    color: (n = r.color) != null ? n : w.color,
-    persist: (a = r.persist) != null ? a : w.persist,
-    sound: (g = r.sound) != null ? g : w.sound
+    welcome: (i = o.welcome) != null ? i : e.welcome,
+    position: (n = o.position) != null ? n : w.position,
+    theme: (a = o.theme) != null ? a : w.theme,
+    color: (r = o.color) != null ? r : w.color,
+    persist: (l = o.persist) != null ? l : w.persist,
+    sound: (p = o.sound) != null ? p : w.sound
   };
 }
-function z(r = "msg") {
-  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
+function X(o = "msg") {
+  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${o}-${Math.random().toString(16).slice(2)}`;
 }
-function _() {
-  var r, e;
-  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
+function Z() {
+  var o, e;
+  return (e = (o = window.matchMedia) == null ? void 0 : o.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
 }
-function P(r) {
-  return r === "light" || r === "dark" ? r : _() ? "dark" : "light";
+function R(o) {
+  return o === "light" || o === "dark" ? o : Z() ? "dark" : "light";
 }
-function S(r, e = 30) {
-  return r.slice(-e);
+function A(o, e = 30) {
+  return o.slice(-e);
 }
-function q(r) {
-  if (!r || r.length === 0) return;
+function Q(o) {
+  if (!o || o.length === 0) return;
   const e = window.location.origin;
-  r.includes(e) || console.warn(
-    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${r.join(", ")}`
+  o.includes(e) || console.warn(
+    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${o.join(", ")}`
   );
 }
-const G = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function V(r) {
-  const e = new Date(r), t = /* @__PURE__ */ new Date(), s = (a) => String(a).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, o = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), l = o - 864e5, n = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
-  return n === o ? `Today at ${i}` : n === l ? `Yesterday at ${i}` : `${G[e.getMonth()]} ${e.getDate()}, ${i}`;
+const ee = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function te(o) {
+  const e = new Date(o), t = /* @__PURE__ */ new Date(), s = (l) => String(l).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, n = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), a = n - 864e5, r = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+  return r === n ? `Today at ${i}` : r === a ? `Yesterday at ${i}` : `${ee[e.getMonth()]} ${e.getDate()}, ${i}`;
 }
-const Y = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-text-light: #0f172a;--spilki-text-dark: #f8fafc;--spilki-border-light: rgba(15, 23, 42, .1);--spilki-border-dark: rgba(148, 163, 184, .25);--spilki-muted-light: #64748b;--spilki-muted-dark: #94a3b8;--spilki-shadow: 0 10px 40px rgba(15, 23, 42, .2);--spilki-radius: 16px;--spilki-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:inherit;font-family:var(--spilki-font)}.wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--spilki-surface);color:var(--spilki-text);border-radius:var(--spilki-radius);box-shadow:var(--spilki-shadow);border:1px solid var(--spilki-border);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--spilki-surface);border-bottom:1px solid var(--spilki-border)}header h1{font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}header button.close{border:none;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}header button.close:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--spilki-accent)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;scroll-behavior:smooth}.message{display:flex;flex-direction:column;gap:.15rem;max-width:85%;width:fit-content;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;align-items:flex-end}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.msg-time{font-size:.7rem;color:var(--spilki-muted);margin-top:2px}.date-separator{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.72rem;color:var(--spilki-muted);white-space:nowrap}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.scroll-bottom{position:absolute;right:1rem;bottom:88px;width:38px;height:38px;border:none;border-radius:999px;background:var(--spilki-accent);color:#fff;box-shadow:0 8px 20px #0f172a40;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:3}.scroll-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-arrow{font-size:.8rem;line-height:1}.scroll-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.suggested-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--spilki-border)}.suggested-chip{border:1px solid var(--spilki-accent);background:transparent;color:var(--spilki-accent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.suggested-chip:hover{background:var(--spilki-accent);color:#fff}.suggested-chip:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.input-area{padding:.5rem .75rem}.input-wrap{display:flex;align-items:center;border:1px solid var(--spilki-border);border-radius:1.5rem;background:transparent;padding-left:0}.input-area textarea{flex:1;resize:none;min-height:2.4rem;max-height:6rem;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;padding:.55rem 0 .55rem 1rem;font-family:inherit;font-size:.95rem;color:var(--spilki-text);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.input-actions{display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;flex-shrink:0}.input-actions button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;padding:0;transition:opacity .15s}.emoji-btn{background:#6366f126;color:var(--spilki-accent)}.emoji-btn:hover{background:#6366f140}.emoji-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:1px}.send-btn{background:var(--spilki-accent);color:#fff}.send-btn:hover{opacity:.85}.send-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.emoji-picker{position:absolute;right:1rem;bottom:80px;width:240px;max-height:180px;overflow-y:auto;display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.5rem;background:var(--spilki-surface);border:1px solid var(--spilki-border);border-radius:12px;box-shadow:0 14px 30px #0f172a40;z-index:4}.emoji-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.emoji-option:hover,.emoji-option:focus-visible{background:#94a3b833}.typing{font-size:.75rem;color:var(--spilki-muted);padding:0 1rem .75rem}.typing:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.offline{font-size:.8rem;padding:0 1rem;color:#f97316}:host([data-theme="dark"]){--spilki-surface: var(--spilki-bg-dark);--spilki-text: var(--spilki-text-dark);--spilki-border: var(--spilki-border-dark);--spilki-muted: var(--spilki-muted-dark)}:host([data-theme="dark"]) .messages,:host([data-theme="dark"]) .input-area textarea,:host([data-theme="dark"]) .emoji-picker{scrollbar-color:rgba(255,255,255,.2) transparent}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-light);--spilki-muted: var(--spilki-muted-light)}:host([data-theme="dark"]) .message .bubble{background:#94a3b81f}:host([data-theme="dark"]) .message.bot .bubble{background:#6366f126}:host([data-theme="dark"]) .input-area textarea{background:transparent}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track,.emoji-picker::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb,.emoji-picker::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover,.emoji-picker::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb{background:#fff3}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff59}.conversation-separator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;user-select:none;font-size:.7rem;color:var(--spilki-muted);white-space:nowrap}.conversation-separator:before,.conversation-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.conversation-separator:hover{color:var(--spilki-text)}.conversation-separator:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}.conversation-history{display:none;flex-direction:column;gap:.5rem}.conversation-history.expanded{display:flex}', D = 24 * 60 * 60 * 1e3, J = 2 * 60 * 1e3, X = 200, Z = [
+const se = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-text-light: #0f172a;--spilki-text-dark: #f8fafc;--spilki-border-light: rgba(15, 23, 42, .1);--spilki-border-dark: rgba(148, 163, 184, .25);--spilki-muted-light: #64748b;--spilki-muted-dark: #94a3b8;--spilki-shadow: 0 10px 40px rgba(15, 23, 42, .2);--spilki-radius: 16px;--spilki-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:inherit;font-family:var(--spilki-font)}.wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--spilki-surface);color:var(--spilki-text);border-radius:var(--spilki-radius);box-shadow:var(--spilki-shadow);border:1px solid var(--spilki-border);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--spilki-surface);border-bottom:1px solid var(--spilki-border)}header h1{font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}header button.close{border:none;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}header button.close:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--spilki-accent)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;scroll-behavior:smooth}.message{display:flex;flex-direction:column;gap:.15rem;max-width:85%;width:fit-content;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;align-items:flex-end}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.msg-time{font-size:.7rem;color:var(--spilki-muted);margin-top:2px}.date-separator{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.72rem;color:var(--spilki-muted);white-space:nowrap}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.scroll-bottom{position:absolute;right:1rem;bottom:88px;width:38px;height:38px;border:none;border-radius:999px;background:var(--spilki-accent);color:#fff;box-shadow:0 8px 20px #0f172a40;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:3}.scroll-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-arrow{font-size:.8rem;line-height:1}.scroll-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.suggested-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--spilki-border)}.suggested-chip{border:1px solid var(--spilki-accent);background:transparent;color:var(--spilki-accent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.suggested-chip:hover{background:var(--spilki-accent);color:#fff}.suggested-chip:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.input-area{padding:.5rem .75rem}.input-wrap{display:flex;align-items:center;border:1px solid var(--spilki-border);border-radius:1.5rem;background:transparent;padding-left:0}.input-area textarea{flex:1;resize:none;min-height:2.4rem;max-height:6rem;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;padding:.55rem 0 .55rem 1rem;font-family:inherit;font-size:.95rem;color:var(--spilki-text);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.input-actions{display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;flex-shrink:0}.input-actions button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;padding:0;transition:opacity .15s}.emoji-btn{background:#6366f126;color:var(--spilki-accent)}.emoji-btn:hover{background:#6366f140}.emoji-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:1px}.send-btn{background:var(--spilki-accent);color:#fff}.send-btn:hover{opacity:.85}.send-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.emoji-picker{position:absolute;right:1rem;bottom:80px;width:240px;max-height:180px;overflow-y:auto;display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.5rem;background:var(--spilki-surface);border:1px solid var(--spilki-border);border-radius:12px;box-shadow:0 14px 30px #0f172a40;z-index:4}.emoji-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.emoji-option:hover,.emoji-option:focus-visible{background:#94a3b833}.typing{font-size:.75rem;color:var(--spilki-muted);padding:0 1rem .75rem}.typing:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.offline{font-size:.8rem;padding:0 1rem;color:#f97316}:host([data-theme="dark"]){--spilki-surface: var(--spilki-bg-dark);--spilki-text: var(--spilki-text-dark);--spilki-border: var(--spilki-border-dark);--spilki-muted: var(--spilki-muted-dark)}:host([data-theme="dark"]) .messages,:host([data-theme="dark"]) .input-area textarea,:host([data-theme="dark"]) .emoji-picker{scrollbar-color:rgba(255,255,255,.2) transparent}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-light);--spilki-muted: var(--spilki-muted-light)}:host([data-theme="dark"]) .message .bubble{background:#94a3b81f}:host([data-theme="dark"]) .message.bot .bubble{background:#6366f126}:host([data-theme="dark"]) .input-area textarea{background:transparent}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track,.emoji-picker::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb,.emoji-picker::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover,.emoji-picker::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb{background:#fff3}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff59}.conversation-separator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;user-select:none;font-size:.7rem;color:var(--spilki-muted);white-space:nowrap}.conversation-separator:before,.conversation-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.conversation-separator:hover{color:var(--spilki-text)}.conversation-separator:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}.conversation-history{display:none;flex-direction:column;gap:.5rem}.conversation-history.expanded{display:flex}', $ = 24 * 60 * 60 * 1e3, ie = 2 * 60 * 1e3, oe = 200, ne = [
   "😀",
   "😂",
   "🤣",
@@ -211,10 +223,10 @@ const Y = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-t
   "☕",
   "🍕"
 ];
-function E(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function S(o) {
+  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class Q {
+class re {
   constructor(e) {
     this.options = e, this.relativeTimeFormat = new Intl.RelativeTimeFormat(void 0, {
       numeric: "auto"
@@ -229,9 +241,9 @@ class Q {
       day: "numeric",
       year: "numeric"
     }), this.renderedMessages = [], this.focusable = [], this.seenIds = /* @__PURE__ */ new Set(), this.lastTimelineMessage = null, this.scrollUnreadCount = 0, this.emojiPickerOpen = !1, this.open = !1, this.host = document.createElement("div"), this.host.setAttribute("part", "panel-root"), this.host.style.position = "fixed", this.host.style.bottom = "96px", this.host.style[e.position === "bottom-right" ? "right" : "left"] = "24px", this.host.style.width = "360px", this.host.style.maxWidth = "calc(100vw - 32px)", this.host.style.height = "520px", this.host.style.display = "none", this.host.style.zIndex = "2147483001", this.shadow = this.host.attachShadow({ mode: "open" });
-    const t = E(e.i18n.title), s = E(e.i18n.typing), i = E(e.i18n.offline), o = E(e.i18n.placeholder), l = E(e.i18n.sendLabel);
+    const t = S(e.i18n.title), s = S(e.i18n.typing), i = S(e.i18n.offline), n = S(e.i18n.placeholder), a = S(e.i18n.sendLabel);
     this.shadow.innerHTML = `
-      <style>${Y}</style>
+      <style>${se}</style>
       <div class="wrapper" role="dialog" aria-modal="true" aria-label="${t}">
         <header>
           <h1><span class="status-dot" aria-hidden="true"></span>${t}</h1>
@@ -248,7 +260,7 @@ class Q {
         <div class="emoji-picker" aria-label="Emoji picker"></div>
         <div class="input-area">
           <div class="input-wrap">
-            <textarea rows="1" placeholder="${o}" aria-label="${o}"></textarea>
+            <textarea rows="1" placeholder="${n}" aria-label="${n}"></textarea>
             <div class="input-actions">
               <button class="emoji-btn" type="button" aria-label="Insert emoji">
                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
@@ -258,7 +270,7 @@ class Q {
                   <circle cx="15" cy="10" r="1" fill="currentColor"/>
                 </svg>
               </button>
-              <button type="button" class="send-btn" aria-label="${l}">
+              <button type="button" class="send-btn" aria-label="${a}">
                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                   <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" fill="currentColor"/>
                 </svg>
@@ -267,36 +279,39 @@ class Q {
           </div>
         </div>
       </div>
-    `, this.host.dataset.theme = e.theme, this.host.style.setProperty("--spilki-accent", e.color), this.messagesEl = this.shadow.querySelector(".messages"), this.typingEl = this.shadow.querySelector(".typing"), this.input = this.shadow.querySelector("textarea"), this.offlineEl = this.shadow.querySelector(".offline"), this.sendButton = this.shadow.querySelector(".send-btn"), this.emojiButton = this.shadow.querySelector(".emoji-btn"), this.emojiPickerEl = this.shadow.querySelector(".emoji-picker"), this.scrollBottomButton = this.shadow.querySelector(".scroll-bottom"), this.scrollBottomCountEl = this.shadow.querySelector(".scroll-count"), this.closeButton = this.shadow.querySelector("header .close"), this.suggestedRepliesEl = this.shadow.querySelector(".suggested-replies"), this.handleCloseClick = () => this.options.onClose(), this.handleSendClick = () => this.send(), this.handleInputKeydown = (n) => {
-      if (n.key === "Enter" && !n.shiftKey)
-        n.preventDefault(), this.send();
-      else if (n.key === "Escape") {
+    `, this.host.dataset.theme = e.theme, this.host.style.setProperty("--spilki-accent", e.color), this.messagesEl = this.shadow.querySelector(".messages"), this.typingEl = this.shadow.querySelector(".typing"), this.input = this.shadow.querySelector("textarea"), this.offlineEl = this.shadow.querySelector(".offline"), this.sendButton = this.shadow.querySelector(".send-btn"), this.emojiButton = this.shadow.querySelector(".emoji-btn"), this.emojiPickerEl = this.shadow.querySelector(".emoji-picker"), this.scrollBottomButton = this.shadow.querySelector(".scroll-bottom"), this.scrollBottomCountEl = this.shadow.querySelector(".scroll-count"), this.closeButton = this.shadow.querySelector("header .close"), this.suggestedRepliesEl = this.shadow.querySelector(".suggested-replies"), this.handleCloseClick = () => this.options.onClose(), this.handleSendClick = () => this.send(), this.handleInputKeydown = (r) => {
+      if (r.key === "Enter" && !r.shiftKey)
+        r.preventDefault(), this.send();
+      else if (r.key === "Escape") {
         if (this.emojiPickerOpen) {
-          n.stopPropagation(), this.closeEmojiPicker();
+          r.stopPropagation(), this.closeEmojiPicker();
           return;
         }
         this.options.onClose();
       }
-    }, this.handleShadowKeydown = (n) => {
-      const a = n;
-      if (a.key === "Escape") {
+    }, this.handleShadowKeydown = (r) => {
+      const l = r;
+      if (l.key === "Escape") {
         if (this.emojiPickerOpen) {
-          a.preventDefault(), this.closeEmojiPicker();
+          l.preventDefault(), this.closeEmojiPicker();
           return;
         }
         this.options.onClose();
       }
-      a.key === "Tab" && this.trapFocus(a);
+      l.key === "Tab" && this.trapFocus(l);
     }, this.handleFocusin = () => this.collectFocusable(), this.handleMessagesScroll = () => this.updateScrollBottomState(), this.handleScrollBottomClick = () => {
       this.scrollToBottom(), this.resetScrollUnreadCount();
     }, this.handleEmojiClick = () => {
       this.toggleEmojiPicker();
-    }, this.handleDocumentPointerDown = (n) => {
+    }, this.handleDocumentPointerDown = (r) => {
       if (!this.emojiPickerOpen) return;
-      const a = n.composedPath();
-      a.includes(this.emojiPickerEl) || a.includes(this.emojiButton) || this.closeEmojiPicker();
+      const l = r.composedPath();
+      l.includes(this.emojiPickerEl) || l.includes(this.emojiButton) || this.closeEmojiPicker();
     }, this.closeButton.addEventListener("click", this.handleCloseClick), this.sendButton.addEventListener("click", this.handleSendClick), this.emojiButton.addEventListener("click", this.handleEmojiClick), this.scrollBottomButton.addEventListener("click", this.handleScrollBottomClick), this.input.addEventListener("keydown", this.handleInputKeydown), this.messagesEl.addEventListener("scroll", this.handleMessagesScroll), this.shadow.addEventListener("keydown", this.handleShadowKeydown), this.shadow.addEventListener("focusin", this.handleFocusin), document.addEventListener("pointerdown", this.handleDocumentPointerDown, !0), this.renderEmojiPicker(), this.updateScrollBottomState(), this.collectFocusable();
   }
+  get element() {
+    return this.host;
+  }
   mount() {
     document.body.appendChild(this.host);
   }
@@ -328,9 +343,9 @@ class Q {
   renderWithConversations(e, t) {
     this.messagesEl.innerHTML = "", this.seenIds.clear(), this.renderedMessages.length = 0, this.lastTimelineMessage = null;
     for (const s of e) {
-      s.messages.forEach((n) => this.seenIds.add(n.id));
-      const i = this.createHistoryContainer(s.messages), o = s.messages[s.messages.length - 1].ts, l = this.createSeparatorElement(o, i);
-      this.messagesEl.appendChild(i), this.messagesEl.appendChild(l);
+      s.messages.forEach((r) => this.seenIds.add(r.id));
+      const i = this.createHistoryContainer(s.messages), n = s.messages[s.messages.length - 1].ts, a = this.createSeparatorElement(n, i);
+      this.messagesEl.appendChild(i), this.messagesEl.appendChild(a);
     }
     t.forEach((s) => {
       this.seenIds.add(s.id), this.appendTimelineMessage(s);
@@ -395,17 +410,17 @@ class Q {
   }
   createSeparatorElement(e, t) {
     const s = document.createElement("div");
-    s.className = "conversation-separator", s.setAttribute("role", "button"), s.setAttribute("tabindex", "0"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-label", "Show previous conversation"), s.textContent = V(e);
+    s.className = "conversation-separator", s.setAttribute("role", "button"), s.setAttribute("tabindex", "0"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-label", "Show previous conversation"), s.textContent = te(e);
     const i = () => {
-      const o = t.classList.toggle("expanded");
-      s.setAttribute("aria-expanded", String(o)), s.setAttribute(
+      const n = t.classList.toggle("expanded");
+      s.setAttribute("aria-expanded", String(n)), s.setAttribute(
         "aria-label",
-        o ? "Hide previous conversation" : "Show previous conversation"
+        n ? "Hide previous conversation" : "Show previous conversation"
       );
     };
-    return s.addEventListener("click", i), s.addEventListener("keydown", (o) => {
-      const l = o;
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i());
+    return s.addEventListener("click", i), s.addEventListener("keydown", (n) => {
+      const a = n;
+      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i());
     }), s;
   }
   createHistoryContainer(e) {
@@ -414,8 +429,8 @@ class Q {
     let s = null;
     return e.forEach((i) => {
       this.appendDateSeparatorIfNeeded(s, i, t);
-      const { item: o } = this.createMessageElement(i);
-      t.appendChild(o), s = i;
+      const { item: n } = this.createMessageElement(i);
+      t.appendChild(n), s = i;
     }), t;
   }
   appendTimelineMessage(e) {
@@ -431,24 +446,24 @@ class Q {
   }
   updateTimestampVisibility() {
     for (let e = 0; e < this.renderedMessages.length; e += 1) {
-      const t = this.renderedMessages[e], s = this.renderedMessages[e + 1], i = !!s && s.message.author === t.message.author && s.message.ts - t.message.ts <= J && s.message.ts >= t.message.ts;
+      const t = this.renderedMessages[e], s = this.renderedMessages[e + 1], i = !!s && s.message.author === t.message.author && s.message.ts - t.message.ts <= ie && s.message.ts >= t.message.ts;
       t.timeEl.toggleAttribute("hidden", i), t.timeEl.textContent = this.formatMessageTimestamp(t.message.ts);
     }
   }
   formatMessageTimestamp(e) {
     const s = Date.now() - e;
-    if (s < D) {
+    if (s < $) {
       const i = Math.max(1, Math.round(s / 6e4));
       if (i < 60)
         return this.relativeTimeFormat.format(-i, "minute");
-      const o = Math.max(1, Math.round(i / 60));
-      return this.relativeTimeFormat.format(-o, "hour");
+      const n = Math.max(1, Math.round(i / 60));
+      return this.relativeTimeFormat.format(-n, "hour");
     }
     return this.absoluteTimeFormat.format(new Date(e));
   }
   formatDateSeparator(e) {
     const t = new Date(e), s = this.startOfDay(Date.now()), i = this.startOfDay(e);
-    return i === s ? "Today" : i === s - D ? "Yesterday" : this.dateSeparatorFormat.format(t);
+    return i === s ? "Today" : i === s - $ ? "Yesterday" : this.dateSeparatorFormat.format(t);
   }
   isSameDay(e, t) {
     return this.startOfDay(e) === this.startOfDay(t);
@@ -458,7 +473,7 @@ class Q {
     return new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime();
   }
   isScrolledUp() {
-    return this.distanceFromBottom() > X;
+    return this.distanceFromBottom() > oe;
   }
   distanceFromBottom() {
     return this.messagesEl.scrollHeight - this.messagesEl.scrollTop - this.messagesEl.clientHeight;
@@ -505,7 +520,7 @@ class Q {
     this.emojiPickerOpen && (this.emojiPickerOpen = !1, this.emojiPickerEl.style.display = "none", this.emojiButton.setAttribute("aria-expanded", "false"), this.collectFocusable());
   }
   renderEmojiPicker() {
-    this.emojiPickerEl.replaceChildren(), Z.forEach((e) => {
+    this.emojiPickerEl.replaceChildren(), ne.forEach((e) => {
       const t = document.createElement("button");
       t.type = "button", t.className = "emoji-option", t.textContent = e, t.setAttribute("aria-label", `Insert ${e}`), t.addEventListener("click", () => {
         this.insertEmojiAtCursor(e), this.closeEmojiPicker();
@@ -513,11 +528,11 @@ class Q {
     });
   }
   insertEmojiAtCursor(e) {
-    var l, n;
-    const t = this.input.value, s = (l = this.input.selectionStart) != null ? l : t.length, i = (n = this.input.selectionEnd) != null ? n : t.length;
+    var a, r;
+    const t = this.input.value, s = (a = this.input.selectionStart) != null ? a : t.length, i = (r = this.input.selectionEnd) != null ? r : t.length;
     this.input.value = `${t.slice(0, s)}${e}${t.slice(i)}`;
-    const o = s + e.length;
-    this.input.setSelectionRange(o, o), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
+    const n = s + e.length;
+    this.input.setSelectionRange(n, n), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
   }
   collectFocusable() {
     const e = this.shadow.querySelectorAll(
@@ -533,8 +548,117 @@ class Q {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-const v = 1500, L = 8e3;
-class ee {
+function ae(o) {
+  if (!(o instanceof HTMLElement) || o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true" || o.hasAttribute("inert"))
+    return !1;
+  const e = getComputedStyle(o);
+  if (e.display === "none" || e.visibility === "hidden" || e.pointerEvents === "none")
+    return !1;
+  const t = o.tagName;
+  if (t === "BUTTON" || t === "SELECT" || t === "TEXTAREA" || t === "A" && o.hasAttribute("href") || t === "INPUT" && o.type !== "hidden" || t === "IFRAME") return !0;
+  const s = o.getAttribute("role");
+  if (s === "button" || s === "link" || o.getAttribute("contenteditable") === "true") return !0;
+  const i = o.getAttribute("tabindex");
+  return i !== null && i !== "-1";
+}
+function K(o, e, t) {
+  const s = document.elementsFromPoint(o, e);
+  for (const i of s) {
+    if (t.has(i)) continue;
+    let n = !1;
+    for (const a of t)
+      if (a.contains(i)) {
+        n = !0;
+        break;
+      }
+    if (!n && ae(i))
+      return !0;
+  }
+  return !1;
+}
+function N(o, e) {
+  const t = [
+    [o.x + o.width / 2, o.y + o.height / 2],
+    [o.x + o.width / 2, o.y + 4],
+    [o.x + o.width / 2, o.y + o.height - 4],
+    [o.x + 4, o.y + o.height / 2],
+    [o.x + o.width - 4, o.y + o.height / 2]
+  ];
+  for (const [s, i] of t)
+    if (K(s, i, e)) return !0;
+  return !1;
+}
+function F() {
+  var o, e;
+  return (e = (o = window.matchMedia) == null ? void 0 : o.call(window, "(pointer: coarse)").matches) != null ? e : !1;
+}
+function le(o) {
+  return o === "bottom-right" ? "bottom-left" : "bottom-right";
+}
+class ce {
+  constructor(e) {
+    this.rafId = 0, this.pendingX = 0, this.pendingY = 0, this.pendingUpdate = !1, this.passthrough = !1, this.cachedRect = null, this.bubble = e.bubble, this.widgetHosts = e.widgetHosts, this.currentPosition = e.position, this.handlePointerMove = (t) => this.onPointerMove(t), this.handlePointerUp = () => this.exitPassthrough(), this.handleScroll = () => this.onLayoutChange(), this.handleResize = () => this.onLayoutChange(), window.addEventListener("scroll", this.handleScroll, { passive: !0 }), window.addEventListener("resize", this.handleResize, { passive: !0 }), F() ? this.scheduleAutoDockCheck() : (document.addEventListener("pointermove", this.handlePointerMove, {
+      passive: !0
+    }), document.addEventListener("pointerup", this.handlePointerUp, {
+      passive: !0
+    })), requestAnimationFrame(() => this.onLayoutChange());
+  }
+  destroy() {
+    document.removeEventListener("pointermove", this.handlePointerMove), document.removeEventListener("pointerup", this.handlePointerUp), window.removeEventListener("scroll", this.handleScroll), window.removeEventListener("resize", this.handleResize), this.rafId && cancelAnimationFrame(this.rafId), this.exitPassthrough();
+  }
+  onPointerMove(e) {
+    this.pendingX = e.clientX, this.pendingY = e.clientY, this.pendingUpdate || (this.pendingUpdate = !0, this.rafId = requestAnimationFrame(() => this.tick()));
+  }
+  tick() {
+    this.pendingUpdate = !1;
+    const e = this.getBubbleRect(), t = this.pendingX, s = this.pendingY;
+    if (!(t >= e.left && t <= e.right && s >= e.top && s <= e.bottom)) {
+      this.passthrough && this.exitPassthrough();
+      return;
+    }
+    const n = this.bubble.element, a = n.style.pointerEvents;
+    n.style.pointerEvents = "none";
+    const r = K(t, s, this.widgetHosts);
+    n.style.pointerEvents = a, r && !this.passthrough ? this.enterPassthrough() : !r && this.passthrough && this.exitPassthrough();
+  }
+  enterPassthrough() {
+    this.passthrough = !0, this.bubble.setDimmed(!0), this.bubble.setPassthrough(!0);
+  }
+  exitPassthrough() {
+    this.passthrough && (this.passthrough = !1, this.bubble.setDimmed(!1), this.bubble.setPassthrough(!1));
+  }
+  scheduleAutoDockCheck() {
+    requestAnimationFrame(() => this.autoDockIfNeeded());
+  }
+  autoDockIfNeeded() {
+    this.invalidateRect();
+    const e = this.getBubbleRect(), t = this.bubble.element, s = t.style.pointerEvents;
+    t.style.pointerEvents = "none";
+    const i = N(e, this.widgetHosts);
+    if (t.style.pointerEvents = s, !i) return;
+    const n = le(this.currentPosition);
+    this.currentPosition = n, this.bubble.setPosition(n), this.invalidateRect(), requestAnimationFrame(() => {
+      const a = this.getBubbleRect(), r = this.bubble.element, l = r.style.pointerEvents;
+      r.style.pointerEvents = "none";
+      const p = N(
+        a,
+        this.widgetHosts
+      );
+      r.style.pointerEvents = l, p && this.bubble.setDimmed(!0);
+    });
+  }
+  onLayoutChange() {
+    this.invalidateRect(), F() && this.autoDockIfNeeded();
+  }
+  getBubbleRect() {
+    return this.cachedRect || (this.cachedRect = this.bubble.element.getBoundingClientRect()), this.cachedRect;
+  }
+  invalidateRect() {
+    this.cachedRect = null;
+  }
+}
+const v = 1500, W = 8e3;
+class he {
   constructor(e, t) {
     this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = v, this.connectPromise = null, this.options = e, this.handlers = t;
   }
@@ -545,8 +669,8 @@ class ee {
     const t = {};
     for (const [s, i] of Object.entries(e))
       if (typeof i == "string") {
-        const o = i.trim();
-        o && (t[s] = o);
+        const n = i.trim();
+        n && (t[s] = n);
       }
     this.user = t, this.sessionId && this.sendIdentify().catch(
       (s) => this.handlers.onError(s)
@@ -585,9 +709,9 @@ class ee {
     }
   }
   async doConnect() {
-    var l, n;
+    var a, r;
     this.stopped = !1;
-    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (n = (l = this.sessionId) != null ? l : this.options.sessionId) != null ? n : void 0, s = {
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (r = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? r : void 0, s = {
       organisationId: this.options.org,
       sessionId: t,
       userAgent: typeof navigator != "undefined" ? navigator.userAgent : "",
@@ -604,16 +728,16 @@ class ee {
     });
     if (!i.ok)
       throw new Error(`SpilkiWidget: connect failed (${i.status})`);
-    const o = await i.json();
-    return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = v, await this.startTransport(o), o;
+    const n = await i.json();
+    return this.sessionId = n.sessionId, this.options.sessionId = n.sessionId, this.backoff = v, await this.startTransport(n), n;
   }
   async send(e, t) {
-    var l, n, a;
+    var a, r, l;
     const s = {
-      sessionId: (n = (l = this.sessionId) != null ? l : this.options.sessionId) != null ? n : "",
+      sessionId: (r = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? r : "",
       text: e,
       ...t ? { messageId: t } : {},
-      ...(a = this.user) != null && a.userId ? { userId: this.user.userId } : {}
+      ...(l = this.user) != null && l.userId ? { userId: this.user.userId } : {}
     };
     if (!s.sessionId)
       throw new Error("SpilkiWidget: missing session id");
@@ -621,7 +745,7 @@ class ee {
       this.ws.send(JSON.stringify({ type: "message", payload: s }));
       return;
     }
-    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, o = await fetch(i, {
+    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, n = await fetch(i, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -629,8 +753,8 @@ class ee {
       },
       body: JSON.stringify(s)
     });
-    if (!o.ok)
-      throw new Error(`SpilkiWidget: send failed (${o.status})`);
+    if (!n.ok)
+      throw new Error(`SpilkiWidget: send failed (${n.status})`);
   }
   // #1: accept resetBackoff param; #8 #9: clear retryTimer
   stop(e = !0) {
@@ -660,7 +784,7 @@ class ee {
             return;
           }
           this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = v, t();
-        }, this.wsOnMessage = (o) => this.handleIncoming(o.data), this.wsOnClose = () => {
+        }, this.wsOnMessage = (n) => this.handleIncoming(n.data), this.wsOnClose = () => {
           this.stopped || this.retryFallback("ws");
         }, this.wsOnError = () => {
           this.handlers.onError(new Error("SpilkiWidget: websocket error")), i.readyState !== WebSocket.OPEN && s(new Error("WebSocket failed"));
@@ -680,8 +804,8 @@ class ee {
           "X-Authorization": `Bearer ${this.options.accessToken}`
         },
         signal: i.signal
-      }).then((o) => {
-        if (!o.ok || !o.body) {
+      }).then((n) => {
+        if (!n.ok || !n.body) {
           s(new Error("SSE failed"));
           return;
         }
@@ -690,32 +814,32 @@ class ee {
           return;
         }
         this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = v, t();
-        const l = o.body.getReader(), n = new TextDecoder();
-        let a = "";
-        const g = () => {
-          l.read().then(({ done: u, value: h }) => {
-            var m;
+        const a = n.body.getReader(), r = new TextDecoder();
+        let l = "";
+        const p = () => {
+          a.read().then(({ done: u, value: h }) => {
+            var y;
             if (u || this.stopped) {
               this.stopped || (this.handlers.onError(new Error("SpilkiWidget: SSE stream ended")), this.retryFallback("sse"));
               return;
             }
-            a += n.decode(h, { stream: !0 });
-            const d = a.split(`
+            l += r.decode(h, { stream: !0 });
+            const d = l.split(`
 
 `);
-            a = (m = d.pop()) != null ? m : "";
+            l = (y = d.pop()) != null ? y : "";
             for (const f of d)
-              for (const p of f.split(`
+              for (const g of f.split(`
 `))
-                p.startsWith("data:") && this.handleIncoming(p.slice(5).trim());
-            g();
+                g.startsWith("data:") && this.handleIncoming(g.slice(5).trim());
+            p();
           }).catch((u) => {
             i.signal.aborted || (this.handlers.onError(u), this.stopped || this.retryFallback("sse"));
           });
         };
-        g();
-      }).catch((o) => {
-        i.signal.aborted || s(o);
+        p();
+      }).catch((n) => {
+        i.signal.aborted || s(n);
       });
     });
   }
@@ -732,9 +856,9 @@ class ee {
           });
           if (!s.ok) throw new Error(`Poll failed ${s.status}`);
           const i = await s.json();
-          S(i).forEach((o) => this.handlers.onMessage(o)), this.backoff = v;
+          A(i).forEach((n) => this.handlers.onMessage(n)), this.backoff = v;
         } catch (s) {
-          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, L);
+          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, W);
         } finally {
           this.stopped || (this.pollTimer = window.setTimeout(t, this.backoff));
         }
@@ -743,7 +867,7 @@ class ee {
   }
   // #1: preserve backoff by calling stop(false); #8: check stopped before reconnect
   retryFallback(e) {
-    this.stopped || (this.stop(!1), this.backoff = Math.min(this.backoff * 1.5, L), this.retryTimer = window.setTimeout(() => {
+    this.stopped || (this.stop(!1), this.backoff = Math.min(this.backoff * 1.5, W), this.retryTimer = window.setTimeout(() => {
       this.stopped || (this.handlers.onError(new Error(`SpilkiWidget: retrying after ${e}`)), this.connect().catch((t) => this.handlers.onError(t)));
     }, this.backoff));
   }
@@ -763,20 +887,20 @@ class ee {
   dispatchIncoming(e) {
     var t;
     if ("type" in e) {
-      e.type === "message" ? this.handlers.onMessage(e.payload) : e.type === "typing" ? this.handlers.onTyping(!!((t = e.payload) != null && t.active)) : e.type === "AGENT_EVENT" && se(e.payload) && this.handlers.onAgentEvent(e.payload);
+      e.type === "message" ? this.handlers.onMessage(e.payload) : e.type === "typing" ? this.handlers.onTyping(!!((t = e.payload) != null && t.active)) : e.type === "AGENT_EVENT" && ue(e.payload) && this.handlers.onAgentEvent(e.payload);
       return;
     }
     this.handlers.onMessage(e);
   }
 }
-const te = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTING_TOOL"]);
-function se(r) {
-  if (typeof r != "object" || r === null) return !1;
-  const e = r;
-  return te.has(e.eventType);
+const de = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTING_TOOL"]);
+function ue(o) {
+  if (typeof o != "object" || o === null) return !1;
+  const e = o;
+  return de.has(e.eventType);
 }
-const U = 30 * 60 * 1e3, ie = 3e4, A = 30;
-class re {
+const H = 30 * 60 * 1e3, pe = 3e4, O = 30;
+class ge {
   constructor(e, t) {
     this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.state = {
       isOpen: !1,
@@ -805,7 +929,7 @@ class re {
   handleAgentEvent(e) {
     this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.activityTimer = setTimeout(() => {
       this.state.agentActivity = null, this.activityTimer = null, this.emit();
-    }, ie), this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
+    }, pe), this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
   }
   clearAgentActivity() {
     this.resetAgentActivity() && this.emit();
@@ -819,15 +943,15 @@ class re {
   addMessage(e) {
     var s, i;
     const t = {
-      id: (s = e.id) != null ? s : z("msg"),
+      id: (s = e.id) != null ? s : X("msg"),
       ts: (i = e.ts) != null ? i : Date.now(),
       author: e.author,
       text: e.text
     };
-    return this.state.messages.some((o) => o.id === t.id) ? null : (this.state.messages = S([...this.state.messages, t], A), this.resetAgentActivity(), this.persistMessages(), this.touchActivity(), this.emit(), t);
+    return this.state.messages.some((n) => n.id === t.id) ? null : (this.state.messages = A([...this.state.messages, t], O), this.resetAgentActivity(), this.persistMessages(), this.touchActivity(), this.emit(), t);
   }
   setMessages(e) {
-    this.state.messages = S(e, A), this.persistMessages(), this.emit();
+    this.state.messages = A(e, O), this.persistMessages(), this.emit();
   }
   clearMessages() {
     this.state.messages = [], this.persistMessages(), this.emit();
@@ -919,7 +1043,7 @@ class re {
   }
   isSessionExpired() {
     const e = this.lastActivityTs;
-    return e === 0 ? !1 : Date.now() - e >= U;
+    return e === 0 ? !1 : Date.now() - e >= H;
   }
   getConversationGroups() {
     const e = this.state.messages;
@@ -927,7 +1051,7 @@ class re {
     const t = [];
     let s = { startTs: e[0].ts, messages: [e[0]] };
     for (let i = 1; i < e.length; i++)
-      e[i].ts - e[i - 1].ts >= U ? (t.push(s), s = { startTs: e[i].ts, messages: [e[i]] }) : s.messages.push(e[i]);
+      e[i].ts - e[i - 1].ts >= H ? (t.push(s), s = { startTs: e[i].ts, messages: [e[i]] }) : s.messages.push(e[i]);
     return t.push(s), t;
   }
   emit() {
@@ -947,14 +1071,14 @@ class re {
       const e = localStorage.getItem(this.historyKey);
       if (!e) return [];
       const t = JSON.parse(e);
-      return Array.isArray(t) ? S(t, A) : [];
+      return Array.isArray(t) ? A(t, O) : [];
     } catch (e) {
       return console.error("SpilkiWidget: unable to load messages", e), [];
     }
   }
 }
-function oe(r) {
-  const e = r.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+function me(o) {
+  const e = o.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
   if (typeof atob == "function")
     return decodeURIComponent(
       Array.prototype.map.call(atob(t), (i) => `%${`00${i.charCodeAt(0).toString(16)}`.slice(-2)}`).join("")
@@ -964,24 +1088,24 @@ function oe(r) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function ne(r) {
-  if (!r) return null;
-  const e = r.split(".");
+function fe(o) {
+  if (!o) return null;
+  const e = o.split(".");
   if (e.length < 2) return null;
   try {
-    const t = oe(e[1]);
+    const t = me(e[1]);
     return JSON.parse(t);
   } catch (t) {
     return console.error("SpilkiWidget: unable to parse JWT", t), null;
   }
 }
-function ae(r) {
-  const e = ne(r);
+function be(o) {
+  const e = fe(o);
   if (!(e != null && e.exp) || typeof e.exp != "number") return !0;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t + 60;
 }
-const le = {
+const ke = {
   onOpen() {
   },
   onClose() {
@@ -993,8 +1117,8 @@ const le = {
   onTransportChange() {
   }
 };
-async function ce(r, e, t) {
-  const s = `${r.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
+async function ye(o, e, t) {
+  const s = `${o.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
     method: "POST",
     headers: { "Content-Type": "application/json", Origin: window.location.origin },
     body: JSON.stringify({ token: e, organisationId: t })
@@ -1002,127 +1126,127 @@ async function ce(r, e, t) {
   if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
   return (await i.json()).accessToken;
 }
-async function he(r, e) {
-  const t = `${r.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
+async function we(o, e) {
+  const t = `${o.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
     method: "POST",
     headers: { "X-Authorization": `Bearer ${e}`, Origin: window.location.origin }
   });
   if (!s.ok) throw new Error(`SpilkiWidget: refresh failed (${s.status})`);
   return (await s.json()).accessToken;
 }
-function de(r) {
+function ve(o) {
   let e = !1, t = null;
   const s = [], i = () => {
-    var n;
-    if (!r) return null;
+    var r;
+    if (!o) return null;
     if (t) return t;
     try {
-      const a = (n = window.AudioContext) != null ? n : window.webkitAudioContext;
-      if (!a) return null;
-      t = new a();
+      const l = (r = window.AudioContext) != null ? r : window.webkitAudioContext;
+      if (!l) return null;
+      t = new l();
     } catch {
       return null;
     }
     return t;
-  }, o = () => {
+  }, n = () => {
     e = !0;
     try {
-      const n = i();
-      (n == null ? void 0 : n.state) === "suspended" && n.resume().catch(() => {
+      const r = i();
+      (r == null ? void 0 : r.state) === "suspended" && r.resume().catch(() => {
       });
     } catch {
     }
-  }, l = (n) => {
-    const a = () => {
-      o(), window.removeEventListener(n, a, !0);
+  }, a = (r) => {
+    const l = () => {
+      n(), window.removeEventListener(r, l, !0);
     };
-    s.push({ type: n, listener: a }), window.addEventListener(n, a, { capture: !0, passive: !0 });
+    s.push({ type: r, listener: l }), window.addEventListener(r, l, { capture: !0, passive: !0 });
   };
-  return l("pointerdown"), l("keydown"), {
-    markUserInteraction: o,
+  return a("pointerdown"), a("keydown"), {
+    markUserInteraction: n,
     play() {
-      if (!r || !e) return;
-      const n = i();
-      if (!n || n.state !== "running") return;
-      const a = n.createGain();
-      a.gain.value = 0.15, a.connect(n.destination);
-      const g = (h, d, m) => {
-        const f = n.createOscillator(), p = n.createGain();
-        f.type = "sine", f.frequency.setValueAtTime(h, d), p.gain.setValueAtTime(1e-4, d), p.gain.exponentialRampToValueAtTime(1, d + 0.012), p.gain.exponentialRampToValueAtTime(1e-4, d + m), f.connect(p), p.connect(a), f.start(d), f.stop(d + m + 0.02);
-      }, u = n.currentTime;
-      g(880, u, 0.08), g(1175, u + 0.09, 0.08);
+      if (!o || !e) return;
+      const r = i();
+      if (!r || r.state !== "running") return;
+      const l = r.createGain();
+      l.gain.value = 0.15, l.connect(r.destination);
+      const p = (h, d, y) => {
+        const f = r.createOscillator(), g = r.createGain();
+        f.type = "sine", f.frequency.setValueAtTime(h, d), g.gain.setValueAtTime(1e-4, d), g.gain.exponentialRampToValueAtTime(1, d + 0.012), g.gain.exponentialRampToValueAtTime(1e-4, d + y), f.connect(g), g.connect(l), f.start(d), f.stop(d + y + 0.02);
+      }, u = r.currentTime;
+      p(880, u, 0.08), p(1175, u + 0.09, 0.08);
     },
     destroy() {
-      s.forEach(({ type: n, listener: a }) => {
-        window.removeEventListener(n, a, !0);
+      s.forEach(({ type: r, listener: l }) => {
+        window.removeEventListener(r, l, !0);
       }), s.length = 0, t && t.close().catch(() => {
       }), t = null;
     }
   };
 }
-function $(r) {
-  var O, M, B, j;
-  if (!r.org)
+function z(o) {
+  var B, L, D, j, U;
+  if (!o.org)
     throw new Error("SpilkiWidget: org is required");
-  const e = H(r);
-  q(e.allowedOriginsHint);
-  const t = { ...le, ...(O = e.hooks) != null ? O : {} }, s = new re(e.org, { persist: e.persist }), i = de(e.sound);
-  let o = (M = s.accessToken) != null ? M : void 0, l = null;
-  const n = () => {
+  const e = J(o);
+  Q(e.allowedOriginsHint);
+  const t = { ...ke, ...(B = e.hooks) != null ? B : {} }, s = new ge(e.org, { persist: e.persist }), i = ve(e.sound);
+  let n = (L = s.accessToken) != null ? L : void 0, a = null;
+  const r = () => {
     u.setBadge(s.countUnread());
-  }, a = () => {
+  }, l = () => {
     s.markRead(), u.setBadge(0);
-  }, g = async () => l || (l = (async () => {
+  }, p = async () => a || (a = (async () => {
     try {
-      if (o && ae(o))
+      if (n && be(n))
         try {
-          o = await he(e.apiBase, o), s.persistAccessToken(o), d.setAccessToken(o);
+          n = await we(e.apiBase, n), s.persistAccessToken(n), d.setAccessToken(n);
           return;
         } catch {
-          o = void 0, s.clearAccessToken();
+          n = void 0, s.clearAccessToken();
         }
-      if (!o) {
-        if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
-        if (!r.org) throw new Error("SpilkiWidget: missing org");
-        o = await ce(e.apiBase, r.installationToken, r.org), s.persistAccessToken(o), d.setAccessToken(o);
+      if (!n) {
+        if (!o.installationToken) throw new Error("SpilkiWidget: missing installationToken");
+        if (!o.org) throw new Error("SpilkiWidget: missing org");
+        n = await ye(e.apiBase, o.installationToken, o.org), s.persistAccessToken(n), d.setAccessToken(n);
       }
     } finally {
-      l = null;
+      a = null;
     }
-  })(), l), u = R({
+  })(), a), u = G({
     color: e.color,
-    position: (B = e.position) != null ? B : "bottom-right",
+    position: (D = e.position) != null ? D : "bottom-right",
     onClick: () => {
-      s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), a(), t.onOpen());
+      s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), l(), t.onOpen());
     }
-  }), h = new Q({
+  }), h = new re({
     color: e.color,
-    theme: P(e.theme),
+    theme: R(e.theme),
     position: (j = e.position) != null ? j : "bottom-right",
     i18n: e.i18n,
     onClose: () => {
       s.close(), t.onClose();
     },
     onSend: (c) => {
-      const k = s.addMessage({ author: "user", text: c });
-      k && (h.appendMessage(k), g().then(() => d.send(c, k.id)).catch((b) => {
-        t.onError(b), s.setConnected(!1), h.setOffline(!0);
+      const b = s.addMessage({ author: "user", text: c });
+      b && (h.appendMessage(b), p().then(() => d.send(c, b.id)).catch((m) => {
+        t.onError(m), s.setConnected(!1), h.setOffline(!0);
       }));
     }
-  }), d = new ee(
+  }), d = new he(
     {
       apiBase: e.apiBase,
-      accessToken: o,
+      accessToken: n,
       org: e.org,
       sessionId: s.sessionId
     },
     {
       onOpen(c) {
-        C.transport = c, t.onTransportChange(c), s.setConnected(!0), h.setOffline(!1);
+        I.transport = c, t.onTransportChange(c), s.setConnected(!0), h.setOffline(!1);
       },
       onMessage(c) {
-        const b = c.suggestedReplies, y = s.addMessage(c);
-        y && (h.appendMessage(y), y.author === "bot" && b && b.length > 0 && h.setSuggestedReplies(b), !s.snapshot.isOpen && y.author === "bot" && (n(), i.play()), t.onMessage(y));
+        const m = c.suggestedReplies, k = s.addMessage(c);
+        k && (h.appendMessage(k), k.author === "bot" && m && m.length > 0 && h.setSuggestedReplies(m), !s.snapshot.isOpen && k.author === "bot" && (r(), i.play()), t.onMessage(k));
       },
       onTyping() {
         s.handleAgentEvent("TYPING");
@@ -1136,8 +1260,12 @@ function $(r) {
     }
   );
   u.mount(), h.mount();
-  const m = s.snapshot.messages, f = s.isSessionExpired(), p = s.getConversationGroups();
-  if (m.length === 0 && e.welcome) {
+  const y = (U = e.position) != null ? U : "bottom-right", f = /* @__PURE__ */ new Set([u.element, h.element]), g = new ce({
+    bubble: u,
+    widgetHosts: f,
+    position: y
+  }), T = s.snapshot.messages, P = s.isSessionExpired(), x = s.getConversationGroups();
+  if (T.length === 0 && e.welcome) {
     const c = {
       id: "welcome",
       author: "bot",
@@ -1145,33 +1273,33 @@ function $(r) {
       ts: Date.now()
     };
     s.addMessage(c), h.appendMessage(c);
-  } else f && m.length > 0 ? h.renderWithConversations(p, []) : p.length > 1 ? h.renderWithConversations(p.slice(0, -1), p[p.length - 1].messages) : h.updateMessages(m);
-  let T = !1;
-  const N = s.subscribe(() => {
+  } else P && T.length > 0 ? h.renderWithConversations(x, []) : x.length > 1 ? h.renderWithConversations(x.slice(0, -1), x[x.length - 1].messages) : h.updateMessages(T);
+  let C = !1;
+  const _ = s.subscribe(() => {
     const c = s.snapshot;
-    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme(P(e.theme)), c.isOpen) {
-      if (!T) {
-        const k = s.countUnread() > 0, b = s.lastReadTs;
-        a(), k && h.scrollToFirstUnread(b);
+    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme(R(e.theme)), c.isOpen) {
+      if (!C) {
+        const b = s.countUnread() > 0, m = s.lastReadTs;
+        l(), b && h.scrollToFirstUnread(m);
       }
-      T = !0, h.show();
+      C = !0, h.show();
     } else
-      T = !1, h.hide();
-  }), W = m.length === 0 || f;
-  n(), g().then(
+      C = !1, h.hide();
+  }), q = T.length === 0 || P;
+  r(), p().then(
     () => d.connect().then((c) => {
-      var b, y;
-      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((b = d.kind) != null ? b : "ws");
-      const k = (y = c.suggestedReplies) != null ? y : [];
-      k.length > 0 && W && h.setSuggestedReplies(k);
+      var m, k;
+      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((m = d.kind) != null ? m : "ws");
+      const b = (k = c.suggestedReplies) != null ? k : [];
+      b.length > 0 && q && h.setSuggestedReplies(b);
     })
   ).catch((c) => {
     t.onError(c), s.setConnected(!1), h.setOffline(!0);
   });
-  const C = {
+  const I = {
     transport: null,
     open() {
-      i.markUserInteraction(), s.open(), a(), t.onOpen();
+      i.markUserInteraction(), s.open(), l(), t.onOpen();
     },
     close() {
       s.close(), t.onClose();
@@ -1180,24 +1308,24 @@ function $(r) {
       d.setUser(c);
     },
     destroy() {
-      N(), d.stop(), i.destroy(), u.destroy(), h.destroy(), x === C && (x = null);
+      _(), g.destroy(), d.stop(), i.destroy(), u.destroy(), h.destroy(), E === I && (E = null);
     }
   };
-  return C;
+  return I;
 }
-function pe() {
+function Ee() {
   var s, i;
   if (typeof document == "undefined") return;
-  const r = document.currentScript;
-  if (!r) return;
-  const e = r.dataset;
+  const o = document.currentScript;
+  if (!o) return;
+  const e = o.dataset;
   if (e.autoinit === "false") return;
   const t = e.org;
   if (!t) {
     console.error("SpilkiWidget: data-org and is required for auto init");
     return;
   }
-  x = $({
+  E = z({
     org: t,
     installationToken: e.installationToken,
     apiBase: e.apiBase,
@@ -1205,13 +1333,13 @@ function pe() {
     theme: (i = e.theme) != null ? i : void 0
   });
 }
-let x = null;
-typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (r) => (x = $(r), x), window.SpilkiWidget.identify = (r) => {
-  x ? x.identify(r) : console.warn("SpilkiWidget: call init() before identify()");
+let E = null;
+typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (o) => (E = z(o), E), window.SpilkiWidget.identify = (o) => {
+  E ? E.identify(o) : console.warn("SpilkiWidget: call init() before identify()");
 });
-pe();
+Ee();
 export {
-  pe as autoInit,
-  $ as initSpilkiWidget
+  Ee as autoInit,
+  z as initSpilkiWidget
 };
 //# sourceMappingURL=widget.es.js.map