@paramms/chat-widget 1.0.0 → 1.0.1

package/dist/index.js

@@ -63,14 +63,14 @@ function pe(s, e, t) {
     if (!(d & 128))
       o.push(d);
     else if ((d & 224) === 192) {
-      const f = s[n++] & 63;
-      o.push((d & 31) << 6 | f);
+      const u = s[n++] & 63;
+      o.push((d & 31) << 6 | u);
     } else if ((d & 240) === 224) {
-      const f = s[n++] & 63, w = s[n++] & 63;
-      o.push((d & 31) << 12 | f << 6 | w);
+      const u = s[n++] & 63, w = s[n++] & 63;
+      o.push((d & 31) << 12 | u << 6 | w);
     } else if ((d & 248) === 240) {
-      const f = s[n++] & 63, w = s[n++] & 63, g = s[n++] & 63;
-      let x = (d & 7) << 18 | f << 12 | w << 6 | g;
+      const u = s[n++] & 63, w = s[n++] & 63, y = s[n++] & 63;
+      let x = (d & 7) << 18 | u << 12 | w << 6 | y;
       x > 65535 && (x -= 65536, o.push(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), o.push(x);
     } else
       o.push(d);
@@ -104,16 +104,16 @@ class U extends Error {
     });
   }
 }
-const j = 4294967295;
+const F = 4294967295;
 function $e(s, e, t) {
   const n = t / 4294967296, i = t;
   s.setUint32(e, n), s.setUint32(e + 4, i);
 }
-function ue(s, e, t) {
+function fe(s, e, t) {
   const n = Math.floor(t / 4294967296), i = t;
   s.setUint32(e, n), s.setUint32(e + 4, i);
 }
-function fe(s, e) {
+function ue(s, e) {
   const t = s.getInt32(e), n = s.getUint32(e + 4);
   return t * 4294967296 + n;
 }
@@ -133,7 +133,7 @@ function He({ sec: s, nsec: e }) {
     }
   else {
     const t = new Uint8Array(12), n = new DataView(t.buffer);
-    return n.setUint32(0, e), ue(n, 4, s), t;
+    return n.setUint32(0, e), fe(n, 4, s), t;
   }
 }
 function Fe(s) {
@@ -160,7 +160,7 @@ function Oe(s) {
       return { sec: i, nsec: o };
     }
     case 12: {
-      const t = fe(e, 4), n = e.getUint32(0);
+      const t = ue(e, 4), n = e.getUint32(0);
       return { sec: t, nsec: n };
     }
     default:
@@ -460,7 +460,7 @@ class ne {
     this.ensureBufferSizeToWrite(8), $e(this.view, this.pos, e), this.pos += 8;
   }
   writeI64(e) {
-    this.ensureBufferSizeToWrite(8), ue(this.view, this.pos, e), this.pos += 8;
+    this.ensureBufferSizeToWrite(8), fe(this.view, this.pos, e), this.pos += 8;
   }
   writeBigUint64(e) {
     this.ensureBufferSizeToWrite(8), this.view.setBigUint64(this.pos, e), this.pos += 8;
@@ -514,7 +514,7 @@ class Qe {
     return this.store(r, o), o;
   }
 }
-const te = "array", N = "map_key", we = "map_value", et = (s) => {
+const te = "array", O = "map_key", we = "map_value", et = (s) => {
   if (typeof s == "string" || typeof s == "number")
     return s;
   throw new U("The type of key must be string or number but " + typeof s);
@@ -536,7 +536,7 @@ class tt {
   }
   pushMapState(e) {
     const t = this.getUninitializedStateFromPool();
-    t.type = N, t.readCount = 0, t.size = e, t.map = {};
+    t.type = O, t.readCount = 0, t.size = e, t.map = {};
   }
   getUninitializedStateFromPool() {
     if (this.stackHeadPosition++, this.stackHeadPosition === this.stack.length) {
@@ -560,7 +560,7 @@ class tt {
       const n = e;
       n.size = 0, n.array = void 0, n.position = 0, n.type = void 0;
     }
-    if (e.type === N || e.type === we) {
+    if (e.type === O || e.type === we) {
       const n = e;
       n.size = 0, n.map = void 0, n.readCount = 0, n.type = void 0;
     }
@@ -570,7 +570,7 @@ class tt {
     this.stack.length = 0, this.stackHeadPosition = -1;
   }
 }
-const O = -1, se = new DataView(new ArrayBuffer(0)), it = new Uint8Array(se.buffer);
+const j = -1, se = new DataView(new ArrayBuffer(0)), it = new Uint8Array(se.buffer);
 try {
   se.getInt8(0);
 } catch (s) {
@@ -595,10 +595,10 @@ class oe {
     a(this, "pos", 0);
     a(this, "view", se);
     a(this, "bytes", it);
-    a(this, "headByte", O);
+    a(this, "headByte", j);
     a(this, "stack", new tt());
     a(this, "entered", !1);
-    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Y.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) ?? j, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? j, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? j, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? j, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? j, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : nt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? et;
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Y.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) ?? F, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? F, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? F, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? F, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? F, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : nt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? et;
   }
   clone() {
     return new oe({
@@ -615,14 +615,14 @@ class oe {
     });
   }
   reinitializeState() {
-    this.totalPos = 0, this.headByte = O, this.stack.reset();
+    this.totalPos = 0, this.headByte = j, this.stack.reset();
   }
   setBuffer(e) {
     const t = ee(e);
     this.bytes = t, this.view = new DataView(t.buffer, t.byteOffset, t.byteLength), this.pos = 0;
   }
   appendBuffer(e) {
-    if (this.headByte === O && !this.hasRemaining(1))
+    if (this.headByte === j && !this.hasRemaining(1))
       this.setBuffer(e);
     else {
       const t = this.bytes.subarray(this.pos), n = ee(e), i = new Uint8Array(t.length + n.length);
@@ -677,9 +677,9 @@ class oe {
         this.appendBuffer(d);
         try {
           n = this.doDecodeSync(), t = !0;
-        } catch (f) {
-          if (!(f instanceof RangeError))
-            throw f;
+        } catch (u) {
+          if (!(u instanceof RangeError))
+            throw u;
         }
         this.totalPos += this.pos;
       }
@@ -854,7 +854,7 @@ class oe {
             t = i.array, n.release(i);
           else
             continue e;
-        else if (i.type === N) {
+        else if (i.type === O) {
           if (t === "__proto__")
             throw new U("The key __proto__ is not allowed");
           i.key = this.mapKeyConverter(t), i.type = we;
@@ -862,7 +862,7 @@ class oe {
         } else if (i.map[i.key] = t, i.readCount++, i.readCount === i.size)
           t = i.map, n.release(i);
         else {
-          i.key = null, i.type = N;
+          i.key = null, i.type = O;
           continue e;
         }
       }
@@ -870,10 +870,10 @@ class oe {
     }
   }
   readHeadByte() {
-    return this.headByte === O && (this.headByte = this.readU8()), this.headByte;
+    return this.headByte === j && (this.headByte = this.readU8()), this.headByte;
   }
   complete() {
-    this.headByte = O;
+    this.headByte = j;
   }
   readArraySize() {
     const e = this.readHeadByte();
@@ -916,7 +916,7 @@ class oe {
     return this.stateIsMapKey() && ((o = this.keyDecoder) != null && o.canBeCached(e)) ? i = this.keyDecoder.decode(this.bytes, n, e) : i = Me(this.bytes, n, e), this.pos += t + e, i;
   }
   stateIsMapKey() {
-    return this.stack.length > 0 ? this.stack.top().type === N : !1;
+    return this.stack.length > 0 ? this.stack.top().type === O : !1;
   }
   /**
    * @throws {@link RangeError}
@@ -977,7 +977,7 @@ class oe {
     return this.pos += 8, e;
   }
   readI64() {
-    const e = fe(this.view, this.pos);
+    const e = ue(this.view, this.pos);
     return this.pos += 8, e;
   }
   readU64AsBigInt() {
@@ -1271,7 +1271,7 @@ function ht(s) {
   return new WebSocket(s);
 }
 const ce = 200, pt = 7 * 864e5;
-class ut {
+class ft {
   constructor(e) {
     a(this, "key");
     this.key = `ocw_outbox_${e}`;
@@ -1309,7 +1309,7 @@ class ut {
     }
   }
 }
-const S = () => globalThis.crypto.subtle;
+const I = () => globalThis.crypto.subtle;
 function J(s) {
   const e = s instanceof Uint8Array ? s : new Uint8Array(s);
   let t = "";
@@ -1321,19 +1321,19 @@ function ie(s) {
   for (let i = 0; i < e.length; i++) n[i] = e.charCodeAt(i);
   return n;
 }
-async function W() {
-  const s = await S().generateKey({ name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
+async function N() {
+  const s = await I().generateKey({ name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
   return { publicKey: s.publicKey, privateKey: s.privateKey };
 }
-async function z(s) {
-  return J(await S().exportKey("raw", s));
+async function M(s) {
+  return J(await I().exportKey("raw", s));
 }
-async function R(s) {
-  return S().importKey("raw", ie(s), { name: "ECDH", namedCurve: "P-256" }, !1, []);
+async function H(s) {
+  return I().importKey("raw", ie(s), { name: "ECDH", namedCurve: "P-256" }, !1, []);
 }
-async function ft(s, e) {
-  const t = await R(e);
-  return S().deriveKey(
+async function ut(s, e) {
+  const t = await H(e);
+  return I().deriveKey(
     { name: "ECDH", public: t },
     s,
     { name: "AES-GCM", length: 256 },
@@ -1342,11 +1342,11 @@ async function ft(s, e) {
   );
 }
 async function wt(s, e) {
-  const t = globalThis.crypto.getRandomValues(new Uint8Array(12)), n = new TextEncoder().encode(e), i = await S().encrypt({ name: "AES-GCM", iv: t }, s, n);
+  const t = globalThis.crypto.getRandomValues(new Uint8Array(12)), n = new TextEncoder().encode(e), i = await I().encrypt({ name: "AES-GCM", iv: t }, s, n);
   return { ct: J(i), iv: J(t) };
 }
 async function xt(s, e, t) {
-  const n = await S().decrypt({ name: "AES-GCM", iv: ie(t) }, s, ie(e));
+  const n = await I().decrypt({ name: "AES-GCM", iv: ie(t) }, s, ie(e));
   return new TextDecoder().decode(n);
 }
 async function gt(s) {
@@ -1354,30 +1354,30 @@ async function gt(s) {
   try {
     const i = (t = globalThis.localStorage) == null ? void 0 : t.getItem(s);
     if (i) {
-      const { pub: o, priv: r } = JSON.parse(i), d = await S().importKey("jwk", o, { name: "ECDH", namedCurve: "P-256" }, !0, []), f = await S().importKey("jwk", r, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
-      return { publicKey: d, privateKey: f };
+      const { pub: o, priv: r } = JSON.parse(i), d = await I().importKey("jwk", o, { name: "ECDH", namedCurve: "P-256" }, !0, []), u = await I().importKey("jwk", r, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
+      return { publicKey: d, privateKey: u };
     }
   } catch {
   }
-  const e = await W();
+  const e = await N();
   try {
-    const i = await S().exportKey("jwk", e.publicKey), o = await S().exportKey("jwk", e.privateKey);
+    const i = await I().exportKey("jwk", e.publicKey), o = await I().exportKey("jwk", e.privateKey);
     (n = globalThis.localStorage) == null || n.setItem(s, JSON.stringify({ pub: i, priv: o }));
   } catch {
   }
   return e;
 }
 async function yt(s, e) {
-  const t = await S().exportKey("raw", e), n = await S().sign({ name: "ECDSA", hash: "SHA-256" }, s, t);
+  const t = await I().exportKey("raw", e), n = await I().sign({ name: "ECDSA", hash: "SHA-256" }, s, t);
   return J(n);
 }
 async function bt() {
-  const s = await W(), e = await S().generateKey({ name: "ECDSA", namedCurve: "P-256" }, !0, ["sign", "verify"]);
+  const s = await N(), e = await I().generateKey({ name: "ECDSA", namedCurve: "P-256" }, !0, ["sign", "verify"]);
   return {
     ecdhKP: s,
     ecdsaKP: { publicKey: e.publicKey, privateKey: e.privateKey },
-    publicKeyB64: await z(s.publicKey),
-    sigPublicKeyB64: await z(e.publicKey)
+    publicKeyB64: await M(s.publicKey),
+    sigPublicKeyB64: await M(e.publicKey)
   };
 }
 async function de(s) {
@@ -1385,34 +1385,34 @@ async function de(s) {
   try {
     const i = (t = globalThis.localStorage) == null ? void 0 : t.getItem(`${s}-identity`);
     if (i) {
-      const o = JSON.parse(i), r = await S().importKey("jwk", o.ecdhPub, { name: "ECDH", namedCurve: "P-256" }, !0, []), d = await S().importKey("jwk", o.ecdhPriv, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]), f = await S().importKey("jwk", o.ecdsaPub, { name: "ECDSA", namedCurve: "P-256" }, !0, ["verify"]), w = await S().importKey("jwk", o.ecdsaPriv, { name: "ECDSA", namedCurve: "P-256" }, !0, ["sign"]);
+      const o = JSON.parse(i), r = await I().importKey("jwk", o.ecdhPub, { name: "ECDH", namedCurve: "P-256" }, !0, []), d = await I().importKey("jwk", o.ecdhPriv, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]), u = await I().importKey("jwk", o.ecdsaPub, { name: "ECDSA", namedCurve: "P-256" }, !0, ["verify"]), w = await I().importKey("jwk", o.ecdsaPriv, { name: "ECDSA", namedCurve: "P-256" }, !0, ["sign"]);
       return {
         ecdhKP: { publicKey: r, privateKey: d },
-        ecdsaKP: { publicKey: f, privateKey: w },
-        publicKeyB64: await z(r),
-        sigPublicKeyB64: await z(f)
+        ecdsaKP: { publicKey: u, privateKey: w },
+        publicKeyB64: await M(r),
+        sigPublicKeyB64: await M(u)
       };
     }
   } catch {
   }
   const e = await bt();
   try {
-    const i = await S().exportKey("jwk", e.ecdhKP.publicKey), o = await S().exportKey("jwk", e.ecdhKP.privateKey), r = await S().exportKey("jwk", e.ecdsaKP.publicKey), d = await S().exportKey("jwk", e.ecdsaKP.privateKey);
+    const i = await I().exportKey("jwk", e.ecdhKP.publicKey), o = await I().exportKey("jwk", e.ecdhKP.privateKey), r = await I().exportKey("jwk", e.ecdsaKP.publicKey), d = await I().exportKey("jwk", e.ecdsaKP.privateKey);
     (n = globalThis.localStorage) == null || n.setItem(`${s}-identity`, JSON.stringify({ ecdhPub: i, ecdhPriv: o, ecdsaPub: r, ecdsaPriv: d }));
   } catch {
   }
   return e;
 }
 async function mt(s, e) {
-  const t = await W(), n = await z(t.publicKey), i = await R(e.identityKey), o = await R(e.signedPrekey), r = e.oneTimePrekey ? await R(e.oneTimePrekey) : null, d = await L(s.privateKey, o), f = await L(t.privateKey, i), w = await L(t.privateKey, o), g = r ? await L(t.privateKey, r) : null, x = xe(d, f, w, ...g ? [g] : []);
+  const t = await N(), n = await M(t.publicKey), i = await H(e.identityKey), o = await H(e.signedPrekey), r = e.oneTimePrekey ? await H(e.oneTimePrekey) : null, d = await z(s.privateKey, o), u = await z(t.privateKey, i), w = await z(t.privateKey, o), y = r ? await z(t.privateKey, r) : null, x = xe(d, u, w, ...y ? [y] : []);
   return { sharedKey: await ge(x), ephemeralPublicKey: n };
 }
 async function vt(s, e, t, n, i) {
-  const o = await R(t), r = await R(n), d = await L(e.privateKey, o), f = await L(s.privateKey, r), w = await L(e.privateKey, r), g = i ? await L(i.privateKey, r) : null, x = xe(d, f, w, ...g ? [g] : []);
+  const o = await H(t), r = await H(n), d = await z(e.privateKey, o), u = await z(s.privateKey, r), w = await z(e.privateKey, r), y = i ? await z(i.privateKey, r) : null, x = xe(d, u, w, ...y ? [y] : []);
   return ge(x);
 }
-async function L(s, e) {
-  return S().deriveBits({ name: "ECDH", public: e }, s, 256);
+async function z(s, e) {
+  return I().deriveBits({ name: "ECDH", public: e }, s, 256);
 }
 function xe(...s) {
   const e = s.reduce((i, o) => i + o.byteLength, 0), t = new Uint8Array(e);
@@ -1422,8 +1422,8 @@ function xe(...s) {
   return t.buffer;
 }
 async function ge(s) {
-  const e = await S().importKey("raw", s, "HKDF", !1, ["deriveKey"]);
-  return S().deriveKey(
+  const e = await I().importKey("raw", s, "HKDF", !1, ["deriveKey"]);
+  return I().deriveKey(
     { name: "HKDF", hash: "SHA-256", salt: new Uint8Array(32), info: new TextEncoder().encode("ObjectChat X3DH v1") },
     e,
     { name: "AES-GCM", length: 256 },
@@ -1453,19 +1453,19 @@ class St {
   }
   /** Live ECDH mode: Generate/restore our keypair and return our public key to publish. */
   async begin() {
-    return this.kp = await gt(this.storageKey), z(this.kp.publicKey);
+    return this.kp = await gt(this.storageKey), M(this.kp.publicKey);
   }
   /** Live ECDH mode: A peer published their key — derive the shared secret. */
   async onPeerKey(e) {
-    this.kp && (this.shared = await ft(this.kp.privateKey, e));
+    this.kp && (this.shared = await ut(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 de(this.storageKey), this.signedPreKP = await W(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    for (let i = 0; i < kt; i++) this.otpKeys.push(await W());
-    const e = await z(this.signedPreKP.publicKey), t = await yt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => z(i.publicKey)));
+    this.identityKP = await de(this.storageKey), this.signedPreKP = await N(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    for (let i = 0; i < kt; i++) this.otpKeys.push(await N());
+    const e = await M(this.signedPreKP.publicKey), t = await yt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => M(i.publicKey)));
     return {
       identityKey: this.identityKP.publicKeyB64,
       signedPrekey: e,
@@ -1815,70 +1815,70 @@ class At {
     /** Fetch the list and re-render it. Called on mount and after switching chats. */
     a(this, "destroyed", !1);
     a(this, "subjectBuilt", !1);
-    var v, y, E, A, B, P, M, $, _;
+    var k, b, E, B, T, A, $, _, D, W;
     this.root = e, this.me = t, this.h = n, this.cfg = i, Ut(), 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 ((v = i.userInfo) != null && v.avatar) {
-      const k = document.createElement("img");
-      k.src = i.userInfo.avatar, k.alt = i.userInfo.name ?? "You", k.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", r.append(k);
+    if ((k = i.userInfo) != null && k.avatar) {
+      const S = document.createElement("img");
+      S.src = i.userInfo.avatar, S.alt = i.userInfo.name ?? "You", S.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", r.append(S);
     } else
-      r.textContent = (y = i.userInfo) != null && y.name ? i.userInfo.name[0].toUpperCase() : "🧑";
+      r.textContent = (b = i.userInfo) != null && b.name ? i.userInfo.name[0].toUpperCase() : "🧑";
     o.append(r);
     const d = c("div", "ocw-head-main");
-    this.headerName = c("div", "ocw-head-name", ((E = i.subject) == null ? void 0 : E.ownerLabel) ?? ((A = i.subject) == null ? void 0 : A.title) ?? ""), d.append(this.headerName), (B = i.subject) != null && B.subtitle && d.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(d), this.statusBadge = c("span", "ocw-badge", ((P = i.subject) == null ? void 0 : P.status) ?? ""), (M = i.subject) != null && M.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.headerName = c("div", "ocw-head-name", ((E = i.subject) == null ? void 0 : E.ownerLabel) ?? ((B = i.subject) == null ? void 0 : B.title) ?? ""), d.append(this.headerName), (T = i.subject) != null && T.subtitle && d.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(d), this.statusBadge = c("span", "ocw-badge", ((A = i.subject) == null ? void 0 : A.status) ?? ""), ($ = i.subject) != null && $.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), this.h.onListChats && (this.backBtn = c("button", "ocw-chat-back", "←"), this.backBtn.addEventListener("click", () => this.showListScreen()), o.prepend(this.backBtn)), 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 f = c("div", "ocw-typing-bubble");
-    f.append(c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot")), this.typing.append(c("div", "ocw-dot", "🧑"), f), this.quick = c("div", "ocw-quick");
-    for (const k of i.quickReplies ?? []) {
-      const I = c("button", void 0, k);
-      I.addEventListener("click", () => this.h.onSend(k)), this.quick.append(I);
+    const u = c("div", "ocw-typing-bubble");
+    u.append(c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot")), this.typing.append(c("div", "ocw-dot", "🧑"), u), this.quick = c("div", "ocw-quick");
+    for (const S of i.quickReplies ?? []) {
+      const m = c("button", void 0, S);
+      m.addEventListener("click", () => this.h.onSend(S)), this.quick.append(m);
     }
     this.formHost = c("div", "ocw-form-host"), this.csatPanel = c("div", "ocw-csat"), this.csatPanel.style.display = "none", this.offlinePanel = c("div", "ocw-offline"), this.offlinePanel.style.display = "none", this.input = c("textarea", void 0), this.input.rows = 1, this.input.placeholder = "Message…";
-    const w = c("button", "ocw-sendbtn", (($ = i.i18n) == null ? void 0 : $.send) ?? "➤");
-    w.addEventListener("click", () => this.flushSend()), this.input.addEventListener("keydown", (k) => {
-      k.isComposing || k.keyCode === 229 || (k.key === "Enter" && !k.shiftKey ? (k.preventDefault(), this.flushSend()) : this.signalTyping());
+    const w = c("button", "ocw-sendbtn", ((_ = i.i18n) == null ? void 0 : _.send) ?? "➤");
+    w.addEventListener("click", () => this.flushSend()), this.input.addEventListener("keydown", (S) => {
+      S.isComposing || S.keyCode === 229 || (S.key === "Enter" && !S.shiftKey ? (S.preventDefault(), this.flushSend()) : this.signalTyping());
     });
-    const g = c("button", "ocw-attach", "📎");
-    g.title = "Attach image or file";
+    const y = c("button", "ocw-attach", "📎");
+    y.title = "Attach image or file";
     const x = document.createElement("input");
-    x.type = "file", x.accept = "image/*,.pdf,.txt,.doc,.docx", x.style.display = "none", g.addEventListener("click", () => x.click()), x.addEventListener("change", () => {
-      var k;
-      (k = x.files) != null && k[0] && this.h.onAttach && this.h.onAttach(x.files[0]), x.value = "";
+    x.type = "file", x.accept = "image/*,.pdf,.txt,.doc,.docx", x.style.display = "none", y.addEventListener("click", () => x.click()), x.addEventListener("change", () => {
+      var S;
+      (S = x.files) != null && S[0] && this.h.onAttach && this.h.onAttach(x.files[0]), x.value = "";
     });
-    const u = c("div", "ocw-input");
-    u.append(g, x, this.input, w);
+    const p = c("div", "ocw-input");
+    p.append(y, x, this.input, w);
     const h = c("div", "ocw-footer");
-    if (h.innerHTML = ((_ = i.i18n) == null ? void 0 : _.poweredBy) !== void 0 ? i.i18n.poweredBy : 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = h, this.h.onListChats) {
-      const k = c("div", "ocw-screen ocw-screen-list"), I = c("div", "ocw-cl-head");
-      I.append(c("span", "ocw-cl-title", "Messages"));
-      const C = c("button", "ocw-cl-new", "+");
-      C.title = "New conversation", C.addEventListener("click", () => {
-        var l, p;
-        (p = (l = this.h).onSwitchChat) == null || p.call(l, { id: "__new__", state: "open", updatedAt: Date.now() });
-      }), I.append(C);
-      const V = c("div", "ocw-cl-search-wrap"), K = c("input", "ocw-cl-search");
-      K.placeholder = "🔍  Search", K.type = "search", K.addEventListener("input", () => this.renderListRows(this.allEntries, K.value.trim().toLowerCase())), V.append(K);
-      const D = c("div", "ocw-cl-body-scroll");
-      D.append(c("div", "ocw-cl-section", "Loading…")), k.append(I, V, D), e.append(k), this.listScreen = k, this.listBody = D, this.listSearch = K;
-      const q = c("div", "ocw-screen ocw-screen-chat");
-      q.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, u, this.footer), e.append(q), this.chatScreen = q, this.inChatScreen = !1, this.refreshList();
+    if (h.innerHTML = ((D = i.i18n) == null ? void 0 : D.poweredBy) !== void 0 ? i.i18n.poweredBy : 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = h, this.h.onListChats) {
+      const S = c("div", "ocw-screen ocw-screen-list"), m = c("div", "ocw-cl-head");
+      m.append(c("span", "ocw-cl-title", "Messages"));
+      const q = c("button", "ocw-cl-new", "+");
+      q.title = "New conversation", q.addEventListener("click", () => {
+        var f, g;
+        (g = (f = this.h).onSwitchChat) == null || g.call(f, { id: "__new__", state: "open", updatedAt: Date.now() });
+      }), m.append(q);
+      const V = c("div", "ocw-cl-search-wrap"), P = c("input", "ocw-cl-search");
+      P.placeholder = "🔍  Search", P.type = "search", P.addEventListener("input", () => this.renderListRows(this.allEntries, P.value.trim().toLowerCase())), V.append(P);
+      const R = c("div", "ocw-cl-body-scroll");
+      R.append(c("div", "ocw-cl-section", "Loading…")), S.append(m, V, R), e.append(S), this.listScreen = S, this.listBody = R, this.listSearch = P;
+      const l = c("div", "ocw-screen ocw-screen-chat");
+      l.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, p, this.footer), e.append(l), this.chatScreen = l, i.startOnChat ? (this.inChatScreen = !0, this.listScreen.classList.add("hidden"), this.chatScreen.classList.add("visible"), (W = this.backBtn) == null || W.classList.add("show")) : this.inChatScreen = !1, this.refreshList();
     } else
-      e.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, u, this.footer);
+      e.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, p, this.footer);
     this.cobrowseCanvas = c("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = c("div", "ocw-cobrowse-toolbar");
-    for (const k of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
-      const I = c("button", "ocw-cobrowse-swatch");
-      I.style.background = k, I.type = "button", k === this.cobrowseColor && I.classList.add("sel"), I.addEventListener("click", () => {
-        this.cobrowseColor = k;
-        for (const C of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) C.classList.remove("sel");
-        I.classList.add("sel");
-      }), this.cobrowseToolbar.append(I);
+    for (const S of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
+      const m = c("button", "ocw-cobrowse-swatch");
+      m.style.background = S, m.type = "button", S === this.cobrowseColor && m.classList.add("sel"), m.addEventListener("click", () => {
+        this.cobrowseColor = S;
+        for (const q of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) q.classList.remove("sel");
+        m.classList.add("sel");
+      }), this.cobrowseToolbar.append(m);
     }
-    const m = c("button", "ocw-cobrowse-clear", "Clear");
-    m.addEventListener("click", () => {
-      var k, I;
-      return (I = (k = this.h).onAnnotateClear) == null ? void 0 : I.call(k);
-    }), this.cobrowseToolbar.append(m), this.cobrowseHint = c("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
+    const v = c("button", "ocw-cobrowse-clear", "Clear");
+    v.addEventListener("click", () => {
+      var S, m;
+      return (m = (S = this.h).onAnnotateClear) == null ? void 0 : m.call(S);
+    }), this.cobrowseToolbar.append(v), this.cobrowseHint = c("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
   }
   /** Returns the scroll container so history.ts can attach scroll listeners. */
   getScrollEl() {
@@ -1949,22 +1949,22 @@ class At {
   }
   /** Build a single WhatsApp-style conversation row. */
   buildRow(e) {
-    var m;
-    const t = this.seenSeq.get(e.id) ?? 0, n = e.lastSeq ?? 0, i = this.isUnread(e) ? Math.max(1, n - t) : 0, o = e.subjectTitle ?? "General enquiry", r = ((m = o[0]) == null ? void 0 : m.toUpperCase()) ?? "?", d = c("button", `ocw-cl-row${i > 0 ? " unread" : ""}`), f = c("div", "ocw-cl-av", r), w = c("div", "ocw-cl-status");
-    e.state === "open" ? w.classList.add("open") : e.state === "awaiting_staff" && w.classList.add("waiting"), f.append(w), d.append(f);
-    const g = c("div", "ocw-cl-body");
-    g.append(c("div", "ocw-cl-name", o));
+    var v;
+    const t = this.seenSeq.get(e.id) ?? 0, n = e.lastSeq ?? 0, i = this.isUnread(e) ? Math.max(1, n - t) : 0, o = e.subjectTitle ?? "General enquiry", r = ((v = o[0]) == null ? void 0 : v.toUpperCase()) ?? "?", d = c("button", `ocw-cl-row${i > 0 ? " unread" : ""}`), u = c("div", "ocw-cl-av", r), w = c("div", "ocw-cl-status");
+    e.state === "open" ? w.classList.add("open") : e.state === "awaiting_staff" && w.classList.add("waiting"), u.append(w), d.append(u);
+    const y = c("div", "ocw-cl-body");
+    y.append(c("div", "ocw-cl-name", o));
     const x = {
       open: "Conversation open",
       awaiting_staff: "Waiting for reply…",
       resolved: "Conversation resolved ✓",
       closed: "Conversation closed"
-    }, u = e.lastMessage ?? x[e.state] ?? e.state;
-    g.append(c("div", "ocw-cl-preview", u)), d.append(g);
+    }, p = e.lastMessage ?? x[e.state] ?? e.state;
+    y.append(c("div", "ocw-cl-preview", p)), d.append(y);
     const h = c("div", "ocw-cl-right");
     return h.append(c("div", "ocw-cl-time", Bt(e.updatedAt))), i > 0 && h.append(c("div", "ocw-cl-badge", String(i > 99 ? "99+" : i))), d.append(h), d.addEventListener("click", () => {
-      var v, y;
-      n > 0 && this.seenSeq.set(e.id, n), this.activeChatId = e.id, this.showChatScreen(), (y = (v = this.h).onSwitchChat) == null || y.call(v, e);
+      var k, b;
+      n > 0 && this.seenSeq.set(e.id, n), this.activeChatId = e.id, this.showChatScreen(), (b = (k = this.h).onSwitchChat) == null || b.call(k, e);
     }), d;
   }
   /** Returns true when the chat screen is visible (not the list). */
@@ -1989,30 +1989,30 @@ class At {
     this.h.onTyping(!0), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
   }
   render(e) {
-    var w, g, x;
+    var w, y, x;
     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 u = (w = this.cfg.subject) == null ? void 0 : w.ownerLabel;
-      u && (this.headerName.textContent = u);
+      const p = (w = this.cfg.subject) == null ? void 0 : w.ownerLabel;
+      p && (this.headerName.textContent = p);
     }
     this.chips.replaceChildren();
     const t = e.visibleActions();
     this.chips.style.display = t.length ? "flex" : "none";
-    for (const u of t) this.chips.append(this.chipEl(u));
+    for (const p of t) this.chips.append(this.chipEl(p));
     const n = this.scroll.scrollHeight, i = this.scroll.scrollTop;
     if (this.scroll.replaceChildren(), this.subjectCard.childNodes.length && this.scroll.append(this.subjectCard), e.hasMoreHistory) {
-      const u = c("div", "ocw-load-more");
-      u.textContent = "↑ Loading earlier messages…", u.style.pointerEvents = "none", this.scroll.append(u);
+      const p = c("div", "ocw-load-more");
+      p.textContent = "↑ Loading earlier messages…", p.style.pointerEvents = "none", this.scroll.append(p);
     }
     let o = 0;
-    for (const u of e.messages())
-      this.scroll.append(this.messageEl(u, e)), u.senderId !== this.me && u.seq > o && (o = u.seq);
+    for (const p of e.messages())
+      this.scroll.append(this.messageEl(p, e)), p.senderId !== this.me && p.seq > o && (o = p.seq);
     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 d = this.typing.querySelector(".ocw-typing-bubble");
-    d && d.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", (g = this.root.querySelector(".ocw-input")) == null || g.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (x = this.root.querySelector(".ocw-input")) == null || x.style.removeProperty("display"));
-    const f = ["resolved", "closed", "sold", "issued", "checked_out"];
-    this.h.onCsat && !this.csatSubmitted && f.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
+    d && d.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", (y = this.root.querySelector(".ocw-input")) == null || y.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (x = this.root.querySelector(".ocw-input")) == null || x.style.removeProperty("display"));
+    const u = ["resolved", "closed", "sold", "issued", "checked_out"];
+    this.h.onCsat && !this.csatSubmitted && u.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
   }
   setConnStatus(e) {
     if (e === "open") {
@@ -2080,8 +2080,8 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
   bindCobrowsePointerEvents() {
     let e = !1, t = [];
     const n = (r) => {
-      const d = this.cobrowseCanvas.getBoundingClientRect(), f = d.width > 0 ? (r.clientX - d.left) / d.width : 0, w = d.height > 0 ? (r.clientY - d.top) / d.height : 0;
-      return { x: Math.min(1, Math.max(0, f)), y: Math.min(1, Math.max(0, w)) };
+      const d = this.cobrowseCanvas.getBoundingClientRect(), u = d.width > 0 ? (r.clientX - d.left) / d.width : 0, w = d.height > 0 ? (r.clientY - d.top) / d.height : 0;
+      return { x: Math.min(1, Math.max(0, u)), y: Math.min(1, Math.max(0, w)) };
     }, i = 6e-3;
     this.cobrowseCanvas.addEventListener("pointerdown", (r) => {
       this.cobrowseActive && (e = !0, t = [n(r)], this.cobrowseCanvas.setPointerCapture(r.pointerId));
@@ -2089,9 +2089,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 d, f;
+      var d, u;
       if (e) {
-        e = !1, t.length > 1 && ((f = (d = this.h).onAnnotate) == null || f.call(d, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: t, color: this.cobrowseColor, width: i })), t = [];
+        e = !1, t.length > 1 && ((u = (d = this.h).onAnnotate) == null || u.call(d, { 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 {
@@ -2106,7 +2106,7 @@ 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 [d, f] of Object.entries(t.fields)) o.append(c("span", "ocw-tag", `${d}: ${f}`));
+    if (t) for (const [d, u] of Object.entries(t.fields)) o.append(c("span", "ocw-tag", `${d}: ${u}`));
     else for (const d of (n == null ? void 0 : n.tags) ?? []) o.append(c("span", "ocw-tag", d));
     o.childNodes.length && this.subjectCard.append(o);
     const r = (t == null ? void 0 : t.state) ?? (n == null ? void 0 : n.status);
@@ -2124,161 +2124,161 @@ 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"), d = c("button", "ocw-modal-ok", "Confirm"), f = (w) => {
+      const o = c("div", "ocw-modal-actions"), r = c("button", "ocw-modal-cancel", "Cancel"), d = c("button", "ocw-modal-ok", "Confirm"), u = (w) => {
         n.remove(), t(w);
       };
-      r.addEventListener("click", () => f(!1)), d.addEventListener("click", () => f(!0)), n.addEventListener("click", (w) => {
-        w.target === n && f(!1);
+      r.addEventListener("click", () => u(!1)), d.addEventListener("click", () => u(!0)), n.addEventListener("click", (w) => {
+        w.target === n && u(!1);
       }), o.append(r, d), i.append(o), n.append(i), this.root.append(n), d.focus();
     });
   }
   /** Inline form for a form-effect action: typed inputs (date picker, number,
    *  text) rendered above the composer — no browser prompts. */
   openForm(e) {
-    var d, f;
+    var d, u;
     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 w of e.input ?? []) {
-      const g = c("label", "ocw-form-row");
-      if (g.append(c("span", "ocw-form-lbl", w.label)), w.type === "select" && ((d = w.options) != null && d.length)) {
+      const y = c("label", "ocw-form-row");
+      if (y.append(c("span", "ocw-form-lbl", w.label)), w.type === "select" && ((d = w.options) != null && d.length)) {
         const x = c("select", "ocw-form-input");
         w.required || x.append(c("option", void 0, "— select —"));
-        for (const u of w.options) {
+        for (const p of w.options) {
           const h = c("option");
-          h.value = u, h.textContent = u, x.append(h);
+          h.value = p, h.textContent = p, x.append(h);
         }
-        w.required && (x.required = !0), g.append(x), n.set(w.name, x);
+        w.required && (x.required = !0), y.append(x), n.set(w.name, x);
       } else {
         const x = c("input", "ocw-form-input");
-        x.type = w.type === "number" ? "number" : w.type === "date" ? "datetime-local" : "text", w.required && (x.required = !0), g.append(x), n.set(w.name, x);
+        x.type = w.type === "number" ? "number" : w.type === "date" ? "datetime-local" : "text", w.required && (x.required = !0), y.append(x), n.set(w.name, x);
       }
-      t.append(g);
+      t.append(y);
     }
     const i = c("div", "ocw-form-actions"), o = c("button", "ocw-form-cancel", "Cancel"), r = c("button", "ocw-form-submit", "Send");
     o.addEventListener("click", () => this.formHost.replaceChildren()), r.addEventListener("click", () => {
       const w = {};
-      for (const [g, x] of n) {
+      for (const [y, x] of n) {
         if (x.required && !x.value) {
           x.style.borderColor = "#e5484d";
           return;
         }
-        w[g] = x.type === "number" ? Number(x.value) : x.value;
+        w[y] = x.type === "number" ? Number(x.value) : x.value;
       }
       this.formHost.replaceChildren(), this.h.onInvoke(e.id, w);
-    }), i.append(o, r), t.append(i), this.formHost.append(t), (f = n.values().next().value) == null || f.focus();
+    }), i.append(o, r), t.append(i), this.formHost.append(t), (u = n.values().next().value) == null || u.focus();
   }
   messageEl(e, t) {
     var x;
     if (e.senderRole === "system") {
-      const u = c("div", "ocw-sys");
-      return u.textContent = e.deletedAt ? "message deleted" : Q(e.content), u;
+      const p = c("div", "ocw-sys");
+      return p.textContent = e.deletedAt ? "message deleted" : Q(e.content), p;
     }
     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"), d = c("div", "ocw-bubble-wrap");
     if (e.replyToId) {
-      const u = c("div", "ocw-reply-to", "↩ replying to a message");
-      u.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", r.append(u);
+      const p = c("div", "ocw-reply-to", "↩ replying to a message");
+      p.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", r.append(p);
     }
-    const f = c("div", "ocw-bubble");
+    const u = c("div", "ocw-bubble");
     let w = null;
-    if (e.deletedAt) f.append(c("span", "ocw-deleted", "message deleted"));
+    if (e.deletedAt) u.append(c("span", "ocw-deleted", "message deleted"));
     else if (e.content.kind === "attachment") {
-      const u = e.content;
-      if ((x = u.mime) != null && x.startsWith("image/")) {
+      const p = e.content;
+      if ((x = p.mime) != null && x.startsWith("image/")) {
         const h = document.createElement("img");
-        h.src = u.url, h.alt = u.name ?? "image", h.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", h.addEventListener("click", () => window.open(u.url, "_blank")), f.append(h);
+        h.src = p.url, h.alt = p.name ?? "image", h.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", h.addEventListener("click", () => window.open(p.url, "_blank")), u.append(h);
       } else {
         const h = document.createElement("a");
-        h.href = u.url, h.target = "_blank", h.rel = "noopener", h.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", h.append(c("span", void 0, "📄"), c("span", void 0, u.name ?? "file")), f.append(h);
+        h.href = p.url, h.target = "_blank", h.rel = "noopener", h.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", h.append(c("span", void 0, "📄"), c("span", void 0, p.name ?? "file")), u.append(h);
       }
     } else if (e.content.kind === "appointment") {
-      const u = e.content, h = c("div", "ocw-appt");
-      h.append(c("div", "ocw-appt-title", `📅 ${u.title}`)), h.append(c("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && h.append(c("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && h.append(c("div", "ocw-appt-desc", u.description));
-      const m = c("div", "ocw-appt-links"), v = document.createElement("a");
-      v.href = u.googleUrl, v.target = "_blank", v.rel = "noopener", v.className = "ocw-appt-btn", v.textContent = "📅 Add to Google Calendar";
-      const y = document.createElement("a");
-      y.href = u.icalUrl, y.download = `${u.title}.ics`, y.className = "ocw-appt-btn ocw-appt-btn-sec", y.textContent = "🍎 Apple / iCal", m.append(v, y), h.append(m), f.append(h);
+      const p = e.content, h = c("div", "ocw-appt");
+      h.append(c("div", "ocw-appt-title", `📅 ${p.title}`)), h.append(c("div", "ocw-appt-time", new Date(p.startIso).toLocaleString() + " – " + new Date(p.endIso).toLocaleTimeString())), p.location && h.append(c("div", "ocw-appt-loc", `📍 ${p.location}`)), p.description && h.append(c("div", "ocw-appt-desc", p.description));
+      const v = c("div", "ocw-appt-links"), k = document.createElement("a");
+      k.href = p.googleUrl, k.target = "_blank", k.rel = "noopener", k.className = "ocw-appt-btn", k.textContent = "📅 Add to Google Calendar";
+      const b = document.createElement("a");
+      b.href = p.icalUrl, b.download = `${p.title}.ics`, b.className = "ocw-appt-btn ocw-appt-btn-sec", b.textContent = "🍎 Apple / iCal", v.append(k, b), h.append(v), u.append(h);
     } else
-      w = document.createTextNode(Q(e.content)), f.append(w), e.editedAt && f.append(c("span", "ocw-edited", "(edited)"));
-    if (d.append(f), !n && !i && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && w) {
-      const u = e.content.text;
-      if (u.trim()) {
+      w = document.createTextNode(Q(e.content)), u.append(w), e.editedAt && u.append(c("span", "ocw-edited", "(edited)"));
+    if (d.append(u), !n && !i && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && w) {
+      const p = e.content.text;
+      if (p.trim()) {
         const h = c("button", "ocw-translate-btn", "🌐");
-        h.type = "button", h.title = "Translate", h.addEventListener("click", (m) => {
-          if (m.stopPropagation(), this.showingTranslation.has(e.id)) {
-            this.showingTranslation.delete(e.id), w.textContent = u, h.textContent = "🌐", h.title = "Translate";
+        h.type = "button", h.title = "Translate", h.addEventListener("click", (v) => {
+          if (v.stopPropagation(), this.showingTranslation.has(e.id)) {
+            this.showingTranslation.delete(e.id), w.textContent = p, h.textContent = "🌐", h.title = "Translate";
             return;
           }
-          const v = this.translationCache.get(e.id);
-          if (v !== void 0) {
-            this.showingTranslation.add(e.id), w.textContent = v, h.textContent = "↩", h.title = "Show original";
+          const k = this.translationCache.get(e.id);
+          if (k !== void 0) {
+            this.showingTranslation.add(e.id), w.textContent = k, h.textContent = "↩", h.title = "Show original";
             return;
           }
-          h.textContent = "⏳", this.h.onTranslate(u).then((y) => {
-            if (y === null) {
+          h.textContent = "⏳", this.h.onTranslate(p).then((b) => {
+            if (b === null) {
               h.textContent = "⚠️", h.title = "Translation unavailable", setTimeout(() => {
                 h.textContent = "🌐", h.title = "Translate";
               }, 1500);
               return;
             }
-            this.translationCache.set(e.id, y), this.showingTranslation.add(e.id), w.textContent = y, h.textContent = "↩", h.title = "Show original";
+            this.translationCache.set(e.id, b), this.showingTranslation.add(e.id), w.textContent = b, h.textContent = "↩", h.title = "Show original";
           });
         }), d.append(h);
       }
     }
     if (n && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
-      const u = c("div", "ocw-msg-menu");
+      const p = c("div", "ocw-msg-menu");
       if (this.h.onEdit) {
         const h = c("button", void 0, "✏️");
-        h.title = "Edit", h.addEventListener("click", (m) => {
-          m.stopPropagation();
-          const v = Q(e.content), y = prompt("Edit message:", v);
-          y !== null && y.trim() && y !== v && this.h.onEdit(e.id, y.trim());
-        }), u.append(h);
+        h.title = "Edit", h.addEventListener("click", (v) => {
+          v.stopPropagation();
+          const k = Q(e.content), b = prompt("Edit message:", k);
+          b !== null && b.trim() && b !== k && this.h.onEdit(e.id, b.trim());
+        }), p.append(h);
       }
       if (this.h.onDelete) {
         const h = c("button", "del", "🗑");
-        h.title = "Delete", h.addEventListener("click", (m) => {
-          m.stopPropagation(), this.h.onDelete(e.id);
-        }), u.append(h);
+        h.title = "Delete", h.addEventListener("click", (v) => {
+          v.stopPropagation(), this.h.onDelete(e.id);
+        }), p.append(h);
       }
-      d.append(u);
+      d.append(p);
     }
     if (r.append(d), this.h.onReact && !e.deletedAt && e.seq > 0) {
-      const u = c("div", "ocw-react-wrap"), h = c("div", "ocw-react");
+      const p = c("div", "ocw-react-wrap"), h = c("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
-        for (const [y, E] of Object.entries(e.reactions)) {
-          const A = c("button", `ocw-react-pill${E.includes(this.me) ? " mine" : ""}`, `${y} ${E.length}`);
-          A.addEventListener("click", () => {
-            var B, P;
-            return (P = (B = this.h).onReact) == null ? void 0 : P.call(B, e.id, y, E.includes(this.me));
-          }), h.append(A);
+        for (const [b, E] of Object.entries(e.reactions)) {
+          const B = c("button", `ocw-react-pill${E.includes(this.me) ? " mine" : ""}`, `${b} ${E.length}`);
+          B.addEventListener("click", () => {
+            var T, A;
+            return (A = (T = this.h).onReact) == null ? void 0 : A.call(T, e.id, b, E.includes(this.me));
+          }), h.append(B);
         }
-      const m = c("button", "ocw-react-btn", "＋"), v = c("div", "ocw-react-picker");
-      for (const y of It) {
-        const E = c("button", void 0, y);
-        E.addEventListener("click", (A) => {
-          var P, M, $, _;
-          A.stopPropagation();
-          const B = (M = (P = e.reactions) == null ? void 0 : P[y]) == null ? void 0 : M.includes(this.me);
-          (_ = ($ = this.h).onReact) == null || _.call($, e.id, y, !!B), v.style.display = "none";
-        }), v.append(E);
+      const v = c("button", "ocw-react-btn", "＋"), k = c("div", "ocw-react-picker");
+      for (const b of It) {
+        const E = c("button", void 0, b);
+        E.addEventListener("click", (B) => {
+          var A, $, _, D;
+          B.stopPropagation();
+          const T = ($ = (A = e.reactions) == null ? void 0 : A[b]) == null ? void 0 : $.includes(this.me);
+          (D = (_ = this.h).onReact) == null || D.call(_, e.id, b, !!T), k.style.display = "none";
+        }), k.append(E);
       }
-      v.style.display = "none", m.addEventListener("click", (y) => {
-        y.stopPropagation(), v.style.display = v.style.display === "none" ? "flex" : "none";
+      k.style.display = "none", v.addEventListener("click", (b) => {
+        b.stopPropagation(), k.style.display = k.style.display === "none" ? "flex" : "none";
       }), document.addEventListener("click", () => {
-        v.style.display = "none";
-      }, { once: !0 }), h.append(m), u.append(h, v), r.append(u);
-    } else e.reactions && Object.keys(e.reactions).length && r.append(c("div", "ocw-react", Object.entries(e.reactions).map(([u, h]) => `${u}${h.length}`).join(" ")));
-    const g = c("div", "ocw-time ocw-meta", Tt(e.ts));
+        k.style.display = "none";
+      }, { once: !0 }), h.append(v), p.append(h, k), r.append(p);
+    } else e.reactions && Object.keys(e.reactions).length && r.append(c("div", "ocw-react", Object.entries(e.reactions).map(([p, h]) => `${p}${h.length}`).join(" ")));
+    const y = c("div", "ocw-time ocw-meta", Tt(e.ts));
     if (n && e.status) {
-      const u = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Pt(e.status));
-      g.append(u);
+      const p = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Pt(e.status));
+      y.append(p);
     }
-    return n && e.seq > 0 && t.lastReadByOthers >= e.seq && g.append(c("span", "ocw-seen", " · Seen")), r.append(g), o.append(r), o;
+    return n && e.seq > 0 && t.lastReadByOthers >= e.seq && y.append(c("span", "ocw-seen", " · Seen")), r.append(y), o.append(r), o;
   }
 }
 function Pt(s) {
@@ -2319,24 +2319,24 @@ async function zt(s, e, t, n, i) {
   const o = ye(s), r = await he(o, t, e, Number.MAX_SAFE_INTEGER);
   if (!r || (r.messages.length ? (n.apply({ type: "sync", conversationId: t, messages: r.messages }), n.apply({ type: "history", conversationId: t, messages: [], hasMore: r.hasMore }), i.render(n)) : n.apply({ type: "history", conversationId: t, messages: [], hasMore: !1 }), !r.hasMore)) return;
   let d = !1;
-  const f = async () => {
+  const u = async () => {
     if (d || !n.hasMoreHistory) return;
     d = !0;
-    const u = n.messages()[0];
-    if (!u) {
+    const p = n.messages()[0];
+    if (!p) {
       d = !1;
       return;
     }
-    const h = await he(o, t, e, u.seq);
+    const h = await he(o, t, e, p.seq);
     h && (n.apply({ type: "history", conversationId: t, messages: h.messages, hasMore: h.hasMore }), i.render(n)), d = !1;
   }, w = i.getScrollEl();
   if (!w) return;
-  let g = !1;
+  let y = !1;
   setTimeout(() => {
-    g = !0;
+    y = !0;
   }, 300);
   const x = () => {
-    g && w.scrollTop < 80 && n.hasMoreHistory && !d && f();
+    y && w.scrollTop < 80 && n.hasMoreHistory && !d && u();
   };
   w.addEventListener("scroll", x, { passive: !0 }), i.setScrollCleanup(() => w.removeEventListener("scroll", x));
 }
@@ -2352,80 +2352,117 @@ function Mt() {
   }
 }
 function $t(s) {
-  var D, q;
-  const e = s.token ?? Mt(), t = new dt(e), n = new ut(e);
+  var P, R;
+  const e = s.token ?? Mt(), t = new dt(e), n = new ft(e);
   let i, o = !1, r = 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 n.load()) t.addOptimistic(l.clientMsgId, l.content);
-  let d = null, f = null, w = 0, g = !s.launcher;
+  let d = null, u = null, w = 0, y = !s.launcher;
   if (s.launcher) {
-    const l = s.position ?? "bottom-right";
-    d = document.createElement("div"), d.style.cssText = `position:fixed;${l.includes("right") ? "right:20px" : "left:20px"};bottom:20px;z-index:9999`;
-    const p = document.createElement("button");
-    p.style.cssText = `width:56px;height:56px;border-radius:50%;background:${s.accent ?? "#4F63F5"};color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.2);position:relative`, p.textContent = "💬", f = document.createElement("span"), f.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", p.append(f), d.append(p), document.body.append(d), s.el.style.display = "none", p.addEventListener("click", () => {
-      g = !g, s.el.style.display = g ? "block" : "none", p.textContent = g ? "✕" : "💬", g && (w = 0, f && (f.style.display = "none")), p.append(f);
+    const f = (s.position ?? "bottom-right").includes("right");
+    d = document.createElement("div"), d.style.cssText = `position:fixed;${f ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${f ? "flex-end" : "flex-start"};gap:12px`;
+    const g = document.createElement("div");
+    g.style.cssText = [
+      "width:380px",
+      "height:600px",
+      "border-radius:16px",
+      "overflow:hidden",
+      "box-shadow:0 8px 40px rgba(0,0,0,.18)",
+      "display:none",
+      // hidden until bubble clicked
+      "flex-direction:column",
+      "background:#fff",
+      "transform-origin:bottom " + (f ? "right" : "left"),
+      "transition:opacity .18s,transform .18s",
+      "opacity:0",
+      "transform:scale(.95)"
+    ].join(";"), s.el.style.cssText = "width:100%;height:100%;overflow:hidden", g.append(s.el);
+    const C = document.createElement("button");
+    C.style.cssText = [
+      "width:56px;height:56px;border-radius:50%",
+      `background:${s.accent ?? "#4F63F5"}`,
+      "color:#fff;border:none;font-size:24px;cursor:pointer",
+      "box-shadow:0 4px 16px rgba(0,0,0,.25)",
+      "position:relative;flex:none",
+      "transition:transform .15s"
+    ].join(";"), C.textContent = "💬", C.onmouseenter = () => {
+      C.style.transform = "scale(1.08)";
+    }, C.onmouseleave = () => {
+      C.style.transform = "scale(1)";
+    }, u = document.createElement("span"), u.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", C.append(u), d.append(g, C), document.body.append(d);
+    const L = (K) => {
+      K ? (g.style.display = "flex", requestAnimationFrame(() => {
+        g.style.opacity = "1", g.style.transform = "scale(1)";
+      })) : (g.style.opacity = "0", g.style.transform = "scale(.95)", setTimeout(() => {
+        y || (g.style.display = "none");
+      }, 180));
+    };
+    C.addEventListener("click", () => {
+      y = !y, L(y), C.textContent = y ? "✕" : "💬", C.append(u), y && (w = 0, u && (u.style.display = "none"));
+    }), document.addEventListener("keydown", (K) => {
+      K.key === "Escape" && y && (y = !1, L(!1), C.textContent = "💬", C.append(u));
     });
   }
   const x = () => {
-    g || (w++, f && (f.textContent = String(w), f.style.display = "flex"));
-  }, u = () => {
+    y || (w++, u && (u.textContent = String(w), u.style.display = "flex"));
+  }, p = () => {
     try {
-      const l = new AudioContext(), p = l.createOscillator(), b = l.createGain();
-      p.connect(b), b.connect(l.destination), p.frequency.setValueAtTime(880, l.currentTime), p.frequency.exponentialRampToValueAtTime(440, l.currentTime + 0.15), b.gain.setValueAtTime(0.3, l.currentTime), b.gain.exponentialRampToValueAtTime(1e-3, l.currentTime + 0.3), p.start(), p.stop(l.currentTime + 0.3);
+      const l = new AudioContext(), f = l.createOscillator(), g = l.createGain();
+      f.connect(g), g.connect(l.destination), f.frequency.setValueAtTime(880, l.currentTime), f.frequency.exponentialRampToValueAtTime(440, l.currentTime + 0.15), g.gain.setValueAtTime(0.3, l.currentTime), g.gain.exponentialRampToValueAtTime(1e-3, l.currentTime + 0.3), f.start(), f.stop(l.currentTime + 0.3);
     } catch {
     }
   };
   let h;
-  const m = new St(`ocw-e2e-${s.profileId}`);
-  let v = !1;
-  const y = [], E = [];
-  let A = !1;
-  const B = (l, p) => {
-    m.sealText(p).then((b) => {
-      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: b });
+  const v = new St(`ocw-e2e-${s.profileId}`);
+  let k = !1;
+  const b = [], E = [];
+  let B = !1;
+  const T = (l, f) => {
+    v.sealText(f).then((g) => {
+      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: g });
     });
-  }, P = (l, p, b) => {
-    m.sealText(p, b).then((T) => {
-      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: T });
+  }, A = (l, f, g) => {
+    v.sealText(f, g).then((C) => {
+      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: C });
     });
-  }, M = () => {
-    for (; y.length; ) {
-      const l = y.shift();
-      B(l.clientMsgId, l.text);
+  }, $ = () => {
+    for (; b.length; ) {
+      const l = b.shift();
+      T(l.clientMsgId, l.text);
     }
     for (; E.length; ) {
       const l = E.shift();
-      B(l.clientMsgId, l.text);
+      T(l.clientMsgId, l.text);
     }
-  }, $ = (l) => {
+  }, _ = (l) => {
     h.send({ type: "fetchPrekey", targetUserId: l });
-  }, _ = s.i18n ?? {}, k = ["ar", "he", "fa", "ur"], I = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
-  k.includes(I) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
-  const C = new At(s.el, e, {
+  }, D = s.i18n ?? {}, W = ["ar", "he", "fa", "ur"], S = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  W.includes(S) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const m = new At(s.el, e, {
     onSend(l) {
       if (!i) return;
-      const p = `cm_${Math.random().toString(36).slice(2)}`;
-      t.addOptimistic(p, { kind: "text", text: l }), C.render(t), t.e2e ? m.ready ? B(p, l) : A ? E.push({ clientMsgId: p, text: l }) : (y.push({ clientMsgId: p, text: l }), t.assignedAgentId && $(t.assignedAgentId)) : (n.add({ clientMsgId: p, content: { kind: "text", text: l }, ts: Date.now() }), h.send({ type: "send", conversationId: i, clientMsgId: p, content: { kind: "text", text: l } }));
+      const f = `cm_${Math.random().toString(36).slice(2)}`;
+      t.addOptimistic(f, { kind: "text", text: l }), m.render(t), t.e2e ? v.ready ? T(f, l) : B ? E.push({ clientMsgId: f, text: l }) : (b.push({ clientMsgId: f, text: l }), t.assignedAgentId && _(t.assignedAgentId)) : (n.add({ clientMsgId: f, content: { kind: "text", text: l }, ts: Date.now() }), h.send({ type: "send", conversationId: i, clientMsgId: f, content: { kind: "text", text: l } }));
     },
     async onAttach(l) {
       if (!i) return;
-      const T = `${s.url.replace(/^ws/, "http").replace(/\/ws$/, "")}/upload?name=${encodeURIComponent(l.name)}`, H = `cm_${Math.random().toString(36).slice(2)}`;
-      t.addOptimistic(H, { kind: "text", text: `📎 Uploading ${l.name}…` }), C.render(t);
+      const C = `${s.url.replace(/^ws/, "http").replace(/\/ws$/, "")}/upload?name=${encodeURIComponent(l.name)}`, L = `cm_${Math.random().toString(36).slice(2)}`;
+      t.addOptimistic(L, { kind: "text", text: `📎 Uploading ${l.name}…` }), m.render(t);
       try {
-        const F = await fetch(T, {
+        const K = await fetch(C, {
           method: "POST",
           headers: { "content-type": l.type, ...s.token ? { authorization: `Bearer ${s.token}` } : {} },
           body: l
         });
-        if (!F.ok) throw new Error(`Upload failed: ${F.status}`);
-        const { url: be, name: me, mime: ve, size: ke } = await F.json();
-        h.send({ type: "send", conversationId: i, clientMsgId: H, content: { kind: "attachment", url: be, name: me, mime: ve, size: ke } });
-      } catch (F) {
-        t.addOptimistic(H, { kind: "text", text: `⚠️ Upload failed: ${F.message}` }), C.render(t);
+        if (!K.ok) throw new Error(`Upload failed: ${K.status}`);
+        const { url: be, name: me, mime: ve, size: ke } = await K.json();
+        h.send({ type: "send", conversationId: i, clientMsgId: L, content: { kind: "attachment", url: be, name: me, mime: ve, size: ke } });
+      } catch (K) {
+        t.addOptimistic(L, { kind: "text", text: `⚠️ Upload failed: ${K.message}` }), m.render(t);
       }
     },
-    onInvoke(l, p) {
-      i && h.send({ type: "invoke", conversationId: i, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...p ? { inputs: p } : {} });
+    onInvoke(l, f) {
+      i && h.send({ type: "invoke", conversationId: i, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...f ? { inputs: f } : {} });
     },
     onTyping(l) {
       i && h.send({ type: "typing", conversationId: i, isTyping: l });
@@ -2438,19 +2475,19 @@ function $t(s) {
       const l = t.messages()[0];
       l && h.send({ type: "history", conversationId: i, beforeSeq: l.seq, limit: 20 });
     },
-    onEdit(l, p) {
-      i && h.send({ type: "edit", conversationId: i, messageId: l, content: { kind: "text", text: p } });
+    onEdit(l, f) {
+      i && h.send({ type: "edit", conversationId: i, messageId: l, content: { kind: "text", text: f } });
     },
     onDelete(l) {
       i && h.send({ type: "delete", conversationId: i, messageId: l });
     },
-    onReact(l, p, b) {
-      i && h.send({ type: "react", conversationId: i, messageId: l, emoji: p, remove: b });
+    onReact(l, f, g) {
+      i && h.send({ type: "react", conversationId: i, messageId: l, emoji: f, remove: g });
     },
     onCsat(l) {
       if (!i) return;
-      const p = s.url.replace(/^ws/, "http").replace(/\/+$/, "").replace(/:\d+$/, (b) => b);
-      fetch(`${p}/conversations/${i}/csat`, {
+      const f = s.url.replace(/^ws/, "http").replace(/\/+$/, "").replace(/:\d+$/, (g) => g);
+      fetch(`${f}/conversations/${i}/csat`, {
         method: "POST",
         headers: { "Content-Type": "application/json", Authorization: `Bearer ${e}` },
         body: JSON.stringify({ score: l })
@@ -2465,16 +2502,16 @@ function $t(s) {
     },
     ...s.translateLang ? {
       async onTranslate(l) {
-        const p = s.url.replace(/^ws/, "http").replace(/\/+$/, "");
+        const f = s.url.replace(/^ws/, "http").replace(/\/+$/, "");
         try {
-          const b = await fetch(`${p}/translate`, {
+          const g = await fetch(`${f}/translate`, {
             method: "POST",
             headers: { "content-type": "application/json", authorization: `Bearer ${e}` },
             body: JSON.stringify({ text: l, targetLang: s.translateLang })
           });
-          if (!b.ok) return null;
-          const { translated: T } = await b.json();
-          return T;
+          if (!g.ok) return null;
+          const { translated: C } = await g.json();
+          return C;
         } catch {
           return null;
         }
@@ -2484,10 +2521,10 @@ function $t(s) {
       async onListChats() {
         const l = ye(s.url);
         try {
-          const p = await fetch(`${l}/conversations/mine?profileId=${encodeURIComponent(s.profileId)}`, {
+          const f = await fetch(`${l}/conversations/mine?profileId=${encodeURIComponent(s.profileId)}`, {
             headers: { authorization: `Bearer ${e}` }
           });
-          return p.ok ? (await p.json()).conversations ?? [] : [];
+          return f.ok ? (await f.json()).conversations ?? [] : [];
         } catch {
           return [];
         }
@@ -2495,9 +2532,9 @@ function $t(s) {
       onSwitchChat(l) {
         if (!l.id || l.id === "__new__") return;
         r == null || r.close(), s.el.replaceChildren();
-        const { subjectId: p, token: b, ...T } = s;
+        const { subjectId: f, token: g, ...C } = s;
         r = $t({
-          ...T,
+          ...C,
           token: e,
           // always the resolved identity, never undefined
           ...l.subjectId ? { subjectId: l.subjectId } : {},
@@ -2509,9 +2546,11 @@ function $t(s) {
     ...s.subject ? { subject: s.subject } : {},
     ...s.quickReplies ? { quickReplies: s.quickReplies } : {},
     ...s.accent ? { accent: s.accent } : {},
-    ...(D = s.user) != null && D.name || (q = s.user) != null && q.avatar ? { userInfo: { ...s.user.name ? { name: s.user.name } : {}, ...s.user.avatar ? { avatar: s.user.avatar } : {} } } : {},
-    i18n: _
-  }), V = {
+    ...(P = s.user) != null && P.name || (R = s.user) != null && R.avatar ? { userInfo: { ...s.user.name ? { name: s.user.name } : {}, ...s.user.avatar ? { avatar: s.user.avatar } : {} } } : {},
+    i18n: D,
+    // Start directly on chat screen when a specific conversation is known upfront
+    ...s.showChatList && s.subjectId ? { startOnChat: !0 } : {}
+  }), q = {
     type: "open",
     profileId: s.profileId,
     ...s.subjectId ? { subjectId: s.subjectId } : {},
@@ -2519,74 +2558,76 @@ function $t(s) {
     // This is pure display metadata — it never affects identity or access.
     ...typeof location < "u" ? { pageUrl: location.href } : {},
     ...typeof document < "u" && document.title ? { pageTitle: document.title } : {}
-  }, K = (l) => {
-    const p = s.user;
-    if (!p || !p.name && !p.email && !p.avatar && !p.meta) return;
-    const b = [];
-    if (p.name && b.push(`Name: ${p.name}`), p.email && b.push(`Email: ${p.email}`), p.avatar && b.push(`Avatar: ${p.avatar}`), p.meta) for (const [T, H] of Object.entries(p.meta)) b.push(`${T}: ${H}`);
+  }, V = (l) => {
+    const f = s.user;
+    if (!f || !f.name && !f.email && !f.avatar && !f.meta) return;
+    const g = [];
+    if (f.name && g.push(`Name: ${f.name}`), f.email && g.push(`Email: ${f.email}`), f.avatar && g.push(`Avatar: ${f.avatar}`), f.meta) for (const [C, L] of Object.entries(f.meta)) g.push(`${C}: ${L}`);
     h.send({ type: "note", conversationId: l, clientMsgId: `ui_${Date.now()}`, text: `[User info]
-${b.join(`
+${g.join(`
 `)}` });
   };
   return h = new lt({
     url: s.url,
     token: e,
-    open: V,
+    open: q,
     getCursor: () => t.highestSeq(),
-    onStatusChange: (l) => C.setConnStatus(l),
+    onStatusChange: (l) => m.setConnStatus(l),
     onFrame(l) {
       if (l.type === "opened") {
-        const p = i === void 0;
+        const f = i === void 0;
         if (i = l.conversation.id, !o) {
           o = !0;
-          for (const b of n.load())
-            h.send({ type: "send", conversationId: i, clientMsgId: b.clientMsgId, content: b.content });
+          for (const g of n.load())
+            h.send({ type: "send", conversationId: i, clientMsgId: g.clientMsgId, content: g.content });
         }
-        p && (zt(s.url, e, i, t, C), l.conversation.lastSeq === 0 && K(i), s.showChatList && s.subjectId && C.showChatScreen());
+        f && (zt(s.url, e, i, t, m), l.conversation.lastSeq === 0 && V(i), s.showChatList && s.subjectId && m.showChatScreen());
       }
       if (l.type === "ack" && n.remove(l.clientMsgId), l.type === "prekeyBundle") {
-        l.bundle && (A = !0, m.x3dhSendTo(l.bundle).then((p) => {
-          const b = [...y.splice(0), ...E.splice(0)];
-          for (const T of b) P(T.clientMsgId, T.text, p);
-          C.render(t);
+        l.bundle && (B = !0, v.x3dhSendTo(l.bundle).then((f) => {
+          const g = [...b.splice(0), ...E.splice(0)];
+          for (const C of g) A(C.clientMsgId, C.text, f);
+          m.render(t);
         }));
         return;
       }
       if (l.type === "message" && t.e2e) {
-        const p = Ct(l.message.content);
-        if (p && !m.ready) {
-          m.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
-            await m.openFrame(l), t.apply(l), C.render(t);
+        const f = Ct(l.message.content);
+        if (f && !v.ready) {
+          v.x3dhReceiveFrom(f.x3dhIK, f.x3dhEK, f.x3dhSPK).then(async () => {
+            await v.openFrame(l), t.apply(l), m.render(t);
           });
           return;
         }
       }
       if (l.type === "peerkey") {
-        m.onPeerKey(l.key).then(() => {
-          M(), C.render(t);
+        v.onPeerKey(l.key).then(() => {
+          $(), m.render(t);
         });
         return;
       }
       (async () => {
-        if (t.e2e && await m.openFrame(l), t.apply(l), l.type === "message" && l.message.senderId !== e && !l.message.internal && (s.showChatList && C.isInChatScreen() || x(), u()), t.e2e && i && !v) {
-          v = !0;
-          const p = await m.initX3DH();
-          h.send({ type: "uploadPrekeys", ...p });
-          const b = await m.begin();
-          h.send({ type: "pubkey", conversationId: i, key: b });
+        if (t.e2e && await v.openFrame(l), t.apply(l), l.type === "message" && l.message.senderId !== e && !l.message.internal && (s.showChatList && m.isInChatScreen() || x(), p()), t.e2e && i && !k) {
+          k = !0;
+          const f = await v.initX3DH();
+          h.send({ type: "uploadPrekeys", ...f });
+          const g = await v.begin();
+          h.send({ type: "pubkey", conversationId: i, key: g });
         }
-        C.render(t), i && C.setSeenSeq(i, t.highestSeq());
+        m.render(t), i && m.setSeenSeq(i, t.highestSeq());
       })();
     }
-  }), s.showChatList && C.initSeenSeq(`${s.profileId}_${e.slice(-8)}`), h.connect(), C.render(t), r = { close: () => {
-    h.close(), d == null || d.remove(), C.destroy();
-  } }, r;
+  }), s.showChatList && m.initSeenSeq(`${s.profileId}_${e.slice(-8)}`), s.showChatList && !s.subjectId ? (r = { close: () => {
+    d == null || d.remove(), m.destroy();
+  } }, r) : (h.connect(), m.render(t), r = { close: () => {
+    h.close(), d == null || d.remove(), m.destroy();
+  } }, r);
 }
 export {
   dt as ChatStore,
   lt as ConnectionManager,
   St as E2ESession,
-  ut as PersistentOutbox,
+  ft as PersistentOutbox,
   At as Renderer,
   Dt as asConversationId,
   Ct as extractX3DHInit,