@paramms/chat-widget 0.1.0 → 1.0.1

package/dist/index.js

@@ -0,0 +1,2638 @@
+var Se = Object.defineProperty;
+var Ce = (s, e, t) => e in s ? Se(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => Ce(s, typeof e != "symbol" ? e + "" : e, t);
+const Dt = (s) => s;
+function Ie(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 Ee(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 d = s.charCodeAt(o);
+          (d & 64512) === 56320 && (++o, r = ((r & 1023) << 10) + (d & 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 Ue = new TextEncoder(), Te = 50;
+function Be(s, e, t) {
+  Ue.encodeInto(s, e.subarray(t));
+}
+function Ae(s, e, t) {
+  s.length > Te ? Be(s, e, t) : Ee(s, e, t);
+}
+const Pe = 4096;
+function pe(s, e, t) {
+  let n = e;
+  const i = n + t, o = [];
+  let r = "";
+  for (; n < i; ) {
+    const d = s[n++];
+    if (!(d & 128))
+      o.push(d);
+    else if ((d & 224) === 192) {
+      const u = s[n++] & 63;
+      o.push((d & 31) << 6 | u);
+    } else if ((d & 240) === 224) {
+      const u = s[n++] & 63, w = s[n++] & 63;
+      o.push((d & 31) << 12 | u << 6 | w);
+    } else if ((d & 248) === 240) {
+      const u = s[n++] & 63, w = s[n++] & 63, y = s[n++] & 63;
+      let x = (d & 7) << 18 | u << 12 | w << 6 | y;
+      x > 65535 && (x -= 65536, o.push(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), o.push(x);
+    } else
+      o.push(d);
+    o.length >= Pe && (r += String.fromCharCode(...o), o.length = 0);
+  }
+  return o.length > 0 && (r += String.fromCharCode(...o)), r;
+}
+const Ke = new TextDecoder(), Le = 200;
+function ze(s, e, t) {
+  const n = s.subarray(e, e + t);
+  return Ke.decode(n);
+}
+function Me(s, e, t) {
+  return t > Le ? ze(s, e, t) : pe(s, e, t);
+}
+class X {
+  constructor(e, t) {
+    a(this, "type");
+    a(this, "data");
+    this.type = e, this.data = t;
+  }
+}
+class U extends Error {
+  constructor(e) {
+    super(e);
+    const t = Object.create(U.prototype);
+    Object.setPrototypeOf(this, t), Object.defineProperty(this, "name", {
+      configurable: !0,
+      enumerable: !1,
+      value: U.name
+    });
+  }
+}
+const F = 4294967295;
+function $e(s, e, t) {
+  const n = t / 4294967296, i = t;
+  s.setUint32(e, n), s.setUint32(e + 4, i);
+}
+function fe(s, e, t) {
+  const n = Math.floor(t / 4294967296), i = t;
+  s.setUint32(e, n), s.setUint32(e + 4, i);
+}
+function ue(s, e) {
+  const t = s.getInt32(e), n = s.getUint32(e + 4);
+  return t * 4294967296 + n;
+}
+function _e(s, e) {
+  const t = s.getUint32(e), n = s.getUint32(e + 4);
+  return t * 4294967296 + n;
+}
+const De = -1, qe = 4294967296 - 1, Re = 17179869184 - 1;
+function He({ sec: s, nsec: e }) {
+  if (s >= 0 && e >= 0 && s <= Re)
+    if (e === 0 && s <= qe) {
+      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), fe(n, 4, s), t;
+  }
+}
+function Fe(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 je(s) {
+  if (s instanceof Date) {
+    const e = Fe(s);
+    return He(e);
+  } else
+    return null;
+}
+function Oe(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 = ue(e, 4), n = e.getUint32(0);
+      return { sec: t, nsec: n };
+    }
+    default:
+      throw new U(`Unrecognized data size for timestamp (expected 4, 8, or 12): ${s.length}`);
+  }
+}
+function Ne(s) {
+  const e = Oe(s);
+  return new Date(e.sec * 1e3 + e.nsec / 1e6);
+}
+const We = {
+  type: De,
+  encode: je,
+  decode: Ne
+}, G = class G {
+  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(We);
+  }
+  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 X(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 X(r, o);
+        }
+      }
+    }
+    return e instanceof X ? e : null;
+  }
+  decode(e, t, n) {
+    const i = t < 0 ? this.builtInDecoders[-1 - t] : this.decoders[t];
+    return i ? i(e, t, n) : new X(t, e);
+  }
+};
+a(G, "defaultCodec", new G());
+let Y = G;
+function Ve(s) {
+  return s instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && s instanceof SharedArrayBuffer;
+}
+function ee(s) {
+  return s instanceof Uint8Array ? s : ArrayBuffer.isView(s) ? new Uint8Array(s.buffer, s.byteOffset, s.byteLength) : Ve(s) ? new Uint8Array(s) : Uint8Array.from(s);
+}
+const Xe = 100, Ye = 2048;
+class ne {
+  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) ?? Y.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) ?? Xe, this.initialBufferSize = (e == null ? void 0 : e.initialBufferSize) ?? Ye, 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 ne({
+      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 = Ie(e);
+    this.ensureBufferSizeToWrite(5 + n), this.writeStringHeader(n), Ae(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 = ee(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), $e(this.view, this.pos, e), this.pos += 8;
+  }
+  writeI64(e) {
+    this.ensureBufferSizeToWrite(8), fe(this.view, this.pos, e), this.pos += 8;
+  }
+  writeBigUint64(e) {
+    this.ensureBufferSizeToWrite(8), this.view.setBigUint64(this.pos, e), this.pos += 8;
+  }
+  writeBigInt64(e) {
+    this.ensureBufferSizeToWrite(8), this.view.setBigInt64(this.pos, e), this.pos += 8;
+  }
+}
+function Je(s, e) {
+  return new ne(e).encodeSharedRef(s);
+}
+function Z(s) {
+  return `${s < 0 ? "-" : ""}0x${Math.abs(s).toString(16).padStart(2, "0")}`;
+}
+const Ge = 16, Ze = 16;
+class Qe {
+  constructor(e = Ge, t = Ze) {
+    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 d = 0; d < n; d++)
+        if (r[d] !== e[t + d])
+          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 = pe(e, t, n), r = Uint8Array.prototype.slice.call(e, t, t + n);
+    return this.store(r, o), o;
+  }
+}
+const te = "array", O = "map_key", we = "map_value", et = (s) => {
+  if (typeof s == "string" || typeof s == "number")
+    return s;
+  throw new U("The type of key must be string or number but " + typeof s);
+};
+class tt {
+  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 = te, 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 === te) {
+      const n = e;
+      n.size = 0, n.array = void 0, n.position = 0, n.type = void 0;
+    }
+    if (e.type === O || e.type === we) {
+      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 j = -1, se = new DataView(new ArrayBuffer(0)), it = new Uint8Array(se.buffer);
+try {
+  se.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 re = new RangeError("Insufficient data"), nt = new Qe();
+class oe {
+  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", se);
+    a(this, "bytes", it);
+    a(this, "headByte", j);
+    a(this, "stack", new tt());
+    a(this, "entered", !1);
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? Y.defaultCodec, this.context = e == null ? void 0 : e.context, this.useBigInt64 = (e == null ? void 0 : e.useBigInt64) ?? !1, this.rawStrings = (e == null ? void 0 : e.rawStrings) ?? !1, this.maxStrLength = (e == null ? void 0 : e.maxStrLength) ?? F, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? F, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? F, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? F, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? F, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : nt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? et;
+  }
+  clone() {
+    return new oe({
+      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 = j, this.stack.reset();
+  }
+  setBuffer(e) {
+    const t = ee(e);
+    this.bytes = t, this.view = new DataView(t.buffer, t.byteOffset, t.byteLength), this.pos = 0;
+  }
+  appendBuffer(e) {
+    if (this.headByte === j && !this.hasRemaining(1))
+      this.setBuffer(e);
+    else {
+      const t = this.bytes.subarray(this.pos), n = ee(e), i = new Uint8Array(t.length + n.length);
+      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 d of e) {
+        if (t)
+          throw this.entered = !1, this.createExtraByteError(this.totalPos);
+        this.appendBuffer(d);
+        try {
+          n = this.doDecodeSync(), t = !0;
+        } catch (u) {
+          if (!(u instanceof RangeError))
+            throw u;
+        }
+        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 ${Z(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 U(`Unrecognized type byte: ${Z(e)}`);
+      this.complete();
+      const n = this.stack;
+      for (; n.length > 0; ) {
+        const i = n.top();
+        if (i.type === te)
+          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 U("The key __proto__ is not allowed");
+          i.key = this.mapKeyConverter(t), i.type = we;
+          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 === j && (this.headByte = this.readU8()), this.headByte;
+  }
+  complete() {
+    this.headByte = j;
+  }
+  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 U(`Unrecognized array type byte: ${Z(e)}`);
+      }
+    }
+  }
+  pushMapState(e) {
+    if (e > this.maxMapLength)
+      throw new U(`Max length exceeded: map length (${e}) > maxMapLengthLength (${this.maxMapLength})`);
+    this.stack.pushMapState(e);
+  }
+  pushArrayState(e) {
+    if (e > this.maxArrayLength)
+      throw new U(`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 U(`Max length exceeded: UTF-8 byte length (${e}) > maxStrLength (${this.maxStrLength})`);
+    if (this.bytes.byteLength < this.pos + t + e)
+      throw re;
+    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 = Me(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 U(`Max length exceeded: bin length (${e}) > maxBinLength (${this.maxBinLength})`);
+    if (!this.hasRemaining(e + t))
+      throw re;
+    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 U(`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 = _e(this.view, this.pos);
+    return this.pos += 8, e;
+  }
+  readI64() {
+    const e = ue(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 st(s, e) {
+  return new oe(e).decode(s);
+}
+const ot = /* @__PURE__ */ new Set([
+  "auth",
+  "open",
+  "send",
+  "sync",
+  "history",
+  "read",
+  "typing",
+  "react",
+  "edit",
+  "delete",
+  "invoke",
+  "pubkey",
+  "ping",
+  "annotate",
+  "annotate_clear"
+]);
+function rt(s) {
+  return ot.has(s.type);
+}
+function at(s) {
+  return Je(s);
+}
+function ct(s) {
+  let e;
+  try {
+    e = st(s);
+  } catch {
+    return null;
+  }
+  return typeof e != "object" || e === null || typeof e.type != "string" ? null : e;
+}
+class dt {
+  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;
+  }
+  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) {
+    for (const [n, i] of this.byId)
+      i.senderId === this.me && i.seq > 0 && i.seq <= e && ae(t) > ae(i.status) && (this.byId.set(n, { ...i, status: t }), this._sorted = null);
+  }
+}
+function ae(s) {
+  switch (s) {
+    case "read":
+      return 3;
+    case "delivered":
+      return 2;
+    case "sent":
+      return 1;
+    default:
+      return 0;
+  }
+}
+class lt {
+  constructor(e) {
+    a(this, "socket", null);
+    a(this, "state", "idle");
+    a(this, "authed", !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 ?? ht)(this.opts.url);
+    t.binaryType = "arraybuffer", this.socket = t, t.onopen = () => {
+      this.raw({ type: "auth", token: this.opts.token });
+    }, t.onmessage = (o) => {
+      const r = ct(new Uint8Array(o.data));
+      !r || rt(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 e;
+    this.stopped = !0, this.timer && clearTimeout(this.timer), this.state = "closed";
+    try {
+      (e = this.socket) == null || e.close();
+    } catch {
+    }
+  }
+  handle(e) {
+    var t, n;
+    e.type === "authed" && (this.attempt = 0, this.state = "open", this.authed = !0, (n = (t = this.opts).onStatusChange) == null || n.call(t, "open"), this.raw(this.opts.open), this.flush()), e.type === "opened" && this.raw({ type: "sync", conversationId: e.conversation.id, sinceSeq: this.opts.getCursor() }), this.opts.onFrame(e);
+  }
+  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(at(e));
+    } catch {
+      this.outbox.push(e);
+    }
+  }
+  onClosed() {
+    if (this.authed = !1, this.socket = null, this.stopped) {
+      this.state = "closed";
+      return;
+    }
+    this.state = "idle";
+    const e = this.opts.backoffBaseMs ?? 500, t = this.opts.backoffMaxMs ?? 15e3, n = Math.min(t, e * 2 ** this.attempt) * (0.5 + Math.random() * 0.5);
+    this.attempt++, this.timer = setTimeout(() => this.connect(), n);
+  }
+}
+function ht(s) {
+  return new WebSocket(s);
+}
+const ce = 200, pt = 7 * 864e5;
+class ft {
+  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() - pt, 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 > ce ? t.slice(t.length - ce) : 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 I = () => globalThis.crypto.subtle;
+function J(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 ie(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 I().generateKey({ name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
+  return { publicKey: s.publicKey, privateKey: s.privateKey };
+}
+async function M(s) {
+  return J(await I().exportKey("raw", s));
+}
+async function H(s) {
+  return I().importKey("raw", ie(s), { name: "ECDH", namedCurve: "P-256" }, !1, []);
+}
+async function ut(s, e) {
+  const t = await H(e);
+  return I().deriveKey(
+    { name: "ECDH", public: t },
+    s,
+    { name: "AES-GCM", length: 256 },
+    !1,
+    ["encrypt", "decrypt"]
+  );
+}
+async function wt(s, e) {
+  const t = globalThis.crypto.getRandomValues(new Uint8Array(12)), n = new TextEncoder().encode(e), i = await I().encrypt({ name: "AES-GCM", iv: t }, s, n);
+  return { ct: J(i), iv: J(t) };
+}
+async function xt(s, e, t) {
+  const n = await I().decrypt({ name: "AES-GCM", iv: ie(t) }, s, ie(e));
+  return new TextDecoder().decode(n);
+}
+async function gt(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), d = await I().importKey("jwk", o, { name: "ECDH", namedCurve: "P-256" }, !0, []), u = await I().importKey("jwk", r, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]);
+      return { publicKey: d, privateKey: u };
+    }
+  } catch {
+  }
+  const e = await N();
+  try {
+    const i = await I().exportKey("jwk", e.publicKey), o = await I().exportKey("jwk", e.privateKey);
+    (n = globalThis.localStorage) == null || n.setItem(s, JSON.stringify({ pub: i, priv: o }));
+  } catch {
+  }
+  return e;
+}
+async function yt(s, e) {
+  const t = await I().exportKey("raw", e), n = await I().sign({ name: "ECDSA", hash: "SHA-256" }, s, t);
+  return J(n);
+}
+async function bt() {
+  const s = await N(), e = await I().generateKey({ name: "ECDSA", namedCurve: "P-256" }, !0, ["sign", "verify"]);
+  return {
+    ecdhKP: s,
+    ecdsaKP: { publicKey: e.publicKey, privateKey: e.privateKey },
+    publicKeyB64: await M(s.publicKey),
+    sigPublicKeyB64: await M(e.publicKey)
+  };
+}
+async function de(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 I().importKey("jwk", o.ecdhPub, { name: "ECDH", namedCurve: "P-256" }, !0, []), d = await I().importKey("jwk", o.ecdhPriv, { name: "ECDH", namedCurve: "P-256" }, !0, ["deriveKey", "deriveBits"]), u = await I().importKey("jwk", o.ecdsaPub, { name: "ECDSA", namedCurve: "P-256" }, !0, ["verify"]), w = await I().importKey("jwk", o.ecdsaPriv, { name: "ECDSA", namedCurve: "P-256" }, !0, ["sign"]);
+      return {
+        ecdhKP: { publicKey: r, privateKey: d },
+        ecdsaKP: { publicKey: u, privateKey: w },
+        publicKeyB64: await M(r),
+        sigPublicKeyB64: await M(u)
+      };
+    }
+  } catch {
+  }
+  const e = await bt();
+  try {
+    const i = await I().exportKey("jwk", e.ecdhKP.publicKey), o = await I().exportKey("jwk", e.ecdhKP.privateKey), r = await I().exportKey("jwk", e.ecdsaKP.publicKey), d = await I().exportKey("jwk", e.ecdsaKP.privateKey);
+    (n = globalThis.localStorage) == null || n.setItem(`${s}-identity`, JSON.stringify({ ecdhPub: i, ecdhPriv: o, ecdsaPub: r, ecdsaPriv: d }));
+  } catch {
+  }
+  return e;
+}
+async function mt(s, e) {
+  const t = await N(), n = await M(t.publicKey), i = await H(e.identityKey), o = await H(e.signedPrekey), r = e.oneTimePrekey ? await H(e.oneTimePrekey) : null, d = await z(s.privateKey, o), u = await z(t.privateKey, i), w = await z(t.privateKey, o), y = r ? await z(t.privateKey, r) : null, x = xe(d, u, w, ...y ? [y] : []);
+  return { sharedKey: await ge(x), ephemeralPublicKey: n };
+}
+async function vt(s, e, t, n, i) {
+  const o = await H(t), r = await H(n), d = await z(e.privateKey, o), u = await z(s.privateKey, r), w = await z(e.privateKey, r), y = i ? await z(i.privateKey, r) : null, x = xe(d, u, w, ...y ? [y] : []);
+  return ge(x);
+}
+async function z(s, e) {
+  return I().deriveBits({ name: "ECDH", public: e }, s, 256);
+}
+function xe(...s) {
+  const e = s.reduce((i, o) => i + o.byteLength, 0), t = new Uint8Array(e);
+  let n = 0;
+  for (const i of s)
+    t.set(new Uint8Array(i), n), n += i.byteLength;
+  return t.buffer;
+}
+async function ge(s) {
+  const e = await I().importKey("raw", s, "HKDF", !1, ["deriveKey"]);
+  return I().deriveKey(
+    { name: "HKDF", hash: "SHA-256", salt: new Uint8Array(32), info: new TextEncoder().encode("ObjectChat X3DH v1") },
+    e,
+    { name: "AES-GCM", length: 256 },
+    !1,
+    ["encrypt", "decrypt"]
+  );
+}
+const kt = 20;
+class St {
+  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 gt(this.storageKey), M(this.kp.publicKey);
+  }
+  /** Live ECDH mode: A peer published their key — derive the shared secret. */
+  async onPeerKey(e) {
+    this.kp && (this.shared = await ut(this.kp.privateKey, e));
+  }
+  // ── X3DH async mode ────────────────────────────────────────────────────────
+  /** X3DH: Generate identity key, signed prekey, and OTP prekeys.
+   *  Returns the upload frame payload the caller should send to the server. */
+  async initX3DH() {
+    this.identityKP = await de(this.storageKey), this.signedPreKP = await N(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    for (let i = 0; i < kt; i++) this.otpKeys.push(await N());
+    const e = await M(this.signedPreKP.publicKey), t = await yt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => M(i.publicKey)));
+    return {
+      identityKey: this.identityKP.publicKeyB64,
+      signedPrekey: e,
+      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 de(this.storageKey));
+    const { sharedKey: t, ephemeralPublicKey: n } = await mt(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 vt(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 wt(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 xt(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);
+  }
+}
+function Ct(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 le = "objectchat-widget-styles", It = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Et = `
+.ocw { --ocw-accent:#f5713c; --ocw-bg:#f3efe9; --ocw-card:#fff; --ocw-line:#ececec; --ocw-ink:#1c1b1a; --ocw-mut:#9b9690;
+  position:relative;
+  display:flex; flex-direction:column; height:100%; min-height:320px; background:var(--ocw-bg);
+  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; color:var(--ocw-ink); overflow:hidden; }
+@media (max-width:480px) {
+  .ocw { min-height:100dvh; border-radius:0 !important; }
+  .ocw-bubble { font-size:15px; }
+  .ocw-input textarea { font-size:16px; } /* prevent iOS zoom on focus */
+  .ocw-chip { padding:9px 14px; font-size:14px; }
+  .ocw-modal-card { width:90%; }
+  .ocw-row { max-width:94%; }
+}
+/* RTL support: when the host element has dir=rtl, flip layout direction */
+[dir="rtl"] .ocw-row.mine { flex-direction:row; }
+[dir="rtl"] .ocw-row.theirs { flex-direction:row-reverse; }
+[dir="rtl"] .mine .ocw-bubble { border-bottom-right-radius:18px; border-bottom-left-radius:6px; }
+[dir="rtl"] .theirs .ocw-bubble { border-bottom-left-radius:18px; border-bottom-right-radius:6px; }
+[dir="rtl"] .ocw-input { flex-direction:row-reverse; }
+[dir="rtl"] .mine .ocw-meta { text-align:left; }
+.ocw-head { display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--ocw-card); border-bottom:1px solid var(--ocw-line); }
+.ocw-avatar { width:34px; height:34px; border-radius:50%; background:#ffe9d6; display:flex; align-items:center; justify-content:center; font-size:17px; flex:none; }
+.ocw-head-main { flex:1; min-width:0; }
+.ocw-head-name { font-weight:700; font-size:15px; }
+.ocw-head-meta { color:var(--ocw-mut); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ocw-badge { font-size:12px; font-weight:600; color:#15803d; background:#e8f6ec; border-radius:999px; padding:3px 10px; }
+.ocw-e2e { font-size:11px; font-weight:700; color:#3730a3; background:#eef2ff; border-radius:999px; padding:3px 9px; align-items:center; }
+.ocw-menu { color:var(--ocw-mut); width:30px; height:30px; border-radius:50%; border:1px solid var(--ocw-line); background:#fff; cursor:pointer; }
+.ocw-chiprow { display:flex; gap:8px; padding:10px 12px; background:var(--ocw-card); border-bottom:1px solid var(--ocw-line); overflow-x:auto; }
+.ocw-chip { flex:none; display:flex; align-items:center; gap:6px; border:1px solid #e3ded7; background:#fff; border-radius:999px; padding:7px 13px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
+.ocw-chip:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
+.ocw-scroll { flex:1; min-height:0; overflow-y:auto; padding:16px 14px; display:flex; flex-direction:column; gap:10px; }
+.ocw-subject { background:var(--ocw-card); border:1px solid var(--ocw-line); border-radius:16px; padding:14px 16px; }
+.ocw-subject-title { font-weight:700; font-size:16px; margin-bottom:2px; }
+.ocw-subject-sub { color:var(--ocw-mut); font-size:13px; margin-bottom:10px; }
+.ocw-tags { display:flex; flex-wrap:wrap; gap:6px; }
+.ocw-tag { font-size:12px; color:#5b554e; background:#efeae3; border-radius:8px; padding:4px 10px; }
+.ocw-row { display:flex; align-items:flex-end; gap:8px; max-width:86%; }
+.ocw-row.mine { align-self:flex-end; flex-direction:row-reverse; }
+.ocw-row.theirs { align-self:flex-start; }
+.ocw-dot { width:26px; height:26px; border-radius:50%; background:var(--ocw-accent); color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; }
+.ocw-bubble { padding:10px 14px; border-radius:18px; font-size:14.5px; line-height:1.4; word-wrap:break-word; }
+.theirs .ocw-bubble { background:#fff; border:1px solid var(--ocw-line); border-bottom-left-radius:6px; }
+.mine .ocw-bubble { background:var(--ocw-accent); color:#fff; border-bottom-right-radius:6px; }
+.ocw-sys { align-self:center; color:var(--ocw-mut); font-size:12.5px; font-style:italic; text-align:center; max-width:90%; }
+.ocw-bot .ocw-bubble { background:#f0fdf4; border-color:#cdebd6; }
+.ocw-note .ocw-bubble { background:#fffbeb; border:1.5px dashed #f59e0b; color:#78350f; border-radius:12px !important; }
+.ocw-note .ocw-bubble::before { content:'🔒 Note — '; font-size:11px; font-weight:700; color:#b45309; display:block; margin-bottom:3px; letter-spacing:.3px; }
+.ocw-time { font-size:10.5px; color:var(--ocw-mut); margin-top:3px; }
+.mine .ocw-meta { text-align:right; }
+.ocw-tick { margin-left:4px; font-size:11px; color:var(--ocw-mut); }
+.ocw-tick.read { color:#3b82f6; }
+.ocw-tick.delivered { color:var(--ocw-mut); }
+.ocw-deleted { font-style:italic; color:var(--ocw-mut); }
+.ocw-edited { font-size:10px; color:var(--ocw-mut); margin-left:4px; }
+.ocw-react { font-size:12px; margin-top:3px; display:flex; flex-wrap:wrap; gap:3px; }
+.ocw-react-pill { display:inline-flex; align-items:center; gap:3px; border:1px solid #e3ded7; border-radius:999px; padding:2px 7px; background:#fff; font-size:12px; cursor:pointer; }
+.ocw-react-pill:hover { border-color:var(--ocw-accent); }
+.ocw-react-pill.mine { border-color:var(--ocw-accent); background:#fff8f5; }
+.ocw-react-add { display:none; position:absolute; bottom:100%; left:0; margin-bottom:4px; background:#fff; border:1px solid #e3ded7; border-radius:14px; padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,.12); display:flex; gap:4px; z-index:10; }
+.ocw-react-wrap { position:relative; }
+.ocw-react-wrap:not(:hover) .ocw-react-picker { display:none; }
+.ocw-react-picker { position:absolute; bottom:calc(100% + 4px); left:0; background:#fff; border:1px solid #e3ded7; border-radius:14px; padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,.12); display:flex; gap:4px; z-index:10; white-space:nowrap; }
+.ocw-react-picker button { background:none; border:none; font-size:16px; cursor:pointer; padding:2px; border-radius:6px; }
+.ocw-react-picker button:hover { background:#f3efe9; }
+.ocw-react-btn { background:none; border:1px solid #e3ded7; border-radius:999px; padding:2px 7px; font-size:12px; cursor:pointer; color:var(--ocw-mut); }
+.ocw-react-btn:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
+.ocw-msg-menu { position:absolute; top:0; right:0; display:none; gap:3px; }
+.ocw-row.mine:hover .ocw-msg-menu { display:flex; }
+.ocw-row.theirs:hover .ocw-msg-menu { display:flex; left:0; right:auto; }
+.ocw-msg-menu button { background:#fff; border:1px solid #e3ded7; border-radius:6px; font-size:11px; padding:2px 6px; cursor:pointer; color:var(--ocw-mut); }
+.ocw-msg-menu button:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
+.ocw-msg-menu button.del:hover { border-color:#e74c3c; color:#e74c3c; }
+.ocw-bubble-wrap { position:relative; }
+.ocw-seen { font-size:10.5px; color:var(--ocw-mut); }
+.ocw-appt { background:#f0f7ff; border:1px solid #c7deff; border-radius:12px; padding:12px 14px; max-width:260px; }
+.ocw-appt-title { font-weight:700; font-size:14px; margin-bottom:4px; }
+.ocw-appt-time { font-size:12px; color:#1d4ed8; margin-bottom:4px; }
+.ocw-appt-loc { font-size:12px; color:var(--ocw-mut); margin-bottom:4px; }
+.ocw-appt-desc { font-size:12px; color:var(--ocw-mut); margin-bottom:10px; white-space:pre-wrap; }
+.ocw-appt-links { display:flex; flex-direction:column; gap:6px; }
+.ocw-appt-btn { display:block; text-align:center; padding:8px 12px; border-radius:8px; font-size:13px; font-weight:600; text-decoration:none; background:var(--ocw-accent); color:#fff; }
+.ocw-appt-btn-sec { background:#fff; color:var(--ocw-accent); border:1px solid var(--ocw-accent); }
+.ocw-conn-status { font-size:10px; color:var(--ocw-mut); margin-left:4px; }
+.ocw-conn-status.warn { color:#e67e22; }
+.ocw-load-more { display:block; width:100%; background:none; border:1px solid #e3ded7; border-radius:10px; padding:6px 0; font-size:12px; color:var(--ocw-mut); cursor:pointer; margin-bottom:8px; }
+.ocw-load-more:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
+.ocw-offline { margin:20px 14px; padding:20px; background:#fff; border:1px solid #e3ded7; border-radius:16px; text-align:center; }
+.ocw-offline-icon { font-size:32px; margin-bottom:8px; }
+.ocw-offline-title { font-weight:700; font-size:16px; margin-bottom:6px; }
+.ocw-offline-msg { font-size:13px; color:var(--ocw-mut); margin-bottom:16px; }
+.ocw-offline-form { display:flex; flex-direction:column; gap:8px; text-align:left; }
+.ocw-offline-input { border:1px solid #e3ded7; border-radius:10px; padding:10px 12px; font-size:13px; font-family:inherit; }
+.ocw-offline-input:focus { outline:none; border-color:var(--ocw-accent); }
+.ocw-offline-submit { background:var(--ocw-accent); color:#fff; border:none; border-radius:10px; padding:11px; font-size:14px; font-weight:600; cursor:pointer; }
+.ocw-offline-thanks { font-size:14px; color:#15803d; font-weight:600; }
+.ocw-csat-title { font-size:13px; font-weight:600; margin-bottom:8px; }
+.ocw-csat-stars { display:flex; gap:6px; }
+.ocw-csat-star { background:none; border:none; font-size:22px; cursor:pointer; padding:2px; opacity:.4; transition:opacity .15s; }
+.ocw-csat-star:hover, .ocw-csat-star.lit { opacity:1; }
+.ocw-csat-done { font-size:12px; color:var(--ocw-mut); margin-top:6px; }
+
+.ocw-typing { min-height:22px; padding:0 16px 4px; display:flex; align-items:center; }
+.ocw-typing-bubble { display:none; align-items:center; gap:3px; background:#fff; border:1px solid var(--ocw-line); border-radius:14px; border-bottom-left-radius:4px; padding:7px 12px; }
+.ocw-typing.active .ocw-typing-bubble { display:flex; }
+.ocw-typing-dot { width:6px; height:6px; border-radius:50%; background:var(--ocw-mut); animation:ocw-bounce 1.2s infinite ease-in-out; }
+.ocw-typing-dot:nth-child(2) { animation-delay:.2s; }
+.ocw-typing-dot:nth-child(3) { animation-delay:.4s; }
+@keyframes ocw-bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-5px)} }
+.ocw-quick { display:flex; gap:8px; padding:8px 12px 0; overflow-x:auto; }
+.ocw-quick button { flex:none; border:1px solid #e3ded7; background:#fff; border-radius:999px; padding:7px 14px; font-size:13px; cursor:pointer; color:#444; white-space:nowrap; }
+.ocw-quick button:hover { border-color:var(--ocw-accent); color:var(--ocw-accent); }
+.ocw-form-host:empty { display:none; }
+.ocw-form { margin:6px 12px 0; padding:12px; background:var(--ocw-card); border:1px solid var(--ocw-line); border-radius:14px; }
+.ocw-form-title { font-weight:700; font-size:14px; margin-bottom:8px; }
+.ocw-form-row { display:flex; flex-direction:column; gap:3px; margin-bottom:8px; }
+.ocw-form-lbl { font-size:12px; color:var(--ocw-mut); }
+.ocw-form-input { border:1px solid #e3ded7; border-radius:9px; padding:9px 11px; font:inherit; font-size:14px; outline:none; }
+.ocw-form-input:focus { border-color:var(--ocw-accent); }
+.ocw-form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
+.ocw-form-cancel { background:none; border:none; color:var(--ocw-mut); font-size:13px; cursor:pointer; padding:8px 10px; }
+.ocw-form-submit { background:var(--ocw-accent); color:#fff; border:none; border-radius:999px; padding:8px 18px; font-size:13px; font-weight:600; cursor:pointer; }
+.ocw-modal { position:absolute; inset:0; background:rgba(20,18,16,.42); display:flex; align-items:center; justify-content:center; z-index:50; }
+.ocw-modal-card { background:#fff; border-radius:16px; padding:20px; width:78%; max-width:300px; box-shadow:0 14px 44px rgba(0,0,0,.22); }
+.ocw-modal-title { font-weight:700; font-size:16px; margin-bottom:6px; }
+.ocw-modal-body { color:var(--ocw-mut); font-size:14px; margin-bottom:16px; }
+.ocw-modal-actions { display:flex; justify-content:flex-end; gap:8px; }
+.ocw-modal-cancel { background:none; border:none; color:var(--ocw-mut); font-size:14px; cursor:pointer; padding:9px 12px; }
+.ocw-modal-ok { background:var(--ocw-accent); color:#fff; border:none; border-radius:999px; padding:9px 20px; font-size:14px; font-weight:600; cursor:pointer; }
+.ocw-input { display:flex; align-items:center; gap:10px; padding:12px; }
+.ocw-footer { text-align:center; font-size:11px; color:var(--ocw-mut); padding:6px 0 8px; }
+.ocw-footer a { color:var(--ocw-mut); text-decoration:none; font-weight:600; }
+.ocw-footer a:hover { color:var(--ocw-accent); }
+.ocw-attach { background:none;border:none;cursor:pointer;font-size:18px;padding:4px 6px;opacity:.6;flex-none; }
+.ocw-attach:hover { opacity:1; }
+.ocw-input textarea { flex:1; resize:none; border:1px solid #e3ded7; border-radius:22px; padding:11px 16px; font:inherit; font-size:14px; background:#fff; outline:none; max-height:96px; }
+.ocw-input textarea:focus { border-color:var(--ocw-accent); }
+.ocw-sendbtn { width:42px; height:42px; border-radius:50%; border:none; background:var(--ocw-accent); color:#fff; font-size:18px; cursor:pointer; flex:none; display:flex; align-items:center; justify-content:center; }
+.ocw-sendbtn:disabled { opacity:.5; cursor:default; }
+.ocw-cobrowse-btn { display:none; }
+.ocw-cobrowse-btn.show { display:inline-flex; }
+.ocw-cobrowse-btn.on { color:var(--ocw-accent); border-color:var(--ocw-accent); }
+.ocw-cobrowse-canvas { position:absolute; inset:0; z-index:40; touch-action:none; display:none; }
+.ocw-cobrowse-canvas.active { display:block; cursor:crosshair; }
+.ocw-cobrowse-toolbar { position:absolute; top:8px; right:8px; z-index:41; display:none; gap:6px; background:rgba(255,255,255,.92); border-radius:999px; padding:5px 8px; box-shadow:0 2px 10px rgba(0,0,0,.12); }
+.ocw-cobrowse-toolbar.active { display:flex; align-items:center; }
+.ocw-cobrowse-swatch { width:18px; height:18px; border-radius:50%; border:2px solid transparent; cursor:pointer; padding:0; }
+.ocw-cobrowse-swatch.sel { border-color:#1c1b1a; }
+.ocw-cobrowse-clear { background:none; border:1px solid #e3ded7; border-radius:999px; font-size:11px; padding:3px 8px; cursor:pointer; color:var(--ocw-mut); }
+.ocw-cobrowse-clear:hover { border-color:#e74c3c; color:#e74c3c; }
+.ocw-cobrowse-hint { position:absolute; bottom:8px; left:8px; z-index:41; font-size:11px; color:var(--ocw-mut); background:rgba(255,255,255,.9); border-radius:8px; padding:3px 8px; display:none; }
+.ocw-cobrowse-hint.active { display:block; }
+/* ── Chat-app mode (showChatList=true): WhatsApp-style two-screen navigation ── */
+/* Screen A: conversation list — full widget, like WhatsApp's home screen */
+.ocw-screen { position:absolute; inset:0; display:flex; flex-direction:column; background:var(--ocw-bg); transition:transform .22s cubic-bezier(.4,0,.2,1); will-change:transform; }
+.ocw-screen-list  { transform:translateX(0); z-index:10; }
+.ocw-screen-chat  { transform:translateX(100%); z-index:20; background:var(--ocw-card); }
+.ocw-screen-list.hidden  { transform:translateX(-30%); }
+.ocw-screen-chat.visible { transform:translateX(0); }
+/* List header */
+.ocw-cl-head { display:flex; align-items:center; padding:14px 16px 10px; background:var(--ocw-card); border-bottom:1px solid var(--ocw-line); gap:8px; }
+.ocw-cl-title { flex:1; font-size:17px; font-weight:700; color:var(--ocw-ink); }
+.ocw-cl-new { width:34px; height:34px; border-radius:50%; border:none; background:var(--ocw-accent); color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none; }
+/* Search bar */
+.ocw-cl-search-wrap { padding:8px 12px; background:var(--ocw-card); }
+.ocw-cl-search { width:100%; box-sizing:border-box; border:none; background:var(--ocw-bg); border-radius:20px; padding:8px 14px; font:inherit; font-size:14px; color:var(--ocw-ink); outline:none; }
+/* Section dividers: read / unread */
+.ocw-cl-section { padding:4px 16px 4px; font-size:11px; font-weight:700; color:var(--ocw-mut); letter-spacing:.5px; text-transform:uppercase; background:var(--ocw-bg); }
+/* Conversation row */
+.ocw-cl-row { display:flex; align-items:center; gap:12px; padding:10px 16px; background:var(--ocw-card); border:none; width:100%; text-align:left; cursor:pointer; border-bottom:1px solid var(--ocw-line); transition:background .1s; }
+.ocw-cl-row:hover, .ocw-cl-row:active { background:#faf8f6; }
+.ocw-cl-row.unread { background:var(--ocw-card); }
+/* Avatar circle with initial */
+.ocw-cl-av { width:46px; height:46px; border-radius:50%; background:var(--ocw-accent); color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; position:relative; }
+.ocw-cl-av img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
+/* Status dot on avatar: green=open, grey=resolved */
+.ocw-cl-status { position:absolute; bottom:1px; right:1px; width:12px; height:12px; border-radius:50%; border:2px solid var(--ocw-card); background:#9b9690; }
+.ocw-cl-status.open { background:#22c55e; }
+.ocw-cl-status.waiting { background:#f59e0b; }
+/* Row content */
+.ocw-cl-body { flex:1; min-width:0; }
+.ocw-cl-name { font-size:15px; font-weight:600; color:var(--ocw-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:2px; }
+.ocw-cl-row.unread .ocw-cl-name { font-weight:700; }
+.ocw-cl-preview { font-size:13px; color:var(--ocw-mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ocw-cl-row.unread .ocw-cl-preview { color:var(--ocw-ink); }
+/* Right side: time + unread badge */
+.ocw-cl-right { display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex:none; }
+.ocw-cl-time { font-size:11px; color:var(--ocw-mut); }
+.ocw-cl-row.unread .ocw-cl-time { color:var(--ocw-accent); font-weight:600; }
+.ocw-cl-badge { background:var(--ocw-accent); color:#fff; border-radius:999px; font-size:11px; font-weight:700; min-width:20px; height:20px; padding:0 5px; display:flex; align-items:center; justify-content:center; }
+.ocw-cl-body-scroll { flex:1; overflow-y:auto; }
+/* Chat screen back button */
+.ocw-chat-back { background:none; border:none; cursor:pointer; font-size:22px; color:var(--ocw-ink); padding:2px 6px 2px 0; line-height:1; display:none; }
+.ocw-chat-back.show { display:block; }
+.ocw-translate-btn { position:absolute; bottom:2px; right:-26px; background:#fff; border:1px solid #e3ded7; border-radius:50%; width:22px; height:22px; font-size:11px; cursor:pointer; color:var(--ocw-mut); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s; padding:0; }
+.ocw-row.theirs .ocw-translate-btn { right:auto; left:-26px; }
+.ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
+.ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
+`;
+function Ut() {
+  if (typeof document > "u" || document.getElementById(le)) return;
+  const s = document.createElement("style");
+  s.id = le, s.textContent = Et, document.head.appendChild(s);
+}
+function c(s, e, t) {
+  const n = document.createElement(s);
+  return e && (n.className = e), t !== void 0 && (n.textContent = t), n;
+}
+function Tt(s) {
+  try {
+    return new Date(s).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  } catch {
+    return "";
+  }
+}
+function Bt(s) {
+  const e = Math.floor((Date.now() - s) / 1e3);
+  return e < 60 ? "now" : e < 3600 ? `${Math.floor(e / 60)}m` : e < 86400 ? `${Math.floor(e / 3600)}h` : `${Math.floor(e / 86400)}d`;
+}
+function Q(s) {
+  var e;
+  switch (s.kind) {
+    case "text":
+      return s.text;
+    case "system":
+      return typeof ((e = s.data) == null ? void 0 : e.message) == "string" ? String(s.data.message) : s.event;
+    case "card":
+      return [s.title, s.body].filter(Boolean).join(" — ");
+    case "attachment":
+      return s.name ?? s.url;
+    case "form":
+      return s.prompt;
+    case "appointment":
+      return `📅 ${s.title} — ${new Date(s.startIso).toLocaleString()}`;
+  }
+}
+class At {
+  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);
+    // ── 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);
+    // ── Live translation ──────────────────────────────────────────────────-
+    a(this, "translationCache", /* @__PURE__ */ new Map());
+    a(this, "showingTranslation", /* @__PURE__ */ new Set());
+    // ── Chat-app two-screen navigation ──────────────────────────────────────────
+    a(this, "listScreen", null);
+    a(this, "chatScreen", null);
+    a(this, "listBody", null);
+    a(this, "listSearch", null);
+    a(this, "backBtn", null);
+    a(this, "activeChatId", null);
+    a(this, "inChatScreen", !1);
+    a(this, "allEntries", []);
+    /** Last seq the guest has seen per conversationId — used to compute unread badges. */
+    a(this, "seenSeq", /* @__PURE__ */ new Map());
+    a(this, "seenSeqKey", "");
+    /** Fetch the list and re-render it. Called on mount and after switching chats. */
+    a(this, "destroyed", !1);
+    a(this, "subjectBuilt", !1);
+    var k, b, E, B, T, A, $, _, D, W;
+    this.root = e, this.me = t, this.h = n, this.cfg = i, Ut(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
+    const o = c("div", "ocw-head"), r = c("div", "ocw-avatar");
+    if ((k = i.userInfo) != null && k.avatar) {
+      const S = document.createElement("img");
+      S.src = i.userInfo.avatar, S.alt = i.userInfo.name ?? "You", S.style.cssText = "width:100%;height:100%;border-radius:50%;object-fit:cover", r.append(S);
+    } else
+      r.textContent = (b = i.userInfo) != null && b.name ? i.userInfo.name[0].toUpperCase() : "🧑";
+    o.append(r);
+    const d = c("div", "ocw-head-main");
+    this.headerName = c("div", "ocw-head-name", ((E = i.subject) == null ? void 0 : E.ownerLabel) ?? ((B = i.subject) == null ? void 0 : B.title) ?? ""), d.append(this.headerName), (T = i.subject) != null && T.subtitle && d.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(d), this.statusBadge = c("span", "ocw-badge", ((A = i.subject) == null ? void 0 : A.status) ?? ""), ($ = i.subject) != null && $.status || (this.statusBadge.style.display = "none"), o.append(this.statusBadge), this.e2eBadge = c("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", o.append(this.e2eBadge), this.connStatus = c("span", "ocw-conn-status"), this.connStatus.style.display = "none", o.append(this.connStatus), this.cobrowseBtn = c("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
+      this.cobrowseActive = !this.cobrowseActive, this.updateCobrowseUI();
+    }), o.append(this.cobrowseBtn), this.h.onListChats && (this.backBtn = c("button", "ocw-chat-back", "←"), this.backBtn.addEventListener("click", () => this.showListScreen()), o.prepend(this.backBtn)), o.append(c("button", "ocw-menu", "⋯")), this.chips = c("div", "ocw-chiprow"), this.scroll = c("div", "ocw-scroll"), this.subjectCard = c("div", "ocw-subject"), this.typing = c("div", "ocw-typing");
+    const u = c("div", "ocw-typing-bubble");
+    u.append(c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot"), c("div", "ocw-typing-dot")), this.typing.append(c("div", "ocw-dot", "🧑"), u), this.quick = c("div", "ocw-quick");
+    for (const S of i.quickReplies ?? []) {
+      const m = c("button", void 0, S);
+      m.addEventListener("click", () => this.h.onSend(S)), this.quick.append(m);
+    }
+    this.formHost = c("div", "ocw-form-host"), this.csatPanel = c("div", "ocw-csat"), this.csatPanel.style.display = "none", this.offlinePanel = c("div", "ocw-offline"), this.offlinePanel.style.display = "none", this.input = c("textarea", void 0), this.input.rows = 1, this.input.placeholder = "Message…";
+    const w = c("button", "ocw-sendbtn", ((_ = i.i18n) == null ? void 0 : _.send) ?? "➤");
+    w.addEventListener("click", () => this.flushSend()), this.input.addEventListener("keydown", (S) => {
+      S.isComposing || S.keyCode === 229 || (S.key === "Enter" && !S.shiftKey ? (S.preventDefault(), this.flushSend()) : this.signalTyping());
+    });
+    const y = c("button", "ocw-attach", "📎");
+    y.title = "Attach image or file";
+    const x = document.createElement("input");
+    x.type = "file", x.accept = "image/*,.pdf,.txt,.doc,.docx", x.style.display = "none", y.addEventListener("click", () => x.click()), x.addEventListener("change", () => {
+      var S;
+      (S = x.files) != null && S[0] && this.h.onAttach && this.h.onAttach(x.files[0]), x.value = "";
+    });
+    const p = c("div", "ocw-input");
+    p.append(y, x, this.input, w);
+    const h = c("div", "ocw-footer");
+    if (h.innerHTML = ((D = i.i18n) == null ? void 0 : D.poweredBy) !== void 0 ? i.i18n.poweredBy : 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = h, this.h.onListChats) {
+      const S = c("div", "ocw-screen ocw-screen-list"), m = c("div", "ocw-cl-head");
+      m.append(c("span", "ocw-cl-title", "Messages"));
+      const q = c("button", "ocw-cl-new", "+");
+      q.title = "New conversation", q.addEventListener("click", () => {
+        var f, g;
+        (g = (f = this.h).onSwitchChat) == null || g.call(f, { id: "__new__", state: "open", updatedAt: Date.now() });
+      }), m.append(q);
+      const V = c("div", "ocw-cl-search-wrap"), P = c("input", "ocw-cl-search");
+      P.placeholder = "🔍  Search", P.type = "search", P.addEventListener("input", () => this.renderListRows(this.allEntries, P.value.trim().toLowerCase())), V.append(P);
+      const R = c("div", "ocw-cl-body-scroll");
+      R.append(c("div", "ocw-cl-section", "Loading…")), S.append(m, V, R), e.append(S), this.listScreen = S, this.listBody = R, this.listSearch = P;
+      const l = c("div", "ocw-screen ocw-screen-chat");
+      l.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, p, this.footer), e.append(l), this.chatScreen = l, i.startOnChat ? (this.inChatScreen = !0, this.listScreen.classList.add("hidden"), this.chatScreen.classList.add("visible"), (W = this.backBtn) == null || W.classList.add("show")) : this.inChatScreen = !1, this.refreshList();
+    } else
+      e.append(o, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.offlinePanel, p, this.footer);
+    this.cobrowseCanvas = c("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = c("div", "ocw-cobrowse-toolbar");
+    for (const S of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
+      const m = c("button", "ocw-cobrowse-swatch");
+      m.style.background = S, m.type = "button", S === this.cobrowseColor && m.classList.add("sel"), m.addEventListener("click", () => {
+        this.cobrowseColor = S;
+        for (const q of this.cobrowseToolbar.querySelectorAll(".ocw-cobrowse-swatch")) q.classList.remove("sel");
+        m.classList.add("sel");
+      }), this.cobrowseToolbar.append(m);
+    }
+    const v = c("button", "ocw-cobrowse-clear", "Clear");
+    v.addEventListener("click", () => {
+      var S, m;
+      return (m = (S = this.h).onAnnotateClear) == null ? void 0 : m.call(S);
+    }), this.cobrowseToolbar.append(v), this.cobrowseHint = c("div", "ocw-cobrowse-hint", "🖍 Draw to point things out — visible to both sides"), e.append(this.cobrowseCanvas, this.cobrowseToolbar, this.cobrowseHint), this.bindCobrowsePointerEvents();
+  }
+  /** Returns the scroll container so history.ts can attach scroll listeners. */
+  getScrollEl() {
+    return this.scroll;
+  }
+  /** 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;
+  }
+  /** Load seenSeq from localStorage (keyed by userId+profileId). */
+  initSeenSeq(e) {
+    this.seenSeqKey = e;
+    try {
+      const t = localStorage.getItem(`ocw_seen_${e}`);
+      if (t) {
+        const n = JSON.parse(t);
+        for (const [i, o] of Object.entries(n)) this.seenSeq.set(i, o);
+      }
+    } catch {
+    }
+  }
+  setSeenSeq(e, t) {
+    if (this.seenSeq.set(e, Math.max(this.seenSeq.get(e) ?? 0, t)), this.seenSeqKey)
+      try {
+        const n = {};
+        for (const [i, o] of this.seenSeq) n[i] = o;
+        localStorage.setItem(`ocw_seen_${this.seenSeqKey}`, JSON.stringify(n));
+      } catch {
+      }
+  }
+  /** Call when the widget is unmounted. Disconnects scroll listeners and
+   *  prevents in-flight fetches from writing to dead DOM. */
+  destroy() {
+    var e;
+    this.destroyed = !0, (e = this.scrollCleanup) == null || e.call(this), this.scrollCleanup = null;
+  }
+  refreshList() {
+    var e, t;
+    !this.listBody || this.destroyed || (t = (e = this.h).onListChats) == null || t.call(e).then((n) => {
+      var i;
+      this.destroyed || (this.allEntries = n, this.renderListRows(n, ((i = this.listSearch) == null ? void 0 : i.value.trim().toLowerCase()) ?? ""));
+    }).catch(() => {
+      var n;
+      this.destroyed || (n = this.listBody) == null || n.replaceChildren(c("div", "ocw-cl-section", "Could not load conversations."));
+    });
+  }
+  /** Render list rows, optionally filtered by search query. */
+  renderListRows(e, t) {
+    if (!this.listBody) return;
+    const n = t ? e.filter((r) => (r.subjectTitle ?? "General enquiry").toLowerCase().includes(t) || r.state.includes(t)) : e;
+    if (!n.length) {
+      this.listBody.replaceChildren(c("div", "ocw-cl-section", t ? "No results." : "No conversations yet."));
+      return;
+    }
+    const i = n.filter((r) => this.isUnread(r)).sort((r, d) => d.updatedAt - r.updatedAt), o = n.filter((r) => !this.isUnread(r)).sort((r, d) => d.updatedAt - r.updatedAt);
+    if (this.listBody.replaceChildren(), i.length) {
+      this.listBody.append(c("div", "ocw-cl-section", `Unread (${i.length})`));
+      for (const r of i) this.listBody.append(this.buildRow(r));
+    }
+    if (o.length) {
+      this.listBody.append(c("div", "ocw-cl-section", i.length ? "Read" : "All conversations"));
+      for (const r of o) this.listBody.append(this.buildRow(r));
+    }
+  }
+  isUnread(e) {
+    return e.id === this.activeChatId ? !1 : (e.lastSeq ?? 0) > (this.seenSeq.get(e.id) ?? 0);
+  }
+  /** Build a single WhatsApp-style conversation row. */
+  buildRow(e) {
+    var v;
+    const t = this.seenSeq.get(e.id) ?? 0, n = e.lastSeq ?? 0, i = this.isUnread(e) ? Math.max(1, n - t) : 0, o = e.subjectTitle ?? "General enquiry", r = ((v = o[0]) == null ? void 0 : v.toUpperCase()) ?? "?", d = c("button", `ocw-cl-row${i > 0 ? " unread" : ""}`), u = c("div", "ocw-cl-av", r), w = c("div", "ocw-cl-status");
+    e.state === "open" ? w.classList.add("open") : e.state === "awaiting_staff" && w.classList.add("waiting"), u.append(w), d.append(u);
+    const y = c("div", "ocw-cl-body");
+    y.append(c("div", "ocw-cl-name", o));
+    const x = {
+      open: "Conversation open",
+      awaiting_staff: "Waiting for reply…",
+      resolved: "Conversation resolved ✓",
+      closed: "Conversation closed"
+    }, p = e.lastMessage ?? x[e.state] ?? e.state;
+    y.append(c("div", "ocw-cl-preview", p)), d.append(y);
+    const h = c("div", "ocw-cl-right");
+    return h.append(c("div", "ocw-cl-time", Bt(e.updatedAt))), i > 0 && h.append(c("div", "ocw-cl-badge", String(i > 99 ? "99+" : i))), d.append(h), d.addEventListener("click", () => {
+      var k, b;
+      n > 0 && this.seenSeq.set(e.id, n), this.activeChatId = e.id, this.showChatScreen(), (b = (k = this.h).onSwitchChat) == null || b.call(k, e);
+    }), d;
+  }
+  /** Returns true when the chat screen is visible (not the list). */
+  isInChatScreen() {
+    return this.inChatScreen;
+  }
+  /** Navigate to the chat screen (slide list left, slide chat in from right). */
+  showChatScreen() {
+    var e, t, n;
+    this.inChatScreen || (this.inChatScreen = !0, (e = this.listScreen) == null || e.classList.add("hidden"), (t = this.chatScreen) == null || t.classList.add("visible"), (n = this.backBtn) == null || n.classList.add("show"));
+  }
+  /** Navigate back to the list screen. */
+  showListScreen() {
+    var e, t, n;
+    this.inChatScreen && (this.inChatScreen = !1, (e = this.listScreen) == null || e.classList.remove("hidden"), (t = this.chatScreen) == null || t.classList.remove("visible"), (n = this.backBtn) == null || n.classList.remove("show"), this.refreshList());
+  }
+  flushSend() {
+    const e = this.input.value.trim();
+    e && (this.input.value = "", this.h.onTyping(!1), this.h.onSend(e));
+  }
+  signalTyping() {
+    this.h.onTyping(!0), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
+  }
+  render(e) {
+    var w, y, x;
+    if (this.storeRef = e, this.cobrowseBtn.classList.toggle("show", !!e.subject), !e.subject && this.cobrowseActive && (this.cobrowseActive = !1, this.updateCobrowseUI()), this.cobrowseActive && e.annotationVersion !== this.lastAnnotationVersion && (this.lastAnnotationVersion = e.annotationVersion, this.resizeCobrowseCanvas(), this.redrawCobrowse()), e.accent && this.root.style.setProperty("--ocw-accent", e.accent), this.e2eBadge.style.display = e.e2e ? "inline-flex" : "none", this.buildSubjectCard(e), e.subject) {
+      const p = (w = this.cfg.subject) == null ? void 0 : w.ownerLabel;
+      p && (this.headerName.textContent = p);
+    }
+    this.chips.replaceChildren();
+    const t = e.visibleActions();
+    this.chips.style.display = t.length ? "flex" : "none";
+    for (const p of t) this.chips.append(this.chipEl(p));
+    const n = this.scroll.scrollHeight, i = this.scroll.scrollTop;
+    if (this.scroll.replaceChildren(), this.subjectCard.childNodes.length && this.scroll.append(this.subjectCard), e.hasMoreHistory) {
+      const p = c("div", "ocw-load-more");
+      p.textContent = "↑ Loading earlier messages…", p.style.pointerEvents = "none", this.scroll.append(p);
+    }
+    let o = 0;
+    for (const p of e.messages())
+      this.scroll.append(this.messageEl(p, e)), p.senderId !== this.me && p.seq > o && (o = p.seq);
+    i > 20 ? this.scroll.scrollTop = this.scroll.scrollHeight - n + i : this.scroll.scrollTop = this.scroll.scrollHeight, o > 0 && this.h.onReadUpTo(o);
+    const r = [...e.typing];
+    this.typing.classList.toggle("active", r.length > 0);
+    const d = this.typing.querySelector(".ocw-typing-bubble");
+    d && d.setAttribute("aria-label", r.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block", e.offline ? (this.offlinePanel.style.display === "none" && this.buildOfflinePanel(e.offlineMessage), this.offlinePanel.style.display = "block", (y = this.root.querySelector(".ocw-input")) == null || y.style.setProperty("display", "none")) : (this.offlinePanel.style.display = "none", (x = this.root.querySelector(".ocw-input")) == null || x.style.removeProperty("display"));
+    const u = ["resolved", "closed", "sold", "issued", "checked_out"];
+    this.h.onCsat && !this.csatSubmitted && u.includes(e.state) && e.messages().length > 0 && (this.csatPanel.style.display === "none" && this.buildCsatPanel(), this.csatPanel.style.display = "block");
+  }
+  setConnStatus(e) {
+    if (e === "open") {
+      this.connStatus.style.display = "none";
+      return;
+    }
+    this.connStatus.style.display = "", this.connStatus.className = `ocw-conn-status${e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = e === "reconnecting" ? "↻ reconnecting…" : "● connecting…";
+  }
+  buildOfflinePanel(e) {
+    var d;
+    this.offlinePanel.replaceChildren(), this.offlinePanel.append(c("div", "ocw-offline-icon", "🌙")), this.offlinePanel.append(c("div", "ocw-offline-title", ((d = this.cfg.i18n) == null ? void 0 : d.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);
+  }
+  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.append(e);
+  }
+  /** Subject card from the server's Subject entity (per chatroom), with the
+   *  mount config as a fallback. Built once when data first arrives. */
+  // ── Co-browsing (shared whiteboard) ──────────────────────────────────────
+  updateCobrowseUI() {
+    this.cobrowseCanvas.classList.toggle("active", this.cobrowseActive), this.cobrowseToolbar.classList.toggle("active", this.cobrowseActive), this.cobrowseHint.classList.toggle("active", this.cobrowseActive), this.cobrowseBtn.classList.toggle("on", this.cobrowseActive), this.cobrowseActive && (this.resizeCobrowseCanvas(), this.redrawCobrowse());
+  }
+  resizeCobrowseCanvas() {
+    this.cobrowseCanvas.width = this.root.clientWidth || 1, this.cobrowseCanvas.height = this.root.clientHeight || 1;
+  }
+  /** 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();
+  }
+  redrawCobrowse() {
+    var t;
+    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);
+    }
+  }
+  bindCobrowsePointerEvents() {
+    let e = !1, t = [];
+    const n = (r) => {
+      const d = this.cobrowseCanvas.getBoundingClientRect(), u = d.width > 0 ? (r.clientX - d.left) / d.width : 0, w = d.height > 0 ? (r.clientY - d.top) / d.height : 0;
+      return { x: Math.min(1, Math.max(0, u)), y: Math.min(1, Math.max(0, w)) };
+    }, i = 6e-3;
+    this.cobrowseCanvas.addEventListener("pointerdown", (r) => {
+      this.cobrowseActive && (e = !0, t = [n(r)], this.cobrowseCanvas.setPointerCapture(r.pointerId));
+    }), this.cobrowseCanvas.addEventListener("pointermove", (r) => {
+      e && (t.push(n(r)), this.redrawCobrowse(), this.drawStroke({ points: t, color: this.cobrowseColor, width: i }));
+    });
+    const o = (r) => {
+      var d, u;
+      if (e) {
+        e = !1, t.length > 1 && ((u = (d = this.h).onAnnotate) == null || u.call(d, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: t, color: this.cobrowseColor, width: i })), t = [];
+        try {
+          this.cobrowseCanvas.releasePointerCapture(r.pointerId);
+        } catch {
+        }
+      }
+    };
+    this.cobrowseCanvas.addEventListener("pointerup", o), this.cobrowseCanvas.addEventListener("pointercancel", o);
+  }
+  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 [d, u] of Object.entries(t.fields)) o.append(c("span", "ocw-tag", `${d}: ${u}`));
+    else for (const d of (n == null ? void 0 : n.tags) ?? []) o.append(c("span", "ocw-tag", d));
+    o.childNodes.length && this.subjectCard.append(o);
+    const r = (t == null ? void 0 : t.state) ?? (n == null ? void 0 : n.status);
+    r && (this.statusBadge.textContent = r, 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;
+  }
+  /** 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"), d = c("button", "ocw-modal-ok", "Confirm"), u = (w) => {
+        n.remove(), t(w);
+      };
+      r.addEventListener("click", () => u(!1)), d.addEventListener("click", () => u(!0)), n.addEventListener("click", (w) => {
+        w.target === n && u(!1);
+      }), o.append(r, d), i.append(o), n.append(i), this.root.append(n), d.focus();
+    });
+  }
+  /** Inline form for a form-effect action: typed inputs (date picker, number,
+   *  text) rendered above the composer — no browser prompts. */
+  openForm(e) {
+    var d, u;
+    this.formHost.replaceChildren();
+    const t = c("div", "ocw-form");
+    t.append(c("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
+    const n = /* @__PURE__ */ new Map();
+    for (const w of e.input ?? []) {
+      const y = c("label", "ocw-form-row");
+      if (y.append(c("span", "ocw-form-lbl", w.label)), w.type === "select" && ((d = w.options) != null && d.length)) {
+        const x = c("select", "ocw-form-input");
+        w.required || x.append(c("option", void 0, "— select —"));
+        for (const p of w.options) {
+          const h = c("option");
+          h.value = p, h.textContent = p, x.append(h);
+        }
+        w.required && (x.required = !0), y.append(x), n.set(w.name, x);
+      } else {
+        const x = c("input", "ocw-form-input");
+        x.type = w.type === "number" ? "number" : w.type === "date" ? "datetime-local" : "text", w.required && (x.required = !0), y.append(x), n.set(w.name, x);
+      }
+      t.append(y);
+    }
+    const i = c("div", "ocw-form-actions"), o = c("button", "ocw-form-cancel", "Cancel"), r = c("button", "ocw-form-submit", "Send");
+    o.addEventListener("click", () => this.formHost.replaceChildren()), r.addEventListener("click", () => {
+      const w = {};
+      for (const [y, x] of n) {
+        if (x.required && !x.value) {
+          x.style.borderColor = "#e5484d";
+          return;
+        }
+        w[y] = x.type === "number" ? Number(x.value) : x.value;
+      }
+      this.formHost.replaceChildren(), this.h.onInvoke(e.id, w);
+    }), i.append(o, r), t.append(i), this.formHost.append(t), (u = n.values().next().value) == null || u.focus();
+  }
+  messageEl(e, t) {
+    var x;
+    if (e.senderRole === "system") {
+      const p = c("div", "ocw-sys");
+      return p.textContent = e.deletedAt ? "message deleted" : Q(e.content), p;
+    }
+    const n = e.senderId === this.me, i = !!e.internal, o = c("div", `ocw-row ${i ? "ocw-note mine" : n ? "mine" : "theirs"} ${e.senderRole === "bot" ? "ocw-bot" : ""}`);
+    !n && !i && o.append(c("div", "ocw-dot", e.senderRole === "bot" ? "🤖" : "🧑"));
+    const r = c("div"), d = c("div", "ocw-bubble-wrap");
+    if (e.replyToId) {
+      const p = c("div", "ocw-reply-to", "↩ replying to a message");
+      p.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", r.append(p);
+    }
+    const u = c("div", "ocw-bubble");
+    let w = null;
+    if (e.deletedAt) u.append(c("span", "ocw-deleted", "message deleted"));
+    else if (e.content.kind === "attachment") {
+      const p = e.content;
+      if ((x = p.mime) != null && x.startsWith("image/")) {
+        const h = document.createElement("img");
+        h.src = p.url, h.alt = p.name ?? "image", h.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", h.addEventListener("click", () => window.open(p.url, "_blank")), u.append(h);
+      } else {
+        const h = document.createElement("a");
+        h.href = p.url, h.target = "_blank", h.rel = "noopener", h.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", h.append(c("span", void 0, "📄"), c("span", void 0, p.name ?? "file")), u.append(h);
+      }
+    } else if (e.content.kind === "appointment") {
+      const p = e.content, h = c("div", "ocw-appt");
+      h.append(c("div", "ocw-appt-title", `📅 ${p.title}`)), h.append(c("div", "ocw-appt-time", new Date(p.startIso).toLocaleString() + " – " + new Date(p.endIso).toLocaleTimeString())), p.location && h.append(c("div", "ocw-appt-loc", `📍 ${p.location}`)), p.description && h.append(c("div", "ocw-appt-desc", p.description));
+      const v = c("div", "ocw-appt-links"), k = document.createElement("a");
+      k.href = p.googleUrl, k.target = "_blank", k.rel = "noopener", k.className = "ocw-appt-btn", k.textContent = "📅 Add to Google Calendar";
+      const b = document.createElement("a");
+      b.href = p.icalUrl, b.download = `${p.title}.ics`, b.className = "ocw-appt-btn ocw-appt-btn-sec", b.textContent = "🍎 Apple / iCal", v.append(k, b), h.append(v), u.append(h);
+    } else
+      w = document.createTextNode(Q(e.content)), u.append(w), e.editedAt && u.append(c("span", "ocw-edited", "(edited)"));
+    if (d.append(u), !n && !i && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && w) {
+      const p = e.content.text;
+      if (p.trim()) {
+        const h = c("button", "ocw-translate-btn", "🌐");
+        h.type = "button", h.title = "Translate", h.addEventListener("click", (v) => {
+          if (v.stopPropagation(), this.showingTranslation.has(e.id)) {
+            this.showingTranslation.delete(e.id), w.textContent = p, h.textContent = "🌐", h.title = "Translate";
+            return;
+          }
+          const k = this.translationCache.get(e.id);
+          if (k !== void 0) {
+            this.showingTranslation.add(e.id), w.textContent = k, h.textContent = "↩", h.title = "Show original";
+            return;
+          }
+          h.textContent = "⏳", this.h.onTranslate(p).then((b) => {
+            if (b === null) {
+              h.textContent = "⚠️", h.title = "Translation unavailable", setTimeout(() => {
+                h.textContent = "🌐", h.title = "Translate";
+              }, 1500);
+              return;
+            }
+            this.translationCache.set(e.id, b), this.showingTranslation.add(e.id), w.textContent = b, h.textContent = "↩", h.title = "Show original";
+          });
+        }), d.append(h);
+      }
+    }
+    if (n && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
+      const p = c("div", "ocw-msg-menu");
+      if (this.h.onEdit) {
+        const h = c("button", void 0, "✏️");
+        h.title = "Edit", h.addEventListener("click", (v) => {
+          v.stopPropagation();
+          const k = Q(e.content), b = prompt("Edit message:", k);
+          b !== null && b.trim() && b !== k && this.h.onEdit(e.id, b.trim());
+        }), p.append(h);
+      }
+      if (this.h.onDelete) {
+        const h = c("button", "del", "🗑");
+        h.title = "Delete", h.addEventListener("click", (v) => {
+          v.stopPropagation(), this.h.onDelete(e.id);
+        }), p.append(h);
+      }
+      d.append(p);
+    }
+    if (r.append(d), this.h.onReact && !e.deletedAt && e.seq > 0) {
+      const p = c("div", "ocw-react-wrap"), h = c("div", "ocw-react");
+      if (e.reactions && Object.keys(e.reactions).length)
+        for (const [b, E] of Object.entries(e.reactions)) {
+          const B = c("button", `ocw-react-pill${E.includes(this.me) ? " mine" : ""}`, `${b} ${E.length}`);
+          B.addEventListener("click", () => {
+            var T, A;
+            return (A = (T = this.h).onReact) == null ? void 0 : A.call(T, e.id, b, E.includes(this.me));
+          }), h.append(B);
+        }
+      const v = c("button", "ocw-react-btn", "＋"), k = c("div", "ocw-react-picker");
+      for (const b of It) {
+        const E = c("button", void 0, b);
+        E.addEventListener("click", (B) => {
+          var A, $, _, D;
+          B.stopPropagation();
+          const T = ($ = (A = e.reactions) == null ? void 0 : A[b]) == null ? void 0 : $.includes(this.me);
+          (D = (_ = this.h).onReact) == null || D.call(_, e.id, b, !!T), k.style.display = "none";
+        }), k.append(E);
+      }
+      k.style.display = "none", v.addEventListener("click", (b) => {
+        b.stopPropagation(), k.style.display = k.style.display === "none" ? "flex" : "none";
+      }), document.addEventListener("click", () => {
+        k.style.display = "none";
+      }, { once: !0 }), h.append(v), p.append(h, k), r.append(p);
+    } else e.reactions && Object.keys(e.reactions).length && r.append(c("div", "ocw-react", Object.entries(e.reactions).map(([p, h]) => `${p}${h.length}`).join(" ")));
+    const y = c("div", "ocw-time ocw-meta", Tt(e.ts));
+    if (n && e.status) {
+      const p = c("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Pt(e.status));
+      y.append(p);
+    }
+    return n && e.seq > 0 && t.lastReadByOthers >= e.seq && y.append(c("span", "ocw-seen", " · Seen")), r.append(y), o.append(r), o;
+  }
+}
+function Pt(s) {
+  switch (s) {
+    case "read":
+      return "✓✓";
+    case "delivered":
+      return "✓✓";
+    case "sent":
+      return "✓";
+    default:
+      return "🕓";
+  }
+}
+const Kt = 20;
+function ye(s) {
+  return s.replace(/^ws/, "http").replace(/\/ws\/?$/, "");
+}
+function Lt(s, e, t, n) {
+  const i = `beforeSeq=${t}&limit=${n}`;
+  return [
+    `${s}/conversations/${e}/messages?${i}`,
+    `${s}/conversations/${e}/history?${i}`
+  ];
+}
+async function he(s, e, t, n, i = Kt) {
+  for (const o of Lt(s, e, n, i))
+    try {
+      const r = await fetch(o, { headers: { authorization: `Bearer ${t}` } });
+      if (!r.ok) continue;
+      const d = await r.json();
+      return { messages: d.messages ?? [], hasMore: d.hasMore ?? !1 };
+    } catch {
+    }
+  return null;
+}
+async function zt(s, e, t, n, i) {
+  const o = ye(s), r = await he(o, t, e, Number.MAX_SAFE_INTEGER);
+  if (!r || (r.messages.length ? (n.apply({ type: "sync", conversationId: t, messages: r.messages }), n.apply({ type: "history", conversationId: t, messages: [], hasMore: r.hasMore }), i.render(n)) : n.apply({ type: "history", conversationId: t, messages: [], hasMore: !1 }), !r.hasMore)) return;
+  let d = !1;
+  const u = async () => {
+    if (d || !n.hasMoreHistory) return;
+    d = !0;
+    const p = n.messages()[0];
+    if (!p) {
+      d = !1;
+      return;
+    }
+    const h = await he(o, t, e, p.seq);
+    h && (n.apply({ type: "history", conversationId: t, messages: h.messages, hasMore: h.hasMore }), i.render(n)), d = !1;
+  }, w = i.getScrollEl();
+  if (!w) return;
+  let y = !1;
+  setTimeout(() => {
+    y = !0;
+  }, 300);
+  const x = () => {
+    y && w.scrollTop < 80 && n.hasMoreHistory && !d && u();
+  };
+  w.addEventListener("scroll", x, { passive: !0 }), i.setScrollCleanup(() => w.removeEventListener("scroll", x));
+}
+function Mt() {
+  const s = "oc_uid";
+  try {
+    const e = localStorage.getItem(s);
+    if (e) return e;
+    const t = `g_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+    return localStorage.setItem(s, t), t;
+  } catch {
+    return `g_${Math.random().toString(36).slice(2)}`;
+  }
+}
+function $t(s) {
+  var P, R;
+  const e = s.token ?? Mt(), t = new dt(e), n = new ft(e);
+  let i, o = !1, r = null;
+  !s.launcher && !s.el.style.height && s.el.clientHeight === 0 && (s.el.style.width = s.el.style.width || "100%", s.el.style.height = "600px");
+  for (const l of n.load()) t.addOptimistic(l.clientMsgId, l.content);
+  let d = null, u = null, w = 0, y = !s.launcher;
+  if (s.launcher) {
+    const f = (s.position ?? "bottom-right").includes("right");
+    d = document.createElement("div"), d.style.cssText = `position:fixed;${f ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${f ? "flex-end" : "flex-start"};gap:12px`;
+    const g = document.createElement("div");
+    g.style.cssText = [
+      "width:380px",
+      "height:600px",
+      "border-radius:16px",
+      "overflow:hidden",
+      "box-shadow:0 8px 40px rgba(0,0,0,.18)",
+      "display:none",
+      // hidden until bubble clicked
+      "flex-direction:column",
+      "background:#fff",
+      "transform-origin:bottom " + (f ? "right" : "left"),
+      "transition:opacity .18s,transform .18s",
+      "opacity:0",
+      "transform:scale(.95)"
+    ].join(";"), s.el.style.cssText = "width:100%;height:100%;overflow:hidden", g.append(s.el);
+    const C = document.createElement("button");
+    C.style.cssText = [
+      "width:56px;height:56px;border-radius:50%",
+      `background:${s.accent ?? "#4F63F5"}`,
+      "color:#fff;border:none;font-size:24px;cursor:pointer",
+      "box-shadow:0 4px 16px rgba(0,0,0,.25)",
+      "position:relative;flex:none",
+      "transition:transform .15s"
+    ].join(";"), C.textContent = "💬", C.onmouseenter = () => {
+      C.style.transform = "scale(1.08)";
+    }, C.onmouseleave = () => {
+      C.style.transform = "scale(1)";
+    }, u = document.createElement("span"), u.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", C.append(u), d.append(g, C), document.body.append(d);
+    const L = (K) => {
+      K ? (g.style.display = "flex", requestAnimationFrame(() => {
+        g.style.opacity = "1", g.style.transform = "scale(1)";
+      })) : (g.style.opacity = "0", g.style.transform = "scale(.95)", setTimeout(() => {
+        y || (g.style.display = "none");
+      }, 180));
+    };
+    C.addEventListener("click", () => {
+      y = !y, L(y), C.textContent = y ? "✕" : "💬", C.append(u), y && (w = 0, u && (u.style.display = "none"));
+    }), document.addEventListener("keydown", (K) => {
+      K.key === "Escape" && y && (y = !1, L(!1), C.textContent = "💬", C.append(u));
+    });
+  }
+  const x = () => {
+    y || (w++, u && (u.textContent = String(w), u.style.display = "flex"));
+  }, p = () => {
+    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);
+    } catch {
+    }
+  };
+  let h;
+  const v = new St(`ocw-e2e-${s.profileId}`);
+  let k = !1;
+  const b = [], E = [];
+  let B = !1;
+  const T = (l, f) => {
+    v.sealText(f).then((g) => {
+      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: g });
+    });
+  }, A = (l, f, g) => {
+    v.sealText(f, g).then((C) => {
+      i && h.send({ type: "send", conversationId: i, clientMsgId: l, content: C });
+    });
+  }, $ = () => {
+    for (; b.length; ) {
+      const l = b.shift();
+      T(l.clientMsgId, l.text);
+    }
+    for (; E.length; ) {
+      const l = E.shift();
+      T(l.clientMsgId, l.text);
+    }
+  }, _ = (l) => {
+    h.send({ type: "fetchPrekey", targetUserId: l });
+  }, D = s.i18n ?? {}, W = ["ar", "he", "fa", "ur"], S = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  W.includes(S) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const m = new At(s.el, e, {
+    onSend(l) {
+      if (!i) return;
+      const f = `cm_${Math.random().toString(36).slice(2)}`;
+      t.addOptimistic(f, { kind: "text", text: l }), m.render(t), t.e2e ? v.ready ? T(f, l) : B ? E.push({ clientMsgId: f, text: l }) : (b.push({ clientMsgId: f, text: l }), t.assignedAgentId && _(t.assignedAgentId)) : (n.add({ clientMsgId: f, content: { kind: "text", text: l }, ts: Date.now() }), h.send({ type: "send", conversationId: i, clientMsgId: f, content: { kind: "text", text: l } }));
+    },
+    async onAttach(l) {
+      if (!i) return;
+      const C = `${s.url.replace(/^ws/, "http").replace(/\/ws$/, "")}/upload?name=${encodeURIComponent(l.name)}`, L = `cm_${Math.random().toString(36).slice(2)}`;
+      t.addOptimistic(L, { kind: "text", text: `📎 Uploading ${l.name}…` }), m.render(t);
+      try {
+        const K = await fetch(C, {
+          method: "POST",
+          headers: { "content-type": l.type, ...s.token ? { authorization: `Bearer ${s.token}` } : {} },
+          body: l
+        });
+        if (!K.ok) throw new Error(`Upload failed: ${K.status}`);
+        const { url: be, name: me, mime: ve, size: ke } = await K.json();
+        h.send({ type: "send", conversationId: i, clientMsgId: L, content: { kind: "attachment", url: be, name: me, mime: ve, size: ke } });
+      } catch (K) {
+        t.addOptimistic(L, { kind: "text", text: `⚠️ Upload failed: ${K.message}` }), m.render(t);
+      }
+    },
+    onInvoke(l, f) {
+      i && h.send({ type: "invoke", conversationId: i, actionId: l, clientInvokeId: `iv_${Math.random().toString(36).slice(2)}`, ...f ? { inputs: f } : {} });
+    },
+    onTyping(l) {
+      i && h.send({ type: "typing", conversationId: i, isTyping: l });
+    },
+    onReadUpTo(l) {
+      i && h.send({ type: "read", conversationId: i, seq: l });
+    },
+    onLoadMore() {
+      if (!i || !t.e2e) return;
+      const l = t.messages()[0];
+      l && h.send({ type: "history", conversationId: i, beforeSeq: l.seq, limit: 20 });
+    },
+    onEdit(l, f) {
+      i && h.send({ type: "edit", conversationId: i, messageId: l, content: { kind: "text", text: f } });
+    },
+    onDelete(l) {
+      i && h.send({ type: "delete", conversationId: i, messageId: l });
+    },
+    onReact(l, f, g) {
+      i && h.send({ type: "react", conversationId: i, messageId: l, emoji: f, remove: g });
+    },
+    onCsat(l) {
+      if (!i) return;
+      const f = s.url.replace(/^ws/, "http").replace(/\/+$/, "").replace(/:\d+$/, (g) => g);
+      fetch(`${f}/conversations/${i}/csat`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${e}` },
+        body: JSON.stringify({ score: l })
+      }).catch(() => {
+      });
+    },
+    onAnnotate(l) {
+      i && h.send({ type: "annotate", conversationId: i, stroke: l });
+    },
+    onAnnotateClear() {
+      i && h.send({ type: "annotate_clear", conversationId: i });
+    },
+    ...s.translateLang ? {
+      async onTranslate(l) {
+        const f = s.url.replace(/^ws/, "http").replace(/\/+$/, "");
+        try {
+          const g = await fetch(`${f}/translate`, {
+            method: "POST",
+            headers: { "content-type": "application/json", authorization: `Bearer ${e}` },
+            body: JSON.stringify({ text: l, targetLang: s.translateLang })
+          });
+          if (!g.ok) return null;
+          const { translated: C } = await g.json();
+          return C;
+        } catch {
+          return null;
+        }
+      }
+    } : {},
+    ...s.showChatList ? {
+      async onListChats() {
+        const l = ye(s.url);
+        try {
+          const f = await fetch(`${l}/conversations/mine?profileId=${encodeURIComponent(s.profileId)}`, {
+            headers: { authorization: `Bearer ${e}` }
+          });
+          return f.ok ? (await f.json()).conversations ?? [] : [];
+        } catch {
+          return [];
+        }
+      },
+      onSwitchChat(l) {
+        if (!l.id || l.id === "__new__") return;
+        r == null || r.close(), s.el.replaceChildren();
+        const { subjectId: f, token: g, ...C } = s;
+        r = $t({
+          ...C,
+          token: e,
+          // always the resolved identity, never undefined
+          ...l.subjectId ? { subjectId: l.subjectId } : {},
+          showChatList: !0
+        });
+      }
+    } : {}
+  }, {
+    ...s.subject ? { subject: s.subject } : {},
+    ...s.quickReplies ? { quickReplies: s.quickReplies } : {},
+    ...s.accent ? { accent: s.accent } : {},
+    ...(P = s.user) != null && P.name || (R = s.user) != null && R.avatar ? { userInfo: { ...s.user.name ? { name: s.user.name } : {}, ...s.user.avatar ? { avatar: s.user.avatar } : {} } } : {},
+    i18n: D,
+    // Start directly on chat screen when a specific conversation is known upfront
+    ...s.showChatList && s.subjectId ? { startOnChat: !0 } : {}
+  }), q = {
+    type: "open",
+    profileId: s.profileId,
+    ...s.subjectId ? { subjectId: s.subjectId } : {},
+    // Auto-capture the page context so agents know where the guest is browsing.
+    // This is pure display metadata — it never affects identity or access.
+    ...typeof location < "u" ? { pageUrl: location.href } : {},
+    ...typeof document < "u" && document.title ? { pageTitle: document.title } : {}
+  }, V = (l) => {
+    const f = s.user;
+    if (!f || !f.name && !f.email && !f.avatar && !f.meta) return;
+    const g = [];
+    if (f.name && g.push(`Name: ${f.name}`), f.email && g.push(`Email: ${f.email}`), f.avatar && g.push(`Avatar: ${f.avatar}`), f.meta) for (const [C, L] of Object.entries(f.meta)) g.push(`${C}: ${L}`);
+    h.send({ type: "note", conversationId: l, clientMsgId: `ui_${Date.now()}`, text: `[User info]
+${g.join(`
+`)}` });
+  };
+  return h = new lt({
+    url: s.url,
+    token: e,
+    open: q,
+    getCursor: () => t.highestSeq(),
+    onStatusChange: (l) => m.setConnStatus(l),
+    onFrame(l) {
+      if (l.type === "opened") {
+        const f = i === void 0;
+        if (i = l.conversation.id, !o) {
+          o = !0;
+          for (const g of n.load())
+            h.send({ type: "send", conversationId: i, clientMsgId: g.clientMsgId, content: g.content });
+        }
+        f && (zt(s.url, e, i, t, m), l.conversation.lastSeq === 0 && V(i), s.showChatList && s.subjectId && m.showChatScreen());
+      }
+      if (l.type === "ack" && n.remove(l.clientMsgId), l.type === "prekeyBundle") {
+        l.bundle && (B = !0, v.x3dhSendTo(l.bundle).then((f) => {
+          const g = [...b.splice(0), ...E.splice(0)];
+          for (const C of g) A(C.clientMsgId, C.text, f);
+          m.render(t);
+        }));
+        return;
+      }
+      if (l.type === "message" && t.e2e) {
+        const f = Ct(l.message.content);
+        if (f && !v.ready) {
+          v.x3dhReceiveFrom(f.x3dhIK, f.x3dhEK, f.x3dhSPK).then(async () => {
+            await v.openFrame(l), t.apply(l), m.render(t);
+          });
+          return;
+        }
+      }
+      if (l.type === "peerkey") {
+        v.onPeerKey(l.key).then(() => {
+          $(), m.render(t);
+        });
+        return;
+      }
+      (async () => {
+        if (t.e2e && await v.openFrame(l), t.apply(l), l.type === "message" && l.message.senderId !== e && !l.message.internal && (s.showChatList && m.isInChatScreen() || x(), p()), t.e2e && i && !k) {
+          k = !0;
+          const f = await v.initX3DH();
+          h.send({ type: "uploadPrekeys", ...f });
+          const g = await v.begin();
+          h.send({ type: "pubkey", conversationId: i, key: g });
+        }
+        m.render(t), i && m.setSeenSeq(i, t.highestSeq());
+      })();
+    }
+  }), s.showChatList && m.initSeenSeq(`${s.profileId}_${e.slice(-8)}`), s.showChatList && !s.subjectId ? (r = { close: () => {
+    d == null || d.remove(), m.destroy();
+  } }, r) : (h.connect(), m.render(t), r = { close: () => {
+    h.close(), d == null || d.remove(), m.destroy();
+  } }, r);
+}
+export {
+  dt as ChatStore,
+  lt as ConnectionManager,
+  St as E2ESession,
+  ft as PersistentOutbox,
+  At as Renderer,
+  Dt as asConversationId,
+  Ct as extractX3DHInit,
+  ye as httpBaseFromWsUrl,
+  $t as mount,
+  zt as restoreHistory
+};
+//# sourceMappingURL=index.js.map