@paramms/chat-widget 1.0.32 → 1.0.34

package/dist/index.js

@@ -1,46 +1,47 @@
-var ce = Object.defineProperty;
-var de = (t, e, n) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var m = (t, e, n) => de(t, typeof e != "symbol" ? e + "" : e, n);
-import { p as le, r as pe, a as ue } from "./uid.js";
-import { h as $e } from "./uid.js";
-import { P as fe, C as he, E as we, b as be, m as xe } from "./e2e.js";
-import { e as Me } from "./e2e.js";
-const Q = "http://www.w3.org/2000/svg", ge = 8e3;
-class me {
+var pe = Object.defineProperty;
+var he = (o, e, i) => e in o ? pe(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i;
+var y = (o, e, i) => he(o, typeof e != "symbol" ? e + "" : e, i);
+import { p as fe, r as ue, a as we } from "./uid.js";
+import { h as Me } from "./uid.js";
+import { P as be, C as xe, b as ge } from "./outbox.js";
+import { e as He } from "./outbox.js";
+import { E2ESession as me, extractX3DHInit as ye } from "./e2e.js";
+const te = "http://www.w3.org/2000/svg", ve = 8e3;
+class ke {
   constructor() {
-    m(this, "svg", null);
-    m(this, "timers", /* @__PURE__ */ new Set());
+    y(this, "svg", null);
+    y(this, "timers", /* @__PURE__ */ new Set());
   }
   /** Feed every server frame; the overlay reacts to annotation frames only. */
   apply(e) {
-    var n;
+    var i;
     if (e.type === "annotation") this.draw(e.stroke);
     else if (e.type === "annotation_clear") this.clear();
-    else if (e.type === "opened" && ((n = e.annotations) != null && n.length))
+    else if (e.type === "opened" && ((i = e.annotations) != null && i.length))
       for (const s of e.annotations) this.draw(s);
   }
   ensureSvg() {
-    var n;
-    if ((n = this.svg) != null && n.isConnected) return this.svg;
-    const e = document.createElementNS(Q, "svg");
+    var i;
+    if ((i = this.svg) != null && i.isConnected) return this.svg;
+    const e = document.createElementNS(te, "svg");
     return e.setAttribute("data-relay-annotations", ""), e.setAttribute("aria-hidden", "true"), e.setAttribute(
       "style",
       "position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483000;"
     ), document.body.append(e), this.svg = e, e;
   }
   draw(e) {
-    var f;
-    if (typeof document > "u" || !((f = e.points) != null && f.length)) return;
-    const n = this.ensureSvg(), s = window.innerWidth, p = window.innerHeight, d = document.createElementNS(Q, "polyline");
-    d.setAttribute("points", e.points.map((h) => `${(h.x * s).toFixed(1)},${(h.y * p).toFixed(1)}`).join(" ")), d.setAttribute("fill", "none"), d.setAttribute("stroke", e.color || "#ff3b30"), d.setAttribute("stroke-width", String(e.width || 3)), d.setAttribute("stroke-linecap", "round"), d.setAttribute("stroke-linejoin", "round"), d.setAttribute("data-stroke-id", e.id), n.append(d);
-    const a = setTimeout(() => {
-      d.style.transition = "opacity 600ms", d.style.opacity = "0";
-      const h = setTimeout(() => {
-        d.remove(), this.timers.delete(h);
+    var b;
+    if (typeof document > "u" || !((b = e.points) != null && b.length)) return;
+    const i = this.ensureSvg(), s = window.innerWidth, a = window.innerHeight, c = document.createElementNS(te, "polyline");
+    c.setAttribute("points", e.points.map((d) => `${(d.x * s).toFixed(1)},${(d.y * a).toFixed(1)}`).join(" ")), c.setAttribute("fill", "none"), c.setAttribute("stroke", e.color || "#ff3b30"), c.setAttribute("stroke-width", String(e.width || 3)), c.setAttribute("stroke-linecap", "round"), c.setAttribute("stroke-linejoin", "round"), c.setAttribute("data-stroke-id", e.id), i.append(c);
+    const f = setTimeout(() => {
+      c.style.transition = "opacity 600ms", c.style.opacity = "0";
+      const d = setTimeout(() => {
+        c.remove(), this.timers.delete(d);
       }, 650);
-      this.timers.add(h), this.timers.delete(a);
-    }, ge);
-    this.timers.add(a);
+      this.timers.add(d), this.timers.delete(f);
+    }, ve);
+    this.timers.add(f);
   }
   clear() {
     var e;
@@ -48,11 +49,11 @@ class me {
   }
   destroy() {
     var e;
-    for (const n of this.timers) clearTimeout(n);
+    for (const i of this.timers) clearTimeout(i);
     this.timers.clear(), (e = this.svg) == null || e.remove(), this.svg = null;
   }
 }
-const Z = "objectchat-widget-styles", ve = ["👍", "❤️", "😂", "😮", "😢", "🙏"], ye = `
+const oe = "objectchat-widget-styles", Ce = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Te = `
 .ocw { --ocw-accent:#4F63F5; --ocw-bg:#f3efe9; --ocw-card:#fff; --ocw-line:#ececec; --ocw-ink:#1c1b1a; --ocw-mut:#9b9690;
   position:relative;
   display:flex; flex-direction:column; height:100%; min-height:320px; background:var(--ocw-bg);
@@ -149,6 +150,17 @@ const Z = "objectchat-widget-styles", ve = ["👍", "❤️", "😂", "😮", "
 .ocw-offline-input:focus { outline:none; border-color:var(--ocw-accent); }
 .ocw-offline-submit { background:var(--ocw-accent); color:#fff; border:none; border-radius:10px; padding:11px; font-size:14px; font-weight:600; cursor:pointer; }
 .ocw-offline-thanks { font-size:14px; color:#15803d; font-weight:600; }
+.ocw-prechat { margin:20px 14px; padding:20px; background:#fff; border:1px solid #e3ded7; border-radius:16px; }
+.ocw-prechat-title { font-weight:700; font-size:15px; margin-bottom:12px; }
+.ocw-prechat select { border:1px solid #e3ded7; border-radius:10px; padding:10px 12px; font:inherit; font-size:13px; background:#fff; }
+.ocw-prechat-cb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ocw-ink); }
+.ocw-deflect { margin:0 14px 8px; display:flex; flex-direction:column; gap:6px; }
+.ocw-deflect-card { text-align:left; background:#fff; border:1px solid #e3ded7; border-radius:12px; padding:10px 12px; font:inherit; font-size:13px; cursor:pointer; }
+.ocw-deflect-card:hover { border-color:var(--ocw-accent); }
+.ocw-deflect-q { font-weight:600; margin-bottom:2px; }
+.ocw-deflect-a { color:var(--ocw-mut); font-size:12.5px; display:none; white-space:pre-wrap; }
+.ocw-deflect-card.open .ocw-deflect-a { display:block; }
+.ocw-deflect-hint { font-size:11.5px; color:var(--ocw-mut); text-align:center; }
 .ocw-csat-title { font-size:13px; font-weight:600; margin-bottom:8px; }
 .ocw-csat-stars { display:flex; gap:6px; }
 .ocw-csat-star { background:none; border:none; font-size:22px; cursor:pointer; padding:2px; opacity:.4; transition:opacity .15s; }
@@ -212,122 +224,129 @@ const Z = "objectchat-widget-styles", ve = ["👍", "❤️", "😂", "😮", "
 .ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
 .ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
 `;
-function ke() {
-  if (typeof document > "u" || document.getElementById(Z)) return;
-  const t = document.createElement("style");
-  t.id = Z, t.textContent = ye, document.head.appendChild(t);
+function Ie() {
+  if (typeof document > "u" || document.getElementById(oe)) return;
+  const o = document.createElement("style");
+  o.id = oe, o.textContent = Te, document.head.appendChild(o);
 }
-function o(t, e, n) {
-  const s = document.createElement(t);
-  return e && (s.className = e), n !== void 0 && (s.textContent = n), s;
+function t(o, e, i) {
+  const s = document.createElement(o);
+  return e && (s.className = e), i !== void 0 && (s.textContent = i), s;
 }
-function Ce(t) {
+function Se(o) {
   try {
-    return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    return new Date(o).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   } catch {
     return "";
   }
 }
-function _(t) {
+function W(o) {
   var e;
-  switch (t.kind) {
+  switch (o.kind) {
     case "text":
-      return t.text;
+      return o.text;
     case "system":
-      return typeof ((e = t.data) == null ? void 0 : e.message) == "string" ? String(t.data.message) : t.event;
+      return typeof ((e = o.data) == null ? void 0 : e.message) == "string" ? String(o.data.message) : o.event;
     case "card":
-      return [t.title, t.body].filter(Boolean).join(" — ");
+      return [o.title, o.body].filter(Boolean).join(" — ");
     case "attachment":
-      return t.name ?? t.url;
+      return o.name ?? o.url;
     case "form":
-      return t.prompt;
+      return o.prompt;
     case "appointment":
-      return `📅 ${t.title} — ${new Date(t.startIso).toLocaleString()}`;
+      return `📅 ${o.title} — ${new Date(o.startIso).toLocaleString()}`;
   }
 }
-class Te {
+class Ee {
   /** Last seq the guest has seen per conversationId — used to compute unread badges. */
-  constructor(e, n, s, p = {}) {
-    m(this, "scroll");
-    m(this, "chips");
-    m(this, "typing");
-    m(this, "quick");
-    m(this, "formHost");
-    m(this, "csatPanel");
-    m(this, "offlinePanel");
-    m(this, "footer");
-    m(this, "input");
-    m(this, "subjectCard");
-    m(this, "e2eBadge");
-    m(this, "statusBadge");
-    m(this, "headerName");
-    m(this, "connStatus");
-    m(this, "typingTimer", null);
-    m(this, "csatSubmitted", !1);
+  constructor(e, i, s, a = {}) {
+    y(this, "scroll");
+    y(this, "chips");
+    y(this, "typing");
+    y(this, "quick");
+    y(this, "formHost");
+    y(this, "csatPanel");
+    y(this, "offlinePanel");
+    y(this, "preChatPanel");
+    y(this, "deflectPanel");
+    y(this, "preChatBuilt", !1);
+    y(this, "preChatDone", !1);
+    y(this, "footer");
+    y(this, "input");
+    y(this, "subjectCard");
+    y(this, "e2eBadge");
+    y(this, "statusBadge");
+    y(this, "headerName");
+    y(this, "connStatus");
+    y(this, "typingTimer", null);
+    y(this, "csatSubmitted", !1);
     // ── Co-browsing (shared whiteboard) ─────────────────────────────────────
-    m(this, "cobrowseBtn");
-    m(this, "cobrowseCanvas");
-    m(this, "cobrowseToolbar");
-    m(this, "cobrowseHint");
-    m(this, "cobrowseActive", !1);
-    m(this, "cobrowseColor", "#f5713c");
-    m(this, "lastAnnotationVersion", -1);
-    m(this, "storeRef", null);
-    m(this, "scrollCleanup", null);
+    y(this, "cobrowseBtn");
+    y(this, "cobrowseCanvas");
+    y(this, "cobrowseToolbar");
+    y(this, "cobrowseHint");
+    y(this, "cobrowseActive", !1);
+    y(this, "cobrowseColor", "#f5713c");
+    y(this, "lastAnnotationVersion", -1);
+    y(this, "storeRef", null);
+    y(this, "scrollCleanup", null);
     // ── Live translation ──────────────────────────────────────────────────-
-    m(this, "translationCache", /* @__PURE__ */ new Map());
-    m(this, "showingTranslation", /* @__PURE__ */ new Set());
-    m(this, "subjectBuilt", !1);
-    var v, w, z, L, I, A, g, k, $;
-    this.root = e, this.me = n, this.h = s, this.cfg = p, ke(), e.replaceChildren(), e.classList.add("ocw"), p.accent && e.style.setProperty("--ocw-accent", p.accent);
-    const d = o("div", "ocw-head"), a = o("div", "ocw-avatar");
-    if ((v = p.userInfo) != null && v.avatar) {
-      const y = document.createElement("img");
-      y.src = p.userInfo.avatar, y.alt = p.userInfo.name ?? "You", y.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", a.append(y);
+    y(this, "translationCache", /* @__PURE__ */ new Map());
+    y(this, "showingTranslation", /* @__PURE__ */ new Set());
+    y(this, "subjectBuilt", !1);
+    var g, h, I, T, $, A, z, P, k;
+    this.root = e, this.me = i, this.h = s, this.cfg = a, Ie(), e.replaceChildren(), e.classList.add("ocw"), a.accent && e.style.setProperty("--ocw-accent", a.accent);
+    const c = t("div", "ocw-head"), f = t("div", "ocw-avatar");
+    if ((g = a.userInfo) != null && g.avatar) {
+      const m = document.createElement("img");
+      m.src = a.userInfo.avatar, m.alt = a.userInfo.name ?? "You", m.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", f.append(m);
     } else
-      a.textContent = (w = p.userInfo) != null && w.name ? p.userInfo.name[0].toUpperCase() : "🧑";
-    d.append(a);
-    const f = o("div", "ocw-head-main");
-    this.headerName = o("div", "ocw-head-name", ((z = p.subject) == null ? void 0 : z.ownerLabel) ?? ((L = p.subject) == null ? void 0 : L.title) ?? ""), f.append(this.headerName), (I = p.subject) != null && I.subtitle && f.append(o("div", "ocw-head-meta", p.subject.subtitle)), d.append(f), this.statusBadge = o("span", "ocw-badge", ((A = p.subject) == null ? void 0 : A.status) ?? ""), (g = p.subject) != null && g.status || (this.statusBadge.style.display = "none"), d.append(this.statusBadge), this.e2eBadge = o("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", d.append(this.e2eBadge), this.connStatus = o("span", "ocw-conn-status"), this.connStatus.style.display = "none", d.append(this.connStatus), this.cobrowseBtn = o("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
+      f.textContent = (h = a.userInfo) != null && h.name ? a.userInfo.name[0].toUpperCase() : "🧑";
+    c.append(f);
+    const b = t("div", "ocw-head-main");
+    this.headerName = t("div", "ocw-head-name", ((I = a.subject) == null ? void 0 : I.ownerLabel) ?? ((T = a.subject) == null ? void 0 : T.title) ?? ""), b.append(this.headerName), ($ = a.subject) != null && $.subtitle && b.append(t("div", "ocw-head-meta", a.subject.subtitle)), c.append(b), this.statusBadge = t("span", "ocw-badge", ((A = a.subject) == null ? void 0 : A.status) ?? ""), (z = a.subject) != null && z.status || (this.statusBadge.style.display = "none"), c.append(this.statusBadge), this.e2eBadge = t("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", c.append(this.e2eBadge), this.connStatus = t("span", "ocw-conn-status"), this.connStatus.style.display = "none", c.append(this.connStatus), this.cobrowseBtn = t("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
       this.cobrowseActive = !this.cobrowseActive, this.updateCobrowseUI();
-    }), d.append(this.cobrowseBtn), d.append(o("button", "ocw-menu", "⋯")), this.chips = o("div", "ocw-chiprow"), this.scroll = o("div", "ocw-scroll"), this.subjectCard = o("div", "ocw-subject"), this.typing = o("div", "ocw-typing");
-    const h = o("div", "ocw-typing-bubble");
-    h.append(o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot")), this.typing.append(o("div", "ocw-dot", "🧑"), h), this.quick = o("div", "ocw-quick");
-    for (const y of p.quickReplies ?? []) {
-      const E = o("button", void 0, y);
-      E.addEventListener("click", () => {
-        this.h.onSend(y), this.quick.style.display = "none";
-      }), this.quick.append(E);
+    }), c.append(this.cobrowseBtn), c.append(t("button", "ocw-menu", "⋯")), this.chips = t("div", "ocw-chiprow"), this.scroll = t("div", "ocw-scroll"), this.subjectCard = t("div", "ocw-subject"), this.typing = t("div", "ocw-typing");
+    const d = t("div", "ocw-typing-bubble");
+    d.append(t("div", "ocw-typing-dot"), t("div", "ocw-typing-dot"), t("div", "ocw-typing-dot")), this.typing.append(t("div", "ocw-dot", "🧑"), d), this.quick = t("div", "ocw-quick");
+    for (const m of a.quickReplies ?? []) {
+      const S = t("button", void 0, m);
+      S.addEventListener("click", () => {
+        this.h.onSend(m), this.quick.style.display = "none";
+      }), this.quick.append(S);
     }
-    this.formHost = o("div", "ocw-form-host"), this.csatPanel = o("div", "ocw-csat"), this.csatPanel.style.display = "none", this.offlinePanel = o("div", "ocw-offline"), this.offlinePanel.style.display = "none", this.input = o("textarea", void 0), this.input.rows = 1, this.input.placeholder = "Message…";
-    const r = o("button", "ocw-sendbtn", ((k = p.i18n) == null ? void 0 : k.send) ?? "➤");
-    r.addEventListener("click", () => this.flushSend()), this.input.addEventListener("keydown", (y) => {
-      y.isComposing || y.keyCode === 229 || (y.key === "Enter" && !y.shiftKey ? (y.preventDefault(), this.flushSend()) : this.signalTyping());
+    this.formHost = t("div", "ocw-form-host"), this.csatPanel = t("div", "ocw-csat"), this.csatPanel.style.display = "none", this.offlinePanel = t("div", "ocw-offline"), this.offlinePanel.style.display = "none", this.preChatPanel = t("div", "ocw-prechat"), this.preChatPanel.style.display = "none", this.deflectPanel = t("div", "ocw-deflect"), this.deflectPanel.style.display = "none", this.input = t("textarea", void 0), this.input.rows = 1, this.input.placeholder = "Message…";
+    const w = t("button", "ocw-sendbtn", ((P = a.i18n) == null ? void 0 : P.send) ?? "➤");
+    w.addEventListener("click", () => this.flushSend()), this.input.addEventListener("input", () => {
+      var m, S;
+      this.storeRef && !this.storeRef.messages().some((B) => B.senderRole === "guest") ? (S = (m = this.h).onDeflectQuery) == null || S.call(m, this.input.value) : this.hideDeflection();
+    }), this.input.addEventListener("keydown", (m) => {
+      m.isComposing || m.keyCode === 229 || (m.key === "Enter" && !m.shiftKey ? (m.preventDefault(), this.flushSend()) : this.signalTyping());
     });
-    const T = o("button", "ocw-attach", "📎");
-    T.title = "Attach image or file";
-    const b = document.createElement("input");
-    b.type = "file", b.accept = "image/*,.pdf,.txt,.doc,.docx", b.style.display = "none", T.addEventListener("click", () => b.click()), b.addEventListener("change", () => {
-      var y;
-      (y = b.files) != null && y[0] && this.h.onAttach && this.h.onAttach(b.files[0]), b.value = "";
+    const v = t("button", "ocw-attach", "📎");
+    v.title = "Attach image or file";
+    const r = document.createElement("input");
+    r.type = "file", r.accept = "image/*,.pdf,.txt,.doc,.docx", r.style.display = "none", v.addEventListener("click", () => r.click()), r.addEventListener("change", () => {
+      var m;
+      (m = r.files) != null && m[0] && this.h.onAttach && this.h.onAttach(r.files[0]), r.value = "";
     });
-    const l = o("div", "ocw-input");
-    l.append(T, b, this.input, r);
-    const c = o("div", "ocw-footer");
-    (($ = p.i18n) == null ? void 0 : $.poweredBy) !== void 0 ? c.textContent = p.i18n.poweredBy : c.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = c, e.append(d, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, l, this.footer), this.cobrowseCanvas = o("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = o("div", "ocw-cobrowse-toolbar");
-    for (const y of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
-      const E = o("button", "ocw-cobrowse-swatch");
-      E.style.background = y, E.type = "button", y === this.cobrowseColor && E.classList.add("sel"), E.addEventListener("click", () => {
-        this.cobrowseColor = y;
-        for (const R of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) R.classList.remove("sel");
-        E.classList.add("sel");
-      }), this.cobrowseToolbar.append(E);
+    const u = t("div", "ocw-input");
+    u.append(v, r, this.input, w);
+    const l = t("div", "ocw-footer");
+    ((k = a.i18n) == null ? void 0 : k.poweredBy) !== void 0 ? l.textContent = a.i18n.poweredBy : l.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = l, e.append(c, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, this.preChatPanel, this.deflectPanel, u, this.footer), this.cobrowseCanvas = t("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = t("div", "ocw-cobrowse-toolbar");
+    for (const m of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
+      const S = t("button", "ocw-cobrowse-swatch");
+      S.style.background = m, S.type = "button", m === this.cobrowseColor && S.classList.add("sel"), S.addEventListener("click", () => {
+        this.cobrowseColor = m;
+        for (const B of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) B.classList.remove("sel");
+        S.classList.add("sel");
+      }), this.cobrowseToolbar.append(S);
     }
-    const C = o("button", "ocw-cobrowse-clear", "Clear");
+    const C = t("button", "ocw-cobrowse-clear", "Clear");
     C.addEventListener("click", () => {
-      var y, E;
-      return (E = (y = this.h).onAnnotateClear) == null ? void 0 : E.call(y);
-    }), this.cobrowseToolbar.append(C), this.cobrowseHint = o("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
+      var m, S;
+      return (S = (m = this.h).onAnnotateClear) == null ? void 0 : S.call(m);
+    }), this.cobrowseToolbar.append(C), this.cobrowseHint = t("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
   }
   /** Returns the scroll container so history.ts can attach scroll listeners. */
   getScrollEl() {
@@ -335,8 +354,8 @@ class Te {
   }
   /** Registers a cleanup fn removed on destroy() to prevent listener leaks. */
   setScrollCleanup(e) {
-    var n;
-    (n = this.scrollCleanup) == null || n.call(this), this.scrollCleanup = e;
+    var i;
+    (i = this.scrollCleanup) == null || i.call(this), this.scrollCleanup = e;
   }
   /** Call when the widget is unmounted. Disconnects scroll listeners and clears timers. */
   destroy() {
@@ -349,6 +368,7 @@ class Te {
   /** Navigate to the chat screen (slide list left, slide chat in from right). */
   /** Navigate back to the list screen. */
   flushSend() {
+    this.hideDeflection();
     const e = this.input.value.trim();
     e && (this.input.value = "", this.h.onTyping(!1), this.h.onSend(e));
   }
@@ -357,66 +377,135 @@ class Te {
     this.h.onTyping(!0, e), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
   }
   render(e) {
-    var r, T, b;
+    var r, u, l, C, g;
     if (this.storeRef = e, this.cobrowseBtn.classList.toggle("show", !!e.subject), !e.subject && this.cobrowseActive && (this.cobrowseActive = !1, this.updateCobrowseUI()), this.cobrowseActive && e.annotationVersion !== this.lastAnnotationVersion && (this.lastAnnotationVersion = e.annotationVersion, this.resizeCobrowseCanvas(), this.redrawCobrowse()), e.accent && this.root.style.setProperty("--ocw-accent", e.accent), this.e2eBadge.style.display = e.e2e ? "inline-flex" : "none", this.buildSubjectCard(e), e.subject) {
-      const l = (r = this.cfg.subject) == null ? void 0 : r.ownerLabel;
-      l && (this.headerName.textContent = l);
+      const h = (r = this.cfg.subject) == null ? void 0 : r.ownerLabel;
+      h && (this.headerName.textContent = h);
     }
     this.quick.style.display = e.messages().length === 0 ? "flex" : "none", this.chips.replaceChildren();
-    const n = e.visibleActions();
-    this.chips.style.display = n.length ? "flex" : "none";
-    for (const l of n) this.chips.append(this.chipEl(l));
-    const s = this.scroll.scrollHeight, p = this.scroll.scrollTop;
+    const i = e.visibleActions();
+    this.chips.style.display = i.length ? "flex" : "none";
+    for (const h of i) this.chips.append(this.chipEl(h));
+    const s = this.scroll.scrollHeight, a = this.scroll.scrollTop;
     if (this.scroll.replaceChildren(), this.subjectCard.childNodes.length && this.scroll.append(this.subjectCard), e.hasMoreHistory) {
-      const l = o("div", "ocw-load-more");
-      l.textContent = "↑ Loading earlier messages…", l.style.pointerEvents = "none", this.scroll.append(l);
+      const h = t("div", "ocw-load-more");
+      h.textContent = "↑ Loading earlier messages…", h.style.pointerEvents = "none", this.scroll.append(h);
     }
-    let d = 0;
-    for (const l of e.messages())
-      this.scroll.append(this.messageEl(l, e)), l.senderId !== this.me && l.seq > d && (d = l.seq);
-    p > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - s + p : this.scroll.scrollTop = this.scroll.scrollHeight, d > 0 && this.h.onReadUpTo(d);
-    const a = [...e.typing];
-    this.typing.classList.toggle("active", a.length > 0);
-    const f = this.typing.querySelector(".ocw-typing-bubble");
-    f && f.setAttribute("aria-label", a.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (T = this.root.querySelector(".ocw-input")) == null || T.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (b = this.root.querySelector(".ocw-input")) == null || b.style.removeProperty("display"));
-    const h = ["resolved", "closed", "sold", "issued", "checked_out"];
-    this.h.onCsat && !this.csatSubmitted && h.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
-  }
-  setConnStatus(e, n) {
+    let c = 0;
+    for (const h of e.messages())
+      this.scroll.append(this.messageEl(h, e)), h.senderId !== this.me && h.seq > c && (c = h.seq);
+    a > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - s + a : this.scroll.scrollTop = this.scroll.scrollHeight, c > 0 && this.h.onReadUpTo(c);
+    const f = [...e.typing];
+    this.typing.classList.toggle("active", f.length > 0);
+    const b = this.typing.querySelector(".ocw-typing-bubble");
+    b && b.setAttribute("aria-label", f.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block";
+    const d = e.messages().some((h) => h.senderRole === "guest");
+    !!((u = e.preChat) != null && u.enabled) && !this.preChatDone && !d && (e.preChat.showWhen !== "offline" || e.offline) ? (this.preChatBuilt || this.buildPreChatPanel(e.preChat), this.preChatPanel.style.display = "block", this.offlinePanel.style.display = "none", (l = this.root.querySelector(".ocw-input")) == null || l.style.setProperty("display", "none")) : (this.preChatPanel.style.display = "none", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (C = this.root.querySelector(".ocw-input")) == null || C.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (g = this.root.querySelector(".ocw-input")) == null || g.style.removeProperty("display")));
+    const v = ["resolved", "closed", "sold", "issued", "checked_out"];
+    this.h.onCsat && !this.csatSubmitted && v.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
+  }
+  setConnStatus(e, i) {
     if (e === "open") {
       this.connStatus.style.display = "none";
       return;
     }
     this.connStatus.style.display = "";
     const s = e === "error";
-    this.connStatus.className = `ocw-conn-status${s ? " err" : e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = s ? `⚠ ${n ?? "Chat unavailable"}` : e === "reconnecting" ? n ?? "↻ reconnecting…" : "● connecting…";
+    this.connStatus.className = `ocw-conn-status${s ? " err" : e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = s ? `⚠ ${i ?? "Chat unavailable"}` : e === "reconnecting" ? i ?? "↻ reconnecting…" : "● connecting…";
   }
   buildOfflinePanel(e) {
-    var f;
-    this.offlinePanel.replaceChildren(), this.offlinePanel.append(o("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(o("div", "ocw-offline-title", ((f = this.cfg.i18n) == null ? void 0 : f.offline) ?? "We're offline right now")), this.offlinePanel.append(o("div", "ocw-offline-msg", e || "Leave your details and we'll get back to you soon."));
-    const n = o("div", "ocw-offline-form"), s = o("input", "ocw-offline-input");
+    var b;
+    this.offlinePanel.replaceChildren(), this.offlinePanel.append(t("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(t("div", "ocw-offline-title", ((b = this.cfg.i18n) == null ? void 0 : b.offline) ?? "We're offline right now")), this.offlinePanel.append(t("div", "ocw-offline-msg", e || "Leave your details and we'll get back to you soon."));
+    const i = t("div", "ocw-offline-form"), s = t("input", "ocw-offline-input");
     s.placeholder = "Your name", s.type = "text";
-    const p = o("input", "ocw-offline-input");
-    p.placeholder = "Your email", p.type = "email";
-    const d = o("textarea", "ocw-offline-input");
-    d.placeholder = "Your message", d.rows = 3;
-    const a = o("button", "ocw-offline-submit", "Send message");
-    a.addEventListener("click", () => {
-      !p.value.trim() || !d.value.trim() || (this.h.onSend(`[Offline form]
+    const a = t("input", "ocw-offline-input");
+    a.placeholder = "Your email", a.type = "email";
+    const c = t("textarea", "ocw-offline-input");
+    c.placeholder = "Your message", c.rows = 3;
+    const f = t("button", "ocw-offline-submit", "Send message");
+    f.addEventListener("click", () => {
+      !a.value.trim() || !c.value.trim() || (this.h.onSend(`[Offline form]
 Name: ${s.value || "Anonymous"}
-Email: ${p.value}
-Message: ${d.value}`), this.offlinePanel.replaceChildren(o("div", "ocw-offline-thanks", "✓ Message sent! We'll reply to your email.")));
-    }), n.append(s, p, d, a), this.offlinePanel.append(n);
+Email: ${a.value}
+Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-thanks", "✓ Message sent! We'll reply to your email.")));
+    }), i.append(s, a, c, f), this.offlinePanel.append(i);
+  }
+  buildPreChatPanel(e) {
+    var d;
+    this.preChatBuilt = !0, this.preChatPanel.replaceChildren(), this.preChatPanel.append(t("div", "ocw-prechat-title", e.title ?? "Before we start…"));
+    const i = t("div", "ocw-offline-form"), s = {};
+    for (const w of e.fields ?? ["name", "email"]) {
+      const v = t("input", "ocw-offline-input");
+      v.type = w === "email" ? "email" : w === "phone" ? "tel" : "text", v.placeholder = w === "name" ? "Your name" : w === "email" ? "Your email" : "Your phone number", s[w] = v, i.append(v);
+    }
+    let a = null;
+    if ((d = e.topics) != null && d.length) {
+      a = t("select", void 0);
+      const w = document.createElement("option");
+      w.value = "", w.textContent = "What is this about?", a.append(w);
+      for (const v of e.topics) {
+        const r = document.createElement("option");
+        r.value = v, r.textContent = v, a.append(r);
+      }
+      i.append(a);
+    }
+    let c = null, f = null;
+    if (e.callbackOption) {
+      const w = t("label", "ocw-prechat-cb");
+      c = document.createElement("input"), c.type = "checkbox", w.append(c, document.createTextNode("📞 Request a call back")), i.append(w), s.phone || (f = t("input", "ocw-offline-input"), f.type = "tel", f.placeholder = "Phone number for the call", f.style.display = "none", c.addEventListener("change", () => f.style.setProperty("display", c.checked ? "block" : "none")), i.append(f));
+    }
+    const b = t("button", "ocw-offline-submit", "Start chat");
+    b.addEventListener("click", () => {
+      var u, l, C, g, h, I, T;
+      const w = (u = s.email) == null ? void 0 : u.value.trim();
+      if (s.email && (!w || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w))) {
+        s.email.focus();
+        return;
+      }
+      const v = !!(c != null && c.checked), r = (((l = s.phone) == null ? void 0 : l.value) ?? (f == null ? void 0 : f.value) ?? "").trim();
+      if (v && !r) {
+        (C = s.phone ?? f) == null || C.focus();
+        return;
+      }
+      if (a && ((g = e.topics) != null && g.length) && !a.value) {
+        a.focus();
+        return;
+      }
+      this.completePreChat(), (T = (I = this.h).onPreChat) == null || T.call(I, {
+        ...(h = s.name) != null && h.value.trim() ? { name: s.name.value.trim() } : {},
+        ...w ? { email: w } : {},
+        ...r ? { phone: r } : {},
+        ...a != null && a.value ? { topic: a.value } : {},
+        ...v ? { callback: !0 } : {}
+      });
+    }), i.append(b), this.preChatPanel.append(i);
+  }
+  /** Mark pre-chat complete (submitted now or in a previous session). */
+  completePreChat() {
+    this.preChatDone = !0, this.preChatPanel.style.display = "none", this.storeRef && this.render(this.storeRef);
+  }
+  /** KB deflection results ("was this your question?") above the composer. */
+  showDeflection(e) {
+    if (!e.length) return this.hideDeflection();
+    this.deflectPanel.replaceChildren(), this.deflectPanel.append(t("div", "ocw-deflect-hint", "Instant answers — tap to expand"));
+    for (const i of e.slice(0, 3)) {
+      const s = t("button", "ocw-deflect-card");
+      s.append(t("div", "ocw-deflect-q", i.title), t("div", "ocw-deflect-a", i.answer)), s.addEventListener("click", () => s.classList.toggle("open")), this.deflectPanel.append(s);
+    }
+    this.deflectPanel.style.display = "flex";
+  }
+  hideDeflection() {
+    this.deflectPanel.style.display = "none", this.deflectPanel.replaceChildren();
   }
   buildCsatPanel() {
-    this.csatPanel.replaceChildren(), this.csatPanel.append(o("div", "ocw-csat-title", "How did we do?"));
-    const e = o("div", "ocw-csat-stars"), n = [];
+    this.csatPanel.replaceChildren(), this.csatPanel.append(t("div", "ocw-csat-title", "How did we do?"));
+    const e = t("div", "ocw-csat-stars"), i = [];
     for (let s = 1; s <= 5; s++) {
-      const p = o("button", "ocw-csat-star", "★");
-      p.dataset.score = String(s), p.addEventListener("mouseenter", () => n.forEach((d, a) => d.classList.toggle("lit", a < s))), p.addEventListener("mouseleave", () => n.forEach((d) => d.classList.remove("lit"))), p.addEventListener("click", () => {
-        var d, a;
-        this.csatSubmitted = !0, this.csatPanel.replaceChildren(o("div", "ocw-csat-done", `Thanks for your ${s}★ rating!`)), (a = (d = this.h).onCsat) == null || a.call(d, s);
-      }), n.push(p), e.append(p);
+      const a = t("button", "ocw-csat-star", "★");
+      a.dataset.score = String(s), a.addEventListener("mouseenter", () => i.forEach((c, f) => c.classList.toggle("lit", f < s))), a.addEventListener("mouseleave", () => i.forEach((c) => c.classList.remove("lit"))), a.addEventListener("click", () => {
+        var c, f;
+        this.csatSubmitted = !0, this.csatPanel.replaceChildren(t("div", "ocw-csat-done", `Thanks for your ${s}★ rating!`)), (f = (c = this.h).onCsat) == null || f.call(c, s);
+      }), i.push(a), e.append(a);
     }
     this.csatPanel.append(e);
   }
@@ -432,242 +521,242 @@ Message: ${d.value}`), this.offlinePanel.replaceChildren(o("div", "ocw-offline-t
   /** Draw a stroke whose points are normalized to 0..1, scaled to the current
    *  canvas size — so strokes line up across different viewport sizes. */
   drawStroke(e) {
-    const n = this.cobrowseCanvas.getContext("2d");
-    if (!n || e.points.length < 2) return;
-    const s = this.cobrowseCanvas.width, p = this.cobrowseCanvas.height;
-    n.strokeStyle = e.color, n.lineWidth = Math.max(1, e.width * Math.min(s, p)), n.lineJoin = "round", n.lineCap = "round", n.beginPath(), n.moveTo(e.points[0].x * s, e.points[0].y * p);
-    for (const d of e.points.slice(1)) n.lineTo(d.x * s, d.y * p);
-    n.stroke();
+    const i = this.cobrowseCanvas.getContext("2d");
+    if (!i || e.points.length < 2) return;
+    const s = this.cobrowseCanvas.width, a = this.cobrowseCanvas.height;
+    i.strokeStyle = e.color, i.lineWidth = Math.max(1, e.width * Math.min(s, a)), i.lineJoin = "round", i.lineCap = "round", i.beginPath(), i.moveTo(e.points[0].x * s, e.points[0].y * a);
+    for (const c of e.points.slice(1)) i.lineTo(c.x * s, c.y * a);
+    i.stroke();
   }
   redrawCobrowse() {
-    var n;
+    var i;
     const e = this.cobrowseCanvas.getContext("2d");
     if (e) {
       e.clearRect(0, 0, this.cobrowseCanvas.width, this.cobrowseCanvas.height);
-      for (const s of ((n = this.storeRef) == null ? void 0 : n.annotations) ?? []) this.drawStroke(s);
+      for (const s of ((i = this.storeRef) == null ? void 0 : i.annotations) ?? []) this.drawStroke(s);
     }
   }
   bindCobrowsePointerEvents() {
-    let e = !1, n = [];
-    const s = (a) => {
-      const f = this.cobrowseCanvas.getBoundingClientRect(), h = f.width > 0 ? (a.clientX - f.left) / f.width : 0, r = f.height > 0 ? (a.clientY - f.top) / f.height : 0;
-      return { x: Math.min(1, Math.max(0, h)), y: Math.min(1, Math.max(0, r)) };
-    }, p = 6e-3;
-    this.cobrowseCanvas.addEventListener("pointerdown", (a) => {
-      this.cobrowseActive && (e = !0, n = [s(a)], this.cobrowseCanvas.setPointerCapture(a.pointerId));
-    }), this.cobrowseCanvas.addEventListener("pointermove", (a) => {
-      e && (n.push(s(a)), this.redrawCobrowse(), this.drawStroke({ points: n, color: this.cobrowseColor, width: p }));
+    let e = !1, i = [];
+    const s = (f) => {
+      const b = this.cobrowseCanvas.getBoundingClientRect(), d = b.width > 0 ? (f.clientX - b.left) / b.width : 0, w = b.height > 0 ? (f.clientY - b.top) / b.height : 0;
+      return { x: Math.min(1, Math.max(0, d)), y: Math.min(1, Math.max(0, w)) };
+    }, a = 6e-3;
+    this.cobrowseCanvas.addEventListener("pointerdown", (f) => {
+      this.cobrowseActive && (e = !0, i = [s(f)], this.cobrowseCanvas.setPointerCapture(f.pointerId));
+    }), this.cobrowseCanvas.addEventListener("pointermove", (f) => {
+      e && (i.push(s(f)), this.redrawCobrowse(), this.drawStroke({ points: i, color: this.cobrowseColor, width: a }));
     });
-    const d = (a) => {
-      var f, h;
+    const c = (f) => {
+      var b, d;
       if (e) {
-        e = !1, n.length > 1 && ((h = (f = this.h).onAnnotate) == null || h.call(f, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: n, color: this.cobrowseColor, width: p })), n = [];
+        e = !1, i.length > 1 && ((d = (b = this.h).onAnnotate) == null || d.call(b, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: i, color: this.cobrowseColor, width: a })), i = [];
         try {
-          this.cobrowseCanvas.releasePointerCapture(a.pointerId);
+          this.cobrowseCanvas.releasePointerCapture(f.pointerId);
         } catch {
         }
       }
     };
-    this.cobrowseCanvas.addEventListener("pointerup", d), this.cobrowseCanvas.addEventListener("pointercancel", d);
+    this.cobrowseCanvas.addEventListener("pointerup", c), this.cobrowseCanvas.addEventListener("pointercancel", c);
   }
   buildSubjectCard(e) {
     if (this.subjectBuilt) return;
-    const n = e.subject, s = this.cfg.subject, p = (n == null ? void 0 : n.title) ?? (s == null ? void 0 : s.title);
-    if (!p) return;
-    this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(o("div", "ocw-subject-title", p)), s != null && s.subtitle && this.subjectCard.append(o("div", "ocw-subject-sub", s.subtitle));
-    const d = o("div", "ocw-tags");
-    if (n) for (const [f, h] of Object.entries(n.fields)) d.append(o("span", "ocw-tag", `${f}: ${h}`));
-    else for (const f of (s == null ? void 0 : s.tags) ?? []) d.append(o("span", "ocw-tag", f));
-    d.childNodes.length && this.subjectCard.append(d);
-    const a = (n == null ? void 0 : n.state) ?? (s == null ? void 0 : s.status);
-    a && (this.statusBadge.textContent = a, this.statusBadge.style.display = "inline-flex");
+    const i = e.subject, s = this.cfg.subject, a = (i == null ? void 0 : i.title) ?? (s == null ? void 0 : s.title);
+    if (!a) return;
+    this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(t("div", "ocw-subject-title", a)), s != null && s.subtitle && this.subjectCard.append(t("div", "ocw-subject-sub", s.subtitle));
+    const c = t("div", "ocw-tags");
+    if (i) for (const [b, d] of Object.entries(i.fields)) c.append(t("span", "ocw-tag", `${b}: ${d}`));
+    else for (const b of (s == null ? void 0 : s.tags) ?? []) c.append(t("span", "ocw-tag", b));
+    c.childNodes.length && this.subjectCard.append(c);
+    const f = (i == null ? void 0 : i.state) ?? (s == null ? void 0 : s.status);
+    f && (this.statusBadge.textContent = f, this.statusBadge.style.display = "inline-flex");
   }
   chipEl(e) {
-    const n = o("button", "ocw-chip", e.icon ? `${e.icon} ${e.label}` : e.label);
-    return n.dataset.actionId = e.id, n.addEventListener("click", async () => {
+    const i = t("button", "ocw-chip", e.icon ? `${e.icon} ${e.label}` : e.label);
+    return i.dataset.actionId = e.id, i.addEventListener("click", async () => {
       var s;
       e.confirm && !await this.confirm(e.label) || ((s = e.input) != null && s.length ? this.openForm(e) : this.h.onInvoke(e.id));
-    }), n;
+    }), i;
   }
   /** In-widget confirmation modal (replaces window.confirm). */
   confirm(e) {
-    return new Promise((n) => {
-      const s = o("div", "ocw-modal"), p = o("div", "ocw-modal-card");
-      p.append(o("div", "ocw-modal-title", e)), p.append(o("div", "ocw-modal-body", `Confirm “${e}”?`));
-      const d = o("div", "ocw-modal-actions"), a = o("button", "ocw-modal-cancel", "Cancel"), f = o("button", "ocw-modal-ok", "Confirm"), h = (r) => {
-        s.remove(), n(r);
+    return new Promise((i) => {
+      const s = t("div", "ocw-modal"), a = t("div", "ocw-modal-card");
+      a.append(t("div", "ocw-modal-title", e)), a.append(t("div", "ocw-modal-body", `Confirm “${e}”?`));
+      const c = t("div", "ocw-modal-actions"), f = t("button", "ocw-modal-cancel", "Cancel"), b = t("button", "ocw-modal-ok", "Confirm"), d = (w) => {
+        s.remove(), i(w);
       };
-      a.addEventListener("click", () => h(!1)), f.addEventListener("click", () => h(!0)), s.addEventListener("click", (r) => {
-        r.target === s && h(!1);
-      }), d.append(a, f), p.append(d), s.append(p), this.root.append(s), f.focus();
+      f.addEventListener("click", () => d(!1)), b.addEventListener("click", () => d(!0)), s.addEventListener("click", (w) => {
+        w.target === s && d(!1);
+      }), c.append(f, b), a.append(c), s.append(a), this.root.append(s), b.focus();
     });
   }
   /** Inline form for a form-effect action: typed inputs (date picker, number,
    *  text) rendered above the composer — no browser prompts. */
   openForm(e) {
-    var f, h;
+    var b, d;
     this.formHost.replaceChildren();
-    const n = o("div", "ocw-form");
-    n.append(o("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
+    const i = t("div", "ocw-form");
+    i.append(t("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
     const s = /* @__PURE__ */ new Map();
-    for (const r of e.input ?? []) {
-      const T = o("label", "ocw-form-row");
-      if (T.append(o("span", "ocw-form-lbl", r.label)), r.type === "select" && ((f = r.options) != null && f.length)) {
-        const b = o("select", "ocw-form-input");
-        r.required || b.append(o("option", void 0, "— select —"));
-        for (const l of r.options) {
-          const c = o("option");
-          c.value = l, c.textContent = l, b.append(c);
+    for (const w of e.input ?? []) {
+      const v = t("label", "ocw-form-row");
+      if (v.append(t("span", "ocw-form-lbl", w.label)), w.type === "select" && ((b = w.options) != null && b.length)) {
+        const r = t("select", "ocw-form-input");
+        w.required || r.append(t("option", void 0, "— select —"));
+        for (const u of w.options) {
+          const l = t("option");
+          l.value = u, l.textContent = u, r.append(l);
         }
-        r.required && (b.required = !0), T.append(b), s.set(r.name, b);
+        w.required && (r.required = !0), v.append(r), s.set(w.name, r);
       } else {
-        const b = o("input", "ocw-form-input");
-        b.type = r.type === "number" ? "number" : r.type === "date" ? "datetime-local" : "text", r.required && (b.required = !0), T.append(b), s.set(r.name, b);
+        const r = t("input", "ocw-form-input");
+        r.type = w.type === "number" ? "number" : w.type === "date" ? "datetime-local" : "text", w.required && (r.required = !0), v.append(r), s.set(w.name, r);
       }
-      n.append(T);
+      i.append(v);
     }
-    const p = o("div", "ocw-form-actions"), d = o("button", "ocw-form-cancel", "Cancel"), a = o("button", "ocw-form-submit", "Send");
-    d.addEventListener("click", () => this.formHost.replaceChildren()), a.addEventListener("click", () => {
-      const r = {};
-      for (const [T, b] of s) {
-        if (b.required && !b.value) {
-          b.style.borderColor = "#e5484d";
+    const a = t("div", "ocw-form-actions"), c = t("button", "ocw-form-cancel", "Cancel"), f = t("button", "ocw-form-submit", "Send");
+    c.addEventListener("click", () => this.formHost.replaceChildren()), f.addEventListener("click", () => {
+      const w = {};
+      for (const [v, r] of s) {
+        if (r.required && !r.value) {
+          r.style.borderColor = "#e5484d";
           return;
         }
-        r[T] = b.type === "number" ? Number(b.value) : b.value;
+        w[v] = r.type === "number" ? Number(r.value) : r.value;
       }
-      this.formHost.replaceChildren(), this.h.onInvoke(e.id, r);
-    }), p.append(d, a), n.append(p), this.formHost.append(n), (h = s.values().next().value) == null || h.focus();
+      this.formHost.replaceChildren(), this.h.onInvoke(e.id, w);
+    }), a.append(c, f), i.append(a), this.formHost.append(i), (d = s.values().next().value) == null || d.focus();
   }
-  messageEl(e, n) {
-    var b;
+  messageEl(e, i) {
+    var r;
     if (e.senderRole === "system") {
-      const l = o("div", "ocw-sys");
-      return l.textContent = e.deletedAt ? "message deleted" : _(e.content), l;
+      const u = t("div", "ocw-sys");
+      return u.textContent = e.deletedAt ? "message deleted" : W(e.content), u;
     }
-    const s = e.senderId === this.me, p = !!e.internal, d = o("div", `ocw-row ${p ? "ocw-note mine" : s ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
-    !s && !p && d.append(o("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
-    const a = o("div"), f = o("div", "ocw-bubble-wrap");
+    const s = e.senderId === this.me, a = !!e.internal, c = t("div", `ocw-row ${a ? "ocw-note mine" : s ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
+    !s && !a && c.append(t("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
+    const f = t("div"), b = t("div", "ocw-bubble-wrap");
     if (e.replyToId) {
-      const l = o("div", "ocw-reply-to", "↩ replying to a message");
-      l.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", a.append(l);
+      const u = t("div", "ocw-reply-to", "↩ replying to a message");
+      u.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", f.append(u);
     }
-    const h = o("div", "ocw-bubble");
-    let r = null;
-    if (e.deletedAt) h.append(o("span", "ocw-deleted", "message deleted"));
+    const d = t("div", "ocw-bubble");
+    let w = null;
+    if (e.deletedAt) d.append(t("span", "ocw-deleted", "message deleted"));
     else if (e.content.kind === "attachment") {
-      const l = e.content;
-      if ((b = l.mime) != null && b.startsWith("image/")) {
-        const c = document.createElement("img");
-        c.src = l.url, c.alt = l.name ?? "image", c.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", c.addEventListener("click", () => window.open(l.url, "_blank")), h.append(c);
+      const u = e.content;
+      if ((r = u.mime) != null && r.startsWith("image/")) {
+        const l = document.createElement("img");
+        l.src = u.url, l.alt = u.name ?? "image", l.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", l.addEventListener("click", () => window.open(u.url, "_blank")), d.append(l);
       } else {
-        const c = document.createElement("a");
-        c.href = l.url, c.target = "_blank", c.rel = "noopener", c.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", c.append(o("span", void 0, "📄"), o("span", void 0, l.name ?? "file")), h.append(c);
+        const l = document.createElement("a");
+        l.href = u.url, l.target = "_blank", l.rel = "noopener", l.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", l.append(t("span", void 0, "📄"), t("span", void 0, u.name ?? "file")), d.append(l);
       }
     } else if (e.content.kind === "appointment") {
-      const l = e.content, c = o("div", "ocw-appt");
-      c.append(o("div", "ocw-appt-title", `📅 ${l.title}`)), c.append(o("div", "ocw-appt-time", new Date(l.startIso).toLocaleString() + " – " + new Date(l.endIso).toLocaleTimeString())), l.location && c.append(o("div", "ocw-appt-loc", `📍 ${l.location}`)), l.description && c.append(o("div", "ocw-appt-desc", l.description));
-      const C = o("div", "ocw-appt-links"), v = document.createElement("a");
-      v.href = l.googleUrl, v.target = "_blank", v.rel = "noopener", v.className = "ocw-appt-btn", v.textContent = "📅 Add to Google Calendar";
-      const w = document.createElement("a");
-      w.href = l.icalUrl, w.download = `${l.title}.ics`, w.className = "ocw-appt-btn ocw-appt-btn-sec", w.textContent = "🍎 Apple / iCal", C.append(v, w), c.append(C), h.append(c);
+      const u = e.content, l = t("div", "ocw-appt");
+      l.append(t("div", "ocw-appt-title", `📅 ${u.title}`)), l.append(t("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && l.append(t("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && l.append(t("div", "ocw-appt-desc", u.description));
+      const C = t("div", "ocw-appt-links"), g = document.createElement("a");
+      g.href = u.googleUrl, g.target = "_blank", g.rel = "noopener", g.className = "ocw-appt-btn", g.textContent = "📅 Add to Google Calendar";
+      const h = document.createElement("a");
+      h.href = u.icalUrl, h.download = `${u.title}.ics`, h.className = "ocw-appt-btn ocw-appt-btn-sec", h.textContent = "🍎 Apple / iCal", C.append(g, h), l.append(C), d.append(l);
     } else
-      r = document.createTextNode(_(e.content)), h.append(r), e.editedAt && h.append(o("span", "ocw-edited", "(edited)"));
-    if (f.append(h), !s && !p && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && r) {
-      const l = e.content.text;
-      if (l.trim()) {
-        const c = o("button", "ocw-translate-btn", "🌐");
-        c.type = "button", c.title = "Translate", c.addEventListener("click", (C) => {
+      w = document.createTextNode(W(e.content)), d.append(w), e.editedAt && d.append(t("span", "ocw-edited", "(edited)"));
+    if (b.append(d), !s && !a && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && w) {
+      const u = e.content.text;
+      if (u.trim()) {
+        const l = t("button", "ocw-translate-btn", "🌐");
+        l.type = "button", l.title = "Translate", l.addEventListener("click", (C) => {
           if (C.stopPropagation(), this.showingTranslation.has(e.id)) {
-            this.showingTranslation.delete(e.id), r.textContent = l, c.textContent = "🌐", c.title = "Translate";
+            this.showingTranslation.delete(e.id), w.textContent = u, l.textContent = "🌐", l.title = "Translate";
             return;
           }
-          const v = this.translationCache.get(e.id);
-          if (v !== void 0) {
-            this.showingTranslation.add(e.id), r.textContent = v, c.textContent = "↩", c.title = "Show original";
+          const g = this.translationCache.get(e.id);
+          if (g !== void 0) {
+            this.showingTranslation.add(e.id), w.textContent = g, l.textContent = "↩", l.title = "Show original";
             return;
           }
-          c.textContent = "⏳", this.h.onTranslate(l).then((w) => {
-            if (w === null) {
-              c.textContent = "⚠️", c.title = "Translation unavailable", setTimeout(() => {
-                c.textContent = "🌐", c.title = "Translate";
+          l.textContent = "⏳", this.h.onTranslate(u).then((h) => {
+            if (h === null) {
+              l.textContent = "⚠️", l.title = "Translation unavailable", setTimeout(() => {
+                l.textContent = "🌐", l.title = "Translate";
               }, 1500);
               return;
             }
-            this.translationCache.set(e.id, w), this.showingTranslation.add(e.id), r.textContent = w, c.textContent = "↩", c.title = "Show original";
+            this.translationCache.set(e.id, h), this.showingTranslation.add(e.id), w.textContent = h, l.textContent = "↩", l.title = "Show original";
           });
-        }), f.append(c);
+        }), b.append(l);
       }
     }
     if (s && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
-      const l = o("div", "ocw-msg-menu");
+      const u = t("div", "ocw-msg-menu");
       if (this.h.onEdit) {
-        const c = o("button", void 0, "✏️");
-        c.title = "Edit", c.addEventListener("click", (C) => {
+        const l = t("button", void 0, "✏️");
+        l.title = "Edit", l.addEventListener("click", (C) => {
           C.stopPropagation();
-          const v = _(e.content), w = document.createElement("textarea");
-          w.value = v, w.rows = Math.min(4, Math.ceil(v.length / 40) + 1), w.style.cssText = "width:100%;resize:vertical;border:1px solid var(--ocw-accent);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;background:#fff;color:#1c1b1a;box-sizing:border-box";
-          const z = o("button", "ocw-form-submit", "Save");
-          z.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
-          const L = o("button", "ocw-form-cancel", "Cancel");
-          L.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
-          const I = o("div");
-          I.style.cssText = "display:flex;gap:6px;justify-content:flex-end", I.append(L, z);
-          const A = o("div");
-          A.append(w, I), h.replaceChildren(A), w.focus(), w.select();
-          const g = () => h.replaceChildren(r ?? document.createTextNode(v));
-          L.addEventListener("click", g), z.addEventListener("click", () => {
-            const k = w.value.trim();
-            k && k !== v && this.h.onEdit(e.id, k), g();
-          }), w.addEventListener("keydown", (k) => {
-            k.key === "Enter" && !k.shiftKey && (k.preventDefault(), z.click()), k.key === "Escape" && g();
+          const g = W(e.content), h = document.createElement("textarea");
+          h.value = g, h.rows = Math.min(4, Math.ceil(g.length / 40) + 1), h.style.cssText = "width:100%;resize:vertical;border:1px solid var(--ocw-accent);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;background:#fff;color:#1c1b1a;box-sizing:border-box";
+          const I = t("button", "ocw-form-submit", "Save");
+          I.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
+          const T = t("button", "ocw-form-cancel", "Cancel");
+          T.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
+          const $ = t("div");
+          $.style.cssText = "display:flex;gap:6px;justify-content:flex-end", $.append(T, I);
+          const A = t("div");
+          A.append(h, $), d.replaceChildren(A), h.focus(), h.select();
+          const z = () => d.replaceChildren(w ?? document.createTextNode(g));
+          T.addEventListener("click", z), I.addEventListener("click", () => {
+            const P = h.value.trim();
+            P && P !== g && this.h.onEdit(e.id, P), z();
+          }), h.addEventListener("keydown", (P) => {
+            P.key === "Enter" && !P.shiftKey && (P.preventDefault(), I.click()), P.key === "Escape" && z();
           });
-        }), l.append(c);
+        }), u.append(l);
       }
       if (this.h.onDelete) {
-        const c = o("button", "del", "🗑");
-        c.title = "Delete", c.addEventListener("click", (C) => {
+        const l = t("button", "del", "🗑");
+        l.title = "Delete", l.addEventListener("click", (C) => {
           C.stopPropagation(), this.h.onDelete(e.id);
-        }), l.append(c);
+        }), u.append(l);
       }
-      f.append(l);
+      b.append(u);
     }
-    if (a.append(f), this.h.onReact && !e.deletedAt && e.seq > 0) {
-      const l = o("div", "ocw-react-wrap"), c = o("div", "ocw-react");
+    if (f.append(b), this.h.onReact && !e.deletedAt && e.seq > 0) {
+      const u = t("div", "ocw-react-wrap"), l = t("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
-        for (const [w, z] of Object.entries(e.reactions)) {
-          const L = o("button", `ocw-react-pill${z.includes(this.me) ? " mine" : ""}`, `${w} ${z.length}`);
-          L.addEventListener("click", () => {
-            var I, A;
-            return (A = (I = this.h).onReact) == null ? void 0 : A.call(I, e.id, w, z.includes(this.me));
-          }), c.append(L);
+        for (const [h, I] of Object.entries(e.reactions)) {
+          const T = t("button", `ocw-react-pill${I.includes(this.me) ? " mine" : ""}`, `${h} ${I.length}`);
+          T.addEventListener("click", () => {
+            var $, A;
+            return (A = ($ = this.h).onReact) == null ? void 0 : A.call($, e.id, h, I.includes(this.me));
+          }), l.append(T);
         }
-      const C = o("button", "ocw-react-btn", "＋"), v = o("div", "ocw-react-picker");
-      for (const w of ve) {
-        const z = o("button", void 0, w);
-        z.addEventListener("click", (L) => {
-          var A, g, k, $;
-          L.stopPropagation();
-          const I = (g = (A = e.reactions) == null ? void 0 : A[w]) == null ? void 0 : g.includes(this.me);
-          ($ = (k = this.h).onReact) == null || $.call(k, e.id, w, !!I), v.style.display = "none";
-        }), v.append(z);
+      const C = t("button", "ocw-react-btn", "＋"), g = t("div", "ocw-react-picker");
+      for (const h of Ce) {
+        const I = t("button", void 0, h);
+        I.addEventListener("click", (T) => {
+          var A, z, P, k;
+          T.stopPropagation();
+          const $ = (z = (A = e.reactions) == null ? void 0 : A[h]) == null ? void 0 : z.includes(this.me);
+          (k = (P = this.h).onReact) == null || k.call(P, e.id, h, !!$), g.style.display = "none";
+        }), g.append(I);
       }
-      v.style.display = "none", C.addEventListener("click", (w) => {
-        w.stopPropagation(), v.style.display = v.style.display === "none" ? "flex" : "none";
+      g.style.display = "none", C.addEventListener("click", (h) => {
+        h.stopPropagation(), g.style.display = g.style.display === "none" ? "flex" : "none";
       }), document.addEventListener("click", () => {
-        v.style.display = "none";
-      }, { once: !0 }), c.append(C), l.append(c, v), a.append(l);
-    } else e.reactions && Object.keys(e.reactions).length && a.append(o("div", "ocw-react", Object.entries(e.reactions).map(([l, c]) => `${l}${c.length}`).join(" ")));
-    const T = o("div", "ocw-time ocw-meta", Ce(e.ts));
+        g.style.display = "none";
+      }, { once: !0 }), l.append(C), u.append(l, g), f.append(u);
+    } else e.reactions && Object.keys(e.reactions).length && f.append(t("div", "ocw-react", Object.entries(e.reactions).map(([u, l]) => `${u}${l.length}`).join(" ")));
+    const v = t("div", "ocw-time ocw-meta", Se(e.ts));
     if (s && e.status) {
-      const l = o("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Se(e.status));
-      T.append(l);
+      const u = t("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Pe(e.status));
+      v.append(u);
     }
-    return s && e.seq > 0 && n.lastReadByOthers >= e.seq && T.append(o("span", "ocw-seen", " · Seen")), a.append(T), d.append(a), d;
+    return s && e.seq > 0 && i.lastReadByOthers >= e.seq && v.append(t("span", "ocw-seen", " · Seen")), f.append(v), c.append(f), c;
   }
 }
-function Se(t) {
-  switch (t) {
+function Pe(o) {
+  switch (o) {
     case "read":
       return "✓✓";
     case "delivered":
@@ -678,29 +767,31 @@ function Se(t) {
       return "🕓";
   }
 }
-const M = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new Map();
-function ee(t) {
-  return `relay-launcher::${t.profileId}::${t.subjectId ?? ""}`;
+const R = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new Map();
+function ne(o) {
+  return `relay-launcher::${o.profileId}::${o.subjectId ?? ""}`;
 }
-function je(t) {
+function Ae(o) {
   var e;
-  (e = M.get(t)) == null || e.close(), M.delete(t);
+  (e = R.get(o)) == null || e.close(), R.delete(o);
 }
-function Le(t) {
-  var V, Y, X, J, G;
-  M.has(t.el) && (M.get(t.el).close(), M.delete(t.el)), t.launcher && ((V = F.get(ee(t))) == null || V.close());
-  const e = le(), n = t.token ?? t.userId ?? e, s = n !== e ? e : void 0, { wsUrl: p, httpBase: d } = pe(t.url, t.apiUrl);
-  let a = new he(n);
-  const f = t.subjectId ? `${n}::${t.subjectId}` : n, h = new fe(f);
-  let r, T = !1, b = null, l = null;
-  !t.launcher && !t.el.style.height && t.el.clientHeight === 0 && (t.el.style.width = t.el.style.width || "100%", t.el.style.height = "600px");
-  for (const i of h.load()) a.addOptimistic(i.clientMsgId, i.content);
-  let c = null, C = null, v = 0, w = !t.launcher;
-  if (t.launcher) {
-    const u = (t.position ?? "bottom-right").includes("right");
-    c = document.createElement("div"), c.style.cssText = `position:fixed;${u ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${u ? "flex-end" : "flex-start"};gap:12px`;
-    const x = document.createElement("div"), S = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, O = (B) => {
-      x.style.cssText = B ? [
+function Be(o) {
+  var J, Q, G, Z, ee;
+  R.has(o.el) && (R.get(o.el).close(), R.delete(o.el)), o.launcher && ((J = U.get(ne(o))) == null || J.close());
+  const e = fe();
+  let i, s = !1;
+  const a = o.token ?? o.userId ?? e, c = a !== e ? e : void 0, { wsUrl: f, httpBase: b } = ue(o.url, o.apiUrl);
+  let d = new xe(a);
+  const w = o.subjectId ? `${a}::${o.subjectId}` : a, v = new be(w);
+  let r, u = !1, l = null, C = null;
+  !o.launcher && !o.el.style.height && o.el.clientHeight === 0 && (o.el.style.width = o.el.style.width || "100%", o.el.style.height = "600px");
+  for (const n of v.load()) d.addOptimistic(n.clientMsgId, n.content);
+  let g = null, h = null, I = 0, T = !o.launcher;
+  if (o.launcher) {
+    const p = (o.position ?? "bottom-right").includes("right");
+    g = document.createElement("div"), g.style.cssText = `position:fixed;${p ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${p ? "flex-end" : "flex-start"};gap:12px`;
+    const x = document.createElement("div"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, O = (q) => {
+      x.style.cssText = q ? [
         "position:fixed",
         "inset:0",
         "width:100%",
@@ -723,150 +814,183 @@ function Le(t) {
         "display:none",
         "flex-direction:column",
         "background:#fff",
-        "transform-origin:bottom " + (u ? "right" : "left"),
+        "transform-origin:bottom " + (p ? "right" : "left"),
         "transition:opacity .18s,transform .18s",
         "opacity:0",
         "transform:scale(.95)"
       ].join(";");
     };
-    O((S == null ? void 0 : S.matches) ?? !1);
-    const N = (B) => O(B.matches);
-    S == null || S.addEventListener("change", N), b = S, l = N, t.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(t.el);
-    const j = document.createElement("button");
-    j.style.cssText = [
+    O((E == null ? void 0 : E.matches) ?? !1);
+    const N = (q) => O(q.matches);
+    E == null || E.addEventListener("change", N), l = E, C = N, o.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(o.el);
+    const L = document.createElement("button");
+    L.style.cssText = [
       "width:56px;height:56px;border-radius:50%",
-      `background:${t.accent ?? "#4F63F5"}`,
+      `background:${o.accent ?? "#4F63F5"}`,
       "color:#fff;border:none;font-size:24px;cursor:pointer",
       "box-shadow:0 4px 16px rgba(0,0,0,.25)",
       "position:relative;flex:none",
       "transition:transform .15s"
-    ].join(";"), j.textContent = "💬", j.onmouseenter = () => {
-      j.style.transform = "scale(1.08)";
-    }, j.onmouseleave = () => {
-      j.style.transform = "scale(1)";
-    }, C = document.createElement("span"), C.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", j.append(C), c.append(x, j), document.body.append(c);
-    const D = (B) => {
-      B ? (x.style.display = "flex", requestAnimationFrame(() => {
+    ].join(";"), L.textContent = "💬", L.onmouseenter = () => {
+      L.style.transform = "scale(1.08)";
+    }, L.onmouseleave = () => {
+      L.style.transform = "scale(1)";
+    }, h = document.createElement("span"), h.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", L.append(h), g.append(x, L), document.body.append(g);
+    const _ = (q) => {
+      q ? (x.style.display = "flex", requestAnimationFrame(() => {
         x.style.opacity = "1", x.style.transform = "scale(1)";
       })) : (x.style.opacity = "0", x.style.transform = "scale(.95)", setTimeout(() => {
-        w || (x.style.display = "none");
+        T || (x.style.display = "none");
       }, 180));
     };
-    j.addEventListener("click", () => {
-      w = !w, D(w), j.textContent = w ? "✕" : "💬", j.append(C), w && (v = 0, C && (C.style.display = "none"));
-    }), document.addEventListener("keydown", (B) => {
-      B.key === "Escape" && w && (w = !1, D(!1), j.textContent = "💬", j.append(C));
+    L.addEventListener("click", () => {
+      T = !T, _(T), L.textContent = T ? "✕" : "💬", L.append(h), T && (I = 0, h && (h.style.display = "none"));
+    }), document.addEventListener("keydown", (q) => {
+      q.key === "Escape" && T && (T = !1, _(!1), L.textContent = "💬", L.append(h));
     });
   }
-  const z = () => {
-    w || (v++, C && (C.textContent = String(v), C.style.display = "flex"));
-  }, L = () => {
+  const $ = () => {
+    T || (I++, h && (h.textContent = String(I), h.style.display = "flex"));
+  }, A = () => {
     try {
-      const i = new AudioContext(), u = i.createOscillator(), x = i.createGain();
-      u.connect(x), x.connect(i.destination), u.frequency.setValueAtTime(880, i.currentTime), u.frequency.exponentialRampToValueAtTime(440, i.currentTime + 0.15), x.gain.setValueAtTime(0.3, i.currentTime), x.gain.exponentialRampToValueAtTime(1e-3, i.currentTime + 0.3), u.start(), u.stop(i.currentTime + 0.3);
+      const n = new AudioContext(), p = n.createOscillator(), x = n.createGain();
+      p.connect(x), x.connect(n.destination), p.frequency.setValueAtTime(880, n.currentTime), p.frequency.exponentialRampToValueAtTime(440, n.currentTime + 0.15), x.gain.setValueAtTime(0.3, n.currentTime), x.gain.exponentialRampToValueAtTime(1e-3, n.currentTime + 0.3), p.start(), p.stop(n.currentTime + 0.3);
     } catch {
     }
-  }, I = [], A = (i) => {
-    for (; I.length; ) {
-      const u = I.shift();
-      h.add({ clientMsgId: u.clientMsgId, content: u.content, ts: Date.now() }), g.send({ type: "send", conversationId: i, clientMsgId: u.clientMsgId, content: u.content });
+  }, z = [], P = (n) => {
+    for (; z.length; ) {
+      const p = z.shift();
+      v.add({ clientMsgId: p.clientMsgId, content: p.content, ts: Date.now() }), k.send({ type: "send", conversationId: n, clientMsgId: p.clientMsgId, content: p.content });
     }
   };
-  let g;
-  const k = new we(`ocw-e2e-${t.profileId}`);
-  let $ = !1;
-  const y = [], E = [];
-  let R = !1;
-  const U = (i, u) => {
-    k.sealText(u).then((x) => {
-      r && g.send({ type: "send", conversationId: r, clientMsgId: i, content: x });
+  let k;
+  const m = new me(`ocw-e2e-${o.profileId}`);
+  let S = !1;
+  const B = [], D = [];
+  let Y = !1;
+  const F = (n, p) => {
+    m.sealText(p).then((x) => {
+      r && k.send({ type: "send", conversationId: r, clientMsgId: n, content: x });
     });
-  }, te = (i, u, x) => {
-    k.sealText(u, x).then((S) => {
-      r && g.send({ type: "send", conversationId: r, clientMsgId: i, content: S });
+  }, ie = (n, p, x) => {
+    m.sealText(p, x).then((E) => {
+      r && k.send({ type: "send", conversationId: r, clientMsgId: n, content: E });
     });
-  }, oe = () => {
-    for (; y.length; ) {
-      const i = y.shift();
-      U(i.clientMsgId, i.text);
+  }, se = () => {
+    for (; B.length; ) {
+      const n = B.shift();
+      F(n.clientMsgId, n.text);
     }
-    for (; E.length; ) {
-      const i = E.shift();
-      U(i.clientMsgId, i.text);
+    for (; D.length; ) {
+      const n = D.shift();
+      F(n.clientMsgId, n.text);
     }
-  }, ne = (i) => {
-    g.send({ type: "fetchPrekey", targetUserId: i });
-  }, ie = t.i18n ?? {}, se = ["ar", "he", "fa", "ur"], re = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
-  se.includes(re) && !t.el.dir && (t.el.dir = "rtl", t.el.style.fontFamily = t.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
-  const W = new me(), P = new Te(t.el, n, {
-    onSend(i) {
-      const u = `cm_${Math.random().toString(36).slice(2)}`, x = { kind: "text", text: i };
-      a.addOptimistic(u, x), P.render(a), a.e2e ? k.ready ? U(u, i) : R ? E.push({ clientMsgId: u, text: i }) : (y.push({ clientMsgId: u, text: i }), a.assignedAgentId && ne(a.assignedAgentId)) : r ? (h.add({ clientMsgId: u, content: x, ts: Date.now() }), g.send({ type: "send", conversationId: r, clientMsgId: u, content: x })) : I.push({ clientMsgId: u, content: x });
+  }, ae = (n) => {
+    k.send({ type: "fetchPrekey", targetUserId: n });
+  }, re = o.i18n ?? {}, ce = ["ar", "he", "fa", "ur"], le = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  ce.includes(le) && !o.el.dir && (o.el.dir = "rtl", o.el.style.fontFamily = o.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const K = new ke(), V = `oc_prechat_${o.profileId}_${a.slice(-8)}`, j = new Ee(o.el, a, {
+    onSend(n) {
+      const p = `cm_${Math.random().toString(36).slice(2)}`, x = { kind: "text", text: n };
+      d.addOptimistic(p, x), j.render(d), d.e2e ? m.ready ? F(p, n) : Y ? D.push({ clientMsgId: p, text: n }) : (B.push({ clientMsgId: p, text: n }), d.assignedAgentId && ae(d.assignedAgentId)) : r ? (v.add({ clientMsgId: p, content: x, ts: Date.now() }), k.send({ type: "send", conversationId: r, clientMsgId: p, content: x })) : z.push({ clientMsgId: p, content: x });
     },
-    async onAttach(i) {
+    async onAttach(n) {
       if (!r) return;
-      const u = `${d}/upload?name=${encodeURIComponent(i.name)}`, x = `cm_${Math.random().toString(36).slice(2)}`;
-      a.addOptimistic(x, { kind: "text", text: `📎 Uploading ${i.name}…` }), P.render(a);
+      const p = `${b}/upload?name=${encodeURIComponent(n.name)}`, x = `cm_${Math.random().toString(36).slice(2)}`;
+      d.addOptimistic(x, { kind: "text", text: `📎 Uploading ${n.name}…` }), j.render(d);
       try {
-        const S = await fetch(u, {
+        const E = await fetch(p, {
           method: "POST",
-          headers: { "content-type": i.type, ...t.token ? { authorization: `Bearer ${t.token}` } : {} },
-          body: i
+          headers: { "content-type": n.type, ...o.token ? { authorization: `Bearer ${o.token}` } : {} },
+          body: n
         });
-        if (!S.ok) throw new Error(`Upload failed: ${S.status}`);
-        const { url: O, name: N, mime: j, size: D } = await S.json();
-        g.send({ type: "send", conversationId: r, clientMsgId: x, content: { kind: "attachment", url: O, name: N, mime: j, size: D } });
-      } catch (S) {
-        a.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${S.message}` }), P.render(a);
+        if (!E.ok) throw new Error(`Upload failed: ${E.status}`);
+        const { url: O, name: N, mime: L, size: _ } = await E.json();
+        k.send({ type: "send", conversationId: r, clientMsgId: x, content: { kind: "attachment", url: O, name: N, mime: L, size: _ } });
+      } catch (E) {
+        d.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${E.message}` }), j.render(d);
       }
     },
-    onInvoke(i, u) {
-      r && g.send({ type: "invoke", conversationId: r, actionId: i, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...u ? { inputs: u } : {} });
+    onInvoke(n, p) {
+      r && k.send({ type: "invoke", conversationId: r, actionId: n, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...p ? { inputs: p } : {} });
     },
-    onTyping(i, u) {
-      r && g.send({ type: "typing", conversationId: r, isTyping: i, ...u ? { preview: u } : {} });
+    onTyping(n, p) {
+      r && k.send({ type: "typing", conversationId: r, isTyping: n, ...p ? { preview: p } : {} });
     },
-    onReadUpTo(i) {
-      r && g.send({ type: "read", conversationId: r, seq: i });
+    onPreChat(n) {
+      try {
+        localStorage.setItem(V, "1");
+      } catch {
+      }
+      k.send({
+        type: "open",
+        profileId: o.profileId,
+        ...o.subjectId ? { subjectId: o.subjectId } : {},
+        userInfo: {
+          ...n.name ? { name: n.name } : {},
+          ...n.email ? { email: n.email } : {},
+          ...n.phone || n.topic ? { meta: {
+            ...n.phone ? { phone: n.phone } : {},
+            ...n.topic ? { topic: n.topic } : {}
+          } } : {}
+        }
+      });
+      const p = n.callback ? `📞 Call-back requested${n.phone ? `: ${n.phone}` : ""}${n.topic ? ` — ${n.topic}` : ""}` : n.topic ? `Topic: ${n.topic}` : "";
+      p && r && !d.e2e && k.send({ type: "send", conversationId: r, clientMsgId: `pc_${Math.random().toString(36).slice(2, 12)}`, content: { kind: "text", text: p } });
+    },
+    onDeflectQuery(n) {
+      if (s) return;
+      clearTimeout(i);
+      const p = n.trim();
+      if (p.length < 3) {
+        j.hideDeflection();
+        return;
+      }
+      i = setTimeout(() => {
+        fetch(`${b}/kb/search?profileId=${encodeURIComponent(o.profileId)}&q=${encodeURIComponent(p.slice(0, 200))}`).then((x) => x.ok ? x.json() : { articles: [] }).then((x) => j.showDeflection(x.articles ?? [])).catch(() => j.hideDeflection());
+      }, 350);
+    },
+    onReadUpTo(n) {
+      r && k.send({ type: "read", conversationId: r, seq: n });
     },
     onLoadMore() {
-      if (!r || !a.e2e) return;
-      const i = a.messages()[0];
-      i && g.send({ type: "history", conversationId: r, beforeSeq: i.seq, limit: 20 });
+      if (!r || !d.e2e) return;
+      const n = d.messages()[0];
+      n && k.send({ type: "history", conversationId: r, beforeSeq: n.seq, limit: 20 });
     },
-    onEdit(i, u) {
-      r && g.send({ type: "edit", conversationId: r, messageId: i, content: { kind: "text", text: u } });
+    onEdit(n, p) {
+      r && k.send({ type: "edit", conversationId: r, messageId: n, content: { kind: "text", text: p } });
     },
-    onDelete(i) {
-      r && g.send({ type: "delete", conversationId: r, messageId: i });
+    onDelete(n) {
+      r && k.send({ type: "delete", conversationId: r, messageId: n });
     },
-    onReact(i, u, x) {
-      r && g.send({ type: "react", conversationId: r, messageId: i, emoji: u, remove: x });
+    onReact(n, p, x) {
+      r && k.send({ type: "react", conversationId: r, messageId: n, emoji: p, remove: x });
     },
-    onCsat(i) {
-      r && fetch(`${d}/conversations/${r}/csat`, {
+    onCsat(n) {
+      r && fetch(`${b}/conversations/${r}/csat`, {
         method: "POST",
-        headers: { "Content-Type": "application/json", Authorization: `Bearer ${n}` },
-        body: JSON.stringify({ score: i })
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${a}` },
+        body: JSON.stringify({ score: n })
       }).catch(() => {
       });
     },
-    onAnnotate(i) {
-      r && g.send({ type: "annotate", conversationId: r, stroke: i });
+    onAnnotate(n) {
+      r && k.send({ type: "annotate", conversationId: r, stroke: n });
     },
     onAnnotateClear() {
-      r && g.send({ type: "annotate_clear", conversationId: r });
+      r && k.send({ type: "annotate_clear", conversationId: r });
     },
-    ...t.translateLang ? {
-      async onTranslate(i) {
+    ...o.translateLang ? {
+      async onTranslate(n) {
         try {
-          const u = await fetch(`${d}/translate`, {
+          const p = await fetch(`${b}/translate`, {
             method: "POST",
-            headers: { "content-type": "application/json", authorization: `Bearer ${n}` },
-            body: JSON.stringify({ text: i, targetLang: t.translateLang })
+            headers: { "content-type": "application/json", authorization: `Bearer ${a}` },
+            body: JSON.stringify({ text: n, targetLang: o.translateLang })
           });
-          if (!u.ok) return null;
-          const { translated: x } = await u.json();
+          if (!p.ok) return null;
+          const { translated: x } = await p.json();
           return x;
         } catch {
           return null;
@@ -874,97 +998,105 @@ function Le(t) {
       }
     } : {}
   }, {
-    ...t.subject ? { subject: t.subject } : {},
-    ...t.quickReplies ? { quickReplies: t.quickReplies } : {},
-    ...t.accent ? { accent: t.accent } : {},
-    ...(Y = t.user) != null && Y.name || (X = t.user) != null && X.avatar ? { userInfo: { ...t.user.name ? { name: t.user.name } : {}, ...t.user.avatar ? { avatar: t.user.avatar } : {} } } : {},
-    i18n: ie
-  }), K = t.user && (t.user.name || t.user.email || t.user.avatar || t.user.meta) ? {
-    ...t.user.name ? { name: t.user.name } : {},
-    ...t.user.email ? { email: t.user.email } : {},
-    ...t.user.avatar ? { avatar: t.user.avatar } : {},
-    ...t.user.meta ? { meta: t.user.meta } : {}
-  } : void 0, ae = {
+    ...o.subject ? { subject: o.subject } : {},
+    ...o.quickReplies ? { quickReplies: o.quickReplies } : {},
+    ...o.accent ? { accent: o.accent } : {},
+    ...(Q = o.user) != null && Q.name || (G = o.user) != null && G.avatar ? { userInfo: { ...o.user.name ? { name: o.user.name } : {}, ...o.user.avatar ? { avatar: o.user.avatar } : {} } } : {},
+    i18n: re
+  });
+  try {
+    localStorage.getItem(V) && j.completePreChat();
+  } catch {
+  }
+  const X = o.user && (o.user.name || o.user.email || o.user.avatar || o.user.meta) ? {
+    ...o.user.name ? { name: o.user.name } : {},
+    ...o.user.email ? { email: o.user.email } : {},
+    ...o.user.avatar ? { avatar: o.user.avatar } : {},
+    ...o.user.meta ? { meta: o.user.meta } : {}
+  } : void 0, de = {
     type: "open",
-    profileId: t.profileId,
-    ...t.subjectId ? { subjectId: t.subjectId } : {},
-    ...s ? { linkFrom: s } : {},
-    ...K ? { userInfo: K } : {},
+    profileId: o.profileId,
+    // Direct conversations use the kind/peerId pair; the dm:… subject key is
+    // server-derived and owner-keyed, so passing it as subjectId from the
+    // NON-owner side would find-or-create a junk duplicate thread.
+    ...o.kind === "direct" && o.peerId ? { kind: "direct", peerId: o.peerId } : o.subjectId ? { subjectId: o.subjectId } : {},
+    ...c ? { linkFrom: c } : {},
+    ...X ? { userInfo: X } : {},
     ...typeof location < "u" ? { pageUrl: location.href } : {},
     ...typeof document < "u" && document.title ? { pageTitle: document.title } : {},
     // Pass subject display info so the server can persist it to the Subject record.
     // This is how listingTitle and listingMeta get saved without a separate API call.
-    ...(J = t.subject) != null && J.title ? { subjectTitle: t.subject.title } : {},
-    ...(G = t.subject) != null && G.subtitle ? { subjectMeta: t.subject.subtitle } : {}
+    ...(Z = o.subject) != null && Z.title ? { subjectTitle: o.subject.title } : {},
+    ...(ee = o.subject) != null && ee.subtitle ? { subjectMeta: o.subject.subtitle } : {}
   };
-  g = new be({
-    ...t.refreshToken ? { refreshToken: t.refreshToken } : {},
-    url: p,
-    token: n,
-    open: ae,
-    getCursor: () => a.highestSeq(),
-    onStatusChange: (i, u) => P.setConnStatus(i, u),
-    onFrame(i) {
-      if (W.apply(i), i.type === "opened") {
-        if (r = i.conversation.id, !T) {
-          T = !0;
-          for (const u of h.load())
-            g.send({ type: "send", conversationId: r, clientMsgId: u.clientMsgId, content: u.content });
+  k = new ge({
+    ...o.refreshToken ? { refreshToken: o.refreshToken } : {},
+    url: f,
+    token: a,
+    open: de,
+    getCursor: () => d.highestSeq(),
+    onStatusChange: (n, p) => j.setConnStatus(n, p),
+    onFrame(n) {
+      if (K.apply(n), n.type === "opened") {
+        if (r = n.conversation.id, !u) {
+          u = !0;
+          for (const p of v.load())
+            k.send({ type: "send", conversationId: r, clientMsgId: p.clientMsgId, content: p.content });
         }
-        ue(p, n, r, a, P, d), I.length && A(r);
+        we(f, a, r, d, j, b), z.length && P(r);
       }
-      if (i.type === "ack" && h.remove(i.clientMsgId), i.type === "prekeyBundle") {
-        i.bundle && (R = !0, k.x3dhSendTo(i.bundle).then((u) => {
-          const x = [...y.splice(0), ...E.splice(0)];
-          for (const S of x) te(S.clientMsgId, S.text, u);
-          P.render(a);
+      if (n.type === "ack" && v.remove(n.clientMsgId), n.type === "prekeyBundle") {
+        n.bundle && (Y = !0, m.x3dhSendTo(n.bundle).then((p) => {
+          const x = [...B.splice(0), ...D.splice(0)];
+          for (const E of x) ie(E.clientMsgId, E.text, p);
+          j.render(d);
         }));
         return;
       }
-      if (i.type === "message" && a.e2e) {
-        const u = xe(i.message.content);
-        if (u && !k.ready) {
-          k.x3dhReceiveFrom(u.x3dhIK, u.x3dhEK, u.x3dhSPK).then(async () => {
-            await k.openFrame(i), a.apply(i), P.render(a);
+      if (n.type === "message" && d.e2e) {
+        const p = ye(n.message.content);
+        if (p && !m.ready) {
+          m.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
+            await m.openFrame(n), d.apply(n), j.render(d);
           });
           return;
         }
       }
-      if (i.type === "peerkey") {
-        k.onPeerKey(i.key).then(() => {
-          oe(), P.render(a);
+      if (n.type === "peerkey") {
+        m.onPeerKey(n.key).then(() => {
+          se(), j.render(d);
         });
         return;
       }
       (async () => {
-        if (a.e2e && await k.openFrame(i), a.apply(i), i.type === "message" && i.message.senderId !== n && !i.message.internal && (z(), L()), a.e2e && r && !$) {
-          $ = !0;
-          const u = await k.initX3DH();
-          g.send({ type: "uploadPrekeys", ...u });
-          const x = await k.begin();
-          g.send({ type: "pubkey", conversationId: r, key: x });
+        if (d.e2e && await m.openFrame(n), d.apply(n), n.type === "message" && n.message.senderId !== a && !n.message.internal && ($(), A()), d.e2e && r && !S) {
+          S = !0;
+          const p = await m.initX3DH();
+          k.send({ type: "uploadPrekeys", ...p });
+          const x = await m.begin();
+          k.send({ type: "pubkey", conversationId: r, key: x });
         }
-        P.render(a);
+        j.render(d);
       })();
     }
-  }), g.connect(), P.render(a);
-  const q = t.launcher ? ee(t) : null, H = { close: () => {
-    g.close(), c == null || c.remove(), P.destroy(), W.destroy(), b && l && b.removeEventListener("change", l), M.delete(t.el), q && F.get(q) === H && F.delete(q);
+  }), k.connect(), j.render(d);
+  const M = o.launcher ? ne(o) : null, H = { close: () => {
+    s = !0, clearTimeout(i), k.close(), g == null || g.remove(), j.destroy(), K.destroy(), l && C && l.removeEventListener("change", C), R.delete(o.el), M && U.get(M) === H && U.delete(M);
   } };
-  return M.set(t.el, H), q && F.set(q, H), H;
+  return R.set(o.el, H), M && U.set(M, H), H;
 }
 export {
-  he as ChatStore,
-  be as ConnectionManager,
-  we as E2ESession,
-  fe as PersistentOutbox,
-  Te as Renderer,
-  Me as asConversationId,
-  xe as extractX3DHInit,
-  $e as httpBaseFromWsUrl,
-  Le as mount,
-  pe as resolveRelayUrls,
-  ue as restoreHistory,
-  je as unmount
+  xe as ChatStore,
+  ge as ConnectionManager,
+  me as E2ESession,
+  be as PersistentOutbox,
+  Ee as Renderer,
+  He as asConversationId,
+  ye as extractX3DHInit,
+  Me as httpBaseFromWsUrl,
+  Be as mount,
+  ue as resolveRelayUrls,
+  we as restoreHistory,
+  Ae as unmount
 };
 //# sourceMappingURL=index.js.map