@paramms/chat-widget 1.0.28 → 1.0.30

package/dist/index.js

@@ -1,1572 +1,58 @@
-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 nn } from "./uid.js";
-const Gt = (s) => s;
-function Fe(s) {
-  const e = s.length;
-  let t = 0, n = 0;
-  for (; n < e; ) {
-    let i = s.charCodeAt(n++);
-    if (i & 4294967168)
-      if (!(i & 4294965248))
-        t += 2;
-      else {
-        if (i >= 55296 && i <= 56319 && n < e) {
-          const o = s.charCodeAt(n);
-          (o & 64512) === 56320 && (++n, i = ((i & 1023) << 10) + (o & 1023) + 65536);
-        }
-        i & 4294901760 ? t += 4 : t += 3;
-      }
-    else {
-      t++;
-      continue;
-    }
-  }
-  return t;
-}
-function je(s, e, t) {
-  const n = s.length;
-  let i = t, o = 0;
-  for (; o < n; ) {
-    let r = s.charCodeAt(o++);
-    if (r & 4294967168)
-      if (!(r & 4294965248))
-        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);
-        }
-        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);
-      }
-    else {
-      e[i++] = r;
-      continue;
-    }
-    e[i++] = r & 63 | 128;
-  }
-}
-const qe = new TextEncoder(), Oe = 50;
-function Ne(s, e, t) {
-  qe.encodeInto(s, e.subarray(t));
-}
-function Ve(s, e, t) {
-  s.length > Oe ? Ne(s, e, t) : je(s, e, t);
-}
-const We = 4096;
-function Se(s, e, t) {
-  let n = e;
-  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 w = s[n++] & 63;
-      o.push((h & 31) << 6 | w);
-    } else if ((h & 240) === 224) {
-      const w = s[n++] & 63, d = s[n++] & 63;
-      o.push((h & 31) << 12 | w << 6 | d);
-    } else if ((h & 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;
-      x > 65535 && (x -= 65536, o.push(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), o.push(x);
-    } else
-      o.push(h);
-    o.length >= We && (r += String.fromCharCode(...o), o.length = 0);
-  }
-  return o.length > 0 && (r += String.fromCharCode(...o)), r;
-}
-const Xe = new TextDecoder(), Ye = 200;
-function Je(s, e, t) {
-  const n = s.subarray(e, e + t);
-  return Xe.decode(n);
-}
-function Ge(s, e, t) {
-  return t > Ye ? Je(s, e, t) : Se(s, e, t);
-}
-class G {
-  constructor(e, t) {
-    a(this, "type");
-    a(this, "data");
-    this.type = e, this.data = t;
-  }
-}
-class z extends Error {
-  constructor(e) {
-    super(e);
-    const t = Object.create(z.prototype);
-    Object.setPrototypeOf(this, t), Object.defineProperty(this, "name", {
-      configurable: !0,
-      enumerable: !1,
-      value: z.name
-    });
-  }
-}
-const j = 4294967295;
-function Ze(s, e, t) {
-  const n = t / 4294967296, i = t;
-  s.setUint32(e, n), s.setUint32(e + 4, i);
-}
-function Ie(s, e, t) {
-  const n = Math.floor(t / 4294967296), i = t;
-  s.setUint32(e, n), s.setUint32(e + 4, i);
-}
-function Ce(s, e) {
-  const t = s.getInt32(e), n = s.getUint32(e + 4);
-  return t * 4294967296 + n;
-}
-function Qe(s, e) {
-  const t = s.getUint32(e), n = s.getUint32(e + 4);
-  return t * 4294967296 + n;
-}
-const et = -1, tt = 4294967296 - 1, nt = 17179869184 - 1;
-function it({ sec: s, nsec: e }) {
-  if (s >= 0 && e >= 0 && s <= nt)
-    if (e === 0 && s <= tt) {
-      const t = new Uint8Array(4);
-      return new DataView(t.buffer).setUint32(0, s), t;
-    } else {
-      const t = s / 4294967296, n = s & 4294967295, i = new Uint8Array(8), o = new DataView(i.buffer);
-      return o.setUint32(0, e << 2 | t & 3), o.setUint32(4, n), i;
-    }
-  else {
-    const t = new Uint8Array(12), n = new DataView(t.buffer);
-    return n.setUint32(0, e), Ie(n, 4, s), t;
-  }
-}
-function st(s) {
-  const e = s.getTime(), t = Math.floor(e / 1e3), n = (e - t * 1e3) * 1e6, i = Math.floor(n / 1e9);
-  return {
-    sec: t + i,
-    nsec: n - i * 1e9
-  };
-}
-function ot(s) {
-  if (s instanceof Date) {
-    const e = st(s);
-    return it(e);
-  } else
-    return null;
-}
-function rt(s) {
-  const e = new DataView(s.buffer, s.byteOffset, s.byteLength);
-  switch (s.byteLength) {
-    case 4:
-      return { sec: e.getUint32(0), nsec: 0 };
-    case 8: {
-      const t = e.getUint32(0), n = e.getUint32(4), i = (t & 3) * 4294967296 + n, o = t >>> 2;
-      return { sec: i, nsec: o };
-    }
-    case 12: {
-      const t = Ce(e, 4), n = e.getUint32(0);
-      return { sec: t, nsec: n };
-    }
-    default:
-      throw new z(`Unrecognized data size for timestamp (expected 4, 8, or 12): ${s.length}`);
-  }
-}
-function at(s) {
-  const e = rt(s);
-  return new Date(e.sec * 1e3 + e.nsec / 1e6);
-}
-const ct = {
-  type: et,
-  encode: ot,
-  decode: at
-}, te = class te {
-  constructor() {
-    // ensures ExtensionCodecType<X> matches ExtensionCodec<X>
-    // this will make type errors a lot more clear
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    a(this, "__brand");
-    // built-in extensions
-    a(this, "builtInEncoders", []);
-    a(this, "builtInDecoders", []);
-    // custom extensions
-    a(this, "encoders", []);
-    a(this, "decoders", []);
-    this.register(ct);
-  }
-  register({ type: e, encode: t, decode: n }) {
-    if (e >= 0)
-      this.encoders[e] = t, this.decoders[e] = n;
-    else {
-      const i = -1 - e;
-      this.builtInEncoders[i] = t, this.builtInDecoders[i] = n;
-    }
-  }
-  tryToEncode(e, t) {
-    for (let n = 0; n < this.builtInEncoders.length; n++) {
-      const i = this.builtInEncoders[n];
-      if (i != null) {
-        const o = i(e, t);
-        if (o != null) {
-          const r = -1 - n;
-          return new G(r, o);
-        }
-      }
-    }
-    for (let n = 0; n < this.encoders.length; n++) {
-      const i = this.encoders[n];
-      if (i != null) {
-        const o = i(e, t);
-        if (o != null) {
-          const r = n;
-          return new G(r, o);
-        }
-      }
-    }
-    return e instanceof G ? e : null;
-  }
-  decode(e, t, n) {
-    const i = t < 0 ? this.builtInDecoders[-1 - t] : this.decoders[t];
-    return i ? i(e, t, n) : new G(t, e);
-  }
-};
-a(te, "defaultCodec", new te());
-let Q = te;
-function dt(s) {
-  return s instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && s instanceof SharedArrayBuffer;
-}
-function oe(s) {
-  return s instanceof Uint8Array ? s : ArrayBuffer.isView(s) ? new Uint8Array(s.buffer, s.byteOffset, s.byteLength) : dt(s) ? new Uint8Array(s) : Uint8Array.from(s);
-}
-const lt = 100, ht = 2048;
-class ce {
-  constructor(e) {
-    a(this, "extensionCodec");
-    a(this, "context");
-    a(this, "useBigInt64");
-    a(this, "maxDepth");
-    a(this, "initialBufferSize");
-    a(this, "sortKeys");
-    a(this, "forceFloat32");
-    a(this, "ignoreUndefined");
-    a(this, "forceIntegerToFloat");
-    a(this, "pos");
-    a(this, "view");
-    a(this, "bytes");
-    a(this, "entered", !1);
-    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({
-      extensionCodec: this.extensionCodec,
-      context: this.context,
-      useBigInt64: this.useBigInt64,
-      maxDepth: this.maxDepth,
-      initialBufferSize: this.initialBufferSize,
-      sortKeys: this.sortKeys,
-      forceFloat32: this.forceFloat32,
-      ignoreUndefined: this.ignoreUndefined,
-      forceIntegerToFloat: this.forceIntegerToFloat
-    });
-  }
-  reinitializeState() {
-    this.pos = 0;
-  }
-  /**
-   * This is almost equivalent to {@link Encoder#encode}, but it returns an reference of the encoder's internal buffer and thus much faster than {@link Encoder#encode}.
-   *
-   * @returns Encodes the object and returns a shared reference the encoder's internal buffer.
-   */
-  encodeSharedRef(e) {
-    if (this.entered)
-      return this.clone().encodeSharedRef(e);
-    try {
-      return this.entered = !0, this.reinitializeState(), this.doEncode(e, 1), this.bytes.subarray(0, this.pos);
-    } finally {
-      this.entered = !1;
-    }
-  }
-  /**
-   * @returns Encodes the object and returns a copy of the encoder's internal buffer.
-   */
-  encode(e) {
-    if (this.entered)
-      return this.clone().encode(e);
-    try {
-      return this.entered = !0, this.reinitializeState(), this.doEncode(e, 1), this.bytes.slice(0, this.pos);
-    } finally {
-      this.entered = !1;
-    }
-  }
-  doEncode(e, t) {
-    if (t > this.maxDepth)
-      throw new Error(`Too deep objects in depth ${t}`);
-    e == null ? this.encodeNil() : typeof e == "boolean" ? this.encodeBoolean(e) : typeof e == "number" ? this.forceIntegerToFloat ? this.encodeNumberAsFloat(e) : this.encodeNumber(e) : typeof e == "string" ? this.encodeString(e) : this.useBigInt64 && typeof e == "bigint" ? this.encodeBigInt64(e) : this.encodeObject(e, t);
-  }
-  ensureBufferSizeToWrite(e) {
-    const t = this.pos + e;
-    this.view.byteLength < t && this.resizeBuffer(t * 2);
-  }
-  resizeBuffer(e) {
-    const t = new ArrayBuffer(e), n = new Uint8Array(t), i = new DataView(t);
-    n.set(this.bytes), this.view = i, this.bytes = n;
-  }
-  encodeNil() {
-    this.writeU8(192);
-  }
-  encodeBoolean(e) {
-    e === !1 ? this.writeU8(194) : this.writeU8(195);
-  }
-  encodeNumber(e) {
-    !this.forceIntegerToFloat && Number.isSafeInteger(e) ? e >= 0 ? e < 128 ? this.writeU8(e) : e < 256 ? (this.writeU8(204), this.writeU8(e)) : e < 65536 ? (this.writeU8(205), this.writeU16(e)) : e < 4294967296 ? (this.writeU8(206), this.writeU32(e)) : this.useBigInt64 ? this.encodeNumberAsFloat(e) : (this.writeU8(207), this.writeU64(e)) : e >= -32 ? this.writeU8(224 | e + 32) : e >= -128 ? (this.writeU8(208), this.writeI8(e)) : e >= -32768 ? (this.writeU8(209), this.writeI16(e)) : e >= -2147483648 ? (this.writeU8(210), this.writeI32(e)) : this.useBigInt64 ? this.encodeNumberAsFloat(e) : (this.writeU8(211), this.writeI64(e)) : this.encodeNumberAsFloat(e);
-  }
-  encodeNumberAsFloat(e) {
-    this.forceFloat32 ? (this.writeU8(202), this.writeF32(e)) : (this.writeU8(203), this.writeF64(e));
-  }
-  encodeBigInt64(e) {
-    e >= BigInt(0) ? (this.writeU8(207), this.writeBigUint64(e)) : (this.writeU8(211), this.writeBigInt64(e));
-  }
-  writeStringHeader(e) {
-    if (e < 32)
-      this.writeU8(160 + e);
-    else if (e < 256)
-      this.writeU8(217), this.writeU8(e);
-    else if (e < 65536)
-      this.writeU8(218), this.writeU16(e);
-    else if (e < 4294967296)
-      this.writeU8(219), this.writeU32(e);
-    else
-      throw new Error(`Too long string: ${e} bytes in UTF-8`);
-  }
-  encodeString(e) {
-    const n = Fe(e);
-    this.ensureBufferSizeToWrite(5 + n), this.writeStringHeader(n), Ve(e, this.bytes, this.pos), this.pos += n;
-  }
-  encodeObject(e, t) {
-    const n = this.extensionCodec.tryToEncode(e, this.context);
-    if (n != null)
-      this.encodeExtension(n);
-    else if (Array.isArray(e))
-      this.encodeArray(e, t);
-    else if (ArrayBuffer.isView(e))
-      this.encodeBinary(e);
-    else if (typeof e == "object")
-      this.encodeMap(e, t);
-    else
-      throw new Error(`Unrecognized object: ${Object.prototype.toString.apply(e)}`);
-  }
-  encodeBinary(e) {
-    const t = e.byteLength;
-    if (t < 256)
-      this.writeU8(196), this.writeU8(t);
-    else if (t < 65536)
-      this.writeU8(197), this.writeU16(t);
-    else if (t < 4294967296)
-      this.writeU8(198), this.writeU32(t);
-    else
-      throw new Error(`Too large binary: ${t}`);
-    const n = oe(e);
-    this.writeU8a(n);
-  }
-  encodeArray(e, t) {
-    const n = e.length;
-    if (n < 16)
-      this.writeU8(144 + n);
-    else if (n < 65536)
-      this.writeU8(220), this.writeU16(n);
-    else if (n < 4294967296)
-      this.writeU8(221), this.writeU32(n);
-    else
-      throw new Error(`Too large array: ${n}`);
-    for (const i of e)
-      this.doEncode(i, t + 1);
-  }
-  countWithoutUndefined(e, t) {
-    let n = 0;
-    for (const i of t)
-      e[i] !== void 0 && n++;
-    return n;
-  }
-  encodeMap(e, t) {
-    const n = Object.keys(e);
-    this.sortKeys && n.sort();
-    const i = this.ignoreUndefined ? this.countWithoutUndefined(e, n) : n.length;
-    if (i < 16)
-      this.writeU8(128 + i);
-    else if (i < 65536)
-      this.writeU8(222), this.writeU16(i);
-    else if (i < 4294967296)
-      this.writeU8(223), this.writeU32(i);
-    else
-      throw new Error(`Too large map object: ${i}`);
-    for (const o of n) {
-      const r = e[o];
-      this.ignoreUndefined && r === void 0 || (this.encodeString(o), this.doEncode(r, t + 1));
-    }
-  }
-  encodeExtension(e) {
-    if (typeof e.data == "function") {
-      const n = e.data(this.pos + 6), i = n.length;
-      if (i >= 4294967296)
-        throw new Error(`Too large extension object: ${i}`);
-      this.writeU8(201), this.writeU32(i), this.writeI8(e.type), this.writeU8a(n);
-      return;
-    }
-    const t = e.data.length;
-    if (t === 1)
-      this.writeU8(212);
-    else if (t === 2)
-      this.writeU8(213);
-    else if (t === 4)
-      this.writeU8(214);
-    else if (t === 8)
-      this.writeU8(215);
-    else if (t === 16)
-      this.writeU8(216);
-    else if (t < 256)
-      this.writeU8(199), this.writeU8(t);
-    else if (t < 65536)
-      this.writeU8(200), this.writeU16(t);
-    else if (t < 4294967296)
-      this.writeU8(201), this.writeU32(t);
-    else
-      throw new Error(`Too large extension object: ${t}`);
-    this.writeI8(e.type), this.writeU8a(e.data);
-  }
-  writeU8(e) {
-    this.ensureBufferSizeToWrite(1), this.view.setUint8(this.pos, e), this.pos++;
-  }
-  writeU8a(e) {
-    const t = e.length;
-    this.ensureBufferSizeToWrite(t), this.bytes.set(e, this.pos), this.pos += t;
-  }
-  writeI8(e) {
-    this.ensureBufferSizeToWrite(1), this.view.setInt8(this.pos, e), this.pos++;
-  }
-  writeU16(e) {
-    this.ensureBufferSizeToWrite(2), this.view.setUint16(this.pos, e), this.pos += 2;
-  }
-  writeI16(e) {
-    this.ensureBufferSizeToWrite(2), this.view.setInt16(this.pos, e), this.pos += 2;
-  }
-  writeU32(e) {
-    this.ensureBufferSizeToWrite(4), this.view.setUint32(this.pos, e), this.pos += 4;
-  }
-  writeI32(e) {
-    this.ensureBufferSizeToWrite(4), this.view.setInt32(this.pos, e), this.pos += 4;
-  }
-  writeF32(e) {
-    this.ensureBufferSizeToWrite(4), this.view.setFloat32(this.pos, e), this.pos += 4;
-  }
-  writeF64(e) {
-    this.ensureBufferSizeToWrite(8), this.view.setFloat64(this.pos, e), this.pos += 8;
-  }
-  writeU64(e) {
-    this.ensureBufferSizeToWrite(8), Ze(this.view, this.pos, e), this.pos += 8;
-  }
-  writeI64(e) {
-    this.ensureBufferSizeToWrite(8), Ie(this.view, this.pos, e), this.pos += 8;
-  }
-  writeBigUint64(e) {
-    this.ensureBufferSizeToWrite(8), this.view.setBigUint64(this.pos, e), this.pos += 8;
-  }
-  writeBigInt64(e) {
-    this.ensureBufferSizeToWrite(8), this.view.setBigInt64(this.pos, e), this.pos += 8;
-  }
-}
-function pt(s, e) {
-  return new ce(e).encodeSharedRef(s);
-}
-function ie(s) {
-  return `${s < 0 ? "-" : ""}0x${Math.abs(s).toString(16).padStart(2, "0")}`;
-}
-const ut = 16, ft = 16;
-class wt {
-  constructor(e = ut, t = ft) {
-    a(this, "hit", 0);
-    a(this, "miss", 0);
-    a(this, "caches");
-    a(this, "maxKeyLength");
-    a(this, "maxLengthPerKey");
-    this.maxKeyLength = e, this.maxLengthPerKey = t, this.caches = [];
-    for (let n = 0; n < this.maxKeyLength; n++)
-      this.caches.push([]);
-  }
-  canBeCached(e) {
-    return e > 0 && e <= this.maxKeyLength;
-  }
-  find(e, t, n) {
-    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])
-          continue e;
-      return o.str;
-    }
-    return null;
-  }
-  store(e, t) {
-    const n = this.caches[e.length - 1], i = { bytes: e, str: t };
-    n.length >= this.maxLengthPerKey ? n[Math.random() * n.length | 0] = i : n.push(i);
-  }
-  decode(e, t, n) {
-    const i = this.find(e, t, n);
-    if (i != null)
-      return this.hit++, i;
-    this.miss++;
-    const o = Se(e, t, n), r = Uint8Array.prototype.slice.call(e, t, t + n);
-    return this.store(r, o), o;
-  }
-}
-const re = "array", O = "map_key", Ee = "map_value", xt = (s) => {
-  if (typeof s == "string" || typeof s == "number")
-    return s;
-  throw new z("The type of key must be string or number but " + typeof s);
-};
-class yt {
+var ce = Object.defineProperty;
+var de = (t, e, n) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var m = (t, e, n) => de(t, typeof e != "symbol" ? e + "" : e, n);
+import { p as le, r as pe, a as ue } from "./uid.js";
+import { h as $e } from "./uid.js";
+import { P as fe, C as he, E as we, b as be, m as xe } from "./e2e.js";
+import { e as Me } from "./e2e.js";
+const Q = "http://www.w3.org/2000/svg", ge = 8e3;
+class me {
   constructor() {
-    a(this, "stack", []);
-    a(this, "stackHeadPosition", -1);
-  }
-  get length() {
-    return this.stackHeadPosition + 1;
-  }
-  top() {
-    return this.stack[this.stackHeadPosition];
-  }
-  pushArrayState(e) {
-    const t = this.getUninitializedStateFromPool();
-    t.type = re, t.position = 0, t.size = e, t.array = new Array(e);
-  }
-  pushMapState(e) {
-    const t = this.getUninitializedStateFromPool();
-    t.type = O, t.readCount = 0, t.size = e, t.map = {};
-  }
-  getUninitializedStateFromPool() {
-    if (this.stackHeadPosition++, this.stackHeadPosition === this.stack.length) {
-      const e = {
-        type: void 0,
-        size: 0,
-        array: void 0,
-        position: 0,
-        readCount: 0,
-        map: void 0,
-        key: null
-      };
-      this.stack.push(e);
-    }
-    return this.stack[this.stackHeadPosition];
-  }
-  release(e) {
-    if (this.stack[this.stackHeadPosition] !== e)
-      throw new Error("Invalid stack state. Released state is not on top of the stack.");
-    if (e.type === re) {
-      const n = e;
-      n.size = 0, n.array = void 0, n.position = 0, n.type = void 0;
-    }
-    if (e.type === O || e.type === Ee) {
-      const n = e;
-      n.size = 0, n.map = void 0, n.readCount = 0, n.type = void 0;
-    }
-    this.stackHeadPosition--;
-  }
-  reset() {
-    this.stack.length = 0, this.stackHeadPosition = -1;
-  }
-}
-const q = -1, de = new DataView(new ArrayBuffer(0)), gt = new Uint8Array(de.buffer);
-try {
-  de.getInt8(0);
-} catch (s) {
-  if (!(s instanceof RangeError))
-    throw new Error("This module is not supported in the current JavaScript engine because DataView does not throw RangeError on out-of-bounds access");
-}
-const ye = new RangeError("Insufficient data"), bt = new wt();
-class le {
-  constructor(e) {
-    a(this, "extensionCodec");
-    a(this, "context");
-    a(this, "useBigInt64");
-    a(this, "rawStrings");
-    a(this, "maxStrLength");
-    a(this, "maxBinLength");
-    a(this, "maxArrayLength");
-    a(this, "maxMapLength");
-    a(this, "maxExtLength");
-    a(this, "keyDecoder");
-    a(this, "mapKeyConverter");
-    a(this, "totalPos", 0);
-    a(this, "pos", 0);
-    a(this, "view", de);
-    a(this, "bytes", gt);
-    a(this, "headByte", q);
-    a(this, "stack", new yt());
-    a(this, "entered", !1);
-    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) ?? 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 : bt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? xt;
-  }
-  clone() {
-    return new le({
-      extensionCodec: this.extensionCodec,
-      context: this.context,
-      useBigInt64: this.useBigInt64,
-      rawStrings: this.rawStrings,
-      maxStrLength: this.maxStrLength,
-      maxBinLength: this.maxBinLength,
-      maxArrayLength: this.maxArrayLength,
-      maxMapLength: this.maxMapLength,
-      maxExtLength: this.maxExtLength,
-      keyDecoder: this.keyDecoder
-    });
-  }
-  reinitializeState() {
-    this.totalPos = 0, this.headByte = q, this.stack.reset();
-  }
-  setBuffer(e) {
-    const t = oe(e);
-    this.bytes = t, this.view = new DataView(t.buffer, t.byteOffset, t.byteLength), this.pos = 0;
-  }
-  appendBuffer(e) {
-    if (this.headByte === q && !this.hasRemaining(1))
-      this.setBuffer(e);
-    else {
-      const t = this.bytes.subarray(this.pos), n = oe(e), i = new Uint8Array(t.length + n.length);
-      i.set(t), i.set(n, t.length), this.setBuffer(i);
-    }
-  }
-  hasRemaining(e) {
-    return this.view.byteLength - this.pos >= e;
-  }
-  createExtraByteError(e) {
-    const { view: t, pos: n } = this;
-    return new RangeError(`Extra ${t.byteLength - n} of ${t.byteLength} byte(s) found at buffer[${e}]`);
-  }
-  /**
-   * @throws {@link DecodeError}
-   * @throws {@link RangeError}
-   */
-  decode(e) {
-    if (this.entered)
-      return this.clone().decode(e);
-    try {
-      this.entered = !0, this.reinitializeState(), this.setBuffer(e);
-      const t = this.doDecodeSync();
-      if (this.hasRemaining(1))
-        throw this.createExtraByteError(this.pos);
-      return t;
-    } finally {
-      this.entered = !1;
-    }
-  }
-  *decodeMulti(e) {
-    if (this.entered) {
-      yield* this.clone().decodeMulti(e);
-      return;
-    }
-    try {
-      for (this.entered = !0, this.reinitializeState(), this.setBuffer(e); this.hasRemaining(1); )
-        yield this.doDecodeSync();
-    } finally {
-      this.entered = !1;
-    }
-  }
-  async decodeAsync(e) {
-    if (this.entered)
-      return this.clone().decodeAsync(e);
-    try {
-      this.entered = !0;
-      let t = !1, n;
-      for await (const h of e) {
-        if (t)
-          throw this.entered = !1, this.createExtraByteError(this.totalPos);
-        this.appendBuffer(h);
-        try {
-          n = this.doDecodeSync(), t = !0;
-        } catch (w) {
-          if (!(w instanceof RangeError))
-            throw w;
-        }
-        this.totalPos += this.pos;
-      }
-      if (t) {
-        if (this.hasRemaining(1))
-          throw this.createExtraByteError(this.totalPos);
-        return n;
-      }
-      const { headByte: i, pos: o, totalPos: r } = this;
-      throw new RangeError(`Insufficient data in parsing ${ie(i)} at ${r} (${o} in the current buffer)`);
-    } finally {
-      this.entered = !1;
-    }
-  }
-  decodeArrayStream(e) {
-    return this.decodeMultiAsync(e, !0);
-  }
-  decodeStream(e) {
-    return this.decodeMultiAsync(e, !1);
-  }
-  async *decodeMultiAsync(e, t) {
-    if (this.entered) {
-      yield* this.clone().decodeMultiAsync(e, t);
-      return;
-    }
-    try {
-      this.entered = !0;
-      let n = t, i = -1;
-      for await (const o of e) {
-        if (t && i === 0)
-          throw this.createExtraByteError(this.totalPos);
-        this.appendBuffer(o), n && (i = this.readArraySize(), n = !1, this.complete());
-        try {
-          for (; yield this.doDecodeSync(), --i !== 0; )
-            ;
-        } catch (r) {
-          if (!(r instanceof RangeError))
-            throw r;
-        }
-        this.totalPos += this.pos;
-      }
-    } finally {
-      this.entered = !1;
-    }
-  }
-  doDecodeSync() {
-    e: for (; ; ) {
-      const e = this.readHeadByte();
-      let t;
-      if (e >= 224)
-        t = e - 256;
-      else if (e < 192)
-        if (e < 128)
-          t = e;
-        else if (e < 144) {
-          const i = e - 128;
-          if (i !== 0) {
-            this.pushMapState(i), this.complete();
-            continue e;
-          } else
-            t = {};
-        } else if (e < 160) {
-          const i = e - 144;
-          if (i !== 0) {
-            this.pushArrayState(i), this.complete();
-            continue e;
-          } else
-            t = [];
-        } else {
-          const i = e - 160;
-          t = this.decodeString(i, 0);
-        }
-      else if (e === 192)
-        t = null;
-      else if (e === 194)
-        t = !1;
-      else if (e === 195)
-        t = !0;
-      else if (e === 202)
-        t = this.readF32();
-      else if (e === 203)
-        t = this.readF64();
-      else if (e === 204)
-        t = this.readU8();
-      else if (e === 205)
-        t = this.readU16();
-      else if (e === 206)
-        t = this.readU32();
-      else if (e === 207)
-        this.useBigInt64 ? t = this.readU64AsBigInt() : t = this.readU64();
-      else if (e === 208)
-        t = this.readI8();
-      else if (e === 209)
-        t = this.readI16();
-      else if (e === 210)
-        t = this.readI32();
-      else if (e === 211)
-        this.useBigInt64 ? t = this.readI64AsBigInt() : t = this.readI64();
-      else if (e === 217) {
-        const i = this.lookU8();
-        t = this.decodeString(i, 1);
-      } else if (e === 218) {
-        const i = this.lookU16();
-        t = this.decodeString(i, 2);
-      } else if (e === 219) {
-        const i = this.lookU32();
-        t = this.decodeString(i, 4);
-      } else if (e === 220) {
-        const i = this.readU16();
-        if (i !== 0) {
-          this.pushArrayState(i), this.complete();
-          continue e;
-        } else
-          t = [];
-      } else if (e === 221) {
-        const i = this.readU32();
-        if (i !== 0) {
-          this.pushArrayState(i), this.complete();
-          continue e;
-        } else
-          t = [];
-      } else if (e === 222) {
-        const i = this.readU16();
-        if (i !== 0) {
-          this.pushMapState(i), this.complete();
-          continue e;
-        } else
-          t = {};
-      } else if (e === 223) {
-        const i = this.readU32();
-        if (i !== 0) {
-          this.pushMapState(i), this.complete();
-          continue e;
-        } else
-          t = {};
-      } else if (e === 196) {
-        const i = this.lookU8();
-        t = this.decodeBinary(i, 1);
-      } else if (e === 197) {
-        const i = this.lookU16();
-        t = this.decodeBinary(i, 2);
-      } else if (e === 198) {
-        const i = this.lookU32();
-        t = this.decodeBinary(i, 4);
-      } else if (e === 212)
-        t = this.decodeExtension(1, 0);
-      else if (e === 213)
-        t = this.decodeExtension(2, 0);
-      else if (e === 214)
-        t = this.decodeExtension(4, 0);
-      else if (e === 215)
-        t = this.decodeExtension(8, 0);
-      else if (e === 216)
-        t = this.decodeExtension(16, 0);
-      else if (e === 199) {
-        const i = this.lookU8();
-        t = this.decodeExtension(i, 1);
-      } else if (e === 200) {
-        const i = this.lookU16();
-        t = this.decodeExtension(i, 2);
-      } else if (e === 201) {
-        const i = this.lookU32();
-        t = this.decodeExtension(i, 4);
-      } else
-        throw new z(`Unrecognized type byte: ${ie(e)}`);
-      this.complete();
-      const n = this.stack;
-      for (; n.length > 0; ) {
-        const i = n.top();
-        if (i.type === re)
-          if (i.array[i.position] = t, i.position++, i.position === i.size)
-            t = i.array, n.release(i);
-          else
-            continue e;
-        else if (i.type === O) {
-          if (t === "__proto__")
-            throw new z("The key __proto__ is not allowed");
-          i.key = this.mapKeyConverter(t), i.type = Ee;
-          continue e;
-        } 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 = O;
-          continue e;
-        }
-      }
-      return t;
-    }
-  }
-  readHeadByte() {
-    return this.headByte === q && (this.headByte = this.readU8()), this.headByte;
-  }
-  complete() {
-    this.headByte = q;
-  }
-  readArraySize() {
-    const e = this.readHeadByte();
-    switch (e) {
-      case 220:
-        return this.readU16();
-      case 221:
-        return this.readU32();
-      default: {
-        if (e < 160)
-          return e - 144;
-        throw new z(`Unrecognized array type byte: ${ie(e)}`);
-      }
-    }
-  }
-  pushMapState(e) {
-    if (e > this.maxMapLength)
-      throw new z(`Max length exceeded: map length (${e}) > maxMapLengthLength (${this.maxMapLength})`);
-    this.stack.pushMapState(e);
-  }
-  pushArrayState(e) {
-    if (e > this.maxArrayLength)
-      throw new z(`Max length exceeded: array length (${e}) > maxArrayLength (${this.maxArrayLength})`);
-    this.stack.pushArrayState(e);
-  }
-  decodeString(e, t) {
-    return !this.rawStrings || this.stateIsMapKey() ? this.decodeUtf8String(e, t) : this.decodeBinary(e, t);
-  }
-  /**
-   * @throws {@link RangeError}
-   */
-  decodeUtf8String(e, t) {
-    var o;
-    if (e > this.maxStrLength)
-      throw new z(`Max length exceeded: UTF-8 byte length (${e}) > maxStrLength (${this.maxStrLength})`);
-    if (this.bytes.byteLength < this.pos + t + e)
-      throw ye;
-    const n = this.pos + t;
-    let i;
-    return this.stateIsMapKey() && ((o = this.keyDecoder) != null && o.canBeCached(e)) ? i = this.keyDecoder.decode(this.bytes, n, e) : i = Ge(this.bytes, n, e), this.pos += t + e, i;
-  }
-  stateIsMapKey() {
-    return this.stack.length > 0 ? this.stack.top().type === O : !1;
-  }
-  /**
-   * @throws {@link RangeError}
-   */
-  decodeBinary(e, t) {
-    if (e > this.maxBinLength)
-      throw new z(`Max length exceeded: bin length (${e}) > maxBinLength (${this.maxBinLength})`);
-    if (!this.hasRemaining(e + t))
-      throw ye;
-    const n = this.pos + t, i = this.bytes.subarray(n, n + e);
-    return this.pos += t + e, i;
-  }
-  decodeExtension(e, t) {
-    if (e > this.maxExtLength)
-      throw new z(`Max length exceeded: ext length (${e}) > maxExtLength (${this.maxExtLength})`);
-    const n = this.view.getInt8(this.pos + t), i = this.decodeBinary(
-      e,
-      t + 1
-      /* extType */
-    );
-    return this.extensionCodec.decode(i, n, this.context);
-  }
-  lookU8() {
-    return this.view.getUint8(this.pos);
-  }
-  lookU16() {
-    return this.view.getUint16(this.pos);
-  }
-  lookU32() {
-    return this.view.getUint32(this.pos);
-  }
-  readU8() {
-    const e = this.view.getUint8(this.pos);
-    return this.pos++, e;
-  }
-  readI8() {
-    const e = this.view.getInt8(this.pos);
-    return this.pos++, e;
-  }
-  readU16() {
-    const e = this.view.getUint16(this.pos);
-    return this.pos += 2, e;
-  }
-  readI16() {
-    const e = this.view.getInt16(this.pos);
-    return this.pos += 2, e;
-  }
-  readU32() {
-    const e = this.view.getUint32(this.pos);
-    return this.pos += 4, e;
-  }
-  readI32() {
-    const e = this.view.getInt32(this.pos);
-    return this.pos += 4, e;
-  }
-  readU64() {
-    const e = Qe(this.view, this.pos);
-    return this.pos += 8, e;
-  }
-  readI64() {
-    const e = Ce(this.view, this.pos);
-    return this.pos += 8, e;
-  }
-  readU64AsBigInt() {
-    const e = this.view.getBigUint64(this.pos);
-    return this.pos += 8, e;
-  }
-  readI64AsBigInt() {
-    const e = this.view.getBigInt64(this.pos);
-    return this.pos += 8, e;
-  }
-  readF32() {
-    const e = this.view.getFloat32(this.pos);
-    return this.pos += 4, e;
-  }
-  readF64() {
-    const e = this.view.getFloat64(this.pos);
-    return this.pos += 8, e;
-  }
-}
-function mt(s, e) {
-  return new le(e).decode(s);
-}
-const vt = /* @__PURE__ */ new Set([
-  "auth",
-  "open",
-  "send",
-  "sync",
-  "history",
-  "read",
-  "typing",
-  "react",
-  "edit",
-  "delete",
-  "invoke",
-  "pubkey",
-  "ping",
-  "annotate",
-  "annotate_clear",
-  "uploadPrekeys",
-  "fetchPrekey",
-  "assign",
-  "tag",
-  "note",
-  "agent_status",
-  "subscribe_inbox",
-  "unsubscribe_inbox"
-]);
-function kt(s) {
-  return vt.has(s.type);
-}
-function St(s) {
-  return pt(s);
-}
-function It(s) {
-  let e;
-  try {
-    e = mt(s);
-  } catch {
-    return null;
-  }
-  return typeof e != "object" || e === null || typeof e.type != "string" ? null : e;
-}
-class Ct {
-  constructor(e) {
-    a(this, "conversationId");
-    a(this, "state", "");
-    a(this, "version", 0);
-    a(this, "hasMoreHistory", !1);
-    a(this, "lastReadByOthers", 0);
-    a(this, "assignedAgentId");
-    a(this, "accent");
-    a(this, "subject");
-    a(this, "name");
-    a(this, "e2e", !1);
-    a(this, "offline", !1);
-    a(this, "offlineMessage", "");
-    a(this, "whiteLabel", !1);
-    a(this, "typing", /* @__PURE__ */ new Set());
-    a(this, "online", /* @__PURE__ */ new Set());
-    /** Co-browsing: shared whiteboard strokes for this conversation. */
-    a(this, "annotations", []);
-    /** Bumped on any annotation change so the renderer can cheaply detect updates. */
-    a(this, "annotationVersion", 0);
-    /** Live sentiment of the guest's latest message (agent-side only). */
-    a(this, "sentiment");
-    a(this, "sentimentScore");
-    a(this, "actions", []);
-    a(this, "byId", /* @__PURE__ */ new Map());
-    a(this, "keyByClient", /* @__PURE__ */ new Map());
-    a(this, "_maxSeq", 0);
-    a(this, "_sorted", null);
-    this.me = e;
-  }
-  messages() {
-    return this._sorted || (this._sorted = [...this.byId.values()].sort((e, t) => {
-      const n = e.status === "pending", i = t.status === "pending";
-      return n !== i ? n ? 1 : -1 : n && i ? e.ts - t.ts : e.seq - t.seq;
-    })), this._sorted;
-  }
-  visibleActions() {
-    return this.actions.filter((e) => !e.availableInStates || e.availableInStates.includes(this.state));
-  }
-  highestSeq() {
-    return this._maxSeq;
-  }
-  addOptimistic(e, t) {
-    const n = {
-      id: e,
-      conversationId: this.conversationId,
-      seq: 0,
-      senderId: this.me,
-      senderRole: "guest",
-      content: t,
-      ts: Date.now(),
-      clientMsgId: e,
-      status: "pending"
-    };
-    return this.byId.set(e, n), this.keyByClient.set(e, e), this._sorted = null, n;
+    m(this, "svg", null);
+    m(this, "timers", /* @__PURE__ */ new Set());
   }
+  /** Feed every server frame; the overlay reacts to annotation frames only. */
   apply(e) {
-    var t;
-    switch (e.type) {
-      case "opened":
-        this.conversationId = e.conversation.id, this.state = e.conversation.state, e.subject && (this.subject = e.subject), e.annotations && (this.annotations = e.annotations, this.annotationVersion++);
-        return;
-      case "manifest":
-        this.actions = e.actions, this.version = e.version, e.name && (this.name = e.name), (t = e.theme) != null && t.accent && (this.accent = e.theme.accent), e.e2e && (this.e2e = !0), e.offline && (this.offline = !0), e.offlineMessage && (this.offlineMessage = e.offlineMessage), e.whiteLabel && (this.whiteLabel = !0);
-        return;
-      case "message":
-        this.upsert({ ...e.message });
-        return;
-      case "ack": {
-        const n = this.keyByClient.get(e.clientMsgId), i = n ? this.byId.get(n) : void 0;
-        if (i && n) {
-          this.byId.delete(n);
-          const o = { ...i, id: e.messageId, seq: e.seq, ts: e.ts, status: "sent" };
-          this.byId.set(e.messageId, o), this.keyByClient.set(e.clientMsgId, e.messageId), e.seq > this._maxSeq && (this._maxSeq = e.seq);
-        }
-        this._sorted = null;
-        return;
-      }
-      case "delivered":
-        this.markOwnStatus(e.seq, "delivered");
-        return;
-      case "read":
-        e.by !== this.me && (this.lastReadByOthers = Math.max(this.lastReadByOthers, e.seq), this.markOwnStatus(e.seq, "read"));
-        return;
-      case "sync":
-        for (const n of e.messages) this.upsert({ ...n });
-        return;
-      case "history":
-        for (const n of e.messages) this.upsert({ ...n });
-        this.hasMoreHistory = e.hasMore;
-        return;
-      case "typing":
-        e.userId !== this.me && (e.isTyping ? this.typing.add(e.userId) : this.typing.delete(e.userId));
-        return;
-      case "reaction": {
-        const n = this.byId.get(e.messageId);
-        if (!n) return;
-        const i = { ...n.reactions ?? {} }, o = (i[e.emoji] ?? []).filter((r) => r !== e.by);
-        e.removed || o.push(e.by), o.length ? i[e.emoji] = o : delete i[e.emoji], this.byId.set(e.messageId, { ...n, reactions: i }), this._sorted = null;
-        return;
-      }
-      case "edited": {
-        const n = this.byId.get(e.messageId);
-        n && (this.byId.set(e.messageId, { ...n, content: e.content, editedAt: e.editedAt }), this._sorted = null);
-        return;
-      }
-      case "deleted": {
-        const n = this.byId.get(e.messageId);
-        n && (this.byId.set(e.messageId, { ...n, deletedAt: e.ts }), this._sorted = null);
-        return;
-      }
-      case "state":
-        this.state = e.state;
-        return;
-      case "assigned":
-        this.assignedAgentId = e.agentId ?? void 0;
-        return;
-      case "presence":
-        e.status === "online" ? this.online.add(e.userId) : this.online.delete(e.userId);
-        return;
-      case "subjectState":
-      case "invoked":
-      case "authed":
-      case "error":
-      case "pong":
-        return;
-      case "annotation":
-        this.annotations = [...this.annotations, e.stroke], this.annotationVersion++;
-        return;
-      case "annotation_clear":
-        this.annotations = [], this.annotationVersion++;
-        return;
-      case "sentiment":
-        this.sentiment = e.label, this.sentimentScore = e.score;
-        return;
-      default:
-        return;
-    }
-  }
-  upsert(e) {
-    const t = this.byId.get(e.id);
-    this.byId.set(e.id, t ? { ...t, ...e } : e), e.seq > this._maxSeq && (this._maxSeq = e.seq), this._sorted = null;
-  }
-  markOwnStatus(e, t) {
-    const n = ge(t);
-    let i = !1;
-    for (const [o, r] of this.byId)
-      r.senderId !== this.me || r.seq <= 0 || r.seq > e || ge(r.status) >= n || (this.byId.set(o, { ...r, status: t }), i = !0);
-    i && (this._sorted = null);
-  }
-}
-function ge(s) {
-  switch (s) {
-    case "read":
-      return 3;
-    case "delivered":
-      return 2;
-    case "sent":
-      return 1;
-    default:
-      return 0;
-  }
-}
-class Et {
-  constructor(e) {
-    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);
-    a(this, "timer", null);
-    this.opts = e;
-  }
-  connect() {
-    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 ?? Pt)(this.opts.url);
-    t.binaryType = "arraybuffer", this.socket = t, t.onopen = () => {
-      this.raw({ type: "auth", token: this.opts.token });
-    }, t.onmessage = (o) => {
-      const r = It(new Uint8Array(o.data));
-      !r || kt(r) || this.handle(r);
-    }, t.onclose = () => this.onClosed(), t.onerror = () => {
-      try {
-        t.close();
-      } catch {
-      }
-    };
-  }
-  /** Queue a frame; sent immediately if open, else flushed on (re)connect.
-   *  The outbox is bounded so a prolonged outage can't grow memory without limit
-   *  — oldest queued frames are dropped past the cap. */
-  send(e) {
-    if (this.state === "open" && this.authed) {
-      this.raw(e);
-      return;
-    }
-    const t = this.opts.maxOutbox ?? 1e3;
-    this.outbox.length >= t && (this.outbox = this.outbox.slice(this.outbox.length - (t >> 1))), this.outbox.push(e);
-  }
-  close() {
+    var n;
+    if (e.type === "annotation") this.draw(e.stroke);
+    else if (e.type === "annotation_clear") this.clear();
+    else if (e.type === "opened" && ((n = e.annotations) != null && n.length))
+      for (const s of e.annotations) this.draw(s);
+  }
+  ensureSvg() {
+    var n;
+    if ((n = this.svg) != null && n.isConnected) return this.svg;
+    const e = document.createElementNS(Q, "svg");
+    return e.setAttribute("data-relay-annotations", ""), e.setAttribute("aria-hidden", "true"), e.setAttribute(
+      "style",
+      "position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483000;"
+    ), document.body.append(e), this.svg = e, e;
+  }
+  draw(e) {
+    var f;
+    if (typeof document > "u" || !((f = e.points) != null && f.length)) return;
+    const n = this.ensureSvg(), s = window.innerWidth, p = window.innerHeight, d = document.createElementNS(Q, "polyline");
+    d.setAttribute("points", e.points.map((h) => `${(h.x * s).toFixed(1)},${(h.y * p).toFixed(1)}`).join(" ")), d.setAttribute("fill", "none"), d.setAttribute("stroke", e.color || "#ff3b30"), d.setAttribute("stroke-width", String(e.width || 3)), d.setAttribute("stroke-linecap", "round"), d.setAttribute("stroke-linejoin", "round"), d.setAttribute("data-stroke-id", e.id), n.append(d);
+    const a = setTimeout(() => {
+      d.style.transition = "opacity 600ms", d.style.opacity = "0";
+      const h = setTimeout(() => {
+        d.remove(), this.timers.delete(h);
+      }, 650);
+      this.timers.add(h), this.timers.delete(a);
+    }, ge);
+    this.timers.add(a);
+  }
+  clear() {
     var e;
-    this.stopped = !0, this.timer && clearTimeout(this.timer), this.state = "closed";
-    try {
-      (e = this.socket) == null || e.close();
-    } catch {
-    }
+    (e = this.svg) == null || e.replaceChildren();
   }
-  handle(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;
-    this.outbox = [];
-    for (const t of e) this.raw(t);
-  }
-  raw(e) {
-    var t;
-    try {
-      (t = this.socket) == null || t.send(St(e));
-    } catch {
-      this.outbox.push(e);
-    }
-  }
-  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.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);
-  }
-}
-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 be = 200, Bt = 7 * 864e5;
-class At {
-  constructor(e) {
-    a(this, "key");
-    this.key = `ocw_outbox_${e}`;
-  }
-  /** All pending items, oldest first, with stale (>7d) entries dropped. */
-  load() {
-    try {
-      const e = localStorage.getItem(this.key);
-      if (!e) return [];
-      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 [];
-    }
-  }
-  add(e) {
-    try {
-      const t = this.load();
-      t.push(e), this.save(t.length > be ? t.slice(t.length - be) : t);
-    } catch {
-    }
-  }
-  /** Remove an item once it's been acknowledged by the server. */
-  remove(e) {
-    try {
-      const t = this.load().filter((n) => n.clientMsgId !== e);
-      this.save(t);
-    } catch {
-    }
-  }
-  save(e) {
-    try {
-      localStorage.setItem(this.key, JSON.stringify(e));
-    } catch {
-    }
-  }
-}
-const C = () => globalThis.crypto.subtle;
-function ee(s) {
-  const e = s instanceof Uint8Array ? s : new Uint8Array(s);
-  let t = "";
-  for (const n of e) t += String.fromCharCode(n);
-  return btoa(t);
-}
-function ae(s) {
-  const e = atob(s), t = new ArrayBuffer(e.length), n = new Uint8Array(t);
-  for (let i = 0; i < e.length; i++) n[i] = e.charCodeAt(i);
-  return n;
-}
-async function N() {
-  const s = await C().generateKey({ name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
-  return { publicKey: s.publicKey, privateKey: s.privateKey };
-}
-async function _(s) {
-  return ee(await C().exportKey("raw", s));
-}
-async function R(s) {
-  return C().importKey("raw", ae(s), { name: "ECDH", namedCurve: "P-256" }, !1, []);
-}
-async function Kt(s, e) {
-  const t = await R(e);
-  return C().deriveKey(
-    { name: "ECDH", public: t },
-    s,
-    { name: "AES-GCM", length: 256 },
-    !1,
-    ["encrypt", "decrypt"]
-  );
-}
-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 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 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 };
-    }
-  } catch {
-  }
-  const e = await N();
-  try {
-    const i = await C().exportKey("jwk", e.publicKey), o = await C().exportKey("jwk", e.privateKey);
-    (n = globalThis.localStorage) == null || n.setItem(s, JSON.stringify({ pub: i, priv: o }));
-  } catch {
-  }
-  return 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 _t() {
-  const s = await N(), e = await C().generateKey({ name: "ECDSA", namedCurve: "P-256" }, !0, ["sign", "verify"]);
-  return {
-    ecdhKP: s,
-    ecdsaKP: { publicKey: e.publicKey, privateKey: e.privateKey },
-    publicKeyB64: await _(s.publicKey),
-    sigPublicKeyB64: await _(e.publicKey)
-  };
-}
-async function me(s) {
-  var t, n;
-  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"]);
-      return {
-        ecdhKP: { publicKey: r, privateKey: h },
-        ecdsaKP: { publicKey: w, privateKey: d },
-        publicKeyB64: await _(r),
-        sigPublicKeyB64: await _(w)
-      };
-    }
-  } catch {
-  }
-  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 }));
-  } catch {
-  }
-  return e;
-}
-async function $t(s, e) {
-  const t = await N(), n = await _(t.publicKey), i = await R(e.identityKey), o = await R(e.signedPrekey), r = e.oneTimePrekey ? await R(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 = Te(h, w, d, ...v ? [v] : []);
-  return { sharedKey: await Ue(x), ephemeralPublicKey: n };
-}
-async function Ht(s, e, t, n, i) {
-  const o = await R(t), r = await R(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 = Te(h, w, d, ...v ? [v] : []);
-  return Ue(x);
-}
-async function D(s, e) {
-  return C().deriveBits({ name: "ECDH", public: e }, s, 256);
-}
-function Te(...s) {
-  const e = s.reduce((i, o) => i + o.byteLength, 0), t = new Uint8Array(e);
-  let n = 0;
-  for (const i of s)
-    t.set(new Uint8Array(i), n), n += i.byteLength;
-  return t.buffer;
-}
-async function Ue(s) {
-  const e = await C().importKey("raw", s, "HKDF", !1, ["deriveKey"]);
-  return C().deriveKey(
-    { name: "HKDF", hash: "SHA-256", salt: new Uint8Array(32), info: new TextEncoder().encode("ObjectChat X3DH v1") },
-    e,
-    { name: "AES-GCM", length: 256 },
-    !1,
-    ["encrypt", "decrypt"]
-  );
-}
-const Rt = 20;
-class Ft {
-  constructor(e) {
-    // Live ECDH mode state
-    a(this, "kp");
-    a(this, "shared");
-    // X3DH async mode state
-    a(this, "identityKP");
-    a(this, "signedPreKP");
-    a(this, "signedPrekeyId");
-    a(this, "otpKeys", []);
-    // one-time prekeys awaiting matching
-    a(this, "x3dhShared");
-    // Queued init messages arriving before we could derive (shouldn't happen, but safe)
-    a(this, "pendingX3DH");
-    this.storageKey = e;
-  }
-  get ready() {
-    return !!(this.shared ?? this.x3dhShared);
-  }
-  /** Live ECDH mode: Generate/restore our keypair and return our public key to publish. */
-  async begin() {
-    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 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 me(this.storageKey), this.signedPreKP = await N(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    for (let i = 0; i < Rt; i++) this.otpKeys.push(await N());
-    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,
-      signedPrekeyId: this.signedPrekeyId,
-      signature: t,
-      oneTimePrekeys: n
-    };
-  }
-  /** X3DH sender: given a recipient's prekey bundle, derive the shared key and
-   *  return the init message fields to embed in the first encrypted message. */
-  async x3dhSendTo(e) {
-    this.identityKP || (this.identityKP = await me(this.storageKey));
-    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. */
-  async x3dhReceiveFrom(e, t, n) {
-    if (!this.identityKP || !this.signedPreKP) {
-      this.pendingX3DH = { senderIK: e, ephemeralKey: t, spkId: n };
-      return;
-    }
-    const i = this.otpKeys.shift();
-    this.x3dhShared = await Ht(this.identityKP.ecdhKP, this.signedPreKP, e, t, i);
-  }
-  /** Flush pending X3DH derivation after initX3DH() completes. */
-  async flushPendingX3DH() {
-    if (!this.pendingX3DH) return;
-    const { senderIK: e, ephemeralKey: t, spkId: n } = this.pendingX3DH;
-    this.pendingX3DH = void 0, await this.x3dhReceiveFrom(e, t, n);
-  }
-  /** Encrypt outgoing text into a wire content object. For X3DH init messages,
-   *  the caller should pass x3dhInit fields to embed in the content. */
-  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 zt(n, e);
-    return {
-      kind: "text",
-      text: i,
-      enc: !0,
-      iv: o,
-      ...t ? { x3dhEK: t.ephemeralKey, x3dhSPK: t.spkId, x3dhIK: t.senderIK } : {}
-    };
-  }
-  /** Decrypt one content object if it is encrypted (otherwise pass through). */
-  async openContent(e) {
-    if (e.kind !== "text" || !e.enc || !e.iv) return e;
-    const t = this.x3dhShared ?? this.shared;
-    if (!t) return { kind: "text", text: "🔒 encrypted" };
-    try {
-      return { kind: "text", text: await Lt(t, e.text, e.iv) };
-    } catch {
-      return { kind: "text", text: "🔒 unable to decrypt" };
-    }
-  }
-  /** Decrypt any encrypted message content carried by an incoming frame, in place. */
-  async openFrame(e) {
-    if (e.type === "message") e.message.content = await this.openContent(e.message.content);
-    else if (e.type === "sync")
-      for (const t of e.messages) t.content = await this.openContent(t.content);
+  destroy() {
+    var e;
+    for (const n of this.timers) clearTimeout(n);
+    this.timers.clear(), (e = this.svg) == null || e.remove(), this.svg = null;
   }
 }
-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 ve = "objectchat-widget-styles", qt = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Ot = `
+const Z = "objectchat-widget-styles", ve = ["👍", "❤️", "😂", "😮", "😢", "🙏"], ye = `
 .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);
@@ -1726,122 +212,122 @@ const ve = "objectchat-widget-styles", qt = ["👍", "❤️", "😂", "😮", "
 .ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
 .ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
 `;
-function Nt() {
-  if (typeof document > "u" || document.getElementById(ve)) return;
-  const s = document.createElement("style");
-  s.id = ve, s.textContent = Ot, document.head.appendChild(s);
+function ke() {
+  if (typeof document > "u" || document.getElementById(Z)) return;
+  const t = document.createElement("style");
+  t.id = Z, t.textContent = ye, document.head.appendChild(t);
 }
-function c(s, e, t) {
-  const n = document.createElement(s);
-  return e && (n.className = e), t !== void 0 && (n.textContent = t), n;
+function o(t, e, n) {
+  const s = document.createElement(t);
+  return e && (s.className = e), n !== void 0 && (s.textContent = n), s;
 }
-function Vt(s) {
+function Ce(t) {
   try {
-    return new Date(s).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   } catch {
     return "";
   }
 }
-function se(s) {
+function _(t) {
   var e;
-  switch (s.kind) {
+  switch (t.kind) {
     case "text":
-      return s.text;
+      return t.text;
     case "system":
-      return typeof ((e = s.data) == null ? void 0 : e.message) == "string" ? String(s.data.message) : s.event;
+      return typeof ((e = t.data) == null ? void 0 : e.message) == "string" ? String(t.data.message) : t.event;
     case "card":
-      return [s.title, s.body].filter(Boolean).join(" — ");
+      return [t.title, t.body].filter(Boolean).join(" — ");
     case "attachment":
-      return s.name ?? s.url;
+      return t.name ?? t.url;
     case "form":
-      return s.prompt;
+      return t.prompt;
     case "appointment":
-      return `📅 ${s.title} — ${new Date(s.startIso).toLocaleString()}`;
+      return `📅 ${t.title} — ${new Date(t.startIso).toLocaleString()}`;
   }
 }
-class Wt {
+class Te {
   /** Last seq the guest has seen per conversationId — used to compute unread badges. */
-  constructor(e, t, n, i = {}) {
-    a(this, "scroll");
-    a(this, "chips");
-    a(this, "typing");
-    a(this, "quick");
-    a(this, "formHost");
-    a(this, "csatPanel");
-    a(this, "offlinePanel");
-    a(this, "footer");
-    a(this, "input");
-    a(this, "subjectCard");
-    a(this, "e2eBadge");
-    a(this, "statusBadge");
-    a(this, "headerName");
-    a(this, "connStatus");
-    a(this, "typingTimer", null);
-    a(this, "csatSubmitted", !1);
+  constructor(e, n, s, p = {}) {
+    m(this, "scroll");
+    m(this, "chips");
+    m(this, "typing");
+    m(this, "quick");
+    m(this, "formHost");
+    m(this, "csatPanel");
+    m(this, "offlinePanel");
+    m(this, "footer");
+    m(this, "input");
+    m(this, "subjectCard");
+    m(this, "e2eBadge");
+    m(this, "statusBadge");
+    m(this, "headerName");
+    m(this, "connStatus");
+    m(this, "typingTimer", null);
+    m(this, "csatSubmitted", !1);
     // ── Co-browsing (shared whiteboard) ─────────────────────────────────────
-    a(this, "cobrowseBtn");
-    a(this, "cobrowseCanvas");
-    a(this, "cobrowseToolbar");
-    a(this, "cobrowseHint");
-    a(this, "cobrowseActive", !1);
-    a(this, "cobrowseColor", "#f5713c");
-    a(this, "lastAnnotationVersion", -1);
-    a(this, "storeRef", null);
-    a(this, "scrollCleanup", null);
+    m(this, "cobrowseBtn");
+    m(this, "cobrowseCanvas");
+    m(this, "cobrowseToolbar");
+    m(this, "cobrowseHint");
+    m(this, "cobrowseActive", !1);
+    m(this, "cobrowseColor", "#f5713c");
+    m(this, "lastAnnotationVersion", -1);
+    m(this, "storeRef", null);
+    m(this, "scrollCleanup", null);
     // ── Live translation ──────────────────────────────────────────────────-
-    a(this, "translationCache", /* @__PURE__ */ new Map());
-    a(this, "showingTranslation", /* @__PURE__ */ new Set());
-    a(this, "subjectBuilt", !1);
-    var m, y, 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");
-      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);
+    m(this, "translationCache", /* @__PURE__ */ new Map());
+    m(this, "showingTranslation", /* @__PURE__ */ new Set());
+    m(this, "subjectBuilt", !1);
+    var v, w, z, L, I, A, g, k, $;
+    this.root = e, this.me = n, this.h = s, this.cfg = p, ke(), e.replaceChildren(), e.classList.add("ocw"), p.accent && e.style.setProperty("--ocw-accent", p.accent);
+    const d = o("div", "ocw-head"), a = o("div", "ocw-avatar");
+    if ((v = p.userInfo) != null && v.avatar) {
+      const y = document.createElement("img");
+      y.src = p.userInfo.avatar, y.alt = p.userInfo.name ?? "You", y.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", a.append(y);
     } else
-      r.textContent = (y = i.userInfo) != null && y.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) ?? ((A = i.subject) == null ? void 0 : A.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", ((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", () => {
+      a.textContent = (w = p.userInfo) != null && w.name ? p.userInfo.name[0].toUpperCase() : "🧑";
+    d.append(a);
+    const f = o("div", "ocw-head-main");
+    this.headerName = o("div", "ocw-head-name", ((z = p.subject) == null ? void 0 : z.ownerLabel) ?? ((L = p.subject) == null ? void 0 : L.title) ?? ""), f.append(this.headerName), (I = p.subject) != null && I.subtitle && f.append(o("div", "ocw-head-meta", p.subject.subtitle)), d.append(f), this.statusBadge = o("span", "ocw-badge", ((A = p.subject) == null ? void 0 : A.status) ?? ""), (g = p.subject) != null && g.status || (this.statusBadge.style.display = "none"), d.append(this.statusBadge), this.e2eBadge = o("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", d.append(this.e2eBadge), this.connStatus = o("span", "ocw-conn-status"), this.connStatus.style.display = "none", d.append(this.connStatus), this.cobrowseBtn = o("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
       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");
-    w.append(c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot")), this.typing.append(c("div", "ocw-dot", "🧑"), w), this.quick = c("div", "ocw-quick");
-    for (const k of i.quickReplies ?? []) {
-      const T = c("button", void 0, k);
-      T.addEventListener("click", () => {
-        this.h.onSend(k), this.quick.style.display = "none";
-      }), this.quick.append(T);
-    }
-    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 d = c("button", "ocw-sendbtn", ((S = i.i18n) == null ? void 0 : S.send) ?? "➤");
-    d.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());
+    }), d.append(this.cobrowseBtn), d.append(o("button", "ocw-menu", "⋯")), this.chips = o("div", "ocw-chiprow"), this.scroll = o("div", "ocw-scroll"), this.subjectCard = o("div", "ocw-subject"), this.typing = o("div", "ocw-typing");
+    const h = o("div", "ocw-typing-bubble");
+    h.append(o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot")), this.typing.append(o("div", "ocw-dot", "🧑"), h), this.quick = o("div", "ocw-quick");
+    for (const y of p.quickReplies ?? []) {
+      const E = o("button", void 0, y);
+      E.addEventListener("click", () => {
+        this.h.onSend(y), this.quick.style.display = "none";
+      }), this.quick.append(E);
+    }
+    this.formHost = o("div", "ocw-form-host"), this.csatPanel = o("div", "ocw-csat"), this.csatPanel.style.display = "none", this.offlinePanel = o("div", "ocw-offline"), this.offlinePanel.style.display = "none", this.input = o("textarea", void 0), this.input.rows = 1, this.input.placeholder = "Message…";
+    const r = o("button", "ocw-sendbtn", ((k = p.i18n) == null ? void 0 : k.send) ?? "➤");
+    r.addEventListener("click", () => this.flushSend()), this.input.addEventListener("keydown", (y) => {
+      y.isComposing || y.keyCode === 229 || (y.key === "Enter" && !y.shiftKey ? (y.preventDefault(), this.flushSend()) : this.signalTyping());
     });
-    const v = c("button", "ocw-attach", "📎");
-    v.title = "Attach image or file";
-    const x = document.createElement("input");
-    x.type = "file", x.accept = "image/*,.pdf,.txt,.doc,.docx", x.style.display = "none", v.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 = "";
+    const T = o("button", "ocw-attach", "📎");
+    T.title = "Attach image or file";
+    const b = document.createElement("input");
+    b.type = "file", b.accept = "image/*,.pdf,.txt,.doc,.docx", b.style.display = "none", T.addEventListener("click", () => b.click()), b.addEventListener("change", () => {
+      var y;
+      (y = b.files) != null && y[0] && this.h.onAttach && this.h.onAttach(b.files[0]), b.value = "";
     });
-    const u = c("div", "ocw-input");
-    u.append(v, x, this.input, d);
-    const p = c("div", "ocw-footer");
-    ((M = i.i18n) == null ? void 0 : M.poweredBy) !== void 0 ? p.textContent = i.i18n.poweredBy : p.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = p, e.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, u, 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 T = c("button", "ocw-cobrowse-swatch");
-      T.style.background = k, T.type = "button", k === this.cobrowseColor && T.classList.add("sel"), T.addEventListener("click", () => {
-        this.cobrowseColor = k;
-        for (const V of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) V.classList.remove("sel");
-        T.classList.add("sel");
-      }), this.cobrowseToolbar.append(T);
-    }
-    const I = c("button", "ocw-cobrowse-clear", "Clear");
-    I.addEventListener("click", () => {
-      var k, T;
-      return (T = (k = this.h).onAnnotateClear) == null ? void 0 : T.call(k);
-    }), this.cobrowseToolbar.append(I), 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 l = o("div", "ocw-input");
+    l.append(T, b, this.input, r);
+    const c = o("div", "ocw-footer");
+    (($ = p.i18n) == null ? void 0 : $.poweredBy) !== void 0 ? c.textContent = p.i18n.poweredBy : c.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = c, e.append(d, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, l, this.footer), this.cobrowseCanvas = o("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = o("div", "ocw-cobrowse-toolbar");
+    for (const y of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
+      const E = o("button", "ocw-cobrowse-swatch");
+      E.style.background = y, E.type = "button", y === this.cobrowseColor && E.classList.add("sel"), E.addEventListener("click", () => {
+        this.cobrowseColor = y;
+        for (const R of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) R.classList.remove("sel");
+        E.classList.add("sel");
+      }), this.cobrowseToolbar.append(E);
+    }
+    const C = o("button", "ocw-cobrowse-clear", "Clear");
+    C.addEventListener("click", () => {
+      var y, E;
+      return (E = (y = this.h).onAnnotateClear) == null ? void 0 : E.call(y);
+    }), this.cobrowseToolbar.append(C), this.cobrowseHint = o("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
   }
   /** Returns the scroll container so history.ts can attach scroll listeners. */
   getScrollEl() {
@@ -1849,8 +335,8 @@ class Wt {
   }
   /** Registers a cleanup fn removed on destroy() to prevent listener leaks. */
   setScrollCleanup(e) {
-    var t;
-    (t = this.scrollCleanup) == null || t.call(this), this.scrollCleanup = e;
+    var n;
+    (n = this.scrollCleanup) == null || n.call(this), this.scrollCleanup = e;
   }
   /** Call when the widget is unmounted. Disconnects scroll listeners and clears timers. */
   destroy() {
@@ -1871,66 +357,66 @@ class Wt {
     this.h.onTyping(!0, e), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
   }
   render(e) {
-    var d, v, x;
+    var r, T, b;
     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 = (d = this.cfg.subject) == null ? void 0 : d.ownerLabel;
-      u && (this.headerName.textContent = u);
+      const l = (r = this.cfg.subject) == null ? void 0 : r.ownerLabel;
+      l && (this.headerName.textContent = l);
     }
     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 u of t) this.chips.append(this.chipEl(u));
-    const n = this.scroll.scrollHeight, i = this.scroll.scrollTop;
+    const n = e.visibleActions();
+    this.chips.style.display = n.length ? "flex" : "none";
+    for (const l of n) this.chips.append(this.chipEl(l));
+    const s = this.scroll.scrollHeight, p = this.scroll.scrollTop;
     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);
-    }
-    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);
-    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 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, t) {
+      const l = o("div", "ocw-load-more");
+      l.textContent = "↑ Loading earlier messages…", l.style.pointerEvents = "none", this.scroll.append(l);
+    }
+    let d = 0;
+    for (const l of e.messages())
+      this.scroll.append(this.messageEl(l, e)), l.senderId !== this.me && l.seq > d && (d = l.seq);
+    p > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - s + p : this.scroll.scrollTop = this.scroll.scrollHeight, d > 0 && this.h.onReadUpTo(d);
+    const a = [...e.typing];
+    this.typing.classList.toggle("active", a.length > 0);
+    const f = this.typing.querySelector(".ocw-typing-bubble");
+    f && f.setAttribute("aria-label", a.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (T = this.root.querySelector(".ocw-input")) == null || T.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (b = this.root.querySelector(".ocw-input")) == null || b.style.removeProperty("display"));
+    const h = ["resolved", "closed", "sold", "issued", "checked_out"];
+    this.h.onCsat && !this.csatSubmitted && h.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
+  }
+  setConnStatus(e, n) {
     if (e === "open") {
       this.connStatus.style.display = "none";
       return;
     }
     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…";
+    const s = e === "error";
+    this.connStatus.className = `ocw-conn-status${s ? " err" : e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = s ? `⚠ ${n ?? "Chat unavailable"}` : e === "reconnecting" ? n ?? "↻ reconnecting…" : "● connecting…";
   }
   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."));
-    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");
-    i.placeholder = "Your email", i.type = "email";
-    const o = c("textarea", "ocw-offline-input");
-    o.placeholder = "Your message", o.rows = 3;
-    const r = c("button", "ocw-offline-submit", "Send message");
-    r.addEventListener("click", () => {
-      !i.value.trim() || !o.value.trim() || (this.h.onSend(`[Offline form]
-Name: ${n.value || "Anonymous"}
-Email: ${i.value}
-Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-thanks", "✓ Message sent! We'll reply to your email.")));
-    }), t.append(n, i, o, r), this.offlinePanel.append(t);
+    var f;
+    this.offlinePanel.replaceChildren(), this.offlinePanel.append(o("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(o("div", "ocw-offline-title", ((f = this.cfg.i18n) == null ? void 0 : f.offline) ?? "We're offline right now")), this.offlinePanel.append(o("div", "ocw-offline-msg", e || "Leave your details and we'll get back to you soon."));
+    const n = o("div", "ocw-offline-form"), s = o("input", "ocw-offline-input");
+    s.placeholder = "Your name", s.type = "text";
+    const p = o("input", "ocw-offline-input");
+    p.placeholder = "Your email", p.type = "email";
+    const d = o("textarea", "ocw-offline-input");
+    d.placeholder = "Your message", d.rows = 3;
+    const a = o("button", "ocw-offline-submit", "Send message");
+    a.addEventListener("click", () => {
+      !p.value.trim() || !d.value.trim() || (this.h.onSend(`[Offline form]
+Name: ${s.value || "Anonymous"}
+Email: ${p.value}
+Message: ${d.value}`), this.offlinePanel.replaceChildren(o("div", "ocw-offline-thanks", "✓ Message sent! We'll reply to your email.")));
+    }), n.append(s, p, d, a), this.offlinePanel.append(n);
   }
   buildCsatPanel() {
-    this.csatPanel.replaceChildren(), this.csatPanel.append(c("div", "ocw-csat-title", "How did we do?"));
-    const e = c("div", "ocw-csat-stars"), t = [];
-    for (let n = 1; n <= 5; n++) {
-      const i = c("button", "ocw-csat-star", "★");
-      i.dataset.score = String(n), i.addEventListener("mouseenter", () => t.forEach((o, r) => o.classList.toggle("lit", r < n))), i.addEventListener("mouseleave", () => t.forEach((o) => o.classList.remove("lit"))), i.addEventListener("click", () => {
-        var o, r;
-        this.csatSubmitted = !0, this.csatPanel.replaceChildren(c("div", "ocw-csat-done", `Thanks for your ${n}★ rating!`)), (r = (o = this.h).onCsat) == null || r.call(o, n);
-      }), t.push(i), e.append(i);
+    this.csatPanel.replaceChildren(), this.csatPanel.append(o("div", "ocw-csat-title", "How did we do?"));
+    const e = o("div", "ocw-csat-stars"), n = [];
+    for (let s = 1; s <= 5; s++) {
+      const p = o("button", "ocw-csat-star", "★");
+      p.dataset.score = String(s), p.addEventListener("mouseenter", () => n.forEach((d, a) => d.classList.toggle("lit", a < s))), p.addEventListener("mouseleave", () => n.forEach((d) => d.classList.remove("lit"))), p.addEventListener("click", () => {
+        var d, a;
+        this.csatSubmitted = !0, this.csatPanel.replaceChildren(o("div", "ocw-csat-done", `Thanks for your ${s}★ rating!`)), (a = (d = this.h).onCsat) == null || a.call(d, s);
+      }), n.push(p), e.append(p);
     }
     this.csatPanel.append(e);
   }
@@ -1946,242 +432,242 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
   /** Draw a stroke whose points are normalized to 0..1, scaled to the current
    *  canvas size — so strokes line up across different viewport sizes. */
   drawStroke(e) {
-    const t = this.cobrowseCanvas.getContext("2d");
-    if (!t || e.points.length < 2) return;
-    const n = this.cobrowseCanvas.width, i = this.cobrowseCanvas.height;
-    t.strokeStyle = e.color, t.lineWidth = Math.max(1, e.width * Math.min(n, i)), t.lineJoin = "round", t.lineCap = "round", t.beginPath(), t.moveTo(e.points[0].x * n, e.points[0].y * i);
-    for (const o of e.points.slice(1)) t.lineTo(o.x * n, o.y * i);
-    t.stroke();
+    const n = this.cobrowseCanvas.getContext("2d");
+    if (!n || e.points.length < 2) return;
+    const s = this.cobrowseCanvas.width, p = this.cobrowseCanvas.height;
+    n.strokeStyle = e.color, n.lineWidth = Math.max(1, e.width * Math.min(s, p)), n.lineJoin = "round", n.lineCap = "round", n.beginPath(), n.moveTo(e.points[0].x * s, e.points[0].y * p);
+    for (const d of e.points.slice(1)) n.lineTo(d.x * s, d.y * p);
+    n.stroke();
   }
   redrawCobrowse() {
-    var t;
+    var n;
     const e = this.cobrowseCanvas.getContext("2d");
     if (e) {
       e.clearRect(0, 0, this.cobrowseCanvas.width, this.cobrowseCanvas.height);
-      for (const n of ((t = this.storeRef) == null ? void 0 : t.annotations) ?? []) this.drawStroke(n);
+      for (const s of ((n = this.storeRef) == null ? void 0 : n.annotations) ?? []) this.drawStroke(s);
     }
   }
   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;
-      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) => {
-      this.cobrowseActive && (e = !0, t = [n(r)], this.cobrowseCanvas.setPointerCapture(r.pointerId));
-    }), this.cobrowseCanvas.addEventListener("pointermove", (r) => {
-      e && (t.push(n(r)), this.redrawCobrowse(), this.drawStroke({ points: t, color: this.cobrowseColor, width: i }));
+    let e = !1, n = [];
+    const s = (a) => {
+      const f = this.cobrowseCanvas.getBoundingClientRect(), h = f.width > 0 ? (a.clientX - f.left) / f.width : 0, r = f.height > 0 ? (a.clientY - f.top) / f.height : 0;
+      return { x: Math.min(1, Math.max(0, h)), y: Math.min(1, Math.max(0, r)) };
+    }, p = 6e-3;
+    this.cobrowseCanvas.addEventListener("pointerdown", (a) => {
+      this.cobrowseActive && (e = !0, n = [s(a)], this.cobrowseCanvas.setPointerCapture(a.pointerId));
+    }), this.cobrowseCanvas.addEventListener("pointermove", (a) => {
+      e && (n.push(s(a)), this.redrawCobrowse(), this.drawStroke({ points: n, color: this.cobrowseColor, width: p }));
     });
-    const o = (r) => {
-      var h, w;
+    const d = (a) => {
+      var f, h;
       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, n.length > 1 && ((h = (f = this.h).onAnnotate) == null || h.call(f, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: n, color: this.cobrowseColor, width: p })), n = [];
         try {
-          this.cobrowseCanvas.releasePointerCapture(r.pointerId);
+          this.cobrowseCanvas.releasePointerCapture(a.pointerId);
         } catch {
         }
       }
     };
-    this.cobrowseCanvas.addEventListener("pointerup", o), this.cobrowseCanvas.addEventListener("pointercancel", o);
+    this.cobrowseCanvas.addEventListener("pointerup", d), this.cobrowseCanvas.addEventListener("pointercancel", d);
   }
   buildSubjectCard(e) {
     if (this.subjectBuilt) return;
-    const t = e.subject, n = this.cfg.subject, i = (t == null ? void 0 : t.title) ?? (n == null ? void 0 : n.title);
-    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));
-    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");
+    const n = e.subject, s = this.cfg.subject, p = (n == null ? void 0 : n.title) ?? (s == null ? void 0 : s.title);
+    if (!p) return;
+    this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(o("div", "ocw-subject-title", p)), s != null && s.subtitle && this.subjectCard.append(o("div", "ocw-subject-sub", s.subtitle));
+    const d = o("div", "ocw-tags");
+    if (n) for (const [f, h] of Object.entries(n.fields)) d.append(o("span", "ocw-tag", `${f}: ${h}`));
+    else for (const f of (s == null ? void 0 : s.tags) ?? []) d.append(o("span", "ocw-tag", f));
+    d.childNodes.length && this.subjectCard.append(d);
+    const a = (n == null ? void 0 : n.state) ?? (s == null ? void 0 : s.status);
+    a && (this.statusBadge.textContent = a, this.statusBadge.style.display = "inline-flex");
   }
   chipEl(e) {
-    const t = c("button", "ocw-chip", e.icon ? `${e.icon} ${e.label}` : e.label);
-    return t.dataset.actionId = e.id, t.addEventListener("click", async () => {
-      var n;
-      e.confirm && !await this.confirm(e.label) || ((n = e.input) != null && n.length ? this.openForm(e) : this.h.onInvoke(e.id));
-    }), t;
+    const n = o("button", "ocw-chip", e.icon ? `${e.icon} ${e.label}` : e.label);
+    return n.dataset.actionId = e.id, n.addEventListener("click", async () => {
+      var s;
+      e.confirm && !await this.confirm(e.label) || ((s = e.input) != null && s.length ? this.openForm(e) : this.h.onInvoke(e.id));
+    }), n;
   }
   /** In-widget confirmation modal (replaces window.confirm). */
   confirm(e) {
-    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) => {
-        n.remove(), t(d);
+    return new Promise((n) => {
+      const s = o("div", "ocw-modal"), p = o("div", "ocw-modal-card");
+      p.append(o("div", "ocw-modal-title", e)), p.append(o("div", "ocw-modal-body", `Confirm “${e}”?`));
+      const d = o("div", "ocw-modal-actions"), a = o("button", "ocw-modal-cancel", "Cancel"), f = o("button", "ocw-modal-ok", "Confirm"), h = (r) => {
+        s.remove(), n(r);
       };
-      r.addEventListener("click", () => w(!1)), h.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();
+      a.addEventListener("click", () => h(!1)), f.addEventListener("click", () => h(!0)), s.addEventListener("click", (r) => {
+        r.target === s && h(!1);
+      }), d.append(a, f), p.append(d), s.append(p), this.root.append(s), f.focus();
     });
   }
   /** 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 f, h;
     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)) {
-        const x = c("select", "ocw-form-input");
-        d.required || x.append(c("option", void 0, "— select —"));
-        for (const u of d.options) {
-          const p = c("option");
-          p.value = u, p.textContent = u, x.append(p);
+    const n = o("div", "ocw-form");
+    n.append(o("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
+    const s = /* @__PURE__ */ new Map();
+    for (const r of e.input ?? []) {
+      const T = o("label", "ocw-form-row");
+      if (T.append(o("span", "ocw-form-lbl", r.label)), r.type === "select" && ((f = r.options) != null && f.length)) {
+        const b = o("select", "ocw-form-input");
+        r.required || b.append(o("option", void 0, "— select —"));
+        for (const l of r.options) {
+          const c = o("option");
+          c.value = l, c.textContent = l, b.append(c);
         }
-        d.required && (x.required = !0), v.append(x), n.set(d.name, x);
+        r.required && (b.required = !0), T.append(b), s.set(r.name, b);
       } else {
-        const x = c("input", "ocw-form-input");
-        x.type = d.type === "number" ? "number" : d.type === "date" ? "datetime-local" : "text", d.required && (x.required = !0), v.append(x), n.set(d.name, x);
+        const b = o("input", "ocw-form-input");
+        b.type = r.type === "number" ? "number" : r.type === "date" ? "datetime-local" : "text", r.required && (b.required = !0), T.append(b), s.set(r.name, b);
       }
-      t.append(v);
-    }
-    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 d = {};
-      for (const [v, x] of n) {
-        if (x.required && !x.value) {
-          x.style.borderColor = "#e5484d";
+      n.append(T);
+    }
+    const p = o("div", "ocw-form-actions"), d = o("button", "ocw-form-cancel", "Cancel"), a = o("button", "ocw-form-submit", "Send");
+    d.addEventListener("click", () => this.formHost.replaceChildren()), a.addEventListener("click", () => {
+      const r = {};
+      for (const [T, b] of s) {
+        if (b.required && !b.value) {
+          b.style.borderColor = "#e5484d";
           return;
         }
-        d[v] = x.type === "number" ? Number(x.value) : x.value;
+        r[T] = b.type === "number" ? Number(b.value) : b.value;
       }
-      this.formHost.replaceChildren(), this.h.onInvoke(e.id, d);
-    }), i.append(o, r), t.append(i), this.formHost.append(t), (w = n.values().next().value) == null || w.focus();
+      this.formHost.replaceChildren(), this.h.onInvoke(e.id, r);
+    }), p.append(d, a), n.append(p), this.formHost.append(n), (h = s.values().next().value) == null || h.focus();
   }
-  messageEl(e, t) {
-    var x;
+  messageEl(e, n) {
+    var b;
     if (e.senderRole === "system") {
-      const u = c("div", "ocw-sys");
-      return u.textContent = e.deletedAt ? "message deleted" : se(e.content), u;
+      const l = o("div", "ocw-sys");
+      return l.textContent = e.deletedAt ? "message deleted" : _(e.content), l;
     }
-    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 s = e.senderId === this.me, p = !!e.internal, d = o("div", `ocw-row ${p ? "ocw-note mine" : s ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
+    !s && !p && d.append(o("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
+    const a = o("div"), f = o("div", "ocw-bubble-wrap");
     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 l = o("div", "ocw-reply-to", "↩ replying to a message");
+      l.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", a.append(l);
     }
-    const w = c("div", "ocw-bubble");
-    let d = null;
-    if (e.deletedAt) w.append(c("span", "ocw-deleted", "message deleted"));
+    const h = o("div", "ocw-bubble");
+    let r = null;
+    if (e.deletedAt) h.append(o("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 = document.createElement("img");
-        p.src = u.url, p.alt = u.name ?? "image", p.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", p.addEventListener("click", () => window.open(u.url, "_blank")), w.append(p);
+      const l = e.content;
+      if ((b = l.mime) != null && b.startsWith("image/")) {
+        const c = document.createElement("img");
+        c.src = l.url, c.alt = l.name ?? "image", c.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", c.addEventListener("click", () => window.open(l.url, "_blank")), h.append(c);
       } else {
-        const p = document.createElement("a");
-        p.href = u.url, p.target = "_blank", p.rel = "noopener", p.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", p.append(c("span", void 0, "📄"), c("span", void 0, u.name ?? "file")), w.append(p);
+        const c = document.createElement("a");
+        c.href = l.url, c.target = "_blank", c.rel = "noopener", c.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", c.append(o("span", void 0, "📄"), o("span", void 0, l.name ?? "file")), h.append(c);
       }
     } else if (e.content.kind === "appointment") {
-      const u = e.content, p = c("div", "ocw-appt");
-      p.append(c("div", "ocw-appt-title", `📅 ${u.title}`)), p.append(c("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && p.append(c("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && p.append(c("div", "ocw-appt-desc", u.description));
-      const I = c("div", "ocw-appt-links"), m = document.createElement("a");
-      m.href = u.googleUrl, m.target = "_blank", m.rel = "noopener", m.className = "ocw-appt-btn", m.textContent = "📅 Add to Google Calendar";
-      const 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", I.append(m, y), p.append(I), w.append(p);
+      const l = e.content, c = o("div", "ocw-appt");
+      c.append(o("div", "ocw-appt-title", `📅 ${l.title}`)), c.append(o("div", "ocw-appt-time", new Date(l.startIso).toLocaleString() + " – " + new Date(l.endIso).toLocaleTimeString())), l.location && c.append(o("div", "ocw-appt-loc", `📍 ${l.location}`)), l.description && c.append(o("div", "ocw-appt-desc", l.description));
+      const C = o("div", "ocw-appt-links"), v = document.createElement("a");
+      v.href = l.googleUrl, v.target = "_blank", v.rel = "noopener", v.className = "ocw-appt-btn", v.textContent = "📅 Add to Google Calendar";
+      const w = document.createElement("a");
+      w.href = l.icalUrl, w.download = `${l.title}.ics`, w.className = "ocw-appt-btn ocw-appt-btn-sec", w.textContent = "🍎 Apple / iCal", C.append(v, w), c.append(C), h.append(c);
     } 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) {
-      const u = e.content.text;
-      if (u.trim()) {
-        const p = c("button", "ocw-translate-btn", "🌐");
-        p.type = "button", p.title = "Translate", p.addEventListener("click", (I) => {
-          if (I.stopPropagation(), this.showingTranslation.has(e.id)) {
-            this.showingTranslation.delete(e.id), d.textContent = u, p.textContent = "🌐", p.title = "Translate";
+      r = document.createTextNode(_(e.content)), h.append(r), e.editedAt && h.append(o("span", "ocw-edited", "(edited)"));
+    if (f.append(h), !s && !p && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && r) {
+      const l = e.content.text;
+      if (l.trim()) {
+        const c = o("button", "ocw-translate-btn", "🌐");
+        c.type = "button", c.title = "Translate", c.addEventListener("click", (C) => {
+          if (C.stopPropagation(), this.showingTranslation.has(e.id)) {
+            this.showingTranslation.delete(e.id), r.textContent = l, c.textContent = "🌐", c.title = "Translate";
             return;
           }
-          const m = this.translationCache.get(e.id);
-          if (m !== void 0) {
-            this.showingTranslation.add(e.id), d.textContent = m, p.textContent = "↩", p.title = "Show original";
+          const v = this.translationCache.get(e.id);
+          if (v !== void 0) {
+            this.showingTranslation.add(e.id), r.textContent = v, c.textContent = "↩", c.title = "Show original";
             return;
           }
-          p.textContent = "⏳", this.h.onTranslate(u).then((y) => {
-            if (y === null) {
-              p.textContent = "⚠️", p.title = "Translation unavailable", setTimeout(() => {
-                p.textContent = "🌐", p.title = "Translate";
+          c.textContent = "⏳", this.h.onTranslate(l).then((w) => {
+            if (w === null) {
+              c.textContent = "⚠️", c.title = "Translation unavailable", setTimeout(() => {
+                c.textContent = "🌐", c.title = "Translate";
               }, 1500);
               return;
             }
-            this.translationCache.set(e.id, y), this.showingTranslation.add(e.id), d.textContent = y, p.textContent = "↩", p.title = "Show original";
+            this.translationCache.set(e.id, w), this.showingTranslation.add(e.id), r.textContent = w, c.textContent = "↩", c.title = "Show original";
           });
-        }), h.append(p);
+        }), f.append(c);
       }
     }
-    if (n && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
-      const u = c("div", "ocw-msg-menu");
+    if (s && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
+      const l = o("div", "ocw-msg-menu");
       if (this.h.onEdit) {
-        const p = c("button", void 0, "✏️");
-        p.title = "Edit", p.addEventListener("click", (I) => {
-          I.stopPropagation();
-          const m = se(e.content), y = document.createElement("textarea");
-          y.value = m, y.rows = Math.min(4, Math.ceil(m.length / 40) + 1), y.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 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(A, U);
-          const K = c("div");
-          K.append(y, P), w.replaceChildren(K), y.focus(), y.select();
-          const b = () => w.replaceChildren(d ?? document.createTextNode(m));
-          A.addEventListener("click", b), U.addEventListener("click", () => {
-            const S = y.value.trim();
-            S && S !== m && this.h.onEdit(e.id, S), b();
-          }), y.addEventListener("keydown", (S) => {
-            S.key === "Enter" && !S.shiftKey && (S.preventDefault(), U.click()), S.key === "Escape" && b();
+        const c = o("button", void 0, "✏️");
+        c.title = "Edit", c.addEventListener("click", (C) => {
+          C.stopPropagation();
+          const v = _(e.content), w = document.createElement("textarea");
+          w.value = v, w.rows = Math.min(4, Math.ceil(v.length / 40) + 1), w.style.cssText = "width:100%;resize:vertical;border:1px solid var(--ocw-accent);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;background:#fff;color:#1c1b1a;box-sizing:border-box";
+          const z = o("button", "ocw-form-submit", "Save");
+          z.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
+          const L = o("button", "ocw-form-cancel", "Cancel");
+          L.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
+          const I = o("div");
+          I.style.cssText = "display:flex;gap:6px;justify-content:flex-end", I.append(L, z);
+          const A = o("div");
+          A.append(w, I), h.replaceChildren(A), w.focus(), w.select();
+          const g = () => h.replaceChildren(r ?? document.createTextNode(v));
+          L.addEventListener("click", g), z.addEventListener("click", () => {
+            const k = w.value.trim();
+            k && k !== v && this.h.onEdit(e.id, k), g();
+          }), w.addEventListener("keydown", (k) => {
+            k.key === "Enter" && !k.shiftKey && (k.preventDefault(), z.click()), k.key === "Escape" && g();
           });
-        }), u.append(p);
+        }), l.append(c);
       }
       if (this.h.onDelete) {
-        const p = c("button", "del", "🗑");
-        p.title = "Delete", p.addEventListener("click", (I) => {
-          I.stopPropagation(), this.h.onDelete(e.id);
-        }), u.append(p);
+        const c = o("button", "del", "🗑");
+        c.title = "Delete", c.addEventListener("click", (C) => {
+          C.stopPropagation(), this.h.onDelete(e.id);
+        }), l.append(c);
       }
-      h.append(u);
+      f.append(l);
     }
-    if (r.append(h), this.h.onReact && !e.deletedAt && e.seq > 0) {
-      const u = c("div", "ocw-react-wrap"), p = c("div", "ocw-react");
+    if (a.append(f), this.h.onReact && !e.deletedAt && e.seq > 0) {
+      const l = o("div", "ocw-react-wrap"), c = o("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
-        for (const [y, U] of Object.entries(e.reactions)) {
-          const A = c("button", `ocw-react-pill${U.includes(this.me) ? " mine" : ""}`, `${y} ${U.length}`);
-          A.addEventListener("click", () => {
-            var P, K;
-            return (K = (P = this.h).onReact) == null ? void 0 : K.call(P, e.id, y, U.includes(this.me));
-          }), p.append(A);
+        for (const [w, z] of Object.entries(e.reactions)) {
+          const L = o("button", `ocw-react-pill${z.includes(this.me) ? " mine" : ""}`, `${w} ${z.length}`);
+          L.addEventListener("click", () => {
+            var I, A;
+            return (A = (I = this.h).onReact) == null ? void 0 : A.call(I, e.id, w, z.includes(this.me));
+          }), c.append(L);
         }
-      const I = c("button", "ocw-react-btn", "＋"), m = c("div", "ocw-react-picker");
-      for (const y of qt) {
-        const U = c("button", void 0, y);
-        U.addEventListener("click", (A) => {
-          var K, b, S, M;
-          A.stopPropagation();
-          const P = (b = (K = e.reactions) == null ? void 0 : K[y]) == null ? void 0 : b.includes(this.me);
-          (M = (S = this.h).onReact) == null || M.call(S, e.id, y, !!P), m.style.display = "none";
-        }), m.append(U);
+      const C = o("button", "ocw-react-btn", "＋"), v = o("div", "ocw-react-picker");
+      for (const w of ve) {
+        const z = o("button", void 0, w);
+        z.addEventListener("click", (L) => {
+          var A, g, k, $;
+          L.stopPropagation();
+          const I = (g = (A = e.reactions) == null ? void 0 : A[w]) == null ? void 0 : g.includes(this.me);
+          ($ = (k = this.h).onReact) == null || $.call(k, e.id, w, !!I), v.style.display = "none";
+        }), v.append(z);
       }
-      m.style.display = "none", I.addEventListener("click", (y) => {
-        y.stopPropagation(), m.style.display = m.style.display === "none" ? "flex" : "none";
+      v.style.display = "none", C.addEventListener("click", (w) => {
+        w.stopPropagation(), v.style.display = v.style.display === "none" ? "flex" : "none";
       }), document.addEventListener("click", () => {
-        m.style.display = "none";
-      }, { once: !0 }), p.append(I), u.append(p, m), r.append(u);
-    } else e.reactions && Object.keys(e.reactions).length && r.append(c("div", "ocw-react", Object.entries(e.reactions).map(([u, p]) => `${u}${p.length}`).join(" ")));
-    const v = c("div", "ocw-time ocw-meta", Vt(e.ts));
-    if (n && e.status) {
-      const u = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Xt(e.status));
-      v.append(u);
+        v.style.display = "none";
+      }, { once: !0 }), c.append(C), l.append(c, v), a.append(l);
+    } else e.reactions && Object.keys(e.reactions).length && a.append(o("div", "ocw-react", Object.entries(e.reactions).map(([l, c]) => `${l}${c.length}`).join(" ")));
+    const T = o("div", "ocw-time ocw-meta", Ce(e.ts));
+    if (s && e.status) {
+      const l = o("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Se(e.status));
+      T.append(l);
     }
-    return n && e.seq > 0 && t.lastReadByOthers >= e.seq && v.append(c("span", "ocw-seen", " · Seen")), r.append(v), o.append(r), o;
+    return s && e.seq > 0 && n.lastReadByOthers >= e.seq && T.append(o("span", "ocw-seen", " · Seen")), a.append(T), d.append(a), d;
   }
 }
-function Xt(s) {
-  switch (s) {
+function Se(t) {
+  switch (t) {
     case "read":
       return "✓✓";
     case "delivered":
@@ -2192,29 +678,29 @@ function Xt(s) {
       return "🕓";
   }
 }
-const H = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
-function ke(s) {
-  return `relay-launcher::${s.profileId}::${s.subjectId ?? ""}`;
+const M = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new Map();
+function ee(t) {
+  return `relay-launcher::${t.profileId}::${t.subjectId ?? ""}`;
 }
-function Zt(s) {
+function je(t) {
   var e;
-  (e = H.get(s)) == null || e.close(), H.delete(s);
-}
-function Qt(s) {
-  var pe, ue, fe, we, xe;
-  H.has(s.el) && (H.get(s.el).close(), H.delete(s.el)), s.launcher && ((pe = Z.get(ke(s))) == null || pe.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 At(h);
-  let d, v = !1, x = null, u = 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 p = null, I = null, m = 0, y = !s.launcher;
-  if (s.launcher) {
-    const f = (s.position ?? "bottom-right").includes("right");
-    p = document.createElement("div"), p.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"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, X = ($) => {
-      g.style.cssText = $ ? [
+  (e = M.get(t)) == null || e.close(), M.delete(t);
+}
+function Le(t) {
+  var V, Y, X, J, G;
+  M.has(t.el) && (M.get(t.el).close(), M.delete(t.el)), t.launcher && ((V = F.get(ee(t))) == null || V.close());
+  const e = le(), n = t.token ?? t.userId ?? e, s = n !== e ? e : void 0, { wsUrl: p, httpBase: d } = pe(t.url, t.apiUrl);
+  let a = new he(n);
+  const f = t.subjectId ? `${n}::${t.subjectId}` : n, h = new fe(f);
+  let r, T = !1, b = null, l = null;
+  !t.launcher && !t.el.style.height && t.el.clientHeight === 0 && (t.el.style.width = t.el.style.width || "100%", t.el.style.height = "600px");
+  for (const i of h.load()) a.addOptimistic(i.clientMsgId, i.content);
+  let c = null, C = null, v = 0, w = !t.launcher;
+  if (t.launcher) {
+    const u = (t.position ?? "bottom-right").includes("right");
+    c = document.createElement("div"), c.style.cssText = `position:fixed;${u ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${u ? "flex-end" : "flex-start"};gap:12px`;
+    const x = document.createElement("div"), S = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, O = (B) => {
+      x.style.cssText = B ? [
         "position:fixed",
         "inset:0",
         "width:100%",
@@ -2237,247 +723,248 @@ function Qt(s) {
         "display:none",
         "flex-direction:column",
         "background:#fff",
-        "transform-origin:bottom " + (f ? "right" : "left"),
+        "transform-origin:bottom " + (u ? "right" : "left"),
         "transition:opacity .18s,transform .18s",
         "opacity:0",
         "transform:scale(.95)"
       ].join(";");
     };
-    X((E == null ? void 0 : E.matches) ?? !1);
-    const Y = ($) => X($.matches);
-    E == null || E.addEventListener("change", Y), x = E, u = Y, s.el.style.cssText = "width:100%;height:100%;overflow:hidden", g.append(s.el);
-    const B = document.createElement("button");
-    B.style.cssText = [
+    O((S == null ? void 0 : S.matches) ?? !1);
+    const N = (B) => O(B.matches);
+    S == null || S.addEventListener("change", N), b = S, l = N, t.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(t.el);
+    const j = document.createElement("button");
+    j.style.cssText = [
       "width:56px;height:56px;border-radius:50%",
-      `background:${s.accent ?? "#4F63F5"}`,
+      `background:${t.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(";"), B.textContent = "💬", B.onmouseenter = () => {
-      B.style.transform = "scale(1.08)";
-    }, B.onmouseleave = () => {
-      B.style.transform = "scale(1)";
-    }, I = document.createElement("span"), I.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", B.append(I), p.append(g, B), document.body.append(p);
-    const J = ($) => {
-      $ ? (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");
+    ].join(";"), j.textContent = "💬", j.onmouseenter = () => {
+      j.style.transform = "scale(1.08)";
+    }, j.onmouseleave = () => {
+      j.style.transform = "scale(1)";
+    }, C = document.createElement("span"), C.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", j.append(C), c.append(x, j), document.body.append(c);
+    const D = (B) => {
+      B ? (x.style.display = "flex", requestAnimationFrame(() => {
+        x.style.opacity = "1", x.style.transform = "scale(1)";
+      })) : (x.style.opacity = "0", x.style.transform = "scale(.95)", setTimeout(() => {
+        w || (x.style.display = "none");
       }, 180));
     };
-    B.addEventListener("click", () => {
-      y = !y, J(y), B.textContent = y ? "✕" : "💬", B.append(I), y && (m = 0, I && (I.style.display = "none"));
-    }), document.addEventListener("keydown", ($) => {
-      $.key === "Escape" && y && (y = !1, J(!1), B.textContent = "💬", B.append(I));
+    j.addEventListener("click", () => {
+      w = !w, D(w), j.textContent = w ? "✕" : "💬", j.append(C), w && (v = 0, C && (C.style.display = "none"));
+    }), document.addEventListener("keydown", (B) => {
+      B.key === "Escape" && w && (w = !1, D(!1), j.textContent = "💬", j.append(C));
     });
   }
-  const U = () => {
-    y || (m++, I && (I.textContent = String(m), I.style.display = "flex"));
-  }, A = () => {
+  const z = () => {
+    w || (v++, C && (C.textContent = String(v), C.style.display = "flex"));
+  }, L = () => {
     try {
-      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);
+      const i = new AudioContext(), u = i.createOscillator(), x = i.createGain();
+      u.connect(x), x.connect(i.destination), u.frequency.setValueAtTime(880, i.currentTime), u.frequency.exponentialRampToValueAtTime(440, i.currentTime + 0.15), x.gain.setValueAtTime(0.3, i.currentTime), x.gain.exponentialRampToValueAtTime(1e-3, i.currentTime + 0.3), u.start(), u.stop(i.currentTime + 0.3);
     } catch {
     }
-  }, P = [], K = (l) => {
-    for (; P.length; ) {
-      const f = P.shift();
-      w.add({ clientMsgId: f.clientMsgId, content: f.content, ts: Date.now() }), b.send({ type: "send", conversationId: l, clientMsgId: f.clientMsgId, content: f.content });
+  }, I = [], A = (i) => {
+    for (; I.length; ) {
+      const u = I.shift();
+      h.add({ clientMsgId: u.clientMsgId, content: u.content, ts: Date.now() }), g.send({ type: "send", conversationId: i, clientMsgId: u.clientMsgId, content: u.content });
     }
   };
-  let b;
-  const S = new Ft(`ocw-e2e-${s.profileId}`);
-  let M = !1;
-  const k = [], T = [];
-  let V = !1;
-  const ne = (l, f) => {
-    S.sealText(f).then((g) => {
-      d && b.send({ type: "send", conversationId: d, clientMsgId: l, content: g });
+  let g;
+  const k = new we(`ocw-e2e-${t.profileId}`);
+  let $ = !1;
+  const y = [], E = [];
+  let R = !1;
+  const U = (i, u) => {
+    k.sealText(u).then((x) => {
+      r && g.send({ type: "send", conversationId: r, clientMsgId: i, content: x });
     });
-  }, Pe = (l, f, g) => {
-    S.sealText(f, g).then((E) => {
-      d && b.send({ type: "send", conversationId: d, clientMsgId: l, content: E });
+  }, te = (i, u, x) => {
+    k.sealText(u, x).then((S) => {
+      r && g.send({ type: "send", conversationId: r, clientMsgId: i, content: S });
     });
-  }, Be = () => {
-    for (; k.length; ) {
-      const l = k.shift();
-      ne(l.clientMsgId, l.text);
-    }
-    for (; T.length; ) {
-      const l = T.shift();
-      ne(l.clientMsgId, l.text);
-    }
-  }, Ae = (l) => {
-    b.send({ type: "fetchPrekey", targetUserId: l });
-  }, Ke = s.i18n ?? {}, ze = ["ar", "he", "fa", "ur"], Le = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
-  ze.includes(Le) && !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 f = `cm_${Math.random().toString(36).slice(2)}`, g = { kind: "text", text: l };
-      r.addOptimistic(f, g), L.render(r), r.e2e ? S.ready ? ne(f, l) : V ? T.push({ clientMsgId: f, text: l }) : (k.push({ clientMsgId: f, text: l }), r.assignedAgentId && Ae(r.assignedAgentId)) : d ? (w.add({ clientMsgId: f, content: g, ts: Date.now() }), b.send({ type: "send", conversationId: d, clientMsgId: f, content: g })) : P.push({ clientMsgId: f, content: g });
+  }, oe = () => {
+    for (; y.length; ) {
+      const i = y.shift();
+      U(i.clientMsgId, i.text);
+    }
+    for (; E.length; ) {
+      const i = E.shift();
+      U(i.clientMsgId, i.text);
+    }
+  }, ne = (i) => {
+    g.send({ type: "fetchPrekey", targetUserId: i });
+  }, ie = t.i18n ?? {}, se = ["ar", "he", "fa", "ur"], re = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  se.includes(re) && !t.el.dir && (t.el.dir = "rtl", t.el.style.fontFamily = t.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const W = new me(), P = new Te(t.el, n, {
+    onSend(i) {
+      const u = `cm_${Math.random().toString(36).slice(2)}`, x = { kind: "text", text: i };
+      a.addOptimistic(u, x), P.render(a), a.e2e ? k.ready ? U(u, i) : R ? E.push({ clientMsgId: u, text: i }) : (y.push({ clientMsgId: u, text: i }), a.assignedAgentId && ne(a.assignedAgentId)) : r ? (h.add({ clientMsgId: u, content: x, ts: Date.now() }), g.send({ type: "send", conversationId: r, clientMsgId: u, content: x })) : I.push({ clientMsgId: u, content: x });
     },
-    async onAttach(l) {
-      if (!d) return;
-      const f = `${o}/upload?name=${encodeURIComponent(l.name)}`, g = `cm_${Math.random().toString(36).slice(2)}`;
-      r.addOptimistic(g, { kind: "text", text: `📎 Uploading ${l.name}…` }), L.render(r);
+    async onAttach(i) {
+      if (!r) return;
+      const u = `${d}/upload?name=${encodeURIComponent(i.name)}`, x = `cm_${Math.random().toString(36).slice(2)}`;
+      a.addOptimistic(x, { kind: "text", text: `📎 Uploading ${i.name}…` }), P.render(a);
       try {
-        const E = await fetch(f, {
+        const S = await fetch(u, {
           method: "POST",
-          headers: { "content-type": l.type, ...s.token ? { authorization: `Bearer ${s.token}` } : {} },
-          body: l
+          headers: { "content-type": i.type, ...t.token ? { authorization: `Bearer ${t.token}` } : {} },
+          body: i
         });
-        if (!E.ok) throw new Error(`Upload failed: ${E.status}`);
-        const { url: X, name: Y, mime: B, size: J } = await E.json();
-        b.send({ type: "send", conversationId: d, clientMsgId: g, content: { kind: "attachment", url: X, name: Y, mime: B, size: J } });
-      } catch (E) {
-        r.addOptimistic(g, { kind: "text", text: `⚠️ Upload failed: ${E.message}` }), L.render(r);
+        if (!S.ok) throw new Error(`Upload failed: ${S.status}`);
+        const { url: O, name: N, mime: j, size: D } = await S.json();
+        g.send({ type: "send", conversationId: r, clientMsgId: x, content: { kind: "attachment", url: O, name: N, mime: j, size: D } });
+      } catch (S) {
+        a.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${S.message}` }), P.render(a);
       }
     },
-    onInvoke(l, f) {
-      d && b.send({ type: "invoke", conversationId: d, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...f ? { inputs: f } : {} });
+    onInvoke(i, u) {
+      r && g.send({ type: "invoke", conversationId: r, actionId: i, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...u ? { inputs: u } : {} });
     },
-    onTyping(l, f) {
-      d && b.send({ type: "typing", conversationId: d, isTyping: l, ...f ? { preview: f } : {} });
+    onTyping(i, u) {
+      r && g.send({ type: "typing", conversationId: r, isTyping: i, ...u ? { preview: u } : {} });
     },
-    onReadUpTo(l) {
-      d && b.send({ type: "read", conversationId: d, seq: l });
+    onReadUpTo(i) {
+      r && g.send({ type: "read", conversationId: r, seq: i });
     },
     onLoadMore() {
-      if (!d || !r.e2e) return;
-      const l = r.messages()[0];
-      l && b.send({ type: "history", conversationId: d, beforeSeq: l.seq, limit: 20 });
+      if (!r || !a.e2e) return;
+      const i = a.messages()[0];
+      i && g.send({ type: "history", conversationId: r, beforeSeq: i.seq, limit: 20 });
     },
-    onEdit(l, f) {
-      d && b.send({ type: "edit", conversationId: d, messageId: l, content: { kind: "text", text: f } });
+    onEdit(i, u) {
+      r && g.send({ type: "edit", conversationId: r, messageId: i, content: { kind: "text", text: u } });
     },
-    onDelete(l) {
-      d && b.send({ type: "delete", conversationId: d, messageId: l });
+    onDelete(i) {
+      r && g.send({ type: "delete", conversationId: r, messageId: i });
     },
-    onReact(l, f, g) {
-      d && b.send({ type: "react", conversationId: d, messageId: l, emoji: f, remove: g });
+    onReact(i, u, x) {
+      r && g.send({ type: "react", conversationId: r, messageId: i, emoji: u, remove: x });
     },
-    onCsat(l) {
-      d && fetch(`${o}/conversations/${d}/csat`, {
+    onCsat(i) {
+      r && fetch(`${d}/conversations/${r}/csat`, {
         method: "POST",
-        headers: { "Content-Type": "application/json", Authorization: `Bearer ${t}` },
-        body: JSON.stringify({ score: l })
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${n}` },
+        body: JSON.stringify({ score: i })
       }).catch(() => {
       });
     },
-    onAnnotate(l) {
-      d && b.send({ type: "annotate", conversationId: d, stroke: l });
+    onAnnotate(i) {
+      r && g.send({ type: "annotate", conversationId: r, stroke: i });
     },
     onAnnotateClear() {
-      d && b.send({ type: "annotate_clear", conversationId: d });
+      r && g.send({ type: "annotate_clear", conversationId: r });
     },
-    ...s.translateLang ? {
-      async onTranslate(l) {
+    ...t.translateLang ? {
+      async onTranslate(i) {
         try {
-          const f = await fetch(`${o}/translate`, {
+          const u = await fetch(`${d}/translate`, {
             method: "POST",
-            headers: { "content-type": "application/json", authorization: `Bearer ${t}` },
-            body: JSON.stringify({ text: l, targetLang: s.translateLang })
+            headers: { "content-type": "application/json", authorization: `Bearer ${n}` },
+            body: JSON.stringify({ text: i, targetLang: t.translateLang })
           });
-          if (!f.ok) return null;
-          const { translated: g } = await f.json();
-          return g;
+          if (!u.ok) return null;
+          const { translated: x } = await u.json();
+          return x;
         } catch {
           return null;
         }
       }
     } : {}
   }, {
-    ...s.subject ? { subject: s.subject } : {},
-    ...s.quickReplies ? { quickReplies: s.quickReplies } : {},
-    ...s.accent ? { accent: s.accent } : {},
-    ...(ue = s.user) != null && ue.name || (fe = s.user) != null && fe.avatar ? { userInfo: { ...s.user.name ? { name: s.user.name } : {}, ...s.user.avatar ? { avatar: s.user.avatar } : {} } } : {},
-    i18n: Ke
-  }), he = s.user && (s.user.name || s.user.email || s.user.avatar || s.user.meta) ? {
-    ...s.user.name ? { name: s.user.name } : {},
-    ...s.user.email ? { email: s.user.email } : {},
-    ...s.user.avatar ? { avatar: s.user.avatar } : {},
-    ...s.user.meta ? { meta: s.user.meta } : {}
-  } : void 0, Me = {
+    ...t.subject ? { subject: t.subject } : {},
+    ...t.quickReplies ? { quickReplies: t.quickReplies } : {},
+    ...t.accent ? { accent: t.accent } : {},
+    ...(Y = t.user) != null && Y.name || (X = t.user) != null && X.avatar ? { userInfo: { ...t.user.name ? { name: t.user.name } : {}, ...t.user.avatar ? { avatar: t.user.avatar } : {} } } : {},
+    i18n: ie
+  }), K = t.user && (t.user.name || t.user.email || t.user.avatar || t.user.meta) ? {
+    ...t.user.name ? { name: t.user.name } : {},
+    ...t.user.email ? { email: t.user.email } : {},
+    ...t.user.avatar ? { avatar: t.user.avatar } : {},
+    ...t.user.meta ? { meta: t.user.meta } : {}
+  } : void 0, ae = {
     type: "open",
-    profileId: s.profileId,
-    ...s.subjectId ? { subjectId: s.subjectId } : {},
-    ...n ? { linkFrom: n } : {},
-    ...he ? { userInfo: he } : {},
+    profileId: t.profileId,
+    ...t.subjectId ? { subjectId: t.subjectId } : {},
+    ...s ? { linkFrom: s } : {},
+    ...K ? { userInfo: K } : {},
     ...typeof location < "u" ? { pageUrl: location.href } : {},
     ...typeof document < "u" && document.title ? { pageTitle: document.title } : {},
     // Pass subject display info so the server can persist it to the Subject record.
     // This is how listingTitle and listingMeta get saved without a separate API call.
-    ...(we = s.subject) != null && we.title ? { subjectTitle: s.subject.title } : {},
-    ...(xe = s.subject) != null && xe.subtitle ? { subjectMeta: s.subject.subtitle } : {}
+    ...(J = t.subject) != null && J.title ? { subjectTitle: t.subject.title } : {},
+    ...(G = t.subject) != null && G.subtitle ? { subjectMeta: t.subject.subtitle } : {}
   };
-  b = new Et({
-    url: i,
-    token: t,
-    open: Me,
-    getCursor: () => r.highestSeq(),
-    onStatusChange: (l, f) => L.setConnStatus(l, f),
-    onFrame(l) {
-      if (l.type === "opened") {
-        if (d = l.conversation.id, !v) {
-          v = !0;
-          for (const f of w.load())
-            b.send({ type: "send", conversationId: d, clientMsgId: f.clientMsgId, content: f.content });
+  g = new be({
+    ...t.refreshToken ? { refreshToken: t.refreshToken } : {},
+    url: p,
+    token: n,
+    open: ae,
+    getCursor: () => a.highestSeq(),
+    onStatusChange: (i, u) => P.setConnStatus(i, u),
+    onFrame(i) {
+      if (W.apply(i), i.type === "opened") {
+        if (r = i.conversation.id, !T) {
+          T = !0;
+          for (const u of h.load())
+            g.send({ type: "send", conversationId: r, clientMsgId: u.clientMsgId, content: u.content });
         }
-        Re(i, t, d, r, L, o), P.length && K(d);
+        ue(p, n, r, a, P, d), I.length && A(r);
       }
-      if (l.type === "ack" && w.remove(l.clientMsgId), l.type === "prekeyBundle") {
-        l.bundle && (V = !0, S.x3dhSendTo(l.bundle).then((f) => {
-          const g = [...k.splice(0), ...T.splice(0)];
-          for (const E of g) Pe(E.clientMsgId, E.text, f);
-          L.render(r);
+      if (i.type === "ack" && h.remove(i.clientMsgId), i.type === "prekeyBundle") {
+        i.bundle && (R = !0, k.x3dhSendTo(i.bundle).then((u) => {
+          const x = [...y.splice(0), ...E.splice(0)];
+          for (const S of x) te(S.clientMsgId, S.text, u);
+          P.render(a);
         }));
         return;
       }
-      if (l.type === "message" && r.e2e) {
-        const f = jt(l.message.content);
-        if (f && !S.ready) {
-          S.x3dhReceiveFrom(f.x3dhIK, f.x3dhEK, f.x3dhSPK).then(async () => {
-            await S.openFrame(l), r.apply(l), L.render(r);
+      if (i.type === "message" && a.e2e) {
+        const u = xe(i.message.content);
+        if (u && !k.ready) {
+          k.x3dhReceiveFrom(u.x3dhIK, u.x3dhEK, u.x3dhSPK).then(async () => {
+            await k.openFrame(i), a.apply(i), P.render(a);
           });
           return;
         }
       }
-      if (l.type === "peerkey") {
-        S.onPeerKey(l.key).then(() => {
-          Be(), L.render(r);
+      if (i.type === "peerkey") {
+        k.onPeerKey(i.key).then(() => {
+          oe(), P.render(a);
         });
         return;
       }
       (async () => {
-        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 f = await S.initX3DH();
-          b.send({ type: "uploadPrekeys", ...f });
-          const g = await S.begin();
-          b.send({ type: "pubkey", conversationId: d, key: g });
+        if (a.e2e && await k.openFrame(i), a.apply(i), i.type === "message" && i.message.senderId !== n && !i.message.internal && (z(), L()), a.e2e && r && !$) {
+          $ = !0;
+          const u = await k.initX3DH();
+          g.send({ type: "uploadPrekeys", ...u });
+          const x = await k.begin();
+          g.send({ type: "pubkey", conversationId: r, key: x });
         }
-        L.render(r);
+        P.render(a);
       })();
     }
-  }), b.connect(), L.render(r);
-  const F = s.launcher ? ke(s) : null, W = { close: () => {
-    b.close(), p == null || p.remove(), L.destroy(), x && u && x.removeEventListener("change", u), H.delete(s.el), F && Z.get(F) === W && Z.delete(F);
+  }), g.connect(), P.render(a);
+  const q = t.launcher ? ee(t) : null, H = { close: () => {
+    g.close(), c == null || c.remove(), P.destroy(), W.destroy(), b && l && b.removeEventListener("change", l), M.delete(t.el), q && F.get(q) === H && F.delete(q);
   } };
-  return H.set(s.el, W), F && Z.set(F, W), W;
+  return M.set(t.el, H), q && F.set(q, H), H;
 }
 export {
-  Ct as ChatStore,
-  Et as ConnectionManager,
-  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,
-  Zt as unmount
+  he as ChatStore,
+  be as ConnectionManager,
+  we as E2ESession,
+  fe as PersistentOutbox,
+  Te as Renderer,
+  Me as asConversationId,
+  xe as extractX3DHInit,
+  $e as httpBaseFromWsUrl,
+  Le as mount,
+  pe as resolveRelayUrls,
+  ue as restoreHistory,
+  je as unmount
 };
 //# sourceMappingURL=index.js.map