@spilki/widget 1.0.33 → 1.0.35

package/dist/widget.es.js

@@ -1,4 +1,4 @@
-const W = `
+const F = `
   <style>
     :host {
       all: initial;
@@ -71,13 +71,13 @@ const W = `
     <span class="badge" hidden aria-hidden="true">0</span>
   </button>
 `;
-function F(o) {
+function R(r) {
   const e = document.createElement("div");
-  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", o.position), e.style.setProperty("--spilki-accent", o.color);
+  e.setAttribute("part", "bubble-root"), e.setAttribute("data-position", r.position), e.style.setProperty("--spilki-accent", r.color);
   const t = e.attachShadow({ mode: "open" });
-  t.innerHTML = W;
+  t.innerHTML = F;
   const s = t.querySelector("button"), i = t.querySelector(".badge");
-  return s.addEventListener("click", () => o.onClick()), {
+  return s.addEventListener("click", () => r.onClick()), {
     element: e,
     mount() {
       document.body.appendChild(e);
@@ -85,20 +85,20 @@ function F(o) {
     destroy() {
       e.remove();
     },
-    setOpen(a) {
-      s.setAttribute("aria-expanded", String(a)), s.setAttribute("aria-label", a ? "Close chat" : "Open chat");
+    setOpen(l) {
+      s.setAttribute("aria-expanded", String(l)), s.setAttribute("aria-label", l ? "Close chat" : "Open chat");
     },
-    setBadge(a) {
-      const n = Math.max(0, a), l = s.getAttribute("aria-expanded") === "true";
+    setBadge(l) {
+      const n = Math.max(0, l), a = s.getAttribute("aria-expanded") === "true";
       if (n === 0) {
-        i.toggleAttribute("hidden", !0), i.textContent = "0", l || s.setAttribute("aria-label", "Open chat");
+        i.toggleAttribute("hidden", !0), i.textContent = "0", a || s.setAttribute("aria-label", "Open chat");
         return;
       }
-      i.toggleAttribute("hidden", !1), i.textContent = n > 99 ? "99+" : String(n), l || s.setAttribute("aria-label", `Open chat, ${n} unread`);
+      i.toggleAttribute("hidden", !1), i.textContent = n > 99 ? "99+" : String(n), a || s.setAttribute("aria-label", `Open chat, ${n} unread`);
     }
   };
 }
-const R = "https://api.spilki.app", C = {
+const K = "https://api.spilki.app", I = {
   welcome: "Hi! I'm your assistant.",
   placeholder: "Type a message…",
   sendLabel: "Send",
@@ -109,57 +109,57 @@ const R = "https://api.spilki.app", C = {
   offline: "Unable to connect. Please try again later.",
   title: "Spilki Assistant"
 }, w = {
-  apiBase: R,
+  apiBase: K,
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
-  welcome: C.welcome,
+  welcome: I.welcome,
   persist: !0,
   sound: !0,
-  i18n: C
+  i18n: I
 };
-function K(o) {
-  var t, s, i, r, a, n, l, g;
-  const e = { ...C, ...(t = o.i18n) != null ? t : {} };
+function H(r) {
+  var t, s, i, o, l, n, a, g;
+  const e = { ...I, ...(t = r.i18n) != null ? t : {} };
   return {
     ...w,
-    ...o,
-    apiBase: (s = o.apiBase) != null ? s : w.apiBase,
+    ...r,
+    apiBase: (s = r.apiBase) != null ? s : w.apiBase,
     i18n: e,
-    welcome: (i = o.welcome) != null ? i : e.welcome,
-    position: (r = o.position) != null ? r : w.position,
-    theme: (a = o.theme) != null ? a : w.theme,
-    color: (n = o.color) != null ? n : w.color,
-    persist: (l = o.persist) != null ? l : w.persist,
-    sound: (g = o.sound) != null ? g : w.sound
+    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
   };
 }
-function H(o = "msg") {
-  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${o}-${Math.random().toString(16).slice(2)}`;
+function z(r = "msg") {
+  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
 }
-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 _() {
+  var r, e;
+  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
 }
-function P(o) {
-  return o === "light" || o === "dark" ? o : z() ? "dark" : "light";
+function P(r) {
+  return r === "light" || r === "dark" ? r : _() ? "dark" : "light";
 }
-function x(o, e = 30) {
-  return o.slice(-e);
+function S(r, e = 30) {
+  return r.slice(-e);
 }
-function _(o) {
-  if (!o || o.length === 0) return;
+function q(r) {
+  if (!r || r.length === 0) return;
   const e = window.location.origin;
-  o.includes(e) || console.warn(
-    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${o.join(", ")}`
+  r.includes(e) || console.warn(
+    `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${r.join(", ")}`
   );
 }
 const G = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function q(o) {
-  const e = new Date(o), t = /* @__PURE__ */ new Date(), s = (l) => String(l).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, r = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), a = r - 864e5, n = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
-  return n === r ? `Today at ${i}` : n === a ? `Yesterday at ${i}` : `${G[e.getMonth()]} ${e.getDate()}, ${i}`;
+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 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}', j = 24 * 60 * 60 * 1e3, V = 2 * 60 * 1e3, J = 200, X = [
+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 = [
   "😀",
   "😂",
   "🤣",
@@ -211,10 +211,10 @@ const Y = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-t
   "☕",
   "🍕"
 ];
-function E(o) {
-  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function E(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class Z {
+class Q {
   constructor(e) {
     this.options = e, this.relativeTimeFormat = new Intl.RelativeTimeFormat(void 0, {
       numeric: "auto"
@@ -229,7 +229,7 @@ class Z {
       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), r = E(e.i18n.placeholder), a = E(e.i18n.sendLabel);
+    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);
     this.shadow.innerHTML = `
       <style>${Y}</style>
       <div class="wrapper" role="dialog" aria-modal="true" aria-label="${t}">
@@ -248,7 +248,7 @@ class Z {
         <div class="emoji-picker" aria-label="Emoji picker"></div>
         <div class="input-area">
           <div class="input-wrap">
-            <textarea rows="1" placeholder="${r}" aria-label="${r}"></textarea>
+            <textarea rows="1" placeholder="${o}" aria-label="${o}"></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 +258,7 @@ class Z {
                   <circle cx="15" cy="10" r="1" fill="currentColor"/>
                 </svg>
               </button>
-              <button type="button" class="send-btn" aria-label="${a}">
+              <button type="button" class="send-btn" aria-label="${l}">
                 <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>
@@ -278,23 +278,23 @@ class Z {
         this.options.onClose();
       }
     }, this.handleShadowKeydown = (n) => {
-      const l = n;
-      if (l.key === "Escape") {
+      const a = n;
+      if (a.key === "Escape") {
         if (this.emojiPickerOpen) {
-          l.preventDefault(), this.closeEmojiPicker();
+          a.preventDefault(), this.closeEmojiPicker();
           return;
         }
         this.options.onClose();
       }
-      l.key === "Tab" && this.trapFocus(l);
+      a.key === "Tab" && this.trapFocus(a);
     }, this.handleFocusin = () => this.collectFocusable(), this.handleMessagesScroll = () => this.updateScrollBottomState(), this.handleScrollBottomClick = () => {
       this.scrollToBottom(), this.resetScrollUnreadCount();
     }, this.handleEmojiClick = () => {
       this.toggleEmojiPicker();
     }, this.handleDocumentPointerDown = (n) => {
       if (!this.emojiPickerOpen) return;
-      const l = n.composedPath();
-      l.includes(this.emojiPickerEl) || l.includes(this.emojiButton) || this.closeEmojiPicker();
+      const a = n.composedPath();
+      a.includes(this.emojiPickerEl) || a.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();
   }
   mount() {
@@ -329,8 +329,8 @@ class Z {
     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), r = s.messages[s.messages.length - 1].ts, a = this.createSeparatorElement(r, i);
-      this.messagesEl.appendChild(i), this.messagesEl.appendChild(a);
+      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);
     }
     t.forEach((s) => {
       this.seenIds.add(s.id), this.appendTimelineMessage(s);
@@ -395,17 +395,17 @@ class Z {
   }
   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 = q(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 = V(e);
     const i = () => {
-      const r = t.classList.toggle("expanded");
-      s.setAttribute("aria-expanded", String(r)), s.setAttribute(
+      const o = t.classList.toggle("expanded");
+      s.setAttribute("aria-expanded", String(o)), s.setAttribute(
         "aria-label",
-        r ? "Hide previous conversation" : "Show previous conversation"
+        o ? "Hide previous conversation" : "Show previous conversation"
       );
     };
-    return s.addEventListener("click", i), s.addEventListener("keydown", (r) => {
-      const a = r;
-      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i());
+    return s.addEventListener("click", i), s.addEventListener("keydown", (o) => {
+      const l = o;
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i());
     }), s;
   }
   createHistoryContainer(e) {
@@ -414,8 +414,8 @@ class Z {
     let s = null;
     return e.forEach((i) => {
       this.appendDateSeparatorIfNeeded(s, i, t);
-      const { item: r } = this.createMessageElement(i);
-      t.appendChild(r), s = i;
+      const { item: o } = this.createMessageElement(i);
+      t.appendChild(o), s = i;
     }), t;
   }
   appendTimelineMessage(e) {
@@ -431,24 +431,24 @@ class Z {
   }
   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 <= V && 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 <= J && 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 < j) {
+    if (s < D) {
       const i = Math.max(1, Math.round(s / 6e4));
       if (i < 60)
         return this.relativeTimeFormat.format(-i, "minute");
-      const r = Math.max(1, Math.round(i / 60));
-      return this.relativeTimeFormat.format(-r, "hour");
+      const o = Math.max(1, Math.round(i / 60));
+      return this.relativeTimeFormat.format(-o, "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 - j ? "Yesterday" : this.dateSeparatorFormat.format(t);
+    return i === s ? "Today" : i === s - D ? "Yesterday" : this.dateSeparatorFormat.format(t);
   }
   isSameDay(e, t) {
     return this.startOfDay(e) === this.startOfDay(t);
@@ -458,7 +458,7 @@ class Z {
     return new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime();
   }
   isScrolledUp() {
-    return this.distanceFromBottom() > J;
+    return this.distanceFromBottom() > X;
   }
   distanceFromBottom() {
     return this.messagesEl.scrollHeight - this.messagesEl.scrollTop - this.messagesEl.clientHeight;
@@ -505,7 +505,7 @@ class Z {
     this.emojiPickerOpen && (this.emojiPickerOpen = !1, this.emojiPickerEl.style.display = "none", this.emojiButton.setAttribute("aria-expanded", "false"), this.collectFocusable());
   }
   renderEmojiPicker() {
-    this.emojiPickerEl.replaceChildren(), X.forEach((e) => {
+    this.emojiPickerEl.replaceChildren(), Z.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 +513,11 @@ class Z {
     });
   }
   insertEmojiAtCursor(e) {
-    var a, n;
-    const t = this.input.value, s = (a = this.input.selectionStart) != null ? a : t.length, i = (n = this.input.selectionEnd) != null ? n : t.length;
+    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;
     this.input.value = `${t.slice(0, s)}${e}${t.slice(i)}`;
-    const r = s + e.length;
-    this.input.setSelectionRange(r, r), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
+    const o = s + e.length;
+    this.input.setSelectionRange(o, o), this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.focus();
   }
   collectFocusable() {
     const e = this.shadow.querySelectorAll(
@@ -533,14 +533,40 @@ class Z {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-const v = 1500, D = 8e3;
-class Q {
+const v = 1500, L = 8e3;
+class ee {
   constructor(e, t) {
     this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = v, this.connectPromise = null, this.options = e, this.handlers = t;
   }
   setAccessToken(e) {
     this.options.accessToken = e;
   }
+  setUser(e) {
+    const t = {};
+    for (const [s, i] of Object.entries(e))
+      if (typeof i == "string") {
+        const o = i.trim();
+        o && (t[s] = o);
+      }
+    this.user = t, this.sessionId && this.sendIdentify().catch(
+      (s) => this.handlers.onError(s)
+    );
+  }
+  async sendIdentify() {
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/identify`, t = await fetch(e, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...this.options.accessToken ? { "X-Authorization": `Bearer ${this.options.accessToken}` } : {}
+      },
+      body: JSON.stringify({
+        sessionId: this.sessionId,
+        user: this.user
+      })
+    });
+    if (!t.ok)
+      throw new Error(`SpilkiWidget: identify failed (${t.status})`);
+  }
   get kind() {
     return this.currentKind;
   }
@@ -559,14 +585,15 @@ class Q {
     }
   }
   async doConnect() {
-    var a, n;
+    var l, n;
     this.stopped = !1;
-    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (n = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? n : void 0, s = {
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/session`, t = (n = (l = this.sessionId) != null ? l : this.options.sessionId) != null ? n : void 0, s = {
       organisationId: this.options.org,
       sessionId: t,
       userAgent: typeof navigator != "undefined" ? navigator.userAgent : "",
       referrer: typeof document != "undefined" ? document.referrer : "",
-      origin: typeof window != "undefined" ? window.location.origin : ""
+      origin: typeof window != "undefined" ? window.location.origin : "",
+      ...this.user ? { user: this.user } : {}
     }, i = await fetch(e, {
       method: "POST",
       headers: {
@@ -577,15 +604,16 @@ class Q {
     });
     if (!i.ok)
       throw new Error(`SpilkiWidget: connect failed (${i.status})`);
-    const r = await i.json();
-    return this.sessionId = r.sessionId, this.options.sessionId = r.sessionId, this.backoff = v, await this.startTransport(r), r;
+    const o = await i.json();
+    return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = v, await this.startTransport(o), o;
   }
   async send(e, t) {
-    var a, n;
+    var l, n, a;
     const s = {
-      sessionId: (n = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? n : "",
+      sessionId: (n = (l = this.sessionId) != null ? l : this.options.sessionId) != null ? n : "",
       text: e,
-      ...t ? { messageId: t } : {}
+      ...t ? { messageId: t } : {},
+      ...(a = this.user) != null && a.userId ? { userId: this.user.userId } : {}
     };
     if (!s.sessionId)
       throw new Error("SpilkiWidget: missing session id");
@@ -593,7 +621,7 @@ class Q {
       this.ws.send(JSON.stringify({ type: "message", payload: s }));
       return;
     }
-    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, r = await fetch(i, {
+    const i = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, o = await fetch(i, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -601,8 +629,8 @@ class Q {
       },
       body: JSON.stringify(s)
     });
-    if (!r.ok)
-      throw new Error(`SpilkiWidget: send failed (${r.status})`);
+    if (!o.ok)
+      throw new Error(`SpilkiWidget: send failed (${o.status})`);
   }
   // #1: accept resetBackoff param; #8 #9: clear retryTimer
   stop(e = !0) {
@@ -632,7 +660,7 @@ class Q {
             return;
           }
           this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = v, t();
-        }, this.wsOnMessage = (r) => this.handleIncoming(r.data), this.wsOnClose = () => {
+        }, this.wsOnMessage = (o) => this.handleIncoming(o.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"));
@@ -652,8 +680,8 @@ class Q {
           "X-Authorization": `Bearer ${this.options.accessToken}`
         },
         signal: i.signal
-      }).then((r) => {
-        if (!r.ok || !r.body) {
+      }).then((o) => {
+        if (!o.ok || !o.body) {
           s(new Error("SSE failed"));
           return;
         }
@@ -662,20 +690,20 @@ class Q {
           return;
         }
         this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = v, t();
-        const a = r.body.getReader(), n = new TextDecoder();
-        let l = "";
+        const l = o.body.getReader(), n = new TextDecoder();
+        let a = "";
         const g = () => {
-          a.read().then(({ done: u, value: h }) => {
+          l.read().then(({ done: u, value: h }) => {
             var m;
             if (u || this.stopped) {
               this.stopped || (this.handlers.onError(new Error("SpilkiWidget: SSE stream ended")), this.retryFallback("sse"));
               return;
             }
-            l += n.decode(h, { stream: !0 });
-            const d = l.split(`
+            a += n.decode(h, { stream: !0 });
+            const d = a.split(`
 
 `);
-            l = (m = d.pop()) != null ? m : "";
+            a = (m = d.pop()) != null ? m : "";
             for (const f of d)
               for (const p of f.split(`
 `))
@@ -686,8 +714,8 @@ class Q {
           });
         };
         g();
-      }).catch((r) => {
-        i.signal.aborted || s(r);
+      }).catch((o) => {
+        i.signal.aborted || s(o);
       });
     });
   }
@@ -704,9 +732,9 @@ class Q {
           });
           if (!s.ok) throw new Error(`Poll failed ${s.status}`);
           const i = await s.json();
-          x(i).forEach((r) => this.handlers.onMessage(r)), this.backoff = v;
+          S(i).forEach((o) => this.handlers.onMessage(o)), this.backoff = v;
         } catch (s) {
-          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, D);
+          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, L);
         } finally {
           this.stopped || (this.pollTimer = window.setTimeout(t, this.backoff));
         }
@@ -715,7 +743,7 @@ class Q {
   }
   // #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, D), this.retryTimer = window.setTimeout(() => {
+    this.stopped || (this.stop(!1), this.backoff = Math.min(this.backoff * 1.5, L), 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));
   }
@@ -735,22 +763,22 @@ class Q {
   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" && te(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" && se(e.payload) && this.handlers.onAgentEvent(e.payload);
       return;
     }
     this.handlers.onMessage(e);
   }
 }
-const ee = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTING_TOOL"]);
-function te(o) {
-  if (typeof o != "object" || o === null) return !1;
-  const e = o;
-  return ee.has(e.eventType) && typeof e.active == "boolean";
+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 L = 30 * 60 * 1e3, se = 3e4, T = 30;
-class ie {
+const U = 30 * 60 * 1e3, ie = 3e4, A = 30;
+class re {
   constructor(e, t) {
-    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.activeEvents = /* @__PURE__ */ new Set(), this.state = {
+    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.state = {
       isOpen: !1,
       agentActivity: null,
       isConnected: !1,
@@ -774,27 +802,16 @@ class ie {
   close() {
     this.state.isOpen && (this.state.isOpen = !1, this.emit());
   }
-  handleAgentEvent(e, t) {
-    t ? this.activeEvents.add(e) : this.activeEvents.delete(e), this.updateDisplayedActivity();
+  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());
   }
-  setTyping(e) {
-    this.handleAgentEvent("TYPING", e);
+  clearAgentActivity() {
+    this.resetAgentActivity() && this.emit();
   }
-  updateDisplayedActivity() {
-    this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.activeEvents.size > 0 && (this.activityTimer = setTimeout(() => {
-      this.activeEvents.clear(), this.state.agentActivity = null, this.activityTimer = null, this.emit();
-    }, se));
-    const e = this.resolveTopActivity();
-    this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
-  }
-  resolveTopActivity() {
-    var t;
-    return this.activeEvents.size === 0 ? null : (t = [
-      "EXECUTING_TOOL",
-      "SEARCHING",
-      "THINKING",
-      "TYPING"
-    ].find((s) => this.activeEvents.has(s))) != null ? t : null;
+  resetAgentActivity() {
+    return this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.state.agentActivity === null ? !1 : (this.state.agentActivity = null, !0);
   }
   setConnected(e) {
     this.state.isConnected !== e && (this.state.isConnected = e, this.emit());
@@ -802,15 +819,15 @@ class ie {
   addMessage(e) {
     var s, i;
     const t = {
-      id: (s = e.id) != null ? s : H("msg"),
+      id: (s = e.id) != null ? s : z("msg"),
       ts: (i = e.ts) != null ? i : Date.now(),
       author: e.author,
       text: e.text
     };
-    return this.state.messages.some((r) => r.id === t.id) ? null : (this.state.messages = x([...this.state.messages, t], T), this.persistMessages(), this.touchActivity(), this.emit(), t);
+    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);
   }
   setMessages(e) {
-    this.state.messages = x(e, T), this.persistMessages(), this.emit();
+    this.state.messages = S(e, A), this.persistMessages(), this.emit();
   }
   clearMessages() {
     this.state.messages = [], this.persistMessages(), this.emit();
@@ -902,7 +919,7 @@ class ie {
   }
   isSessionExpired() {
     const e = this.lastActivityTs;
-    return e === 0 ? !1 : Date.now() - e >= L;
+    return e === 0 ? !1 : Date.now() - e >= U;
   }
   getConversationGroups() {
     const e = this.state.messages;
@@ -910,7 +927,7 @@ class ie {
     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 >= L ? (t.push(s), s = { startTs: e[i].ts, messages: [e[i]] }) : s.messages.push(e[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]);
     return t.push(s), t;
   }
   emit() {
@@ -930,14 +947,14 @@ class ie {
       const e = localStorage.getItem(this.historyKey);
       if (!e) return [];
       const t = JSON.parse(e);
-      return Array.isArray(t) ? x(t, T) : [];
+      return Array.isArray(t) ? S(t, A) : [];
     } catch (e) {
       return console.error("SpilkiWidget: unable to load messages", e), [];
     }
   }
 }
-function oe(o) {
-  const e = o.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+function oe(r) {
+  const e = r.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("")
@@ -947,9 +964,9 @@ function oe(o) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function re(o) {
-  if (!o) return null;
-  const e = o.split(".");
+function ne(r) {
+  if (!r) return null;
+  const e = r.split(".");
   if (e.length < 2) return null;
   try {
     const t = oe(e[1]);
@@ -958,13 +975,13 @@ function re(o) {
     return console.error("SpilkiWidget: unable to parse JWT", t), null;
   }
 }
-function ne(o) {
-  const e = re(o);
+function ae(r) {
+  const e = ne(r);
   if (!(e != null && e.exp) || typeof e.exp != "number") return !0;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t + 60;
 }
-const ae = {
+const le = {
   onOpen() {
   },
   onClose() {
@@ -976,8 +993,8 @@ const ae = {
   onTransportChange() {
   }
 };
-async function le(o, e, t) {
-  const s = `${o.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
+async function ce(r, e, t) {
+  const s = `${r.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 })
@@ -985,29 +1002,29 @@ async function le(o, e, t) {
   if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
   return (await i.json()).accessToken;
 }
-async function ce(o, e) {
-  const t = `${o.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
+async function he(r, e) {
+  const t = `${r.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 he(o) {
+function de(r) {
   let e = !1, t = null;
   const s = [], i = () => {
     var n;
-    if (!o) return null;
+    if (!r) return null;
     if (t) return t;
     try {
-      const l = (n = window.AudioContext) != null ? n : window.webkitAudioContext;
-      if (!l) return null;
-      t = new l();
+      const a = (n = window.AudioContext) != null ? n : window.webkitAudioContext;
+      if (!a) return null;
+      t = new a();
     } catch {
       return null;
     }
     return t;
-  }, r = () => {
+  }, o = () => {
     e = !0;
     try {
       const n = i();
@@ -1015,73 +1032,73 @@ function he(o) {
       });
     } catch {
     }
-  }, a = (n) => {
-    const l = () => {
-      r(), window.removeEventListener(n, l, !0);
+  }, l = (n) => {
+    const a = () => {
+      o(), window.removeEventListener(n, a, !0);
     };
-    s.push({ type: n, listener: l }), window.addEventListener(n, l, { capture: !0, passive: !0 });
+    s.push({ type: n, listener: a }), window.addEventListener(n, a, { capture: !0, passive: !0 });
   };
-  return a("pointerdown"), a("keydown"), {
-    markUserInteraction: r,
+  return l("pointerdown"), l("keydown"), {
+    markUserInteraction: o,
     play() {
-      if (!o || !e) return;
+      if (!r || !e) return;
       const n = i();
       if (!n || n.state !== "running") return;
-      const l = n.createGain();
-      l.gain.value = 0.15, l.connect(n.destination);
+      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(l), f.start(d), f.stop(d + m + 0.02);
+        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);
     },
     destroy() {
-      s.forEach(({ type: n, listener: l }) => {
-        window.removeEventListener(n, l, !0);
+      s.forEach(({ type: n, listener: a }) => {
+        window.removeEventListener(n, a, !0);
       }), s.length = 0, t && t.close().catch(() => {
       }), t = null;
     }
   };
 }
-function U(o) {
-  var I, O, M, B;
-  if (!o.org)
+function $(r) {
+  var O, M, B, j;
+  if (!r.org)
     throw new Error("SpilkiWidget: org is required");
-  const e = K(o);
-  _(e.allowedOriginsHint);
-  const t = { ...ae, ...(I = e.hooks) != null ? I : {} }, s = new ie(e.org, { persist: e.persist }), i = he(e.sound);
-  let r = (O = s.accessToken) != null ? O : void 0, a = null;
+  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 = () => {
     u.setBadge(s.countUnread());
-  }, l = () => {
+  }, a = () => {
     s.markRead(), u.setBadge(0);
-  }, g = async () => a || (a = (async () => {
+  }, g = async () => l || (l = (async () => {
     try {
-      if (r && ne(r))
+      if (o && ae(o))
         try {
-          r = await ce(e.apiBase, r), s.persistAccessToken(r), d.setAccessToken(r);
+          o = await he(e.apiBase, o), s.persistAccessToken(o), d.setAccessToken(o);
           return;
         } catch {
-          r = void 0, s.clearAccessToken();
+          o = void 0, s.clearAccessToken();
         }
-      if (!r) {
-        if (!o.installationToken) throw new Error("SpilkiWidget: missing installationToken");
-        if (!o.org) throw new Error("SpilkiWidget: missing org");
-        r = await le(e.apiBase, o.installationToken, o.org), s.persistAccessToken(r), d.setAccessToken(r);
+      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);
       }
     } finally {
-      a = null;
+      l = null;
     }
-  })(), a), u = F({
+  })(), l), u = R({
     color: e.color,
-    position: (M = e.position) != null ? M : "bottom-right",
+    position: (B = e.position) != null ? B : "bottom-right",
     onClick: () => {
-      s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), l(), t.onOpen());
+      s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), a(), t.onOpen());
     }
-  }), h = new Z({
+  }), h = new Q({
     color: e.color,
     theme: P(e.theme),
-    position: (B = e.position) != null ? B : "bottom-right",
+    position: (j = e.position) != null ? j : "bottom-right",
     i18n: e.i18n,
     onClose: () => {
       s.close(), t.onClose();
@@ -1092,26 +1109,26 @@ function U(o) {
         t.onError(b), s.setConnected(!1), h.setOffline(!0);
       }));
     }
-  }), d = new Q(
+  }), d = new ee(
     {
       apiBase: e.apiBase,
-      accessToken: r,
+      accessToken: o,
       org: e.org,
       sessionId: s.sessionId
     },
     {
       onOpen(c) {
-        A.transport = c, t.onTransportChange(c), s.setConnected(!0), h.setOffline(!1);
+        C.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));
       },
-      onTyping(c) {
-        s.setTyping(c);
+      onTyping() {
+        s.handleAgentEvent("TYPING");
       },
       onAgentEvent(c) {
-        s.handleAgentEvent(c.eventType, c.active);
+        s.handleAgentEvent(c.eventType);
       },
       onError(c) {
         t.onError(c), s.setConnected(!1), s.snapshot.isOpen && h.setOffline(!0);
@@ -1129,55 +1146,58 @@ function U(o) {
     };
     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 S = !1;
+  let T = !1;
   const N = 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 (!S) {
+      if (!T) {
         const k = s.countUnread() > 0, b = s.lastReadTs;
-        l(), k && h.scrollToFirstUnread(b);
+        a(), k && h.scrollToFirstUnread(b);
       }
-      S = !0, h.show();
+      T = !0, h.show();
     } else
-      S = !1, h.hide();
-  }), $ = m.length === 0 || f;
+      T = !1, h.hide();
+  }), W = m.length === 0 || f;
   n(), g().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 && $ && h.setSuggestedReplies(k);
+      k.length > 0 && W && h.setSuggestedReplies(k);
     })
   ).catch((c) => {
     t.onError(c), s.setConnected(!1), h.setOffline(!0);
   });
-  const A = {
+  const C = {
     transport: null,
     open() {
-      i.markUserInteraction(), s.open(), l(), t.onOpen();
+      i.markUserInteraction(), s.open(), a(), t.onOpen();
     },
     close() {
       s.close(), t.onClose();
     },
+    identify(c) {
+      d.setUser(c);
+    },
     destroy() {
-      N(), d.stop(), i.destroy(), u.destroy(), h.destroy();
+      N(), d.stop(), i.destroy(), u.destroy(), h.destroy(), x === C && (x = null);
     }
   };
-  return A;
+  return C;
 }
-function de() {
+function pe() {
   var s, i;
   if (typeof document == "undefined") return;
-  const o = document.currentScript;
-  if (!o) return;
-  const e = o.dataset;
+  const r = document.currentScript;
+  if (!r) return;
+  const e = r.dataset;
   if (e.autoinit === "false") return;
   const t = e.org;
   if (!t) {
     console.error("SpilkiWidget: data-org and is required for auto init");
     return;
   }
-  U({
+  x = $({
     org: t,
     installationToken: e.installationToken,
     apiBase: e.apiBase,
@@ -1185,10 +1205,13 @@ function de() {
     theme: (i = e.theme) != null ? i : void 0
   });
 }
-typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (o) => U(o));
-de();
+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()");
+});
+pe();
 export {
-  de as autoInit,
-  U as initSpilkiWidget
+  pe as autoInit,
+  $ as initSpilkiWidget
 };
 //# sourceMappingURL=widget.es.js.map