@paramms/chat-widget 1.0.25 → 1.0.27

package/dist/index.js

@@ -2,8 +2,8 @@ var De = Object.defineProperty;
 var _e = (s, e, t) => e in s ? De(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var a = (s, e, t) => _e(s, typeof e != "symbol" ? e + "" : e, t);
 import { p as $e, r as He, a as Re } from "./uid.js";
-import { h as en } from "./uid.js";
-const Yt = (s) => s;
+import { h as nn } from "./uid.js";
+const Gt = (s) => s;
 function Fe(s) {
   const e = s.length;
   let t = 0, n = 0;
@@ -36,8 +36,8 @@ function je(s, e, t) {
         e[i++] = r >> 6 & 31 | 192;
       else {
         if (r >= 55296 && r <= 56319 && o < n) {
-          const h = s.charCodeAt(o);
-          (h & 64512) === 56320 && (++o, r = ((r & 1023) << 10) + (h & 1023) + 65536);
+          const p = s.charCodeAt(o);
+          (p & 64512) === 56320 && (++o, r = ((r & 1023) << 10) + (p & 1023) + 65536);
         }
         r & 4294901760 ? (e[i++] = r >> 18 & 7 | 240, e[i++] = r >> 12 & 63 | 128, e[i++] = r >> 6 & 63 | 128) : (e[i++] = r >> 12 & 15 | 224, e[i++] = r >> 6 & 63 | 128);
       }
@@ -61,21 +61,21 @@ function ke(s, e, t) {
   const i = n + t, o = [];
   let r = "";
   for (; n < i; ) {
-    const h = s[n++];
-    if (!(h & 128))
-      o.push(h);
-    else if ((h & 224) === 192) {
+    const p = s[n++];
+    if (!(p & 128))
+      o.push(p);
+    else if ((p & 224) === 192) {
       const w = s[n++] & 63;
-      o.push((h & 31) << 6 | w);
-    } else if ((h & 240) === 224) {
+      o.push((p & 31) << 6 | w);
+    } else if ((p & 240) === 224) {
       const w = s[n++] & 63, d = s[n++] & 63;
-      o.push((h & 31) << 12 | w << 6 | d);
-    } else if ((h & 248) === 240) {
+      o.push((p & 31) << 12 | w << 6 | d);
+    } else if ((p & 248) === 240) {
       const w = s[n++] & 63, d = s[n++] & 63, v = s[n++] & 63;
-      let x = (h & 7) << 18 | w << 12 | d << 6 | v;
+      let x = (p & 7) << 18 | w << 12 | d << 6 | v;
       x > 65535 && (x -= 65536, o.push(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), o.push(x);
     } else
-      o.push(h);
+      o.push(p);
     o.length >= We && (r += String.fromCharCode(...o), o.length = 0);
   }
   return o.length > 0 && (r += String.fromCharCode(...o)), r;
@@ -107,7 +107,7 @@ class z extends Error {
   }
 }
 const q = 4294967295;
-function Qe(s, e, t) {
+function Ze(s, e, t) {
   const n = t / 4294967296, i = t;
   s.setUint32(e, n), s.setUint32(e + 4, i);
 }
@@ -119,7 +119,7 @@ function Ie(s, e) {
   const t = s.getInt32(e), n = s.getUint32(e + 4);
   return t * 4294967296 + n;
 }
-function Ze(s, e) {
+function Qe(s, e) {
   const t = s.getUint32(e), n = s.getUint32(e + 4);
   return t * 4294967296 + n;
 }
@@ -228,7 +228,7 @@ const ct = {
   }
 };
 a(te, "defaultCodec", new te());
-let Z = te;
+let Q = te;
 function dt(s) {
   return s instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && s instanceof SharedArrayBuffer;
 }
@@ -251,7 +251,7 @@ class ce {
     a(this, "view");
     a(this, "bytes");
     a(this, "entered", !1);
-    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Z.defaultCodec, this.context = e == null ? void 0 : e.context, this.useBigInt64 = (e == null ? void 0 : e.useBigInt64) ?? !1, this.maxDepth = (e == null ? void 0 : e.maxDepth) ?? lt, this.initialBufferSize = (e == null ? void 0 : e.initialBufferSize) ?? ht, this.sortKeys = (e == null ? void 0 : e.sortKeys) ?? !1, this.forceFloat32 = (e == null ? void 0 : e.forceFloat32) ?? !1, this.ignoreUndefined = (e == null ? void 0 : e.ignoreUndefined) ?? !1, this.forceIntegerToFloat = (e == null ? void 0 : e.forceIntegerToFloat) ?? !1, this.pos = 0, this.view = new DataView(new ArrayBuffer(this.initialBufferSize)), this.bytes = new Uint8Array(this.view.buffer);
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Q.defaultCodec, this.context = e == null ? void 0 : e.context, this.useBigInt64 = (e == null ? void 0 : e.useBigInt64) ?? !1, this.maxDepth = (e == null ? void 0 : e.maxDepth) ?? lt, this.initialBufferSize = (e == null ? void 0 : e.initialBufferSize) ?? ht, this.sortKeys = (e == null ? void 0 : e.sortKeys) ?? !1, this.forceFloat32 = (e == null ? void 0 : e.forceFloat32) ?? !1, this.ignoreUndefined = (e == null ? void 0 : e.ignoreUndefined) ?? !1, this.forceIntegerToFloat = (e == null ? void 0 : e.forceIntegerToFloat) ?? !1, this.pos = 0, this.view = new DataView(new ArrayBuffer(this.initialBufferSize)), this.bytes = new Uint8Array(this.view.buffer);
   }
   clone() {
     return new ce({
@@ -459,7 +459,7 @@ class ce {
     this.ensureBufferSizeToWrite(8), this.view.setFloat64(this.pos, e), this.pos += 8;
   }
   writeU64(e) {
-    this.ensureBufferSizeToWrite(8), Qe(this.view, this.pos, e), this.pos += 8;
+    this.ensureBufferSizeToWrite(8), Ze(this.view, this.pos, e), this.pos += 8;
   }
   writeI64(e) {
     this.ensureBufferSizeToWrite(8), Se(this.view, this.pos, e), this.pos += 8;
@@ -496,8 +496,8 @@ class wt {
     const i = this.caches[n - 1];
     e: for (const o of i) {
       const r = o.bytes;
-      for (let h = 0; h < n; h++)
-        if (r[h] !== e[t + h])
+      for (let p = 0; p < n; p++)
+        if (r[p] !== e[t + p])
           continue e;
       return o.str;
     }
@@ -600,7 +600,7 @@ class le {
     a(this, "headByte", O);
     a(this, "stack", new yt());
     a(this, "entered", !1);
-    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Z.defaultCodec, this.context = e == null ? void 0 : e.context, this.useBigInt64 = (e == null ? void 0 : e.useBigInt64) ?? !1, this.rawStrings = (e == null ? void 0 : e.rawStrings) ?? !1, this.maxStrLength = (e == null ? void 0 : e.maxStrLength) ?? q, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? q, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? q, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? q, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? q, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : bt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? xt;
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Q.defaultCodec, this.context = e == null ? void 0 : e.context, this.useBigInt64 = (e == null ? void 0 : e.useBigInt64) ?? !1, this.rawStrings = (e == null ? void 0 : e.rawStrings) ?? !1, this.maxStrLength = (e == null ? void 0 : e.maxStrLength) ?? q, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? q, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? q, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? q, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? q, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : bt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? xt;
   }
   clone() {
     return new le({
@@ -673,10 +673,10 @@ class le {
     try {
       this.entered = !0;
       let t = !1, n;
-      for await (const h of e) {
+      for await (const p of e) {
         if (t)
           throw this.entered = !1, this.createExtraByteError(this.totalPos);
-        this.appendBuffer(h);
+        this.appendBuffer(p);
         try {
           n = this.doDecodeSync(), t = !0;
         } catch (w) {
@@ -975,7 +975,7 @@ class le {
     return this.pos += 4, e;
   }
   readU64() {
-    const e = Ze(this.view, this.pos);
+    const e = Qe(this.view, this.pos);
     return this.pos += 8, e;
   }
   readI64() {
@@ -1203,6 +1203,7 @@ class Et {
     a(this, "socket", null);
     a(this, "state", "idle");
     a(this, "authed", !1);
+    a(this, "everAuthed", !1);
     a(this, "attempt", 0);
     a(this, "outbox", []);
     a(this, "stopped", !1);
@@ -1213,7 +1214,7 @@ class Et {
     var n, i;
     if (this.state === "connecting" || this.state === "open") return;
     this.stopped = !1, this.state = "connecting", this.authed = !1, (i = (n = this.opts).onStatusChange) == null || i.call(n, this.attempt > 0 ? "reconnecting" : "connecting");
-    const t = (this.opts.socketFactory ?? Tt)(this.opts.url);
+    const t = (this.opts.socketFactory ?? Pt)(this.opts.url);
     t.binaryType = "arraybuffer", this.socket = t, t.onopen = () => {
       this.raw({ type: "auth", token: this.opts.token });
     }, t.onmessage = (o) => {
@@ -1246,8 +1247,17 @@ class Et {
     }
   }
   handle(e) {
-    var t, n;
-    e.type === "authed" && (this.attempt = 0, this.state = "open", this.authed = !0, (n = (t = this.opts).onStatusChange) == null || n.call(t, "open"), this.raw(this.opts.open), this.flush()), e.type === "opened" && this.raw({ type: "sync", conversationId: e.conversation.id, sinceSeq: this.opts.getCursor() }), this.opts.onFrame(e);
+    var t, n, i, o, r;
+    if (e.type === "authed" && (this.attempt = 0, this.state = "open", this.authed = !0, this.everAuthed = !0, (n = (t = this.opts).onStatusChange) == null || n.call(t, "open"), this.raw(this.opts.open), this.flush()), e.type === "opened" && this.raw({ type: "sync", conversationId: e.conversation.id, sinceSeq: this.opts.getCursor() }), e.type === "error" && Tt.has(e.code)) {
+      this.stopped = !0;
+      try {
+        (i = this.socket) == null || i.close();
+      } catch {
+      }
+      this.state = "closed", (r = (o = this.opts).onStatusChange) == null || r.call(o, "error", Ut(e.code)), this.opts.onFrame(e);
+      return;
+    }
+    this.opts.onFrame(e);
   }
   flush() {
     const e = this.outbox;
@@ -1263,20 +1273,30 @@ class Et {
     }
   }
   onClosed() {
+    var i, o;
     if (this.authed = !1, this.socket = null, this.stopped) {
       this.state = "closed";
       return;
     }
     this.state = "idle";
     const e = this.opts.backoffBaseMs ?? 500, t = this.opts.backoffMaxMs ?? 15e3, n = Math.min(t, e * 2 ** this.attempt) * (0.5 + Math.random() * 0.5);
-    this.attempt++, this.timer = setTimeout(() => this.connect(), n);
+    this.attempt++, this.attempt >= 3 && !this.everAuthed && ((o = (i = this.opts).onStatusChange) == null || o.call(i, "reconnecting", "Can't reach chat — retrying…")), this.timer = setTimeout(() => this.connect(), n);
   }
 }
-function Tt(s) {
+const Tt = /* @__PURE__ */ new Set(["UNAUTHORIZED"]);
+function Ut(s) {
+  switch (s) {
+    case "UNAUTHORIZED":
+      return "Chat unavailable — sign-in/token was rejected";
+    default:
+      return "Chat unavailable";
+  }
+}
+function Pt(s) {
   return new WebSocket(s);
 }
-const ge = 200, Ut = 7 * 864e5;
-class Pt {
+const ge = 200, Bt = 7 * 864e5;
+class At {
   constructor(e) {
     a(this, "key");
     this.key = `ocw_outbox_${e}`;
@@ -1286,7 +1306,7 @@ class Pt {
     try {
       const e = localStorage.getItem(this.key);
       if (!e) return [];
-      const t = JSON.parse(e), n = Date.now() - Ut, i = t.filter((o) => o.ts >= n);
+      const t = JSON.parse(e), n = Date.now() - Bt, i = t.filter((o) => o.ts >= n);
       return i.length !== t.length && this.save(i), i;
     } catch {
       return [];
@@ -1336,7 +1356,7 @@ async function _(s) {
 async function F(s) {
   return C().importKey("raw", ae(s), { name: "ECDH", namedCurve: "P-256" }, !1, []);
 }
-async function Bt(s, e) {
+async function Kt(s, e) {
   const t = await F(e);
   return C().deriveKey(
     { name: "ECDH", public: t },
@@ -1346,21 +1366,21 @@ async function Bt(s, e) {
     ["encrypt", "decrypt"]
   );
 }
-async function Kt(s, e) {
+async function zt(s, e) {
   const t = globalThis.crypto.getRandomValues(new Uint8Array(12)), n = new TextEncoder().encode(e), i = await C().encrypt({ name: "AES-GCM", iv: t }, s, n);
   return { ct: ee(i), iv: ee(t) };
 }
-async function At(s, e, t) {
+async function Lt(s, e, t) {
   const n = await C().decrypt({ name: "AES-GCM", iv: ae(t) }, s, ae(e));
   return new TextDecoder().decode(n);
 }
-async function zt(s) {
+async function Mt(s) {
   var t, n;
   try {
     const i = (t = globalThis.localStorage) == null ? void 0 : t.getItem(s);
     if (i) {
-      const { pub: o, priv: r } = JSON.parse(i), h = await C().importKey("jwk", o, { name: "ECDH", namedCurve: "P-256" }, !0, []), w = await C().importKey("jwk", r, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
-      return { publicKey: h, privateKey: w };
+      const { pub: o, priv: r } = JSON.parse(i), p = await C().importKey("jwk", o, { name: "ECDH", namedCurve: "P-256" }, !0, []), w = await C().importKey("jwk", r, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
+      return { publicKey: p, privateKey: w };
     }
   } catch {
   }
@@ -1372,11 +1392,11 @@ async function zt(s) {
   }
   return e;
 }
-async function Lt(s, e) {
+async function Dt(s, e) {
   const t = await C().exportKey("raw", e), n = await C().sign({ name: "ECDSA", hash: "SHA-256" }, s, t);
   return ee(n);
 }
-async function Mt() {
+async function _t() {
   const s = await V(), e = await C().generateKey({ name: "ECDSA", namedCurve: "P-256" }, !0, ["sign", "verify"]);
   return {
     ecdhKP: s,
@@ -1390,9 +1410,9 @@ async function be(s) {
   try {
     const i = (t = globalThis.localStorage) == null ? void 0 : t.getItem(`${s}-identity`);
     if (i) {
-      const o = JSON.parse(i), r = await C().importKey("jwk", o.ecdhPub, { name: "ECDH", namedCurve: "P-256" }, !0, []), h = await C().importKey("jwk", o.ecdhPriv, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]), w = await C().importKey("jwk", o.ecdsaPub, { name: "ECDSA", namedCurve: "P-256" }, !0, ["verify"]), d = await C().importKey("jwk", o.ecdsaPriv, { name: "ECDSA", namedCurve: "P-256" }, !0, ["sign"]);
+      const o = JSON.parse(i), r = await C().importKey("jwk", o.ecdhPub, { name: "ECDH", namedCurve: "P-256" }, !0, []), p = await C().importKey("jwk", o.ecdhPriv, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]), w = await C().importKey("jwk", o.ecdsaPub, { name: "ECDSA", namedCurve: "P-256" }, !0, ["verify"]), d = await C().importKey("jwk", o.ecdsaPriv, { name: "ECDSA", namedCurve: "P-256" }, !0, ["sign"]);
       return {
-        ecdhKP: { publicKey: r, privateKey: h },
+        ecdhKP: { publicKey: r, privateKey: p },
         ecdsaKP: { publicKey: w, privateKey: d },
         publicKeyB64: await _(r),
         sigPublicKeyB64: await _(w)
@@ -1400,20 +1420,20 @@ async function be(s) {
     }
   } catch {
   }
-  const e = await Mt();
+  const e = await _t();
   try {
-    const i = await C().exportKey("jwk", e.ecdhKP.publicKey), o = await C().exportKey("jwk", e.ecdhKP.privateKey), r = await C().exportKey("jwk", e.ecdsaKP.publicKey), h = await C().exportKey("jwk", e.ecdsaKP.privateKey);
-    (n = globalThis.localStorage) == null || n.setItem(`${s}-identity`, JSON.stringify({ ecdhPub: i, ecdhPriv: o, ecdsaPub: r, ecdsaPriv: h }));
+    const i = await C().exportKey("jwk", e.ecdhKP.publicKey), o = await C().exportKey("jwk", e.ecdhKP.privateKey), r = await C().exportKey("jwk", e.ecdsaKP.publicKey), p = await C().exportKey("jwk", e.ecdsaKP.privateKey);
+    (n = globalThis.localStorage) == null || n.setItem(`${s}-identity`, JSON.stringify({ ecdhPub: i, ecdhPriv: o, ecdsaPub: r, ecdsaPriv: p }));
   } catch {
   }
   return e;
 }
-async function Dt(s, e) {
-  const t = await V(), n = await _(t.publicKey), i = await F(e.identityKey), o = await F(e.signedPrekey), r = e.oneTimePrekey ? await F(e.oneTimePrekey) : null, h = await D(s.privateKey, o), w = await D(t.privateKey, i), d = await D(t.privateKey, o), v = r ? await D(t.privateKey, r) : null, x = Ee(h, w, d, ...v ? [v] : []);
+async function $t(s, e) {
+  const t = await V(), n = await _(t.publicKey), i = await F(e.identityKey), o = await F(e.signedPrekey), r = e.oneTimePrekey ? await F(e.oneTimePrekey) : null, p = await D(s.privateKey, o), w = await D(t.privateKey, i), d = await D(t.privateKey, o), v = r ? await D(t.privateKey, r) : null, x = Ee(p, w, d, ...v ? [v] : []);
   return { sharedKey: await Te(x), ephemeralPublicKey: n };
 }
-async function _t(s, e, t, n, i) {
-  const o = await F(t), r = await F(n), h = await D(e.privateKey, o), w = await D(s.privateKey, r), d = await D(e.privateKey, r), v = i ? await D(i.privateKey, r) : null, x = Ee(h, w, d, ...v ? [v] : []);
+async function Ht(s, e, t, n, i) {
+  const o = await F(t), r = await F(n), p = await D(e.privateKey, o), w = await D(s.privateKey, r), d = await D(e.privateKey, r), v = i ? await D(i.privateKey, r) : null, x = Ee(p, w, d, ...v ? [v] : []);
   return Te(x);
 }
 async function D(s, e) {
@@ -1436,8 +1456,8 @@ async function Te(s) {
     ["encrypt", "decrypt"]
   );
 }
-const $t = 20;
-class Ht {
+const Rt = 20;
+class Ft {
   constructor(e) {
     // Live ECDH mode state
     a(this, "kp");
@@ -1458,19 +1478,19 @@ class Ht {
   }
   /** Live ECDH mode: Generate/restore our keypair and return our public key to publish. */
   async begin() {
-    return this.kp = await zt(this.storageKey), _(this.kp.publicKey);
+    return this.kp = await Mt(this.storageKey), _(this.kp.publicKey);
   }
   /** Live ECDH mode: A peer published their key — derive the shared secret. */
   async onPeerKey(e) {
-    this.kp && (this.shared = await Bt(this.kp.privateKey, e));
+    this.kp && (this.shared = await Kt(this.kp.privateKey, e));
   }
   // ── X3DH async mode ────────────────────────────────────────────────────────
   /** X3DH: Generate identity key, signed prekey, and OTP prekeys.
    *  Returns the upload frame payload the caller should send to the server. */
   async initX3DH() {
     this.identityKP = await be(this.storageKey), this.signedPreKP = await V(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    for (let i = 0; i < $t; i++) this.otpKeys.push(await V());
-    const e = await _(this.signedPreKP.publicKey), t = await Lt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => _(i.publicKey)));
+    for (let i = 0; i < Rt; i++) this.otpKeys.push(await V());
+    const e = await _(this.signedPreKP.publicKey), t = await Dt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => _(i.publicKey)));
     return {
       identityKey: this.identityKP.publicKeyB64,
       signedPrekey: e,
@@ -1483,7 +1503,7 @@ class Ht {
    *  return the init message fields to embed in the first encrypted message. */
   async x3dhSendTo(e) {
     this.identityKP || (this.identityKP = await be(this.storageKey));
-    const { sharedKey: t, ephemeralPublicKey: n } = await Dt(this.identityKP.ecdhKP, e);
+    const { sharedKey: t, ephemeralPublicKey: n } = await $t(this.identityKP.ecdhKP, e);
     return this.x3dhShared = t, { ephemeralKey: n, spkId: e.signedPrekeyId, usedOTP: !!e.oneTimePrekey, senderIK: this.identityKP.publicKeyB64 };
   }
   /** X3DH recipient: given an init message's sender IK + EK + SPK ID, derive the shared key. */
@@ -1493,7 +1513,7 @@ class Ht {
       return;
     }
     const i = this.otpKeys.shift();
-    this.x3dhShared = await _t(this.identityKP.ecdhKP, this.signedPreKP, e, t, i);
+    this.x3dhShared = await Ht(this.identityKP.ecdhKP, this.signedPreKP, e, t, i);
   }
   /** Flush pending X3DH derivation after initX3DH() completes. */
   async flushPendingX3DH() {
@@ -1506,7 +1526,7 @@ class Ht {
   async sealText(e, t) {
     const n = this.x3dhShared ?? this.shared;
     if (!n) throw new Error("secure channel not ready");
-    const { ct: i, iv: o } = await Kt(n, e);
+    const { ct: i, iv: o } = await zt(n, e);
     return {
       kind: "text",
       text: i,
@@ -1521,7 +1541,7 @@ class Ht {
     const t = this.x3dhShared ?? this.shared;
     if (!t) return { kind: "text", text: "🔒 encrypted" };
     try {
-      return { kind: "text", text: await At(t, e.text, e.iv) };
+      return { kind: "text", text: await Lt(t, e.text, e.iv) };
     } catch {
       return { kind: "text", text: "🔒 unable to decrypt" };
     }
@@ -1533,12 +1553,12 @@ class Ht {
       for (const t of e.messages) t.content = await this.openContent(t.content);
   }
 }
-function Rt(s) {
+function jt(s) {
   if (s.kind !== "text" || !s.enc) return null;
   const e = s;
   return !e.x3dhEK || !e.x3dhSPK || !e.x3dhIK ? null : { x3dhEK: e.x3dhEK, x3dhSPK: e.x3dhSPK, x3dhIK: e.x3dhIK };
 }
-const me = "objectchat-widget-styles", Ft = ["👍", "❤️", "😂", "😮", "😢", "🙏"], jt = `
+const me = "objectchat-widget-styles", qt = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Ot = `
 .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);
@@ -1623,6 +1643,7 @@ const me = "objectchat-widget-styles", Ft = ["👍", "❤️", "😂", "😮", "
 .ocw-appt-btn-sec { background:#fff; color:var(--ocw-accent); border:1px solid var(--ocw-accent); }
 .ocw-conn-status { font-size:10px; color:var(--ocw-mut); margin-left:4px; }
 .ocw-conn-status.warn { color:#e67e22; }
+.ocw-conn-status.err { color:#c0392b; font-weight:600; }
 .ocw-load-more { display:block; width:100%; background:none; border:1px solid #e3ded7; border-radius:10px; padding:6px 0; font-size:12px; color:var(--ocw-mut); cursor:pointer; margin-bottom:8px; }
 .ocw-load-more:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
 .ocw-offline { margin:20px 14px; padding:20px; background:#fff; border:1px solid #e3ded7; border-radius:16px; text-align:center; }
@@ -1697,16 +1718,16 @@ const me = "objectchat-widget-styles", Ft = ["👍", "❤️", "😂", "😮", "
 .ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
 .ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
 `;
-function qt() {
+function Nt() {
   if (typeof document > "u" || document.getElementById(me)) return;
   const s = document.createElement("style");
-  s.id = me, s.textContent = jt, document.head.appendChild(s);
+  s.id = me, s.textContent = Ot, document.head.appendChild(s);
 }
 function c(s, e, t) {
   const n = document.createElement(s);
   return e && (n.className = e), t !== void 0 && (n.textContent = t), n;
 }
-function Ot(s) {
+function Vt(s) {
   try {
     return new Date(s).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   } catch {
@@ -1730,7 +1751,7 @@ function se(s) {
       return `📅 ${s.title} — ${new Date(s.startIso).toLocaleString()}`;
   }
 }
-class Nt {
+class Wt {
   /** Last seq the guest has seen per conversationId — used to compute unread badges. */
   constructor(e, t, n, i = {}) {
     a(this, "scroll");
@@ -1763,8 +1784,8 @@ class Nt {
     a(this, "translationCache", /* @__PURE__ */ new Map());
     a(this, "showingTranslation", /* @__PURE__ */ new Set());
     a(this, "subjectBuilt", !1);
-    var m, g, U, K, P, A, b, S, M;
-    this.root = e, this.me = t, this.h = n, this.cfg = i, qt(), e.replaceChildren(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
+    var m, g, U, A, P, K, b, S, M;
+    this.root = e, this.me = t, this.h = n, this.cfg = i, Nt(), e.replaceChildren(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
     const o = c("div", "ocw-head"), r = c("div", "ocw-avatar");
     if ((m = i.userInfo) != null && m.avatar) {
       const k = document.createElement("img");
@@ -1772,8 +1793,8 @@ class Nt {
     } else
       r.textContent = (g = i.userInfo) != null && g.name ? i.userInfo.name[0].toUpperCase() : "🧑";
     o.append(r);
-    const h = c("div", "ocw-head-main");
-    this.headerName = c("div", "ocw-head-name", ((U = i.subject) == null ? void 0 : U.ownerLabel) ?? ((K = i.subject) == null ? void 0 : K.title) ?? ""), h.append(this.headerName), (P = i.subject) != null && P.subtitle && h.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(h), this.statusBadge = c("span", "ocw-badge", ((A = i.subject) == null ? void 0 : A.status) ?? ""), (b = i.subject) != null && b.status || (this.statusBadge.style.display = "none"), o.append(this.statusBadge), this.e2eBadge = c("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", o.append(this.e2eBadge), this.connStatus = c("span", "ocw-conn-status"), this.connStatus.style.display = "none", o.append(this.connStatus), this.cobrowseBtn = c("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
+    const p = c("div", "ocw-head-main");
+    this.headerName = c("div", "ocw-head-name", ((U = i.subject) == null ? void 0 : U.ownerLabel) ?? ((A = i.subject) == null ? void 0 : A.title) ?? ""), p.append(this.headerName), (P = i.subject) != null && P.subtitle && p.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(p), this.statusBadge = c("span", "ocw-badge", ((K = i.subject) == null ? void 0 : K.status) ?? ""), (b = i.subject) != null && b.status || (this.statusBadge.style.display = "none"), o.append(this.statusBadge), this.e2eBadge = c("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", o.append(this.e2eBadge), this.connStatus = c("span", "ocw-conn-status"), this.connStatus.style.display = "none", o.append(this.connStatus), this.cobrowseBtn = c("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();
     }), o.append(this.cobrowseBtn), o.append(c("button", "ocw-menu", "⋯")), this.chips = c("div", "ocw-chiprow"), this.scroll = c("div", "ocw-scroll"), this.subjectCard = c("div", "ocw-subject"), this.typing = c("div", "ocw-typing");
     const w = c("div", "ocw-typing-bubble");
@@ -1847,7 +1868,7 @@ class Nt {
       const f = (d = this.cfg.subject) == null ? void 0 : d.ownerLabel;
       f && (this.headerName.textContent = f);
     }
-    this.chips.replaceChildren();
+    this.quick.style.display = e.messages().length === 0 ? "flex" : "none", this.chips.replaceChildren();
     const t = e.visibleActions();
     this.chips.style.display = t.length ? "flex" : "none";
     for (const f of t) this.chips.append(this.chipEl(f));
@@ -1862,21 +1883,23 @@ class Nt {
     i > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - n + i : this.scroll.scrollTop = this.scroll.scrollHeight, o > 0 && this.h.onReadUpTo(o);
     const r = [...e.typing];
     this.typing.classList.toggle("active", r.length > 0);
-    const h = this.typing.querySelector(".ocw-typing-bubble");
-    h && h.setAttribute("aria-label", r.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (v = this.root.querySelector(".ocw-input")) == null || v.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (x = this.root.querySelector(".ocw-input")) == null || x.style.removeProperty("display"));
+    const p = this.typing.querySelector(".ocw-typing-bubble");
+    p && p.setAttribute("aria-label", r.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (v = this.root.querySelector(".ocw-input")) == null || v.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (x = this.root.querySelector(".ocw-input")) == null || x.style.removeProperty("display"));
     const w = ["resolved", "closed", "sold", "issued", "checked_out"];
     this.h.onCsat && !this.csatSubmitted && w.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
   }
-  setConnStatus(e) {
+  setConnStatus(e, t) {
     if (e === "open") {
       this.connStatus.style.display = "none";
       return;
     }
-    this.connStatus.style.display = "", this.connStatus.className = `ocw-conn-status${e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = e === "reconnecting" ? "↻ reconnecting…" : "● connecting…";
+    this.connStatus.style.display = "";
+    const n = e === "error";
+    this.connStatus.className = `ocw-conn-status${n ? " err" : e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = n ? `⚠ ${t ?? "Chat unavailable"}` : e === "reconnecting" ? t ?? "↻ reconnecting…" : "● connecting…";
   }
   buildOfflinePanel(e) {
-    var h;
-    this.offlinePanel.replaceChildren(), this.offlinePanel.append(c("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(c("div", "ocw-offline-title", ((h = this.cfg.i18n) == null ? void 0 : h.offline) ?? "We're offline right now")), this.offlinePanel.append(c("div", "ocw-offline-msg", e || "Leave your details and we'll get back to you soon."));
+    var p;
+    this.offlinePanel.replaceChildren(), this.offlinePanel.append(c("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(c("div", "ocw-offline-title", ((p = this.cfg.i18n) == null ? void 0 : p.offline) ?? "We're offline right now")), this.offlinePanel.append(c("div", "ocw-offline-msg", e || "Leave your details and we'll get back to you soon."));
     const t = c("div", "ocw-offline-form"), n = c("input", "ocw-offline-input");
     n.placeholder = "Your name", n.type = "text";
     const i = c("input", "ocw-offline-input");
@@ -1933,7 +1956,7 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
   bindCobrowsePointerEvents() {
     let e = !1, t = [];
     const n = (r) => {
-      const h = this.cobrowseCanvas.getBoundingClientRect(), w = h.width > 0 ? (r.clientX - h.left) / h.width : 0, d = h.height > 0 ? (r.clientY - h.top) / h.height : 0;
+      const p = this.cobrowseCanvas.getBoundingClientRect(), w = p.width > 0 ? (r.clientX - p.left) / p.width : 0, d = p.height > 0 ? (r.clientY - p.top) / p.height : 0;
       return { x: Math.min(1, Math.max(0, w)), y: Math.min(1, Math.max(0, d)) };
     }, i = 6e-3;
     this.cobrowseCanvas.addEventListener("pointerdown", (r) => {
@@ -1942,9 +1965,9 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
       e && (t.push(n(r)), this.redrawCobrowse(), this.drawStroke({ points: t, color: this.cobrowseColor, width: i }));
     });
     const o = (r) => {
-      var h, w;
+      var p, w;
       if (e) {
-        e = !1, t.length > 1 && ((w = (h = this.h).onAnnotate) == null || w.call(h, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: t, color: this.cobrowseColor, width: i })), t = [];
+        e = !1, t.length > 1 && ((w = (p = this.h).onAnnotate) == null || w.call(p, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: t, color: this.cobrowseColor, width: i })), t = [];
         try {
           this.cobrowseCanvas.releasePointerCapture(r.pointerId);
         } catch {
@@ -1959,8 +1982,8 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
     if (!i) return;
     this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(c("div", "ocw-subject-title", i)), n != null && n.subtitle && this.subjectCard.append(c("div", "ocw-subject-sub", n.subtitle));
     const o = c("div", "ocw-tags");
-    if (t) for (const [h, w] of Object.entries(t.fields)) o.append(c("span", "ocw-tag", `${h}: ${w}`));
-    else for (const h of (n == null ? void 0 : n.tags) ?? []) o.append(c("span", "ocw-tag", h));
+    if (t) for (const [p, w] of Object.entries(t.fields)) o.append(c("span", "ocw-tag", `${p}: ${w}`));
+    else for (const p of (n == null ? void 0 : n.tags) ?? []) o.append(c("span", "ocw-tag", p));
     o.childNodes.length && this.subjectCard.append(o);
     const r = (t == null ? void 0 : t.state) ?? (n == null ? void 0 : n.status);
     r && (this.statusBadge.textContent = r, this.statusBadge.style.display = "inline-flex");
@@ -1977,25 +2000,25 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
     return new Promise((t) => {
       const n = c("div", "ocw-modal"), i = c("div", "ocw-modal-card");
       i.append(c("div", "ocw-modal-title", e)), i.append(c("div", "ocw-modal-body", `Confirm “${e}”?`));
-      const o = c("div", "ocw-modal-actions"), r = c("button", "ocw-modal-cancel", "Cancel"), h = c("button", "ocw-modal-ok", "Confirm"), w = (d) => {
+      const o = c("div", "ocw-modal-actions"), r = c("button", "ocw-modal-cancel", "Cancel"), p = c("button", "ocw-modal-ok", "Confirm"), w = (d) => {
         n.remove(), t(d);
       };
-      r.addEventListener("click", () => w(!1)), h.addEventListener("click", () => w(!0)), n.addEventListener("click", (d) => {
+      r.addEventListener("click", () => w(!1)), p.addEventListener("click", () => w(!0)), n.addEventListener("click", (d) => {
         d.target === n && w(!1);
-      }), o.append(r, h), i.append(o), n.append(i), this.root.append(n), h.focus();
+      }), o.append(r, p), i.append(o), n.append(i), this.root.append(n), p.focus();
     });
   }
   /** Inline form for a form-effect action: typed inputs (date picker, number,
    *  text) rendered above the composer — no browser prompts. */
   openForm(e) {
-    var h, w;
+    var p, w;
     this.formHost.replaceChildren();
     const t = c("div", "ocw-form");
     t.append(c("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
     const n = /* @__PURE__ */ new Map();
     for (const d of e.input ?? []) {
       const v = c("label", "ocw-form-row");
-      if (v.append(c("span", "ocw-form-lbl", d.label)), d.type === "select" && ((h = d.options) != null && h.length)) {
+      if (v.append(c("span", "ocw-form-lbl", d.label)), d.type === "select" && ((p = d.options) != null && p.length)) {
         const x = c("select", "ocw-form-input");
         d.required || x.append(c("option", void 0, "— select —"));
         for (const f of d.options) {
@@ -2030,7 +2053,7 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
     }
     const n = e.senderId === this.me, i = !!e.internal, o = c("div", `ocw-row ${i ? "ocw-note mine" : n ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
     !n && !i && o.append(c("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
-    const r = c("div"), h = c("div", "ocw-bubble-wrap");
+    const r = c("div"), p = c("div", "ocw-bubble-wrap");
     if (e.replyToId) {
       const f = c("div", "ocw-reply-to", "↩ replying to a message");
       f.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", r.append(f);
@@ -2056,7 +2079,7 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
       g.href = f.icalUrl, g.download = `${f.title}.ics`, g.className = "ocw-appt-btn ocw-appt-btn-sec", g.textContent = "🍎 Apple / iCal", I.append(m, g), u.append(I), w.append(u);
     } else
       d = document.createTextNode(se(e.content)), w.append(d), e.editedAt && w.append(c("span", "ocw-edited", "(edited)"));
-    if (h.append(w), !n && !i && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && d) {
+    if (p.append(w), !n && !i && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && d) {
       const f = e.content.text;
       if (f.trim()) {
         const u = c("button", "ocw-translate-btn", "🌐");
@@ -2079,7 +2102,7 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
             }
             this.translationCache.set(e.id, g), this.showingTranslation.add(e.id), d.textContent = g, u.textContent = "↩", u.title = "Show original";
           });
-        }), h.append(u);
+        }), p.append(u);
       }
     }
     if (n && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
@@ -2092,14 +2115,14 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
           g.value = m, g.rows = Math.min(4, Math.ceil(m.length / 40) + 1), g.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 U = c("button", "ocw-form-submit", "Save");
           U.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
-          const K = c("button", "ocw-form-cancel", "Cancel");
-          K.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
+          const A = c("button", "ocw-form-cancel", "Cancel");
+          A.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
           const P = c("div");
-          P.style.cssText = "display:flex;gap:6px;justify-content:flex-end", P.append(K, U);
-          const A = c("div");
-          A.append(g, P), w.replaceChildren(A), g.focus(), g.select();
+          P.style.cssText = "display:flex;gap:6px;justify-content:flex-end", P.append(A, U);
+          const K = c("div");
+          K.append(g, P), w.replaceChildren(K), g.focus(), g.select();
           const b = () => w.replaceChildren(d ?? document.createTextNode(m));
-          K.addEventListener("click", b), U.addEventListener("click", () => {
+          A.addEventListener("click", b), U.addEventListener("click", () => {
             const S = g.value.trim();
             S && S !== m && this.h.onEdit(e.id, S), b();
           }), g.addEventListener("keydown", (S) => {
@@ -2113,25 +2136,25 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
           I.stopPropagation(), this.h.onDelete(e.id);
         }), f.append(u);
       }
-      h.append(f);
+      p.append(f);
     }
-    if (r.append(h), this.h.onReact && !e.deletedAt && e.seq > 0) {
+    if (r.append(p), this.h.onReact && !e.deletedAt && e.seq > 0) {
       const f = c("div", "ocw-react-wrap"), u = c("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
         for (const [g, U] of Object.entries(e.reactions)) {
-          const K = c("button", `ocw-react-pill${U.includes(this.me) ? " mine" : ""}`, `${g} ${U.length}`);
-          K.addEventListener("click", () => {
-            var P, A;
-            return (A = (P = this.h).onReact) == null ? void 0 : A.call(P, e.id, g, U.includes(this.me));
-          }), u.append(K);
+          const A = c("button", `ocw-react-pill${U.includes(this.me) ? " mine" : ""}`, `${g} ${U.length}`);
+          A.addEventListener("click", () => {
+            var P, K;
+            return (K = (P = this.h).onReact) == null ? void 0 : K.call(P, e.id, g, U.includes(this.me));
+          }), u.append(A);
         }
       const I = c("button", "ocw-react-btn", "＋"), m = c("div", "ocw-react-picker");
-      for (const g of Ft) {
+      for (const g of qt) {
         const U = c("button", void 0, g);
-        U.addEventListener("click", (K) => {
-          var A, b, S, M;
-          K.stopPropagation();
-          const P = (b = (A = e.reactions) == null ? void 0 : A[g]) == null ? void 0 : b.includes(this.me);
+        U.addEventListener("click", (A) => {
+          var K, b, S, M;
+          A.stopPropagation();
+          const P = (b = (K = e.reactions) == null ? void 0 : K[g]) == null ? void 0 : b.includes(this.me);
           (M = (S = this.h).onReact) == null || M.call(S, e.id, g, !!P), m.style.display = "none";
         }), m.append(U);
       }
@@ -2141,15 +2164,15 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
         m.style.display = "none";
       }, { once: !0 }), u.append(I), f.append(u, m), r.append(f);
     } else e.reactions && Object.keys(e.reactions).length && r.append(c("div", "ocw-react", Object.entries(e.reactions).map(([f, u]) => `${f}${u.length}`).join(" ")));
-    const v = c("div", "ocw-time ocw-meta", Ot(e.ts));
+    const v = c("div", "ocw-time ocw-meta", Vt(e.ts));
     if (n && e.status) {
-      const f = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Vt(e.status));
+      const f = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Xt(e.status));
       v.append(f);
     }
     return n && e.seq > 0 && t.lastReadByOthers >= e.seq && v.append(c("span", "ocw-seen", " · Seen")), r.append(v), o.append(r), o;
   }
 }
-function Vt(s) {
+function Xt(s) {
   switch (s) {
     case "read":
       return "✓✓";
@@ -2161,27 +2184,27 @@ function Vt(s) {
       return "🕓";
   }
 }
-const H = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new Map();
+const H = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
 function ve(s) {
   return `relay-launcher::${s.profileId}::${s.subjectId ?? ""}`;
 }
-function Jt(s) {
+function Zt(s) {
   var e;
   (e = H.get(s)) == null || e.close(), H.delete(s);
 }
-function Gt(s) {
+function Qt(s) {
   var he, pe, ue, fe, we;
-  H.has(s.el) && (H.get(s.el).close(), H.delete(s.el)), s.launcher && ((he = Q.get(ve(s))) == null || he.close());
+  H.has(s.el) && (H.get(s.el).close(), H.delete(s.el)), s.launcher && ((he = Z.get(ve(s))) == null || he.close());
   const e = $e(), t = s.token ?? s.userId ?? e, n = t !== e ? e : void 0, { wsUrl: i, httpBase: o } = He(s.url, s.apiUrl);
   let r = new Ct(t);
-  const h = s.subjectId ? `${t}::${s.subjectId}` : t, w = new Pt(h);
+  const p = s.subjectId ? `${t}::${s.subjectId}` : t, w = new At(p);
   let d, v = !1, x = null, f = null;
   !s.launcher && !s.el.style.height && s.el.clientHeight === 0 && (s.el.style.width = s.el.style.width || "100%", s.el.style.height = "600px");
   for (const l of w.load()) r.addOptimistic(l.clientMsgId, l.content);
   let u = null, I = null, m = 0, g = !s.launcher;
   if (s.launcher) {
-    const p = (s.position ?? "bottom-right").includes("right");
-    u = document.createElement("div"), u.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 h = (s.position ?? "bottom-right").includes("right");
+    u = document.createElement("div"), u.style.cssText = `position:fixed;${h ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${h ? "flex-end" : "flex-start"};gap:12px`;
     const y = document.createElement("div"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, R = ($) => {
       y.style.cssText = $ ? [
         "position:fixed",
@@ -2206,7 +2229,7 @@ function Gt(s) {
         "display:none",
         "flex-direction:column",
         "background:#fff",
-        "transform-origin:bottom " + (p ? "right" : "left"),
+        "transform-origin:bottom " + (h ? "right" : "left"),
         "transition:opacity .18s,transform .18s",
         "opacity:0",
         "transform:scale(.95)"
@@ -2243,29 +2266,29 @@ function Gt(s) {
   }
   const U = () => {
     g || (m++, I && (I.textContent = String(m), I.style.display = "flex"));
-  }, K = () => {
+  }, A = () => {
     try {
-      const l = new AudioContext(), p = l.createOscillator(), y = l.createGain();
-      p.connect(y), y.connect(l.destination), p.frequency.setValueAtTime(880, l.currentTime), p.frequency.exponentialRampToValueAtTime(440, l.currentTime + 0.15), y.gain.setValueAtTime(0.3, l.currentTime), y.gain.exponentialRampToValueAtTime(1e-3, l.currentTime + 0.3), p.start(), p.stop(l.currentTime + 0.3);
+      const l = new AudioContext(), h = l.createOscillator(), y = l.createGain();
+      h.connect(y), y.connect(l.destination), h.frequency.setValueAtTime(880, l.currentTime), h.frequency.exponentialRampToValueAtTime(440, l.currentTime + 0.15), y.gain.setValueAtTime(0.3, l.currentTime), y.gain.exponentialRampToValueAtTime(1e-3, l.currentTime + 0.3), h.start(), h.stop(l.currentTime + 0.3);
     } catch {
     }
-  }, P = [], A = (l) => {
+  }, P = [], K = (l) => {
     for (; P.length; ) {
-      const p = P.shift();
-      w.add({ clientMsgId: p.clientMsgId, content: p.content, ts: Date.now() }), b.send({ type: "send", conversationId: l, clientMsgId: p.clientMsgId, content: p.content });
+      const h = P.shift();
+      w.add({ clientMsgId: h.clientMsgId, content: h.content, ts: Date.now() }), b.send({ type: "send", conversationId: l, clientMsgId: h.clientMsgId, content: h.content });
     }
   };
   let b;
-  const S = new Ht(`ocw-e2e-${s.profileId}`);
+  const S = new Ft(`ocw-e2e-${s.profileId}`);
   let M = !1;
   const k = [], T = [];
   let W = !1;
-  const ne = (l, p) => {
-    S.sealText(p).then((y) => {
+  const ne = (l, h) => {
+    S.sealText(h).then((y) => {
       d && b.send({ type: "send", conversationId: d, clientMsgId: l, content: y });
     });
-  }, Ue = (l, p, y) => {
-    S.sealText(p, y).then((E) => {
+  }, Ue = (l, h, y) => {
+    S.sealText(h, y).then((E) => {
       d && b.send({ type: "send", conversationId: d, clientMsgId: l, content: E });
     });
   }, Pe = () => {
@@ -2279,19 +2302,19 @@ function Gt(s) {
     }
   }, Be = (l) => {
     b.send({ type: "fetchPrekey", targetUserId: l });
-  }, Ke = s.i18n ?? {}, Ae = ["ar", "he", "fa", "ur"], ze = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
-  Ae.includes(ze) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
-  const L = new Nt(s.el, t, {
+  }, Ae = s.i18n ?? {}, Ke = ["ar", "he", "fa", "ur"], ze = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  Ke.includes(ze) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const L = new Wt(s.el, t, {
     onSend(l) {
-      const p = `cm_${Math.random().toString(36).slice(2)}`, y = { kind: "text", text: l };
-      r.addOptimistic(p, y), L.render(r), r.e2e ? S.ready ? ne(p, l) : W ? T.push({ clientMsgId: p, text: l }) : (k.push({ clientMsgId: p, text: l }), r.assignedAgentId && Be(r.assignedAgentId)) : d ? (w.add({ clientMsgId: p, content: y, ts: Date.now() }), b.send({ type: "send", conversationId: d, clientMsgId: p, content: y })) : P.push({ clientMsgId: p, content: y });
+      const h = `cm_${Math.random().toString(36).slice(2)}`, y = { kind: "text", text: l };
+      r.addOptimistic(h, y), L.render(r), r.e2e ? S.ready ? ne(h, l) : W ? T.push({ clientMsgId: h, text: l }) : (k.push({ clientMsgId: h, text: l }), r.assignedAgentId && Be(r.assignedAgentId)) : d ? (w.add({ clientMsgId: h, content: y, ts: Date.now() }), b.send({ type: "send", conversationId: d, clientMsgId: h, content: y })) : P.push({ clientMsgId: h, content: y });
     },
     async onAttach(l) {
       if (!d) return;
-      const p = `${o}/upload?name=${encodeURIComponent(l.name)}`, y = `cm_${Math.random().toString(36).slice(2)}`;
+      const h = `${o}/upload?name=${encodeURIComponent(l.name)}`, y = `cm_${Math.random().toString(36).slice(2)}`;
       r.addOptimistic(y, { kind: "text", text: `📎 Uploading ${l.name}…` }), L.render(r);
       try {
-        const E = await fetch(p, {
+        const E = await fetch(h, {
           method: "POST",
           headers: { "content-type": l.type, ...s.token ? { authorization: `Bearer ${s.token}` } : {} },
           body: l
@@ -2303,11 +2326,11 @@ function Gt(s) {
         r.addOptimistic(y, { kind: "text", text: `⚠️ Upload failed: ${E.message}` }), L.render(r);
       }
     },
-    onInvoke(l, p) {
-      d && b.send({ type: "invoke", conversationId: d, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...p ? { inputs: p } : {} });
+    onInvoke(l, h) {
+      d && b.send({ type: "invoke", conversationId: d, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...h ? { inputs: h } : {} });
     },
-    onTyping(l, p) {
-      d && b.send({ type: "typing", conversationId: d, isTyping: l, ...p ? { preview: p } : {} });
+    onTyping(l, h) {
+      d && b.send({ type: "typing", conversationId: d, isTyping: l, ...h ? { preview: h } : {} });
     },
     onReadUpTo(l) {
       d && b.send({ type: "read", conversationId: d, seq: l });
@@ -2317,14 +2340,14 @@ function Gt(s) {
       const l = r.messages()[0];
       l && b.send({ type: "history", conversationId: d, beforeSeq: l.seq, limit: 20 });
     },
-    onEdit(l, p) {
-      d && b.send({ type: "edit", conversationId: d, messageId: l, content: { kind: "text", text: p } });
+    onEdit(l, h) {
+      d && b.send({ type: "edit", conversationId: d, messageId: l, content: { kind: "text", text: h } });
     },
     onDelete(l) {
       d && b.send({ type: "delete", conversationId: d, messageId: l });
     },
-    onReact(l, p, y) {
-      d && b.send({ type: "react", conversationId: d, messageId: l, emoji: p, remove: y });
+    onReact(l, h, y) {
+      d && b.send({ type: "react", conversationId: d, messageId: l, emoji: h, remove: y });
     },
     onCsat(l) {
       d && fetch(`${o}/conversations/${d}/csat`, {
@@ -2343,13 +2366,13 @@ function Gt(s) {
     ...s.translateLang ? {
       async onTranslate(l) {
         try {
-          const p = await fetch(`${o}/translate`, {
+          const h = await fetch(`${o}/translate`, {
             method: "POST",
             headers: { "content-type": "application/json", authorization: `Bearer ${t}` },
             body: JSON.stringify({ text: l, targetLang: s.translateLang })
           });
-          if (!p.ok) return null;
-          const { translated: y } = await p.json();
+          if (!h.ok) return null;
+          const { translated: y } = await h.json();
           return y;
         } catch {
           return null;
@@ -2361,7 +2384,7 @@ function Gt(s) {
     ...s.quickReplies ? { quickReplies: s.quickReplies } : {},
     ...s.accent ? { accent: s.accent } : {},
     ...(pe = s.user) != null && pe.name || (ue = s.user) != null && ue.avatar ? { userInfo: { ...s.user.name ? { name: s.user.name } : {}, ...s.user.avatar ? { avatar: s.user.avatar } : {} } } : {},
-    i18n: Ke
+    i18n: Ae
   }), Le = {
     type: "open",
     profileId: s.profileId,
@@ -2374,10 +2397,10 @@ function Gt(s) {
     ...(fe = s.subject) != null && fe.title ? { subjectTitle: s.subject.title } : {},
     ...(we = s.subject) != null && we.subtitle ? { subjectMeta: s.subject.subtitle } : {}
   }, Me = (l) => {
-    const p = s.user;
-    if (!p || !p.name && !p.email && !p.avatar && !p.meta) return;
+    const h = s.user;
+    if (!h || !h.name && !h.email && !h.avatar && !h.meta) return;
     const y = [];
-    if (p.name && y.push(`Name: ${p.name}`), p.email && y.push(`Email: ${p.email}`), p.avatar && y.push(`Avatar: ${p.avatar}`), p.meta) for (const [E, R] of Object.entries(p.meta)) y.push(`${E}: ${R}`);
+    if (h.name && y.push(`Name: ${h.name}`), h.email && y.push(`Email: ${h.email}`), h.avatar && y.push(`Avatar: ${h.avatar}`), h.meta) for (const [E, R] of Object.entries(h.meta)) y.push(`${E}: ${R}`);
     b.send({ type: "note", conversationId: l, clientMsgId: `ui_${Date.now()}`, text: `[User info]
 ${y.join(`
 `)}` });
@@ -2387,29 +2410,29 @@ ${y.join(`
     token: t,
     open: Le,
     getCursor: () => r.highestSeq(),
-    onStatusChange: (l) => L.setConnStatus(l),
+    onStatusChange: (l, h) => L.setConnStatus(l, h),
     onFrame(l) {
       if (l.type === "opened") {
-        const p = d === void 0;
+        const h = d === void 0;
         if (d = l.conversation.id, !v) {
           v = !0;
           for (const y of w.load())
             b.send({ type: "send", conversationId: d, clientMsgId: y.clientMsgId, content: y.content });
         }
-        Re(i, t, d, r, L, o), P.length && A(d), p && l.conversation.lastSeq === 0 && Me(d);
+        Re(i, t, d, r, L, o), P.length && K(d), h && l.conversation.lastSeq === 0 && Me(d);
       }
       if (l.type === "ack" && w.remove(l.clientMsgId), l.type === "prekeyBundle") {
-        l.bundle && (W = !0, S.x3dhSendTo(l.bundle).then((p) => {
+        l.bundle && (W = !0, S.x3dhSendTo(l.bundle).then((h) => {
           const y = [...k.splice(0), ...T.splice(0)];
-          for (const E of y) Ue(E.clientMsgId, E.text, p);
+          for (const E of y) Ue(E.clientMsgId, E.text, h);
           L.render(r);
         }));
         return;
       }
       if (l.type === "message" && r.e2e) {
-        const p = Rt(l.message.content);
-        if (p && !S.ready) {
-          S.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
+        const h = jt(l.message.content);
+        if (h && !S.ready) {
+          S.x3dhReceiveFrom(h.x3dhIK, h.x3dhEK, h.x3dhSPK).then(async () => {
             await S.openFrame(l), r.apply(l), L.render(r);
           });
           return;
@@ -2422,10 +2445,10 @@ ${y.join(`
         return;
       }
       (async () => {
-        if (r.e2e && await S.openFrame(l), r.apply(l), l.type === "message" && l.message.senderId !== t && !l.message.internal && (U(), K()), r.e2e && d && !M) {
+        if (r.e2e && await S.openFrame(l), r.apply(l), l.type === "message" && l.message.senderId !== t && !l.message.internal && (U(), A()), r.e2e && d && !M) {
           M = !0;
-          const p = await S.initX3DH();
-          b.send({ type: "uploadPrekeys", ...p });
+          const h = await S.initX3DH();
+          b.send({ type: "uploadPrekeys", ...h });
           const y = await S.begin();
           b.send({ type: "pubkey", conversationId: d, key: y });
         }
@@ -2434,22 +2457,22 @@ ${y.join(`
     }
   }), b.connect(), L.render(r);
   const j = s.launcher ? ve(s) : null, X = { close: () => {
-    b.close(), u == null || u.remove(), L.destroy(), x && f && x.removeEventListener("change", f), H.delete(s.el), j && Q.get(j) === X && Q.delete(j);
+    b.close(), u == null || u.remove(), L.destroy(), x && f && x.removeEventListener("change", f), H.delete(s.el), j && Z.get(j) === X && Z.delete(j);
   } };
-  return H.set(s.el, X), j && Q.set(j, X), X;
+  return H.set(s.el, X), j && Z.set(j, X), X;
 }
 export {
   Ct as ChatStore,
   Et as ConnectionManager,
-  Ht as E2ESession,
-  Pt as PersistentOutbox,
-  Nt as Renderer,
-  Yt as asConversationId,
-  Rt as extractX3DHInit,
-  en as httpBaseFromWsUrl,
-  Gt as mount,
+  Ft as E2ESession,
+  At as PersistentOutbox,
+  Wt as Renderer,
+  Gt as asConversationId,
+  jt as extractX3DHInit,
+  nn as httpBaseFromWsUrl,
+  Qt as mount,
   He as resolveRelayUrls,
   Re as restoreHistory,
-  Jt as unmount
+  Zt as unmount
 };
 //# sourceMappingURL=index.js.map