@paramms/chat-widget 1.0.37 → 1.0.39

package/dist/index.js

@@ -1,13 +1,13 @@
-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 "./codec.js";
-import { h as Me } from "./codec.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 {
+var Pe = Object.defineProperty;
+var Le = (t, e, i) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var y = (t, e, i) => Le(t, typeof e != "symbol" ? e + "" : e, i);
+import { p as je, r as Ae, a as $e } from "./codec.js";
+import { h as st } from "./codec.js";
+import { P as Be, C as Me, b as Re } from "./outbox.js";
+import { e as at } from "./outbox.js";
+import { E2ESession as qe, extractX3DHInit as Oe } from "./e2e.js";
+const xe = "http://www.w3.org/2000/svg", De = 8e3;
+class He {
   constructor() {
     y(this, "svg", null);
     y(this, "timers", /* @__PURE__ */ new Set());
@@ -23,7 +23,7 @@ class ke {
   ensureSvg() {
     var i;
     if ((i = this.svg) != null && i.isConnected) return this.svg;
-    const e = document.createElementNS(te, "svg");
+    const e = document.createElementNS(xe, "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;"
@@ -32,15 +32,15 @@ class ke {
   draw(e) {
     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 i = this.ensureSvg(), s = window.innerWidth, r = window.innerHeight, a = document.createElementNS(xe, "polyline");
+    a.setAttribute("points", e.points.map((d) => `${(d.x * s).toFixed(1)},${(d.y * r).toFixed(1)}`).join(" ")), a.setAttribute("fill", "none"), a.setAttribute("stroke", e.color || "#ff3b30"), a.setAttribute("stroke-width", String(e.width || 3)), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), a.setAttribute("data-stroke-id", e.id), i.append(a);
     const f = setTimeout(() => {
-      c.style.transition = "opacity 600ms", c.style.opacity = "0";
+      a.style.transition = "opacity 600ms", a.style.opacity = "0";
       const d = setTimeout(() => {
-        c.remove(), this.timers.delete(d);
+        a.remove(), this.timers.delete(d);
       }, 650);
       this.timers.add(d), this.timers.delete(f);
-    }, ve);
+    }, De);
     this.timers.add(f);
   }
   clear() {
@@ -53,19 +53,29 @@ class ke {
     this.timers.clear(), (e = this.svg) == null || e.remove(), this.svg = null;
   }
 }
-const oe = "objectchat-widget-styles", Ce = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Te = `
+const me = "objectchat-widget-styles", Ne = ["👍", "❤️", "😂", "😮", "😢", "🙏"], _e = 400, Fe = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Ue = `
 .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);
   font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; color:var(--ocw-ink); overflow:hidden; }
-@media (max-width:480px) {
-  .ocw { min-height:100dvh; border-radius:0 !important; }
-  .ocw-bubble { font-size:15px; }
-  .ocw-input textarea { font-size:16px; } /* prevent iOS zoom on focus */
-  .ocw-chip { padding:9px 14px; font-size:14px; }
-  .ocw-modal-card { width:90%; }
-  .ocw-row { max-width:94%; }
-}
+/* ── Responsive sizing ──────────────────────────────────────────────────────
+ * Sizing is driven by the WIDGET'S OWN width (ResizeObserver toggles
+ * .ocw-compact below 400px), not the viewport — so a widget embedded in a
+ * narrow desktop sidebar sizes the same as one on a phone, and a tablet in
+ * landscape keeps comfortable desktop sizing. A viewport query alone can't
+ * see the container. Fullscreen (launcher on mobile) additionally gets
+ * .ocw-fs from the launcher, which is the only case that should remove the
+ * corner radius — an INLINE embed on a phone must NOT take over the page
+ * (the old blanket min-height:100dvh rule did exactly that). */
+.ocw.ocw-fs { border-radius:0 !important; }
+.ocw-compact .ocw-bubble { font-size:15px; }
+.ocw-compact.ocw .ocw-input textarea { font-size:16px; } /* ≥16px prevents iOS zoom on focus */
+.ocw-compact .ocw-chip { padding:9px 14px; font-size:14px; }
+.ocw-compact .ocw-modal-card { width:90%; }
+.ocw-compact .ocw-row { max-width:94%; }
+.ocw-compact .ocw-sendbtn { min-width:44px; height:44px; }
+.ocw-compact .ocw-back { width:34px; height:34px; }
+.ocw-compact .ocw-quick button { padding:9px 15px; font-size:14px; }
 /* RTL support: when the host element has dir=rtl, flip layout direction */
 [dir="rtl"] .ocw-row.mine { flex-direction:row; }
 [dir="rtl"] .ocw-row.theirs { flex-direction:row-reverse; }
@@ -114,7 +124,6 @@ const oe = "objectchat-widget-styles", Ce = ["👍", "❤️", "😂", "😮", "
 .ocw-react-pill { display:inline-flex; align-items:center; gap:3px; border:1px solid #e3ded7; border-radius:999px; padding:2px 7px; background:#fff; font-size:12px; cursor:pointer; }
 .ocw-react-pill:hover { border-color:var(--ocw-accent); }
 .ocw-react-pill.mine { border-color:var(--ocw-accent); background:#fff8f5; }
-.ocw-react-add { display:none; position:absolute; bottom:100%; left:0; margin-bottom:4px; background:#fff; border:1px solid #e3ded7; border-radius:14px; padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,.12); display:flex; gap:4px; z-index:10; }
 .ocw-react-wrap { position:relative; }
 .ocw-react-wrap:not(:hover) .ocw-react-picker { display:none; }
 .ocw-react-picker { position:absolute; bottom:calc(100% + 4px); left:0; background:#fff; border:1px solid #e3ded7; border-radius:14px; padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,.12); display:flex; gap:4px; z-index:10; white-space:nowrap; }
@@ -203,10 +212,19 @@ const oe = "objectchat-widget-styles", Ce = ["👍", "❤️", "😂", "😮", "
 .ocw-footer a:hover { color:var(--ocw-accent); }
 .ocw-attach { background:none;border:none;cursor:pointer;font-size:18px;padding:4px 6px;opacity:.6;flex-none; }
 .ocw-attach:hover { opacity:1; }
-.ocw-input textarea { flex:1; resize:none; border:1px solid #e3ded7; border-radius:22px; padding:11px 16px; font:inherit; font-size:14px; background:#fff; outline:none; max-height:96px; }
+.ocw-input textarea { flex:1; min-width:0; resize:none; border:1px solid #e3ded7; border-radius:22px; padding:11px 16px; font:inherit; font-size:14px; line-height:1.4; background:#fff; outline:none; max-height:120px; overflow-y:auto; }
 .ocw-input textarea:focus { border-color:var(--ocw-accent); }
-.ocw-sendbtn { width:42px; height:42px; border-radius:50%; border:none; background:var(--ocw-accent); color:#fff; font-size:18px; cursor:pointer; flex:none; display:flex; align-items:center; justify-content:center; }
+/* Send button auto-sizes to its label: the default is a fixed circle around an
+ * inline SVG; a TEXT label (i18n.send: "Send", "보내기", "Enviar"…) switches to
+ * .ocw-sendbtn-label — a pill whose width follows the text. A fixed 42px
+ * circle with 18px type overflowed the moment anyone localized the label. */
+.ocw-sendbtn { min-width:42px; height:42px; border-radius:999px; border:none; background:var(--ocw-accent); color:#fff; font:inherit; font-size:14px; font-weight:600; cursor:pointer; flex:none; display:flex; align-items:center; justify-content:center; padding:0; transition:opacity .15s, transform .1s; }
+.ocw-sendbtn-label { padding:0 16px; white-space:nowrap; }
+.ocw-sendbtn svg { width:19px; height:19px; display:block; }
+.ocw-sendbtn:not(:disabled):hover { transform:scale(1.05); }
+.ocw-sendbtn:not(:disabled):active { transform:scale(.96); }
 .ocw-sendbtn:disabled { opacity:.5; cursor:default; }
+.ocw-sendbtn:focus-visible, .ocw-back:focus-visible, .ocw-chip:focus-visible { outline:2px solid var(--ocw-accent); outline-offset:2px; }
 .ocw-cobrowse-btn { display:none; }
 .ocw-cobrowse-btn.show { display:inline-flex; }
 .ocw-cobrowse-btn.on { color:var(--ocw-accent); border-color:var(--ocw-accent); }
@@ -226,42 +244,42 @@ const oe = "objectchat-widget-styles", Ce = ["👍", "❤️", "😂", "😮", "
 .ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
 .ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
 `;
-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 We() {
+  if (typeof document > "u" || document.getElementById(me)) return;
+  const t = document.createElement("style");
+  t.id = me, t.textContent = Ue, document.head.appendChild(t);
 }
-function t(o, e, i) {
-  const s = document.createElement(o);
+function o(t, e, i) {
+  const s = document.createElement(t);
   return e && (s.className = e), i !== void 0 && (s.textContent = i), s;
 }
-function Se(o) {
+function Ve(t) {
   try {
-    return new Date(o).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   } catch {
     return "";
   }
 }
-function W(o) {
+function ie(t) {
   var e;
-  switch (o.kind) {
+  switch (t.kind) {
     case "text":
-      return o.text;
+      return t.text;
     case "system":
-      return typeof ((e = o.data) == null ? void 0 : e.message) == "string" ? String(o.data.message) : o.event;
+      return typeof ((e = t.data) == null ? void 0 : e.message) == "string" ? String(t.data.message) : t.event;
     case "card":
-      return [o.title, o.body].filter(Boolean).join(" — ");
+      return [t.title, t.body].filter(Boolean).join(" — ");
     case "attachment":
-      return o.name ?? o.url;
+      return t.name ?? t.url;
     case "form":
-      return o.prompt;
+      return t.prompt;
     case "appointment":
-      return `📅 ${o.title} — ${new Date(o.startIso).toLocaleString()}`;
+      return `📅 ${t.title} — ${new Date(t.startIso).toLocaleString()}`;
   }
 }
-class Ee {
+class Ye {
   /** Last seq the guest has seen per conversationId — used to compute unread badges. */
-  constructor(e, i, s, a = {}) {
+  constructor(e, i, s, r = {}) {
     y(this, "scroll");
     y(this, "chips");
     y(this, "typing");
@@ -282,6 +300,9 @@ class Ee {
     y(this, "connStatus");
     y(this, "typingTimer", null);
     y(this, "csatSubmitted", !1);
+    y(this, "sendBtn");
+    /** Container-driven responsive sizing — toggles .ocw-compact (see CSS note). */
+    y(this, "compactObserver", null);
     // ── Co-browsing (shared whiteboard) ─────────────────────────────────────
     y(this, "cobrowseBtn");
     y(this, "cobrowseCanvas");
@@ -295,65 +316,77 @@ class Ee {
     // ── Live translation ──────────────────────────────────────────────────-
     y(this, "translationCache", /* @__PURE__ */ new Map());
     y(this, "showingTranslation", /* @__PURE__ */ new Set());
+    /** Whether the subject card (server Subject entity, mount config fallback)
+     *  has been built — built once when data first arrives. */
     y(this, "subjectBuilt", !1);
-    var m, h, I, T, $, A, P, z, 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");
+    var k, I, j, C, R, A, O, U, T, B;
+    this.root = e, this.me = i, this.h = s, this.cfg = r, We(), e.replaceChildren(), e.classList.add("ocw"), r.accent && e.style.setProperty("--ocw-accent", r.accent);
+    const a = o("div", "ocw-head");
     if (this.h.onBack) {
-      const x = t("button", "ocw-back", "‹");
-      x.type = "button", x.setAttribute("aria-label", "Back"), x.addEventListener("click", () => this.h.onBack()), c.append(x);
+      const m = o("button", "ocw-back", "‹");
+      m.type = "button", m.setAttribute("aria-label", "Back"), m.addEventListener("click", () => this.h.onBack()), a.append(m);
     }
-    const f = t("div", "ocw-avatar");
-    if ((m = a.userInfo) != null && m.avatar) {
-      const x = document.createElement("img");
-      x.src = a.userInfo.avatar, x.alt = a.userInfo.name ?? "You", x.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", f.append(x);
+    const f = o("div", "ocw-avatar");
+    if ((k = r.userInfo) != null && k.avatar) {
+      const m = document.createElement("img");
+      m.src = r.userInfo.avatar, m.alt = r.userInfo.name ?? "You", m.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", f.append(m);
     } else
-      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) ?? ""), (P = a.subject) != null && P.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", () => {
+      f.textContent = (I = r.userInfo) != null && I.name ? r.userInfo.name[0].toUpperCase() : "🧑";
+    a.append(f);
+    const b = o("div", "ocw-head-main");
+    this.headerName = o("div", "ocw-head-name", ((j = r.subject) == null ? void 0 : j.ownerLabel) ?? ((C = r.subject) == null ? void 0 : C.title) ?? ""), b.append(this.headerName), (R = r.subject) != null && R.subtitle && b.append(o("div", "ocw-head-meta", r.subject.subtitle)), a.append(b), this.statusBadge = o("span", "ocw-badge", ((A = r.subject) == null ? void 0 : A.status) ?? ""), (O = r.subject) != null && O.status || (this.statusBadge.style.display = "none"), a.append(this.statusBadge), this.e2eBadge = o("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", a.append(this.e2eBadge), this.connStatus = o("span", "ocw-conn-status"), this.connStatus.style.display = "none", a.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", () => {
       this.cobrowseActive = !this.cobrowseActive, this.updateCobrowseUI();
-    }), 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 x of a.quickReplies ?? []) {
-      const S = t("button", void 0, x);
+    }), a.append(this.cobrowseBtn), a.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 d = o("div", "ocw-typing-bubble");
+    d.append(o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot")), this.typing.append(o("div", "ocw-dot", "🧑"), d), this.quick = o("div", "ocw-quick");
+    for (const m of r.quickReplies ?? []) {
+      const S = o("button", void 0, m);
       S.addEventListener("click", () => {
-        this.h.onSend(x), this.quick.style.display = "none";
+        this.h.onSend(m), this.quick.style.display = "none";
       }), this.quick.append(S);
     }
-    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", ((z = a.i18n) == null ? void 0 : z.send) ?? "➤");
-    w.addEventListener("click", () => this.flushSend()), this.input.addEventListener("input", () => {
-      var x, S;
-      this.storeRef && !this.storeRef.messages().some((B) => B.senderRole === "guest") ? (S = (x = this.h).onDeflectQuery) == null || S.call(x, this.input.value) : this.hideDeflection();
-    }), this.input.addEventListener("keydown", (x) => {
-      x.isComposing || x.keyCode === 229 || (x.key === "Enter" && !x.shiftKey ? (x.preventDefault(), this.flushSend()) : this.signalTyping());
+    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.preChatPanel = o("div", "ocw-prechat"), this.preChatPanel.style.display = "none", this.deflectPanel = o("div", "ocw-deflect"), this.deflectPanel.style.display = "none", this.input = o("textarea", void 0), this.input.rows = 1, this.input.placeholder = ((U = r.i18n) == null ? void 0 : U.placeholder) ?? "Message…";
+    const h = o("button", "ocw-sendbtn");
+    h.type = "button";
+    const v = (T = r.i18n) == null ? void 0 : T.send;
+    v ? (h.textContent = v, h.classList.add("ocw-sendbtn-label"), h.setAttribute("aria-label", v)) : (h.innerHTML = Fe, h.setAttribute("aria-label", "Send message")), h.disabled = !0, this.sendBtn = h, h.addEventListener("click", () => this.flushSend()), this.input.addEventListener("input", () => {
+      var m, S;
+      this.sendBtn.disabled = this.input.value.trim().length === 0, this.autoGrowInput(), this.storeRef && !this.storeRef.messages().some((q) => q.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 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 x;
-      (x = r.files) != null && x[0] && this.h.onAttach && this.h.onAttach(r.files[0]), r.value = "";
+    const c = o("button", "ocw-attach", "📎");
+    c.title = "Attach image or file";
+    const u = document.createElement("input");
+    u.type = "file", u.accept = "image/*,.pdf,.txt,.doc,.docx", u.style.display = "none", c.addEventListener("click", () => u.click()), u.addEventListener("change", () => {
+      var m;
+      (m = u.files) != null && m[0] && this.h.onAttach && this.h.onAttach(u.files[0]), u.value = "";
     });
-    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 x of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
-      const S = t("button", "ocw-cobrowse-swatch");
-      S.style.background = x, S.type = "button", x === this.cobrowseColor && S.classList.add("sel"), S.addEventListener("click", () => {
-        this.cobrowseColor = x;
-        for (const B of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) B.classList.remove("sel");
+    const l = o("div", "ocw-input");
+    l.append(c, u, this.input, h);
+    const E = o("div", "ocw-footer");
+    ((B = r.i18n) == null ? void 0 : B.poweredBy) !== void 0 ? E.textContent = r.i18n.poweredBy : E.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = E, e.append(a, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, this.preChatPanel, this.deflectPanel, l, this.footer), this.cobrowseCanvas = o("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = o("div", "ocw-cobrowse-toolbar");
+    for (const m of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
+      const S = o("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 q of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) q.classList.remove("sel");
         S.classList.add("sel");
       }), this.cobrowseToolbar.append(S);
     }
-    const C = t("button", "ocw-cobrowse-clear", "Clear");
-    C.addEventListener("click", () => {
-      var x, S;
-      return (S = (x = this.h).onAnnotateClear) == null ? void 0 : S.call(x);
-    }), 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();
+    const g = o("button", "ocw-cobrowse-clear", "Clear");
+    g.addEventListener("click", () => {
+      var m, S;
+      return (S = (m = this.h).onAnnotateClear) == null ? void 0 : S.call(m);
+    }), this.cobrowseToolbar.append(g), 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();
+    const w = (m) => {
+      e.classList.toggle("ocw-compact", m > 0 && m < _e);
+    };
+    w(e.clientWidth), typeof ResizeObserver < "u" && (this.compactObserver = new ResizeObserver((m) => {
+      var q;
+      const S = ((q = m[0]) == null ? void 0 : q.contentRect.width) ?? e.clientWidth;
+      w(S);
+    }), this.compactObserver.observe(e));
   }
   /** Returns the scroll container so history.ts can attach scroll listeners. */
   getScrollEl() {
@@ -366,48 +399,51 @@ class Ee {
   }
   /** Call when the widget is unmounted. Disconnects scroll listeners and clears timers. */
   destroy() {
-    var e;
-    (e = this.scrollCleanup) == null || e.call(this), this.scrollCleanup = null, this.typingTimer && (clearTimeout(this.typingTimer), this.typingTimer = null);
+    var e, i;
+    (e = this.scrollCleanup) == null || e.call(this), this.scrollCleanup = null, this.typingTimer && (clearTimeout(this.typingTimer), this.typingTimer = null), (i = this.compactObserver) == null || i.disconnect(), this.compactObserver = null;
   }
-  /** Render list rows, optionally filtered by search query. */
-  /** Build a single WhatsApp-style conversation row. */
-  /** Returns true when the chat screen is visible (not the list). */
-  /** 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));
+    e && (this.input.value = "", this.sendBtn.disabled = !0, this.autoGrowInput(), this.h.onTyping(!1), this.h.onSend(e));
+  }
+  /** Grow the composer with its content (up to the CSS max-height), collapse
+   *  when cleared. scrollHeight is 0 in non-layout environments (jsdom) —
+   *  skip there so tests and SSR-ish mounts are unaffected. */
+  autoGrowInput() {
+    this.input.style.height = "auto";
+    const e = this.input.scrollHeight;
+    e > 0 ? this.input.style.height = `${Math.min(e, 120)}px` : this.input.style.removeProperty("height");
   }
   signalTyping() {
     const e = this.input.value.trim().slice(0, 100) || void 0;
     this.h.onTyping(!0, e), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
   }
   render(e) {
-    var r, u, l, C, m;
+    var c, u, l, E, 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 h = (r = this.cfg.subject) == null ? void 0 : r.ownerLabel;
-      h && (this.headerName.textContent = h);
+      const w = (c = this.cfg.subject) == null ? void 0 : c.ownerLabel;
+      w && (this.headerName.textContent = w);
     }
     this.quick.style.display = e.messages().length === 0 ? "flex" : "none", this.chips.replaceChildren();
     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;
+    for (const w of i) this.chips.append(this.chipEl(w));
+    const s = this.scroll.scrollHeight, r = this.scroll.scrollTop;
     if (this.scroll.replaceChildren(), this.subjectCard.childNodes.length && this.scroll.append(this.subjectCard), e.hasMoreHistory) {
-      const h = t("div", "ocw-load-more");
-      h.textContent = "↑ Loading earlier messages…", h.style.pointerEvents = "none", this.scroll.append(h);
+      const w = o("div", "ocw-load-more");
+      w.textContent = "↑ Loading earlier messages…", w.style.pointerEvents = "none", this.scroll.append(w);
     }
-    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);
+    let a = 0;
+    for (const w of e.messages())
+      this.scroll.append(this.messageEl(w, e)), w.senderId !== this.me && w.seq > a && (a = w.seq);
+    r > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - s + r : this.scroll.scrollTop = this.scroll.scrollHeight, a > 0 && this.h.onReadUpTo(a);
     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", (m = this.root.querySelector(".ocw-input")) == null || m.style.removeProperty("display")));
+    const d = e.messages().some((w) => w.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", (E = this.root.querySelector(".ocw-input")) == null || E.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");
   }
@@ -422,67 +458,67 @@ class Ee {
   }
   buildOfflinePanel(e) {
     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");
+    this.offlinePanel.replaceChildren(), this.offlinePanel.append(o("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(o("div", "ocw-offline-title", ((b = this.cfg.i18n) == null ? void 0 : b.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 i = o("div", "ocw-offline-form"), s = o("input", "ocw-offline-input");
     s.placeholder = "Your name", s.type = "text";
-    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]
+    const r = o("input", "ocw-offline-input");
+    r.placeholder = "Your email", r.type = "email";
+    const a = o("textarea", "ocw-offline-input");
+    a.placeholder = "Your message", a.rows = 3;
+    const f = o("button", "ocw-offline-submit", "Send message");
+    f.type = "button", f.addEventListener("click", () => {
+      !r.value.trim() || !a.value.trim() || (f.disabled = !0, this.h.onSend(`[Offline form]
 Name: ${s.value || "Anonymous"}
-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);
+Email: ${r.value}
+Message: ${a.value}`), this.offlinePanel.replaceChildren(o("div", "ocw-offline-thanks", "✓ Message sent! We'll reply to your email.")));
+    }), i.append(s, r, a, 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);
+    this.preChatBuilt = !0, this.preChatPanel.replaceChildren(), this.preChatPanel.append(o("div", "ocw-prechat-title", e.title ?? "Before we start…"));
+    const i = o("div", "ocw-offline-form"), s = {};
+    for (const h of e.fields ?? ["name", "email"]) {
+      const v = o("input", "ocw-offline-input");
+      v.type = h === "email" ? "email" : h === "phone" ? "tel" : "text", v.placeholder = h === "name" ? "Your name" : h === "email" ? "Your email" : "Your phone number", s[h] = v, i.append(v);
     }
-    let a = null;
+    let r = 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);
+      r = o("select", void 0);
+      const h = document.createElement("option");
+      h.value = "", h.textContent = "What is this about?", r.append(h);
       for (const v of e.topics) {
-        const r = document.createElement("option");
-        r.value = v, r.textContent = v, a.append(r);
+        const c = document.createElement("option");
+        c.value = v, c.textContent = v, r.append(c);
       }
-      i.append(a);
+      i.append(r);
     }
-    let c = null, f = null;
+    let a = 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 h = o("label", "ocw-prechat-cb");
+      a = document.createElement("input"), a.type = "checkbox", h.append(a, document.createTextNode("📞 Request a call back")), i.append(h), s.phone || (f = o("input", "ocw-offline-input"), f.type = "tel", f.placeholder = "Phone number for the call", f.style.display = "none", a.addEventListener("change", () => f.style.setProperty("display", a.checked ? "block" : "none")), i.append(f));
     }
-    const b = t("button", "ocw-offline-submit", "Start chat");
-    b.addEventListener("click", () => {
-      var u, l, C, m, h, I, T;
-      const w = (u = s.email) == null ? void 0 : u.value.trim();
-      if (s.email && (!w || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(w))) {
+    const b = o("button", "ocw-offline-submit", "Start chat");
+    b.type = "button", b.addEventListener("click", () => {
+      var u, l, E, g, w, k, I;
+      const h = (u = s.email) == null ? void 0 : u.value.trim();
+      if (s.email && (!h || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h))) {
         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();
+      const v = !!(a != null && a.checked), c = (((l = s.phone) == null ? void 0 : l.value) ?? (f == null ? void 0 : f.value) ?? "").trim();
+      if (v && !c) {
+        (E = s.phone ?? f) == null || E.focus();
         return;
       }
-      if (a && ((m = e.topics) != null && m.length) && !a.value) {
-        a.focus();
+      if (r && ((g = e.topics) != null && g.length) && !r.value) {
+        r.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 } : {},
+      b.disabled = !0, this.completePreChat(), (I = (k = this.h).onPreChat) == null || I.call(k, {
+        ...(w = s.name) != null && w.value.trim() ? { name: s.name.value.trim() } : {},
+        ...h ? { email: h } : {},
+        ...c ? { phone: c } : {},
+        ...r != null && r.value ? { topic: r.value } : {},
         ...v ? { callback: !0 } : {}
       });
     }), i.append(b), this.preChatPanel.append(i);
@@ -494,10 +530,10 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
   /** 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"));
+    this.deflectPanel.replaceChildren(), this.deflectPanel.append(o("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);
+      const s = o("button", "ocw-deflect-card");
+      s.append(o("div", "ocw-deflect-q", i.title), o("div", "ocw-deflect-a", i.answer)), s.addEventListener("click", () => s.classList.toggle("open")), this.deflectPanel.append(s);
     }
     this.deflectPanel.style.display = "flex";
   }
@@ -505,19 +541,17 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
     this.deflectPanel.style.display = "none", this.deflectPanel.replaceChildren();
   }
   buildCsatPanel() {
-    this.csatPanel.replaceChildren(), this.csatPanel.append(t("div", "ocw-csat-title", "How did we do?"));
-    const e = t("div", "ocw-csat-stars"), i = [];
+    this.csatPanel.replaceChildren(), this.csatPanel.append(o("div", "ocw-csat-title", "How did we do?"));
+    const e = o("div", "ocw-csat-stars"), i = [];
     for (let s = 1; s <= 5; s++) {
-      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);
+      const r = o("button", "ocw-csat-star", "★");
+      r.dataset.score = String(s), r.addEventListener("mouseenter", () => i.forEach((a, f) => a.classList.toggle("lit", f < s))), r.addEventListener("mouseleave", () => i.forEach((a) => a.classList.remove("lit"))), r.addEventListener("click", () => {
+        var a, f;
+        this.csatSubmitted = !0, this.csatPanel.replaceChildren(o("div", "ocw-csat-done", `Thanks for your ${s}★ rating!`)), (f = (a = this.h).onCsat) == null || f.call(a, s);
+      }), i.push(r), e.append(r);
     }
     this.csatPanel.append(e);
   }
-  /** Subject card from the server's Subject entity (per chatroom), with the
-   *  mount config as a fallback. Built once when data first arrives. */
   // ── Co-browsing (shared whiteboard) ──────────────────────────────────────
   updateCobrowseUI() {
     this.cobrowseCanvas.classList.toggle("active", this.cobrowseActive), this.cobrowseToolbar.classList.toggle("active", this.cobrowseActive), this.cobrowseHint.classList.toggle("active", this.cobrowseActive), this.cobrowseBtn.classList.toggle("on", this.cobrowseActive), this.cobrowseActive && (this.resizeCobrowseCanvas(), this.redrawCobrowse());
@@ -530,9 +564,9 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
   drawStroke(e) {
     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);
+    const s = this.cobrowseCanvas.width, r = this.cobrowseCanvas.height;
+    i.strokeStyle = e.color, i.lineWidth = Math.max(1, e.width * Math.min(s, r)), i.lineJoin = "round", i.lineCap = "round", i.beginPath(), i.moveTo(e.points[0].x * s, e.points[0].y * r);
+    for (const a of e.points.slice(1)) i.lineTo(a.x * s, a.y * r);
     i.stroke();
   }
   redrawCobrowse() {
@@ -546,40 +580,40 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
   bindCobrowsePointerEvents() {
     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;
+      const b = this.cobrowseCanvas.getBoundingClientRect(), d = b.width > 0 ? (f.clientX - b.left) / b.width : 0, h = 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, h)) };
+    }, r = 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 }));
+      e && (i.push(s(f)), this.redrawCobrowse(), this.drawStroke({ points: i, color: this.cobrowseColor, width: r }));
     });
-    const c = (f) => {
+    const a = (f) => {
       var b, d;
       if (e) {
-        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 = [];
+        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: r })), i = [];
         try {
           this.cobrowseCanvas.releasePointerCapture(f.pointerId);
         } catch {
         }
       }
     };
-    this.cobrowseCanvas.addEventListener("pointerup", c), this.cobrowseCanvas.addEventListener("pointercancel", c);
+    this.cobrowseCanvas.addEventListener("pointerup", a), this.cobrowseCanvas.addEventListener("pointercancel", a);
   }
   buildSubjectCard(e) {
     if (this.subjectBuilt) return;
-    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 i = e.subject, s = this.cfg.subject, r = (i == null ? void 0 : i.title) ?? (s == null ? void 0 : s.title);
+    if (!r) return;
+    this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(o("div", "ocw-subject-title", r)), s != null && s.subtitle && this.subjectCard.append(o("div", "ocw-subject-sub", s.subtitle));
+    const a = o("div", "ocw-tags");
+    if (i) for (const [b, d] of Object.entries(i.fields)) a.append(o("span", "ocw-tag", `${b}: ${d}`));
+    else for (const b of (s == null ? void 0 : s.tags) ?? []) a.append(o("span", "ocw-tag", b));
+    a.childNodes.length && this.subjectCard.append(a);
     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 i = t("button", "ocw-chip", e.icon ? `${e.icon} ${e.label}` : e.label);
+    const i = o("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));
@@ -588,14 +622,14 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
   /** In-widget confirmation modal (replaces window.confirm). */
   confirm(e) {
     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);
+      const s = o("div", "ocw-modal"), r = o("div", "ocw-modal-card");
+      r.append(o("div", "ocw-modal-title", e)), r.append(o("div", "ocw-modal-body", `Confirm “${e}”?`));
+      const a = o("div", "ocw-modal-actions"), f = o("button", "ocw-modal-cancel", "Cancel"), b = o("button", "ocw-modal-ok", "Confirm"), d = (h) => {
+        s.remove(), i(h);
       };
-      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();
+      f.addEventListener("click", () => d(!1)), b.addEventListener("click", () => d(!0)), s.addEventListener("click", (h) => {
+        h.target === s && d(!1);
+      }), a.append(f, b), r.append(a), s.append(r), this.root.append(s), b.focus();
     });
   }
   /** Inline form for a form-effect action: typed inputs (date picker, number,
@@ -603,167 +637,169 @@ Message: ${c.value}`), this.offlinePanel.replaceChildren(t("div", "ocw-offline-t
   openForm(e) {
     var b, d;
     this.formHost.replaceChildren();
-    const i = t("div", "ocw-form");
-    i.append(t("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
+    const i = o("div", "ocw-form");
+    i.append(o("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
     const s = /* @__PURE__ */ new Map();
-    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);
+    for (const h of e.input ?? []) {
+      const v = o("label", "ocw-form-row");
+      if (v.append(o("span", "ocw-form-lbl", h.label)), h.type === "select" && ((b = h.options) != null && b.length)) {
+        const c = o("select", "ocw-form-input");
+        h.required || c.append(o("option", void 0, "— select —"));
+        for (const u of h.options) {
+          const l = o("option");
+          l.value = u, l.textContent = u, c.append(l);
         }
-        w.required && (r.required = !0), v.append(r), s.set(w.name, r);
+        h.required && (c.required = !0), v.append(c), s.set(h.name, c);
       } else {
-        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);
+        const c = o("input", "ocw-form-input");
+        c.type = h.type === "number" ? "number" : h.type === "date" ? "datetime-local" : "text", h.required && (c.required = !0), v.append(c), s.set(h.name, c);
       }
       i.append(v);
     }
-    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";
+    const r = o("div", "ocw-form-actions"), a = o("button", "ocw-form-cancel", "Cancel"), f = o("button", "ocw-form-submit", "Send");
+    a.addEventListener("click", () => this.formHost.replaceChildren()), f.addEventListener("click", () => {
+      const h = {};
+      for (const [v, c] of s) {
+        if (c.required && !c.value) {
+          c.style.borderColor = "#e5484d";
           return;
         }
-        w[v] = r.type === "number" ? Number(r.value) : r.value;
+        h[v] = c.type === "number" ? Number(c.value) : c.value;
       }
-      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();
+      this.formHost.replaceChildren(), this.h.onInvoke(e.id, h);
+    }), r.append(a, f), i.append(r), this.formHost.append(i), (d = s.values().next().value) == null || d.focus();
   }
   messageEl(e, i) {
-    var r;
+    var c;
     if (e.senderRole === "system") {
-      const u = t("div", "ocw-sys");
-      return u.textContent = e.deletedAt ? "message deleted" : W(e.content), u;
+      const u = o("div", "ocw-sys");
+      return u.textContent = e.deletedAt ? "message deleted" : ie(e.content), u;
     }
-    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");
+    const s = e.senderId === this.me, r = !!e.internal, a = o("div", `ocw-row ${r ? "ocw-note mine" : s ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
+    !s && !r && a.append(o("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
+    const f = o("div"), b = o("div", "ocw-bubble-wrap");
     if (e.replyToId) {
-      const u = t("div", "ocw-reply-to", "↩ replying to a message");
+      const u = o("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 d = t("div", "ocw-bubble");
-    let w = null;
-    if (e.deletedAt) d.append(t("span", "ocw-deleted", "message deleted"));
+    const d = o("div", "ocw-bubble");
+    let h = null;
+    if (e.deletedAt) d.append(o("span", "ocw-deleted", "message deleted"));
     else if (e.content.kind === "attachment") {
       const u = e.content;
-      if ((r = u.mime) != null && r.startsWith("image/")) {
+      if ((c = u.mime) != null && c.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 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);
+        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(o("span", void 0, "📄"), o("span", void 0, u.name ?? "file")), d.append(l);
       }
     } else if (e.content.kind === "appointment") {
-      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"), m = document.createElement("a");
-      m.href = u.googleUrl, m.target = "_blank", m.rel = "noopener", m.className = "ocw-appt-btn", m.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(m, h), l.append(C), d.append(l);
+      const u = e.content, l = o("div", "ocw-appt");
+      l.append(o("div", "ocw-appt-title", `📅 ${u.title}`)), l.append(o("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && l.append(o("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && l.append(o("div", "ocw-appt-desc", u.description));
+      const E = o("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 w = document.createElement("a");
+      w.href = u.icalUrl, w.download = `${u.title}.ics`, w.className = "ocw-appt-btn ocw-appt-btn-sec", w.textContent = "🍎 Apple / iCal", E.append(g, w), l.append(E), d.append(l);
     } else
-      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) {
+      h = document.createTextNode(ie(e.content)), d.append(h), e.editedAt && d.append(o("span", "ocw-edited", "(edited)"));
+    if (b.append(d), !s && !r && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && h) {
       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), w.textContent = u, l.textContent = "🌐", l.title = "Translate";
+        const l = o("button", "ocw-translate-btn", "🌐");
+        l.type = "button", l.title = "Translate", l.addEventListener("click", (E) => {
+          if (E.stopPropagation(), this.showingTranslation.has(e.id)) {
+            this.showingTranslation.delete(e.id), h.textContent = u, l.textContent = "🌐", l.title = "Translate";
             return;
           }
-          const m = this.translationCache.get(e.id);
-          if (m !== void 0) {
-            this.showingTranslation.add(e.id), w.textContent = m, l.textContent = "↩", l.title = "Show original";
+          const g = this.translationCache.get(e.id);
+          if (g !== void 0) {
+            this.showingTranslation.add(e.id), h.textContent = g, l.textContent = "↩", l.title = "Show original";
             return;
           }
-          l.textContent = "⏳", this.h.onTranslate(u).then((h) => {
-            if (h === null) {
+          l.textContent = "⏳", this.h.onTranslate(u).then((w) => {
+            if (w === null) {
               l.textContent = "⚠️", l.title = "Translation unavailable", setTimeout(() => {
                 l.textContent = "🌐", l.title = "Translate";
               }, 1500);
               return;
             }
-            this.translationCache.set(e.id, h), this.showingTranslation.add(e.id), w.textContent = h, l.textContent = "↩", l.title = "Show original";
+            this.translationCache.set(e.id, w), this.showingTranslation.add(e.id), h.textContent = w, l.textContent = "↩", l.title = "Show original";
           });
         }), b.append(l);
       }
     }
     if (s && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
-      const u = t("div", "ocw-msg-menu");
+      const u = o("div", "ocw-msg-menu");
       if (this.h.onEdit) {
-        const l = t("button", void 0, "✏️");
-        l.title = "Edit", l.addEventListener("click", (C) => {
-          C.stopPropagation();
-          const m = W(e.content), h = document.createElement("textarea");
-          h.value = m, h.rows = Math.min(4, Math.ceil(m.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 P = () => d.replaceChildren(w ?? document.createTextNode(m));
-          T.addEventListener("click", P), I.addEventListener("click", () => {
-            const z = h.value.trim();
-            z && z !== m && this.h.onEdit(e.id, z), P();
-          }), h.addEventListener("keydown", (z) => {
-            z.key === "Enter" && !z.shiftKey && (z.preventDefault(), I.click()), z.key === "Escape" && P();
+        const l = o("button", void 0, "✏️");
+        l.title = "Edit", l.addEventListener("click", (E) => {
+          E.stopPropagation();
+          const g = ie(e.content), w = document.createElement("textarea");
+          w.value = g, w.rows = Math.min(4, Math.ceil(g.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 k = o("button", "ocw-form-submit", "Save");
+          k.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
+          const I = o("button", "ocw-form-cancel", "Cancel");
+          I.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
+          const j = o("div");
+          j.style.cssText = "display:flex;gap:6px;justify-content:flex-end", j.append(I, k);
+          const C = o("div");
+          C.append(w, j), d.replaceChildren(C), w.focus(), w.select();
+          const R = () => d.replaceChildren(h ?? document.createTextNode(g));
+          I.addEventListener("click", R), k.addEventListener("click", () => {
+            const A = w.value.trim();
+            A && A !== g && this.h.onEdit(e.id, A), R();
+          }), w.addEventListener("keydown", (A) => {
+            A.key === "Enter" && !A.shiftKey && (A.preventDefault(), k.click()), A.key === "Escape" && R();
           });
         }), u.append(l);
       }
       if (this.h.onDelete) {
-        const l = t("button", "del", "🗑");
-        l.title = "Delete", l.addEventListener("click", (C) => {
-          C.stopPropagation(), this.h.onDelete(e.id);
+        const l = o("button", "del", "🗑");
+        l.title = "Delete", l.addEventListener("click", (E) => {
+          E.stopPropagation(), this.h.onDelete(e.id);
         }), u.append(l);
       }
       b.append(u);
     }
     if (f.append(b), this.h.onReact && !e.deletedAt && e.seq > 0) {
-      const u = t("div", "ocw-react-wrap"), l = t("div", "ocw-react");
+      const u = o("div", "ocw-react-wrap"), l = o("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
-        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);
+        for (const [w, k] of Object.entries(e.reactions)) {
+          const I = o("button", `ocw-react-pill${k.includes(this.me) ? " mine" : ""}`, `${w} ${k.length}`);
+          I.addEventListener("click", () => {
+            var j, C;
+            return (C = (j = this.h).onReact) == null ? void 0 : C.call(j, e.id, w, k.includes(this.me));
+          }), l.append(I);
         }
-      const C = t("button", "ocw-react-btn", "＋"), m = t("div", "ocw-react-picker");
-      for (const h of Ce) {
-        const I = t("button", void 0, h);
-        I.addEventListener("click", (T) => {
-          var A, P, z, k;
-          T.stopPropagation();
-          const $ = (P = (A = e.reactions) == null ? void 0 : A[h]) == null ? void 0 : P.includes(this.me);
-          (k = (z = this.h).onReact) == null || k.call(z, e.id, h, !!$), m.style.display = "none";
-        }), m.append(I);
+      const E = o("button", "ocw-react-btn", "＋"), g = o("div", "ocw-react-picker");
+      for (const w of Ne) {
+        const k = o("button", void 0, w);
+        k.addEventListener("click", (I) => {
+          var C, R, A, O;
+          I.stopPropagation();
+          const j = (R = (C = e.reactions) == null ? void 0 : C[w]) == null ? void 0 : R.includes(this.me);
+          (O = (A = this.h).onReact) == null || O.call(A, e.id, w, !!j), g.style.display = "none";
+        }), g.append(k);
       }
-      m.style.display = "none", C.addEventListener("click", (h) => {
-        h.stopPropagation(), m.style.display = m.style.display === "none" ? "flex" : "none";
-      }), document.addEventListener("click", () => {
-        m.style.display = "none";
-      }, { once: !0 }), l.append(C), u.append(l, m), 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));
+      g.style.display = "none", E.addEventListener("click", (w) => {
+        w.stopPropagation();
+        const k = g.style.display === "none";
+        g.style.display = k ? "flex" : "none", k && document.addEventListener("click", () => {
+          g.style.display = "none";
+        }, { once: !0 });
+      }), l.append(E), u.append(l, g), f.append(u);
+    } else e.reactions && Object.keys(e.reactions).length && f.append(o("div", "ocw-react", Object.entries(e.reactions).map(([u, l]) => `${u}${l.length}`).join(" ")));
+    const v = o("div", "ocw-time ocw-meta", Ve(e.ts));
     if (s && e.status) {
-      const u = t("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, ze(e.status));
+      const u = o("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Ke(e.status));
       v.append(u);
     }
-    return s && e.seq > 0 && i.lastReadByOthers >= e.seq && v.append(t("span", "ocw-seen", " · Seen")), f.append(v), c.append(f), c;
+    return s && e.seq > 0 && i.lastReadByOthers >= e.seq && v.append(o("span", "ocw-seen", " · Seen")), f.append(v), a.append(f), a;
   }
 }
-function ze(o) {
-  switch (o) {
+function Ke(t) {
+  switch (t) {
     case "read":
       return "✓✓";
     case "delivered":
@@ -774,35 +810,44 @@ function ze(o) {
       return "🕓";
   }
 }
-const R = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new Map();
-function ne(o) {
-  return `relay-launcher::${o.profileId}::${o.subjectId ?? ""}`;
+const H = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new Map();
+function ge(t) {
+  return `relay-launcher::${t.profileId}::${t.subjectId ?? ""}`;
+}
+let F = null;
+function Ge() {
+  if (F && F.state !== "closed") return F;
+  try {
+    return F = new AudioContext(), F;
+  } catch {
+    return null;
+  }
 }
-function Ae(o) {
+function tt(t) {
   var e;
-  (e = R.get(o)) == null || e.close(), R.delete(o);
+  (e = H.get(t)) == null || e.close(), H.delete(t);
 }
-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();
+function ot(t) {
+  var le, de, pe, he, ue;
+  H.has(t.el) && (H.get(t.el).close(), H.delete(t.el)), t.launcher && ((le = X.get(ge(t))) == null || le.close());
+  const e = je();
   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");
+  const r = t.token ?? t.userId ?? e, a = r !== e ? e : void 0, { wsUrl: f, httpBase: b } = Ae(t.url, t.apiUrl);
+  let d = new Me(r);
+  const h = t.subjectId ? `${r}::${t.subjectId}` : r, v = new Be(h);
+  let c, u = !1, l = null, E = null, g = null, w = 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 n of v.load()) d.addOptimistic(n.clientMsgId, n.content);
-  let m = null, h = null, I = 0, T = !o.launcher;
-  if (o.launcher) {
-    const p = (o.position ?? "bottom-right").includes("right");
-    m = document.createElement("div"), m.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 g = document.createElement("div"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, O = (q) => {
-      g.style.cssText = q ? [
+  let k = null, I = null, j = 0, C = !t.launcher;
+  if (t.launcher) {
+    const p = (t.position ?? "bottom-right").includes("right");
+    k = document.createElement("div"), k.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"), L = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(max-width: 479px)") : null, V = (P) => {
+      t.el.classList.toggle("ocw-fs", P), x.style.cssText = P ? [
         "position:fixed",
         "inset:0",
         "width:100%",
-        "height:100%",
+        "height:100dvh",
         "border-radius:0",
         "overflow:hidden",
         "box-shadow:none",
@@ -813,8 +858,8 @@ function Be(o) {
         "opacity:0",
         "z-index:9998"
       ].join(";") : [
-        "width:380px",
-        "height:600px",
+        "width:min(380px, calc(100vw - 40px))",
+        "height:min(600px, calc(100dvh - 108px))",
         "border-radius:16px",
         "overflow:hidden",
         "box-shadow:0 8px 40px rgba(0,0,0,.18)",
@@ -827,117 +872,190 @@ function Be(o) {
         "transform:scale(.95)"
       ].join(";");
     };
-    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", g.append(o.el);
-    const L = document.createElement("button");
-    L.style.cssText = [
+    V((L == null ? void 0 : L.matches) ?? !1);
+    const Y = (P) => V(P.matches);
+    L == null || L.addEventListener("change", Y), l = L, E = Y, t.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(t.el);
+    const Q = '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', Z = '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>', M = document.createElement("button");
+    M.type = "button", M.style.cssText = [
       "width:56px;height:56px;border-radius:50%",
-      `background:${o.accent ?? "#4F63F5"}`,
-      "color:#fff;border:none;font-size:24px;cursor:pointer",
+      `background:${t.accent ?? "#4F63F5"}`,
+      "color:#fff;border:none;cursor:pointer",
       "box-shadow:0 4px 16px rgba(0,0,0,.25)",
       "position:relative;flex:none",
+      "display:flex;align-items:center;justify-content:center",
       "transition:transform .15s"
-    ].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), m.append(g, L), document.body.append(m);
-    const _ = (q) => {
-      q ? (g.style.display = "flex", requestAnimationFrame(() => {
-        g.style.opacity = "1", g.style.transform = "scale(1)";
-      })) : (g.style.opacity = "0", g.style.transform = "scale(.95)", setTimeout(() => {
-        T || (g.style.display = "none");
+    ].join(";"), M.onmouseenter = () => {
+      M.style.transform = "scale(1.08)";
+    }, M.onmouseleave = () => {
+      M.style.transform = "scale(1)";
+    }, I = document.createElement("span"), I.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";
+    const K = () => {
+      M.innerHTML = C ? Z : Q, M.setAttribute("aria-label", C ? "Close chat" : "Open chat"), M.setAttribute("aria-expanded", String(C)), M.append(I);
+    };
+    K(), k.append(x, M), document.body.append(k);
+    const ee = `ocw-teaser-dismissed::${t.profileId}`, G = typeof t.launcherMessage == "string" ? { title: t.launcherMessage } : t.launcherMessage;
+    let z = null;
+    const Se = () => {
+      try {
+        return sessionStorage.getItem(ee) === "1";
+      } catch {
+        return !1;
+      }
+    }, ze = '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', fe = () => {
+      const P = G != null && G.title ? G : d.launcherMessage ?? void 0;
+      if (!(!!(P != null && P.title) && !C && !Se())) {
+        z && (z.remove(), z = null);
+        return;
+      }
+      if (z) return;
+      z = document.createElement("div"), z.setAttribute("role", "button"), z.setAttribute("tabindex", "0"), z.setAttribute("aria-label", P.title), z.style.cssText = [
+        "max-width:280px",
+        "background:#fff",
+        "border-radius:14px",
+        "box-shadow:0 6px 28px rgba(0,0,0,.16)",
+        "padding:14px 40px 14px 16px",
+        "position:relative",
+        "cursor:pointer",
+        "font-family:inherit",
+        `align-self:${p ? "flex-end" : "flex-start"}`,
+        "animation:ocw-teaser-in .22s ease-out"
+      ].join(";");
+      const oe = document.createElement("div");
+      if (oe.textContent = P.title, oe.style.cssText = "font-size:15px;font-weight:600;color:#111;line-height:1.35", z.append(oe), P.subtitle) {
+        const D = document.createElement("div");
+        D.style.cssText = "display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#6b7280";
+        const ne = document.createElement("span");
+        ne.innerHTML = ze, ne.style.cssText = `color:${t.accent ?? "#4F63F5"};display:inline-flex`;
+        const be = document.createElement("span");
+        be.textContent = P.subtitle, D.append(ne, be), z.append(D);
+      }
+      const N = document.createElement("button");
+      N.type = "button", N.setAttribute("aria-label", "Dismiss"), N.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>', N.style.cssText = "position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0", N.addEventListener("click", (D) => {
+        D.stopPropagation();
+        try {
+          sessionStorage.setItem(ee, "1");
+        } catch {
+        }
+        z && (z.remove(), z = null);
+      }), z.append(N);
+      const we = () => {
+        C || (C = !0, te(!0), K(), j = 0, I && (I.style.display = "none"), z && (z.remove(), z = null));
+      };
+      z.addEventListener("click", we), z.addEventListener("keydown", (D) => {
+        (D.key === "Enter" || D.key === " ") && (D.preventDefault(), we());
+      }), k.insertBefore(z, M);
+    };
+    if (!document.getElementById("ocw-teaser-style")) {
+      const P = document.createElement("style");
+      P.id = "ocw-teaser-style", P.textContent = "@keyframes ocw-teaser-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}", document.head.append(P);
+    }
+    w = fe, fe();
+    const te = (P) => {
+      P ? (x.style.display = "flex", requestAnimationFrame(() => {
+        x.style.opacity = "1", x.style.transform = "scale(1)";
+      })) : (x.style.opacity = "0", x.style.transform = "scale(.95)", setTimeout(() => {
+        C || (x.style.display = "none");
       }, 180));
     };
-    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));
-    });
+    M.addEventListener("click", () => {
+      if (C = !C, te(C), K(), C) {
+        j = 0, I && (I.style.display = "none");
+        try {
+          sessionStorage.setItem(ee, "1");
+        } catch {
+        }
+      }
+      w == null || w();
+    }), g = (P) => {
+      P.key === "Escape" && C && (C = !1, te(!1), K());
+    }, document.addEventListener("keydown", g);
   }
-  const $ = () => {
-    T || (I++, h && (h.textContent = String(I), h.style.display = "flex"));
+  const R = () => {
+    C || (j++, I && (I.textContent = String(j), I.style.display = "flex"));
   }, A = () => {
     try {
-      const n = new AudioContext(), p = n.createOscillator(), g = n.createGain();
-      p.connect(g), g.connect(n.destination), p.frequency.setValueAtTime(880, n.currentTime), p.frequency.exponentialRampToValueAtTime(440, n.currentTime + 0.15), g.gain.setValueAtTime(0.3, n.currentTime), g.gain.exponentialRampToValueAtTime(1e-3, n.currentTime + 0.3), p.start(), p.stop(n.currentTime + 0.3);
+      const n = Ge();
+      if (!n) return;
+      n.state === "suspended" && n.resume().catch(() => {
+      });
+      const 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 {
     }
-  }, P = [], z = (n) => {
-    for (; P.length; ) {
-      const p = P.shift();
-      v.add({ clientMsgId: p.clientMsgId, content: p.content, ts: Date.now() }), k.send({ type: "send", conversationId: n, clientMsgId: p.clientMsgId, content: p.content });
+  }, O = [], U = (n) => {
+    for (; O.length; ) {
+      const p = O.shift();
+      v.add({ clientMsgId: p.clientMsgId, content: p.content, ts: Date.now() }), T.send({ type: "send", conversationId: n, clientMsgId: p.clientMsgId, content: p.content });
     }
   };
-  let k;
-  const x = new me(`ocw-e2e-${o.profileId}`);
-  let S = !1;
-  const B = [], D = [];
-  let Y = !1;
-  const F = (n, p) => {
-    x.sealText(p).then((g) => {
-      r && k.send({ type: "send", conversationId: r, clientMsgId: n, content: g });
+  let T;
+  const B = new qe(`ocw-e2e-${t.profileId}`);
+  let m = !1;
+  const S = [], q = [];
+  let se = !1;
+  const J = (n, p) => {
+    B.sealText(p).then((x) => {
+      c && T.send({ type: "send", conversationId: c, clientMsgId: n, content: x });
     });
-  }, ie = (n, p, g) => {
-    x.sealText(p, g).then((E) => {
-      r && k.send({ type: "send", conversationId: r, clientMsgId: n, content: E });
+  }, ye = (n, p, x) => {
+    B.sealText(p, x).then((L) => {
+      c && T.send({ type: "send", conversationId: c, clientMsgId: n, content: L });
     });
-  }, se = () => {
-    for (; B.length; ) {
-      const n = B.shift();
-      F(n.clientMsgId, n.text);
+  }, ve = () => {
+    for (; S.length; ) {
+      const n = S.shift();
+      J(n.clientMsgId, n.text);
     }
-    for (; D.length; ) {
-      const n = D.shift();
-      F(n.clientMsgId, n.text);
+    for (; q.length; ) {
+      const n = q.shift();
+      J(n.clientMsgId, n.text);
     }
-  }, 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, {
+  }, ke = (n) => {
+    T.send({ type: "fetchPrekey", targetUserId: n });
+  }, Ce = t.i18n ?? {}, Te = ["ar", "he", "fa", "ur"], Ee = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  Te.includes(Ee) && !t.el.dir && (t.el.dir = "rtl", t.el.style.fontFamily = t.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const re = new He(), ae = `oc_prechat_${t.profileId}_${r.slice(-8)}`, $ = new Ye(t.el, r, {
     onSend(n) {
-      const p = `cm_${Math.random().toString(36).slice(2)}`, g = { kind: "text", text: n };
-      d.addOptimistic(p, g), j.render(d), d.e2e ? x.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: g, ts: Date.now() }), k.send({ type: "send", conversationId: r, clientMsgId: p, content: g })) : P.push({ clientMsgId: p, content: g });
+      const p = `cm_${Math.random().toString(36).slice(2)}`, x = { kind: "text", text: n };
+      d.addOptimistic(p, x), $.render(d), d.e2e ? B.ready ? J(p, n) : se ? q.push({ clientMsgId: p, text: n }) : (S.push({ clientMsgId: p, text: n }), d.assignedAgentId && ke(d.assignedAgentId)) : c ? (v.add({ clientMsgId: p, content: x, ts: Date.now() }), T.send({ type: "send", conversationId: c, clientMsgId: p, content: x })) : O.push({ clientMsgId: p, content: x });
     },
     async onAttach(n) {
-      if (!r) return;
-      const p = `${b}/upload?name=${encodeURIComponent(n.name)}`, g = `cm_${Math.random().toString(36).slice(2)}`;
-      d.addOptimistic(g, { kind: "text", text: `📎 Uploading ${n.name}…` }), j.render(d);
+      if (!c) return;
+      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}…` }), $.render(d);
       try {
-        const E = await fetch(p, {
+        const L = await fetch(p, {
           method: "POST",
           // Use the resolved connection token (a signed JWT, an explicit userId,
           // or the anonymous persistent uid) — NOT just opts.token. The server
           // requires an Authorization header, and the verifier accepts an
           // anonymous id as a guest; keying off opts.token alone meant anonymous
           // visitors (the common case) sent no auth and every upload 401'd.
-          headers: { "content-type": n.type, authorization: `Bearer ${a}` },
+          headers: { "content-type": n.type, authorization: `Bearer ${r}` },
           body: n
         });
-        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: g, content: { kind: "attachment", url: O, name: N, mime: L, size: _ } });
-      } catch (E) {
-        d.addOptimistic(g, { kind: "text", text: `⚠️ Upload failed: ${E.message}` }), j.render(d);
+        if (!L.ok) throw new Error(`Upload failed: ${L.status}`);
+        const { url: V, name: Y, mime: Q, size: Z } = await L.json();
+        T.send({ type: "send", conversationId: c, clientMsgId: x, content: { kind: "attachment", url: V, name: Y, mime: Q, size: Z } });
+      } catch (L) {
+        d.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${L.message}` }), $.render(d);
       }
     },
     onInvoke(n, p) {
-      r && k.send({ type: "invoke", conversationId: r, actionId: n, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...p ? { inputs: p } : {} });
+      c && T.send({ type: "invoke", conversationId: c, actionId: n, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...p ? { inputs: p } : {} });
     },
     onTyping(n, p) {
-      r && k.send({ type: "typing", conversationId: r, isTyping: n, ...p ? { preview: p } : {} });
+      c && T.send({ type: "typing", conversationId: c, isTyping: n, ...p ? { preview: p } : {} });
     },
     onPreChat(n) {
       try {
-        localStorage.setItem(V, "1");
+        localStorage.setItem(ae, "1");
       } catch {
       }
-      k.send({
+      T.send({
         type: "open",
-        profileId: o.profileId,
-        ...o.subjectId ? { subjectId: o.subjectId } : {},
+        profileId: t.profileId,
+        ...t.subjectId ? { subjectId: t.subjectId } : {},
         userInfo: {
           ...n.name ? { name: n.name } : {},
           ...n.email ? { email: n.email } : {},
@@ -948,168 +1066,168 @@ function Be(o) {
         }
       });
       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 } });
+      p && c && !d.e2e && T.send({ type: "send", conversationId: c, 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();
+        $.hideDeflection();
         return;
       }
       i = setTimeout(() => {
-        fetch(`${b}/kb/search?profileId=${encodeURIComponent(o.profileId)}&q=${encodeURIComponent(p.slice(0, 200))}`).then((g) => g.ok ? g.json() : { articles: [] }).then((g) => j.showDeflection(g.articles ?? [])).catch(() => j.hideDeflection());
+        fetch(`${b}/kb/search?profileId=${encodeURIComponent(t.profileId)}&q=${encodeURIComponent(p.slice(0, 200))}`).then((x) => x.ok ? x.json() : { articles: [] }).then((x) => $.showDeflection(x.articles ?? [])).catch(() => $.hideDeflection());
       }, 350);
     },
     onReadUpTo(n) {
-      r && k.send({ type: "read", conversationId: r, seq: n });
+      c && T.send({ type: "read", conversationId: c, seq: n });
     },
     onLoadMore() {
-      if (!r || !d.e2e) return;
+      if (!c || !d.e2e) return;
       const n = d.messages()[0];
-      n && k.send({ type: "history", conversationId: r, beforeSeq: n.seq, limit: 20 });
+      n && T.send({ type: "history", conversationId: c, beforeSeq: n.seq, limit: 20 });
     },
     onEdit(n, p) {
-      r && k.send({ type: "edit", conversationId: r, messageId: n, content: { kind: "text", text: p } });
+      c && T.send({ type: "edit", conversationId: c, messageId: n, content: { kind: "text", text: p } });
     },
     onDelete(n) {
-      r && k.send({ type: "delete", conversationId: r, messageId: n });
+      c && T.send({ type: "delete", conversationId: c, messageId: n });
     },
-    onReact(n, p, g) {
-      r && k.send({ type: "react", conversationId: r, messageId: n, emoji: p, remove: g });
+    onReact(n, p, x) {
+      c && T.send({ type: "react", conversationId: c, messageId: n, emoji: p, remove: x });
     },
     onCsat(n) {
-      r && fetch(`${b}/conversations/${r}/csat`, {
+      c && fetch(`${b}/conversations/${c}/csat`, {
         method: "POST",
-        headers: { "Content-Type": "application/json", Authorization: `Bearer ${a}` },
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${r}` },
         body: JSON.stringify({ score: n })
       }).catch(() => {
       });
     },
     onAnnotate(n) {
-      r && k.send({ type: "annotate", conversationId: r, stroke: n });
+      c && T.send({ type: "annotate", conversationId: c, stroke: n });
     },
     onAnnotateClear() {
-      r && k.send({ type: "annotate_clear", conversationId: r });
+      c && T.send({ type: "annotate_clear", conversationId: c });
     },
-    ...o.translateLang ? {
+    ...t.translateLang ? {
       async onTranslate(n) {
         try {
           const p = await fetch(`${b}/translate`, {
             method: "POST",
-            headers: { "content-type": "application/json", authorization: `Bearer ${a}` },
-            body: JSON.stringify({ text: n, targetLang: o.translateLang })
+            headers: { "content-type": "application/json", authorization: `Bearer ${r}` },
+            body: JSON.stringify({ text: n, targetLang: t.translateLang })
           });
           if (!p.ok) return null;
-          const { translated: g } = await p.json();
-          return g;
+          const { translated: x } = await p.json();
+          return x;
         } catch {
           return null;
         }
       }
     } : {},
-    ...o.onBack ? { onBack: o.onBack } : {}
+    ...t.onBack ? { onBack: t.onBack } : {}
   }, {
-    ...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
+    ...t.subject ? { subject: t.subject } : {},
+    ...t.quickReplies ? { quickReplies: t.quickReplies } : {},
+    ...t.accent ? { accent: t.accent } : {},
+    ...(de = t.user) != null && de.name || (pe = t.user) != null && pe.avatar ? { userInfo: { ...t.user.name ? { name: t.user.name } : {}, ...t.user.avatar ? { avatar: t.user.avatar } : {} } } : {},
+    i18n: Ce
   });
   try {
-    localStorage.getItem(V) && j.completePreChat();
+    localStorage.getItem(ae) && $.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 = {
+  const ce = 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, Ie = {
     type: "open",
-    profileId: o.profileId,
+    profileId: t.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 } : {},
+    ...t.kind === "direct" && t.peerId ? { kind: "direct", peerId: t.peerId } : t.subjectId ? { subjectId: t.subjectId } : {},
+    ...a ? { linkFrom: a } : {},
+    ...ce ? { userInfo: ce } : {},
     ...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.
-    ...(Z = o.subject) != null && Z.title ? { subjectTitle: o.subject.title } : {},
-    ...(ee = o.subject) != null && ee.subtitle ? { subjectMeta: o.subject.subtitle } : {}
+    ...(he = t.subject) != null && he.title ? { subjectTitle: t.subject.title } : {},
+    ...(ue = t.subject) != null && ue.subtitle ? { subjectMeta: t.subject.subtitle } : {}
   };
-  k = new ge({
-    ...o.refreshToken ? { refreshToken: o.refreshToken } : {},
+  T = new Re({
+    ...t.refreshToken ? { refreshToken: t.refreshToken } : {},
     url: f,
-    token: a,
-    open: de,
+    token: r,
+    open: Ie,
     getCursor: () => d.highestSeq(),
-    onStatusChange: (n, p) => j.setConnStatus(n, p),
+    onStatusChange: (n, p) => $.setConnStatus(n, p),
     onFrame(n) {
-      if (K.apply(n), n.type === "opened") {
-        if (r = n.conversation.id, !u) {
+      if (re.apply(n), n.type === "opened") {
+        if (c = n.conversation.id, !u) {
           u = !0;
           for (const p of v.load())
-            k.send({ type: "send", conversationId: r, clientMsgId: p.clientMsgId, content: p.content });
+            T.send({ type: "send", conversationId: c, clientMsgId: p.clientMsgId, content: p.content });
         }
-        we(f, a, r, d, j, b), P.length && z(r);
+        $e(f, r, c, d, $, b), O.length && U(c);
       }
       if (n.type === "ack" && v.remove(n.clientMsgId), n.type === "prekeyBundle") {
-        n.bundle && (Y = !0, x.x3dhSendTo(n.bundle).then((p) => {
-          const g = [...B.splice(0), ...D.splice(0)];
-          for (const E of g) ie(E.clientMsgId, E.text, p);
-          j.render(d);
+        n.bundle && (se = !0, B.x3dhSendTo(n.bundle).then((p) => {
+          const x = [...S.splice(0), ...q.splice(0)];
+          for (const L of x) ye(L.clientMsgId, L.text, p);
+          $.render(d);
         }));
         return;
       }
       if (n.type === "message" && d.e2e) {
-        const p = ye(n.message.content);
-        if (p && !x.ready) {
-          x.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
-            await x.openFrame(n), d.apply(n), j.render(d);
+        const p = Oe(n.message.content);
+        if (p && !B.ready) {
+          B.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
+            await B.openFrame(n), d.apply(n), $.render(d);
           });
           return;
         }
       }
       if (n.type === "peerkey") {
-        x.onPeerKey(n.key).then(() => {
-          se(), j.render(d);
+        B.onPeerKey(n.key).then(() => {
+          ve(), $.render(d);
         });
         return;
       }
       (async () => {
-        if (d.e2e && await x.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 x.initX3DH();
-          k.send({ type: "uploadPrekeys", ...p });
-          const g = await x.begin();
-          k.send({ type: "pubkey", conversationId: r, key: g });
+        if (d.e2e && await B.openFrame(n), d.apply(n), n.type === "manifest" && (w == null || w()), n.type === "message" && n.message.senderId !== r && !n.message.internal && (R(), A()), d.e2e && c && !m) {
+          m = !0;
+          const p = await B.initX3DH();
+          T.send({ type: "uploadPrekeys", ...p });
+          const x = await B.begin();
+          T.send({ type: "pubkey", conversationId: c, key: x });
         }
-        j.render(d);
+        $.render(d);
       })();
     }
-  }), k.connect(), j.render(d);
-  const M = o.launcher ? ne(o) : null, H = { close: () => {
-    s = !0, clearTimeout(i), k.close(), m == null || m.remove(), j.destroy(), K.destroy(), l && C && l.removeEventListener("change", C), R.delete(o.el), M && U.get(M) === H && U.delete(M);
+  }), T.connect(), $.render(d);
+  const _ = t.launcher ? ge(t) : null, W = { close: () => {
+    s = !0, clearTimeout(i), T.close(), k == null || k.remove(), $.destroy(), re.destroy(), l && E && l.removeEventListener("change", E), g && (document.removeEventListener("keydown", g), g = null), H.delete(t.el), _ && X.get(_) === W && X.delete(_);
   } };
-  return R.set(o.el, H), M && U.set(M, H), H;
+  return H.set(t.el, W), _ && X.set(_, W), W;
 }
 export {
-  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
+  Me as ChatStore,
+  Re as ConnectionManager,
+  qe as E2ESession,
+  Be as PersistentOutbox,
+  Ye as Renderer,
+  at as asConversationId,
+  Oe as extractX3DHInit,
+  st as httpBaseFromWsUrl,
+  ot as mount,
+  Ae as resolveRelayUrls,
+  $e as restoreHistory,
+  tt as unmount
 };
 //# sourceMappingURL=index.js.map