@paramms/chat-widget 1.6.3 → 1.7.0

package/dist/chatlist2.js

@@ -1,42 +1,42 @@
-var Ue = Object.defineProperty;
-var ve = (n, e, t) => e in n ? Ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var a = (n, e, t) => ve(n, typeof e != "symbol" ? e + "" : e, t);
-function de(n, e) {
+var ve = Object.defineProperty;
+var Ue = (s, e, t) => e in s ? ve(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => Ue(s, typeof e != "symbol" ? e + "" : e, t);
+function de(s, e) {
   var d;
-  const t = n.trim().replace(/\/+$/, ""), i = (d = t.match(/^(https|http|wss|ws):\/\//)) == null ? void 0 : d[1], s = i ? i === "https" || i === "wss" : !0, r = (i ? t.slice(i.length + 3) : t).replace(/\/ws$/, ""), o = e ? e.trim().replace(/\/+$/, "") : `${s ? "https" : "http"}://${r}`;
-  return { wsUrl: `${s ? "wss" : "ws"}://${r}/ws`, httpBase: o };
+  const t = s.trim().replace(/\/+$/, ""), i = (d = t.match(/^(https|http|wss|ws):\/\//)) == null ? void 0 : d[1], n = i ? i === "https" || i === "wss" : !0, r = (i ? t.slice(i.length + 3) : t).replace(/\/ws$/, ""), o = e ? e.trim().replace(/\/+$/, "") : `${n ? "https" : "http"}://${r}`;
+  return { wsUrl: `${n ? "wss" : "ws"}://${r}/ws`, httpBase: o };
 }
-function Se(n) {
-  return de(n).httpBase;
+function Se(s) {
+  return de(s).httpBase;
 }
-function be(n, e, t, i) {
-  const s = `beforeSeq=${t}&limit=${i}`;
+function be(s, e, t, i) {
+  const n = `beforeSeq=${t}&limit=${i}`;
   return [
-    `${n}/conversations/${e}/messages?${s}`,
-    `${n}/conversations/${e}/history?${s}`
+    `${s}/conversations/${e}/messages?${n}`,
+    `${s}/conversations/${e}/history?${n}`
   ];
 }
-async function ae(n, e, t, i, s = 20) {
+async function ae(s, e, t, i, n = 20) {
   let r, o = !1;
-  for (const h of be(n, e, i, s))
+  for (const l of be(s, e, i, n))
     try {
-      const d = await fetch(h, { headers: { authorization: `Bearer ${t}` } });
+      const d = await fetch(l, { headers: { authorization: `Bearer ${t}` } });
       if (o = !0, !d.ok) continue;
-      const U = await d.json();
-      return { messages: U.messages ?? [], hasMore: U.hasMore ?? !1 };
+      const v = await d.json();
+      return { messages: v.messages ?? [], hasMore: v.hasMore ?? !1 };
     } catch (d) {
       r = d;
     }
-  return o ? console.error(`[chat-widget] history request to ${n} was rejected for conversation ${e}.`) : console.error(
-    `[chat-widget] could not load history from ${n} — the request never reached the server. This is almost always CORS: add this site's origin to the chatroom's allowed origins (dashboard → chatroom → allowed origins) or to the server's CORS_ORIGINS.`,
+  return o ? console.error(`[chat-widget] history request to ${s} was rejected for conversation ${e}.`) : console.error(
+    `[chat-widget] could not load history from ${s} — the request never reached the server. This is almost always CORS: add this site's origin to the chatroom's allowed origins (dashboard → chatroom → allowed origins) or to the server's CORS_ORIGINS.`,
     r
   ), null;
 }
-async function yt(n, e, t, i, s, r) {
-  const o = r ? r.replace(/\/+$/, "") : Se(n), h = await ae(o, t, e, Number.MAX_SAFE_INTEGER);
-  if (!h || (h.messages.length ? (i.apply({ type: "sync", conversationId: t, messages: h.messages }), i.apply({ type: "history", conversationId: t, messages: [], hasMore: h.hasMore }), s.render(i)) : i.apply({ type: "history", conversationId: t, messages: [], hasMore: !1 }), !h.hasMore)) return;
+async function bt(s, e, t, i, n, r) {
+  const o = r ? r.replace(/\/+$/, "") : Se(s), l = await ae(o, t, e, Number.MAX_SAFE_INTEGER);
+  if (!l || (l.messages.length ? (i.apply({ type: "sync", conversationId: t, messages: l.messages }), i.apply({ type: "history", conversationId: t, messages: [], hasMore: l.hasMore }), n.render(i)) : i.apply({ type: "history", conversationId: t, messages: [], hasMore: !1 }), !l.hasMore)) return;
   let d = !1;
-  const U = async () => {
+  const v = async () => {
     if (d || !i.hasMoreHistory) return;
     d = !0;
     const I = i.messages()[0];
@@ -44,18 +44,18 @@ async function yt(n, e, t, i, s, r) {
       d = !1;
       return;
     }
-    const v = await ae(o, t, e, I.seq);
-    v && (i.apply({ type: "history", conversationId: t, messages: v.messages, hasMore: v.hasMore }), s.render(i)), d = !1;
-  }, b = s.getScrollEl();
+    const U = await ae(o, t, e, I.seq);
+    U && (i.apply({ type: "history", conversationId: t, messages: U.messages, hasMore: U.hasMore }), n.render(i)), d = !1;
+  }, b = n.getScrollEl();
   if (!b) return;
   let x = !1;
   setTimeout(() => {
     x = !0;
   }, 300);
   const g = () => {
-    x && b.scrollTop < 80 && i.hasMoreHistory && !d && U();
+    x && b.scrollTop < 80 && i.hasMoreHistory && !d && v();
   };
-  b.addEventListener("scroll", g, { passive: !0 }), s.setScrollCleanup(() => b.removeEventListener("scroll", g));
+  b.addEventListener("scroll", g, { passive: !0 }), n.setScrollCleanup(() => b.removeEventListener("scroll", g));
 }
 const Ee = {
   accent: "#6c5ce7",
@@ -82,16 +82,16 @@ const Ee = {
   rowhover: "#39325e",
   shadow: "0 12px 32px rgba(0,0,0,.4)"
 }, Ie = "'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif";
-function fe(n, e) {
-  return Object.entries(e).map(([t, i]) => `--${n}-${t}:${i};`).join(" ");
+function fe(s, e) {
+  return Object.entries(e).map(([t, i]) => `--${s}-${t}:${i};`).join(" ");
 }
-function ke(n) {
-  return `${fe(n, Ee)} --${n}-fb:${Ie}; --${n}-fh:'Baloo 2',var(--${n}-fb);`;
+function ke(s) {
+  return `${fe(s, Ee)} --${s}-fb:${Ie}; --${s}-fh:'Baloo 2',var(--${s}-fb);`;
 }
-function ce(n) {
-  return fe(n, Be);
+function ce(s) {
+  return fe(s, Be);
 }
-const Te = `
+const Ae = `
 .ocl { ${ke("ocl")}
   display:flex; flex-direction:column; height:100%; background:var(--ocl-bg);
   font-family:var(--ocl-fb); color:var(--ocl-ink); overflow:hidden; }
@@ -139,53 +139,105 @@ const Te = `
 .ocl-compact .ocl-search { font-size:16px; }
 .ocl-compact .ocl-compose { width:36px; height:36px; }
 .ocl-row:focus-visible, .ocl button:focus-visible, .ocl input:focus-visible { outline:2px solid var(--ocl-accent); outline-offset:2px; border-radius:12px; }
-`, _ = "oc_uid";
-function Ae(n) {
+`, Te = {
+  placeholder: "Message…",
+  offline: "We're offline right now",
+  online: "Online",
+  away: "Away",
+  aiAssistant: "AI Assistant",
+  resolved: "Marked as resolved",
+  reopen: "Reopen conversation",
+  sources: "Sources",
+  helpful: "Helpful",
+  notHelpful: "Not helpful",
+  title: "Your conversations",
+  newChat: "New conversation",
+  startChat: "Start a conversation",
+  all: "All conversations",
+  empty: "No conversations yet.",
+  error: "Could not load conversations.",
+  retry: "Retry",
+  search: "🔍  Search",
+  unread: "Unread",
+  close: "Close"
+}, Ce = {
+  placeholder: "메시지…",
+  offline: "지금은 오프라인입니다",
+  online: "온라인",
+  away: "자리 비움",
+  aiAssistant: "AI 어시스턴트",
+  resolved: "해결됨으로 표시됨",
+  reopen: "대화 다시 열기",
+  sources: "출처",
+  helpful: "도움돼요",
+  notHelpful: "도움 안돼요",
+  title: "내 대화",
+  newChat: "새 대화",
+  startChat: "대화 시작하기",
+  all: "전체 대화",
+  empty: "아직 대화가 없습니다.",
+  error: "대화를 불러오지 못했습니다.",
+  retry: "다시 시도",
+  search: "🔍  검색",
+  unread: "읽지 않음",
+  close: "닫기"
+}, $e = { en: Te, ko: Ce };
+function ze(s) {
+  const e = (s ?? (typeof navigator < "u" ? navigator.language : "") ?? "").toLowerCase();
+  return e.startsWith("ko") || e.includes("korean") || e.includes("한국") ? "ko" : "en";
+}
+function Le(s, e) {
+  const t = $e[ze(s)], i = {};
+  for (const [n, r] of Object.entries(e ?? {})) typeof r == "string" && r !== "" && (i[n] = r);
+  return { ...t, ...i };
+}
+const R = "oc_uid";
+function Me(s) {
   try {
-    const e = document.cookie.match(new RegExp(`(?:^|; )${n}=([^;]*)`));
+    const e = document.cookie.match(new RegExp(`(?:^|; )${s}=([^;]*)`));
     return e ? decodeURIComponent(e[1]) : null;
   } catch {
     return null;
   }
 }
-function $e(n, e) {
+function De(s, e) {
   try {
     const i = location.protocol === "https:" ? "; Secure" : "";
-    document.cookie = `${n}=${encodeURIComponent(e)}; Max-Age=31536000; Path=/; SameSite=Lax${i}`;
+    document.cookie = `${s}=${encodeURIComponent(e)}; Max-Age=31536000; Path=/; SameSite=Lax${i}`;
   } catch {
   }
 }
-function ze() {
+function Re() {
   return `g_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
-function Ce() {
-  let n = null;
+function _e() {
+  let s = null;
   try {
-    n = localStorage.getItem(_);
+    s = localStorage.getItem(R);
   } catch {
   }
-  n || (n = Ae(_));
-  const e = n ?? ze();
+  s || (s = Me(R));
+  const e = s ?? Re();
   try {
-    localStorage.setItem(_, e);
+    localStorage.setItem(R, e);
   } catch {
   }
-  return $e(_, e), e;
+  return De(R, e), e;
 }
-function Le(n) {
-  const e = n.length;
+function Fe(s) {
+  const e = s.length;
   let t = 0, i = 0;
   for (; i < e; ) {
-    let s = n.charCodeAt(i++);
-    if (s & 4294967168)
-      if (!(s & 4294965248))
+    let n = s.charCodeAt(i++);
+    if (n & 4294967168)
+      if (!(n & 4294965248))
         t += 2;
       else {
-        if (s >= 55296 && s <= 56319 && i < e) {
-          const r = n.charCodeAt(i);
-          (r & 64512) === 56320 && (++i, s = ((s & 1023) << 10) + (r & 1023) + 65536);
+        if (n >= 55296 && n <= 56319 && i < e) {
+          const r = s.charCodeAt(i);
+          (r & 64512) === 56320 && (++i, n = ((n & 1023) << 10) + (r & 1023) + 65536);
         }
-        s & 4294901760 ? t += 4 : t += 3;
+        n & 4294901760 ? t += 4 : t += 3;
       }
     else {
       t++;
@@ -194,69 +246,69 @@ function Le(n) {
   }
   return t;
 }
-function Me(n, e, t) {
-  const i = n.length;
-  let s = t, r = 0;
+function Pe(s, e, t) {
+  const i = s.length;
+  let n = t, r = 0;
   for (; r < i; ) {
-    let o = n.charCodeAt(r++);
+    let o = s.charCodeAt(r++);
     if (o & 4294967168)
       if (!(o & 4294965248))
-        e[s++] = o >> 6 & 31 | 192;
+        e[n++] = o >> 6 & 31 | 192;
       else {
         if (o >= 55296 && o <= 56319 && r < i) {
-          const h = n.charCodeAt(r);
-          (h & 64512) === 56320 && (++r, o = ((o & 1023) << 10) + (h & 1023) + 65536);
+          const l = s.charCodeAt(r);
+          (l & 64512) === 56320 && (++r, o = ((o & 1023) << 10) + (l & 1023) + 65536);
         }
-        o & 4294901760 ? (e[s++] = o >> 18 & 7 | 240, e[s++] = o >> 12 & 63 | 128, e[s++] = o >> 6 & 63 | 128) : (e[s++] = o >> 12 & 15 | 224, e[s++] = o >> 6 & 63 | 128);
+        o & 4294901760 ? (e[n++] = o >> 18 & 7 | 240, e[n++] = o >> 12 & 63 | 128, e[n++] = o >> 6 & 63 | 128) : (e[n++] = o >> 12 & 15 | 224, e[n++] = o >> 6 & 63 | 128);
       }
     else {
-      e[s++] = o;
+      e[n++] = o;
       continue;
     }
-    e[s++] = o & 63 | 128;
+    e[n++] = o & 63 | 128;
   }
 }
-const De = new TextEncoder(), _e = 50;
-function Re(n, e, t) {
-  De.encodeInto(n, e.subarray(t));
+const Ne = new TextEncoder(), He = 50;
+function Ke(s, e, t) {
+  Ne.encodeInto(s, e.subarray(t));
 }
-function Fe(n, e, t) {
-  n.length > _e ? Re(n, e, t) : Me(n, e, t);
+function We(s, e, t) {
+  s.length > He ? Ke(s, e, t) : Pe(s, e, t);
 }
-const Pe = 4096;
-function ue(n, e, t) {
+const Oe = 4096;
+function ue(s, e, t) {
   let i = e;
-  const s = i + t, r = [];
+  const n = i + t, r = [];
   let o = "";
-  for (; i < s; ) {
-    const h = n[i++];
-    if (!(h & 128))
-      r.push(h);
-    else if ((h & 224) === 192) {
-      const d = n[i++] & 63;
-      r.push((h & 31) << 6 | d);
-    } else if ((h & 240) === 224) {
-      const d = n[i++] & 63, U = n[i++] & 63;
-      r.push((h & 31) << 12 | d << 6 | U);
-    } else if ((h & 248) === 240) {
-      const d = n[i++] & 63, U = n[i++] & 63, b = n[i++] & 63;
-      let x = (h & 7) << 18 | d << 12 | U << 6 | b;
+  for (; i < n; ) {
+    const l = s[i++];
+    if (!(l & 128))
+      r.push(l);
+    else if ((l & 224) === 192) {
+      const d = s[i++] & 63;
+      r.push((l & 31) << 6 | d);
+    } else if ((l & 240) === 224) {
+      const d = s[i++] & 63, v = s[i++] & 63;
+      r.push((l & 31) << 12 | d << 6 | v);
+    } else if ((l & 248) === 240) {
+      const d = s[i++] & 63, v = s[i++] & 63, b = s[i++] & 63;
+      let x = (l & 7) << 18 | d << 12 | v << 6 | b;
       x > 65535 && (x -= 65536, r.push(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), r.push(x);
     } else
-      r.push(h);
-    r.length >= Pe && (o += String.fromCharCode(...r), r.length = 0);
+      r.push(l);
+    r.length >= Oe && (o += String.fromCharCode(...r), r.length = 0);
   }
   return r.length > 0 && (o += String.fromCharCode(...r)), o;
 }
-const Ne = new TextDecoder(), He = 200;
-function Ke(n, e, t) {
-  const i = n.subarray(e, e + t);
-  return Ne.decode(i);
+const Ve = new TextDecoder(), Ye = 200;
+function qe(s, e, t) {
+  const i = s.subarray(e, e + t);
+  return Ve.decode(i);
 }
-function We(n, e, t) {
-  return t > He ? Ke(n, e, t) : ue(n, e, t);
+function Xe(s, e, t) {
+  return t > Ye ? qe(s, e, t) : ue(s, e, t);
 }
-class R {
+class _ {
   constructor(e, t) {
     a(this, "type");
     a(this, "data");
@@ -274,77 +326,77 @@ class y extends Error {
     });
   }
 }
-const z = 4294967295;
-function Oe(n, e, t) {
-  const i = t / 4294967296, s = t;
-  n.setUint32(e, i), n.setUint32(e + 4, s);
+const $ = 4294967295;
+function Ge(s, e, t) {
+  const i = t / 4294967296, n = t;
+  s.setUint32(e, i), s.setUint32(e + 4, n);
 }
-function xe(n, e, t) {
-  const i = Math.floor(t / 4294967296), s = t;
-  n.setUint32(e, i), n.setUint32(e + 4, s);
+function xe(s, e, t) {
+  const i = Math.floor(t / 4294967296), n = t;
+  s.setUint32(e, i), s.setUint32(e + 4, n);
 }
-function pe(n, e) {
-  const t = n.getInt32(e), i = n.getUint32(e + 4);
+function pe(s, e) {
+  const t = s.getInt32(e), i = s.getUint32(e + 4);
   return t * 4294967296 + i;
 }
-function Ve(n, e) {
-  const t = n.getUint32(e), i = n.getUint32(e + 4);
+function Je(s, e) {
+  const t = s.getUint32(e), i = s.getUint32(e + 4);
   return t * 4294967296 + i;
 }
-const Ye = -1, qe = 4294967296 - 1, Xe = 17179869184 - 1;
-function Ge({ sec: n, nsec: e }) {
-  if (n >= 0 && e >= 0 && n <= Xe)
-    if (e === 0 && n <= qe) {
+const Ze = -1, Qe = 4294967296 - 1, je = 17179869184 - 1;
+function et({ sec: s, nsec: e }) {
+  if (s >= 0 && e >= 0 && s <= je)
+    if (e === 0 && s <= Qe) {
       const t = new Uint8Array(4);
-      return new DataView(t.buffer).setUint32(0, n), t;
+      return new DataView(t.buffer).setUint32(0, s), t;
     } else {
-      const t = n / 4294967296, i = n & 4294967295, s = new Uint8Array(8), r = new DataView(s.buffer);
-      return r.setUint32(0, e << 2 | t & 3), r.setUint32(4, i), s;
+      const t = s / 4294967296, i = s & 4294967295, n = new Uint8Array(8), r = new DataView(n.buffer);
+      return r.setUint32(0, e << 2 | t & 3), r.setUint32(4, i), n;
     }
   else {
     const t = new Uint8Array(12), i = new DataView(t.buffer);
-    return i.setUint32(0, e), xe(i, 4, n), t;
+    return i.setUint32(0, e), xe(i, 4, s), t;
   }
 }
-function Je(n) {
-  const e = n.getTime(), t = Math.floor(e / 1e3), i = (e - t * 1e3) * 1e6, s = Math.floor(i / 1e9);
+function tt(s) {
+  const e = s.getTime(), t = Math.floor(e / 1e3), i = (e - t * 1e3) * 1e6, n = Math.floor(i / 1e9);
   return {
-    sec: t + s,
-    nsec: i - s * 1e9
+    sec: t + n,
+    nsec: i - n * 1e9
   };
 }
-function Ze(n) {
-  if (n instanceof Date) {
-    const e = Je(n);
-    return Ge(e);
+function st(s) {
+  if (s instanceof Date) {
+    const e = tt(s);
+    return et(e);
   } else
     return null;
 }
-function Qe(n) {
-  const e = new DataView(n.buffer, n.byteOffset, n.byteLength);
-  switch (n.byteLength) {
+function it(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), i = e.getUint32(4), s = (t & 3) * 4294967296 + i, r = t >>> 2;
-      return { sec: s, nsec: r };
+      const t = e.getUint32(0), i = e.getUint32(4), n = (t & 3) * 4294967296 + i, r = t >>> 2;
+      return { sec: n, nsec: r };
     }
     case 12: {
       const t = pe(e, 4), i = e.getUint32(0);
       return { sec: t, nsec: i };
     }
     default:
-      throw new y(`Unrecognized data size for timestamp (expected 4, 8, or 12): ${n.length}`);
+      throw new y(`Unrecognized data size for timestamp (expected 4, 8, or 12): ${s.length}`);
   }
 }
-function je(n) {
-  const e = Qe(n);
+function nt(s) {
+  const e = it(s);
   return new Date(e.sec * 1e3 + e.nsec / 1e6);
 }
-const et = {
-  type: Ye,
-  encode: Ze,
-  decode: je
+const rt = {
+  type: Ze,
+  encode: st,
+  decode: nt
 }, P = class P {
   constructor() {
     // ensures ExtensionCodecType<X> matches ExtensionCodec<X>
@@ -357,53 +409,53 @@ const et = {
     // custom extensions
     a(this, "encoders", []);
     a(this, "decoders", []);
-    this.register(et);
+    this.register(rt);
   }
   register({ type: e, encode: t, decode: i }) {
     if (e >= 0)
       this.encoders[e] = t, this.decoders[e] = i;
     else {
-      const s = -1 - e;
-      this.builtInEncoders[s] = t, this.builtInDecoders[s] = i;
+      const n = -1 - e;
+      this.builtInEncoders[n] = t, this.builtInDecoders[n] = i;
     }
   }
   tryToEncode(e, t) {
     for (let i = 0; i < this.builtInEncoders.length; i++) {
-      const s = this.builtInEncoders[i];
-      if (s != null) {
-        const r = s(e, t);
+      const n = this.builtInEncoders[i];
+      if (n != null) {
+        const r = n(e, t);
         if (r != null) {
           const o = -1 - i;
-          return new R(o, r);
+          return new _(o, r);
         }
       }
     }
     for (let i = 0; i < this.encoders.length; i++) {
-      const s = this.encoders[i];
-      if (s != null) {
-        const r = s(e, t);
+      const n = this.encoders[i];
+      if (n != null) {
+        const r = n(e, t);
         if (r != null) {
           const o = i;
-          return new R(o, r);
+          return new _(o, r);
         }
       }
     }
-    return e instanceof R ? e : null;
+    return e instanceof _ ? e : null;
   }
   decode(e, t, i) {
-    const s = t < 0 ? this.builtInDecoders[-1 - t] : this.decoders[t];
-    return s ? s(e, t, i) : new R(t, e);
+    const n = t < 0 ? this.builtInDecoders[-1 - t] : this.decoders[t];
+    return n ? n(e, t, i) : new _(t, e);
   }
 };
 a(P, "defaultCodec", new P());
 let F = P;
-function tt(n) {
-  return n instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && n instanceof SharedArrayBuffer;
+function ot(s) {
+  return s instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && s instanceof SharedArrayBuffer;
 }
-function W(n) {
-  return n instanceof Uint8Array ? n : ArrayBuffer.isView(n) ? new Uint8Array(n.buffer, n.byteOffset, n.byteLength) : tt(n) ? new Uint8Array(n) : Uint8Array.from(n);
+function W(s) {
+  return s instanceof Uint8Array ? s : ArrayBuffer.isView(s) ? new Uint8Array(s.buffer, s.byteOffset, s.byteLength) : ot(s) ? new Uint8Array(s) : Uint8Array.from(s);
 }
-const it = 100, st = 2048;
+const at = 100, ct = 2048;
 class V {
   constructor(e) {
     a(this, "extensionCodec");
@@ -419,7 +471,7 @@ class V {
     a(this, "view");
     a(this, "bytes");
     a(this, "entered", !1);
-    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? F.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) ?? it, this.initialBufferSize = (e == null ? void 0 : e.initialBufferSize) ?? st, this.sortKeys = (e == null ? void 0 : e.sortKeys) ?? !1, this.forceFloat32 = (e == null ? void 0 : e.forceFloat32) ?? !1, this.ignoreUndefined = (e == null ? void 0 : e.ignoreUndefined) ?? !1, this.forceIntegerToFloat = (e == null ? void 0 : e.forceIntegerToFloat) ?? !1, this.pos = 0, this.view = new DataView(new ArrayBuffer(this.initialBufferSize)), this.bytes = new Uint8Array(this.view.buffer);
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? F.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) ?? at, this.initialBufferSize = (e == null ? void 0 : e.initialBufferSize) ?? ct, 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 V({
@@ -473,8 +525,8 @@ class V {
     this.view.byteLength < t && this.resizeBuffer(t * 2);
   }
   resizeBuffer(e) {
-    const t = new ArrayBuffer(e), i = new Uint8Array(t), s = new DataView(t);
-    i.set(this.bytes), this.view = s, this.bytes = i;
+    const t = new ArrayBuffer(e), i = new Uint8Array(t), n = new DataView(t);
+    i.set(this.bytes), this.view = n, this.bytes = i;
   }
   encodeNil() {
     this.writeU8(192);
@@ -504,8 +556,8 @@ class V {
       throw new Error(`Too long string: ${e} bytes in UTF-8`);
   }
   encodeString(e) {
-    const i = Le(e);
-    this.ensureBufferSizeToWrite(5 + i), this.writeStringHeader(i), Fe(e, this.bytes, this.pos), this.pos += i;
+    const i = Fe(e);
+    this.ensureBufferSizeToWrite(5 + i), this.writeStringHeader(i), We(e, this.bytes, this.pos), this.pos += i;
   }
   encodeObject(e, t) {
     const i = this.extensionCodec.tryToEncode(e, this.context);
@@ -543,27 +595,27 @@ class V {
       this.writeU8(221), this.writeU32(i);
     else
       throw new Error(`Too large array: ${i}`);
-    for (const s of e)
-      this.doEncode(s, t + 1);
+    for (const n of e)
+      this.doEncode(n, t + 1);
   }
   countWithoutUndefined(e, t) {
     let i = 0;
-    for (const s of t)
-      e[s] !== void 0 && i++;
+    for (const n of t)
+      e[n] !== void 0 && i++;
     return i;
   }
   encodeMap(e, t) {
     const i = Object.keys(e);
     this.sortKeys && i.sort();
-    const s = this.ignoreUndefined ? this.countWithoutUndefined(e, i) : i.length;
-    if (s < 16)
-      this.writeU8(128 + s);
-    else if (s < 65536)
-      this.writeU8(222), this.writeU16(s);
-    else if (s < 4294967296)
-      this.writeU8(223), this.writeU32(s);
+    const n = this.ignoreUndefined ? this.countWithoutUndefined(e, i) : i.length;
+    if (n < 16)
+      this.writeU8(128 + n);
+    else if (n < 65536)
+      this.writeU8(222), this.writeU16(n);
+    else if (n < 4294967296)
+      this.writeU8(223), this.writeU32(n);
     else
-      throw new Error(`Too large map object: ${s}`);
+      throw new Error(`Too large map object: ${n}`);
     for (const r of i) {
       const o = e[r];
       this.ignoreUndefined && o === void 0 || (this.encodeString(r), this.doEncode(o, t + 1));
@@ -571,10 +623,10 @@ class V {
   }
   encodeExtension(e) {
     if (typeof e.data == "function") {
-      const i = e.data(this.pos + 6), s = i.length;
-      if (s >= 4294967296)
-        throw new Error(`Too large extension object: ${s}`);
-      this.writeU8(201), this.writeU32(s), this.writeI8(e.type), this.writeU8a(i);
+      const i = e.data(this.pos + 6), n = i.length;
+      if (n >= 4294967296)
+        throw new Error(`Too large extension object: ${n}`);
+      this.writeU8(201), this.writeU32(n), this.writeI8(e.type), this.writeU8a(i);
       return;
     }
     const t = e.data.length;
@@ -627,7 +679,7 @@ class V {
     this.ensureBufferSizeToWrite(8), this.view.setFloat64(this.pos, e), this.pos += 8;
   }
   writeU64(e) {
-    this.ensureBufferSizeToWrite(8), Oe(this.view, this.pos, e), this.pos += 8;
+    this.ensureBufferSizeToWrite(8), Ge(this.view, this.pos, e), this.pos += 8;
   }
   writeI64(e) {
     this.ensureBufferSizeToWrite(8), xe(this.view, this.pos, e), this.pos += 8;
@@ -639,15 +691,15 @@ class V {
     this.ensureBufferSizeToWrite(8), this.view.setBigInt64(this.pos, e), this.pos += 8;
   }
 }
-function nt(n, e) {
-  return new V(e).encodeSharedRef(n);
+function lt(s, e) {
+  return new V(e).encodeSharedRef(s);
 }
-function K(n) {
-  return `${n < 0 ? "-" : ""}0x${Math.abs(n).toString(16).padStart(2, "0")}`;
+function K(s) {
+  return `${s < 0 ? "-" : ""}0x${Math.abs(s).toString(16).padStart(2, "0")}`;
 }
-const rt = 16, ot = 16;
-class at {
-  constructor(e = rt, t = ot) {
+const ht = 16, dt = 16;
+class ft {
+  constructor(e = ht, t = dt) {
     a(this, "hit", 0);
     a(this, "miss", 0);
     a(this, "caches");
@@ -661,35 +713,35 @@ class at {
     return e > 0 && e <= this.maxKeyLength;
   }
   find(e, t, i) {
-    const s = this.caches[i - 1];
-    e: for (const r of s) {
+    const n = this.caches[i - 1];
+    e: for (const r of n) {
       const o = r.bytes;
-      for (let h = 0; h < i; h++)
-        if (o[h] !== e[t + h])
+      for (let l = 0; l < i; l++)
+        if (o[l] !== e[t + l])
           continue e;
       return r.str;
     }
     return null;
   }
   store(e, t) {
-    const i = this.caches[e.length - 1], s = { bytes: e, str: t };
-    i.length >= this.maxLengthPerKey ? i[Math.random() * i.length | 0] = s : i.push(s);
+    const i = this.caches[e.length - 1], n = { bytes: e, str: t };
+    i.length >= this.maxLengthPerKey ? i[Math.random() * i.length | 0] = n : i.push(n);
   }
   decode(e, t, i) {
-    const s = this.find(e, t, i);
-    if (s != null)
-      return this.hit++, s;
+    const n = this.find(e, t, i);
+    if (n != null)
+      return this.hit++, n;
     this.miss++;
     const r = ue(e, t, i), o = Uint8Array.prototype.slice.call(e, t, t + i);
     return this.store(o, r), r;
   }
 }
-const O = "array", L = "map_key", ge = "map_value", ct = (n) => {
-  if (typeof n == "string" || typeof n == "number")
-    return n;
-  throw new y("The type of key must be string or number but " + typeof n);
+const O = "array", L = "map_key", ge = "map_value", ut = (s) => {
+  if (typeof s == "string" || typeof s == "number")
+    return s;
+  throw new y("The type of key must be string or number but " + typeof s);
 };
-class ht {
+class xt {
   constructor() {
     a(this, "stack", []);
     a(this, "stackHeadPosition", -1);
@@ -740,14 +792,14 @@ class ht {
     this.stack.length = 0, this.stackHeadPosition = -1;
   }
 }
-const C = -1, Y = new DataView(new ArrayBuffer(0)), lt = new Uint8Array(Y.buffer);
+const z = -1, Y = new DataView(new ArrayBuffer(0)), pt = new Uint8Array(Y.buffer);
 try {
   Y.getInt8(0);
-} catch (n) {
-  if (!(n instanceof RangeError))
+} 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 he = new RangeError("Insufficient data"), dt = new at();
+const le = new RangeError("Insufficient data"), gt = new ft();
 class q {
   constructor(e) {
     a(this, "extensionCodec");
@@ -764,11 +816,11 @@ class q {
     a(this, "totalPos", 0);
     a(this, "pos", 0);
     a(this, "view", Y);
-    a(this, "bytes", lt);
-    a(this, "headByte", C);
-    a(this, "stack", new ht());
+    a(this, "bytes", pt);
+    a(this, "headByte", z);
+    a(this, "stack", new xt());
     a(this, "entered", !1);
-    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? F.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) ?? z, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? z, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? z, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? z, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? z, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : dt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? ct;
+    this.extensionCodec = (e == null ? void 0 : e.extensionCodec) ?? F.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) ?? $, this.maxBinLength = (e == null ? void 0 : e.maxBinLength) ?? $, this.maxArrayLength = (e == null ? void 0 : e.maxArrayLength) ?? $, this.maxMapLength = (e == null ? void 0 : e.maxMapLength) ?? $, this.maxExtLength = (e == null ? void 0 : e.maxExtLength) ?? $, this.keyDecoder = (e == null ? void 0 : e.keyDecoder) !== void 0 ? e.keyDecoder : gt, this.mapKeyConverter = (e == null ? void 0 : e.mapKeyConverter) ?? ut;
   }
   clone() {
     return new q({
@@ -785,18 +837,18 @@ class q {
     });
   }
   reinitializeState() {
-    this.totalPos = 0, this.headByte = C, this.stack.reset();
+    this.totalPos = 0, this.headByte = z, this.stack.reset();
   }
   setBuffer(e) {
     const t = W(e);
     this.bytes = t, this.view = new DataView(t.buffer, t.byteOffset, t.byteLength), this.pos = 0;
   }
   appendBuffer(e) {
-    if (this.headByte === C && !this.hasRemaining(1))
+    if (this.headByte === z && !this.hasRemaining(1))
       this.setBuffer(e);
     else {
-      const t = this.bytes.subarray(this.pos), i = W(e), s = new Uint8Array(t.length + i.length);
-      s.set(t), s.set(i, t.length), this.setBuffer(s);
+      const t = this.bytes.subarray(this.pos), i = W(e), n = new Uint8Array(t.length + i.length);
+      n.set(t), n.set(i, t.length), this.setBuffer(n);
     }
   }
   hasRemaining(e) {
@@ -841,10 +893,10 @@ class q {
     try {
       this.entered = !0;
       let t = !1, i;
-      for await (const h of e) {
+      for await (const l of e) {
         if (t)
           throw this.entered = !1, this.createExtraByteError(this.totalPos);
-        this.appendBuffer(h);
+        this.appendBuffer(l);
         try {
           i = this.doDecodeSync(), t = !0;
         } catch (d) {
@@ -858,8 +910,8 @@ class q {
           throw this.createExtraByteError(this.totalPos);
         return i;
       }
-      const { headByte: s, pos: r, totalPos: o } = this;
-      throw new RangeError(`Insufficient data in parsing ${K(s)} at ${o} (${r} in the current buffer)`);
+      const { headByte: n, pos: r, totalPos: o } = this;
+      throw new RangeError(`Insufficient data in parsing ${K(n)} at ${o} (${r} in the current buffer)`);
     } finally {
       this.entered = !1;
     }
@@ -877,13 +929,13 @@ class q {
     }
     try {
       this.entered = !0;
-      let i = t, s = -1;
+      let i = t, n = -1;
       for await (const r of e) {
-        if (t && s === 0)
+        if (t && n === 0)
           throw this.createExtraByteError(this.totalPos);
-        this.appendBuffer(r), i && (s = this.readArraySize(), i = !1, this.complete());
+        this.appendBuffer(r), i && (n = this.readArraySize(), i = !1, this.complete());
         try {
-          for (; yield this.doDecodeSync(), --s !== 0; )
+          for (; yield this.doDecodeSync(), --n !== 0; )
             ;
         } catch (o) {
           if (!(o instanceof RangeError))
@@ -905,22 +957,22 @@ class q {
         if (e < 128)
           t = e;
         else if (e < 144) {
-          const s = e - 128;
-          if (s !== 0) {
-            this.pushMapState(s), this.complete();
+          const n = e - 128;
+          if (n !== 0) {
+            this.pushMapState(n), this.complete();
             continue e;
           } else
             t = {};
         } else if (e < 160) {
-          const s = e - 144;
-          if (s !== 0) {
-            this.pushArrayState(s), this.complete();
+          const n = e - 144;
+          if (n !== 0) {
+            this.pushArrayState(n), this.complete();
             continue e;
           } else
             t = [];
         } else {
-          const s = e - 160;
-          t = this.decodeString(s, 0);
+          const n = e - 160;
+          t = this.decodeString(n, 0);
         }
       else if (e === 192)
         t = null;
@@ -949,51 +1001,51 @@ class q {
       else if (e === 211)
         this.useBigInt64 ? t = this.readI64AsBigInt() : t = this.readI64();
       else if (e === 217) {
-        const s = this.lookU8();
-        t = this.decodeString(s, 1);
+        const n = this.lookU8();
+        t = this.decodeString(n, 1);
       } else if (e === 218) {
-        const s = this.lookU16();
-        t = this.decodeString(s, 2);
+        const n = this.lookU16();
+        t = this.decodeString(n, 2);
       } else if (e === 219) {
-        const s = this.lookU32();
-        t = this.decodeString(s, 4);
+        const n = this.lookU32();
+        t = this.decodeString(n, 4);
       } else if (e === 220) {
-        const s = this.readU16();
-        if (s !== 0) {
-          this.pushArrayState(s), this.complete();
+        const n = this.readU16();
+        if (n !== 0) {
+          this.pushArrayState(n), this.complete();
           continue e;
         } else
           t = [];
       } else if (e === 221) {
-        const s = this.readU32();
-        if (s !== 0) {
-          this.pushArrayState(s), this.complete();
+        const n = this.readU32();
+        if (n !== 0) {
+          this.pushArrayState(n), this.complete();
           continue e;
         } else
           t = [];
       } else if (e === 222) {
-        const s = this.readU16();
-        if (s !== 0) {
-          this.pushMapState(s), this.complete();
+        const n = this.readU16();
+        if (n !== 0) {
+          this.pushMapState(n), this.complete();
           continue e;
         } else
           t = {};
       } else if (e === 223) {
-        const s = this.readU32();
-        if (s !== 0) {
-          this.pushMapState(s), this.complete();
+        const n = this.readU32();
+        if (n !== 0) {
+          this.pushMapState(n), this.complete();
           continue e;
         } else
           t = {};
       } else if (e === 196) {
-        const s = this.lookU8();
-        t = this.decodeBinary(s, 1);
+        const n = this.lookU8();
+        t = this.decodeBinary(n, 1);
       } else if (e === 197) {
-        const s = this.lookU16();
-        t = this.decodeBinary(s, 2);
+        const n = this.lookU16();
+        t = this.decodeBinary(n, 2);
       } else if (e === 198) {
-        const s = this.lookU32();
-        t = this.decodeBinary(s, 4);
+        const n = this.lookU32();
+        t = this.decodeBinary(n, 4);
       } else if (e === 212)
         t = this.decodeExtension(1, 0);
       else if (e === 213)
@@ -1005,34 +1057,34 @@ class q {
       else if (e === 216)
         t = this.decodeExtension(16, 0);
       else if (e === 199) {
-        const s = this.lookU8();
-        t = this.decodeExtension(s, 1);
+        const n = this.lookU8();
+        t = this.decodeExtension(n, 1);
       } else if (e === 200) {
-        const s = this.lookU16();
-        t = this.decodeExtension(s, 2);
+        const n = this.lookU16();
+        t = this.decodeExtension(n, 2);
       } else if (e === 201) {
-        const s = this.lookU32();
-        t = this.decodeExtension(s, 4);
+        const n = this.lookU32();
+        t = this.decodeExtension(n, 4);
       } else
         throw new y(`Unrecognized type byte: ${K(e)}`);
       this.complete();
       const i = this.stack;
       for (; i.length > 0; ) {
-        const s = i.top();
-        if (s.type === O)
-          if (s.array[s.position] = t, s.position++, s.position === s.size)
-            t = s.array, i.release(s);
+        const n = i.top();
+        if (n.type === O)
+          if (n.array[n.position] = t, n.position++, n.position === n.size)
+            t = n.array, i.release(n);
           else
             continue e;
-        else if (s.type === L) {
+        else if (n.type === L) {
           if (t === "__proto__")
             throw new y("The key __proto__ is not allowed");
-          s.key = this.mapKeyConverter(t), s.type = ge;
+          n.key = this.mapKeyConverter(t), n.type = ge;
           continue e;
-        } else if (s.map[s.key] = t, s.readCount++, s.readCount === s.size)
-          t = s.map, i.release(s);
+        } else if (n.map[n.key] = t, n.readCount++, n.readCount === n.size)
+          t = n.map, i.release(n);
         else {
-          s.key = null, s.type = L;
+          n.key = null, n.type = L;
           continue e;
         }
       }
@@ -1040,10 +1092,10 @@ class q {
     }
   }
   readHeadByte() {
-    return this.headByte === C && (this.headByte = this.readU8()), this.headByte;
+    return this.headByte === z && (this.headByte = this.readU8()), this.headByte;
   }
   complete() {
-    this.headByte = C;
+    this.headByte = z;
   }
   readArraySize() {
     const e = this.readHeadByte();
@@ -1080,10 +1132,10 @@ class q {
     if (e > this.maxStrLength)
       throw new y(`Max length exceeded: UTF-8 byte length (${e}) > maxStrLength (${this.maxStrLength})`);
     if (this.bytes.byteLength < this.pos + t + e)
-      throw he;
+      throw le;
     const i = this.pos + t;
-    let s;
-    return this.stateIsMapKey() && ((r = this.keyDecoder) != null && r.canBeCached(e)) ? s = this.keyDecoder.decode(this.bytes, i, e) : s = We(this.bytes, i, e), this.pos += t + e, s;
+    let n;
+    return this.stateIsMapKey() && ((r = this.keyDecoder) != null && r.canBeCached(e)) ? n = this.keyDecoder.decode(this.bytes, i, e) : n = Xe(this.bytes, i, e), this.pos += t + e, n;
   }
   stateIsMapKey() {
     return this.stack.length > 0 ? this.stack.top().type === L : !1;
@@ -1095,19 +1147,19 @@ class q {
     if (e > this.maxBinLength)
       throw new y(`Max length exceeded: bin length (${e}) > maxBinLength (${this.maxBinLength})`);
     if (!this.hasRemaining(e + t))
-      throw he;
-    const i = this.pos + t, s = this.bytes.subarray(i, i + e);
-    return this.pos += t + e, s;
+      throw le;
+    const i = this.pos + t, n = this.bytes.subarray(i, i + e);
+    return this.pos += t + e, n;
   }
   decodeExtension(e, t) {
     if (e > this.maxExtLength)
       throw new y(`Max length exceeded: ext length (${e}) > maxExtLength (${this.maxExtLength})`);
-    const i = this.view.getInt8(this.pos + t), s = this.decodeBinary(
+    const i = this.view.getInt8(this.pos + t), n = this.decodeBinary(
       e,
       t + 1
       /* extType */
     );
-    return this.extensionCodec.decode(s, i, this.context);
+    return this.extensionCodec.decode(n, i, this.context);
   }
   lookU8() {
     return this.view.getUint8(this.pos);
@@ -1143,7 +1195,7 @@ class q {
     return this.pos += 4, e;
   }
   readU64() {
-    const e = Ve(this.view, this.pos);
+    const e = Je(this.view, this.pos);
     return this.pos += 8, e;
   }
   readI64() {
@@ -1167,10 +1219,10 @@ class q {
     return this.pos += 8, e;
   }
 }
-function ft(n, e) {
-  return new q(e).decode(n);
+function wt(s, e) {
+  return new q(e).decode(s);
 }
-const ut = /* @__PURE__ */ new Set([
+const yt = /* @__PURE__ */ new Set([
   "auth",
   "open",
   "send",
@@ -1193,23 +1245,23 @@ const ut = /* @__PURE__ */ new Set([
   "subscribe_inbox",
   "unsubscribe_inbox"
 ]);
-function mt(n) {
-  return ut.has(n.type);
+function Et(s) {
+  return yt.has(s.type);
 }
-function le(n) {
-  return nt(n);
+function he(s) {
+  return lt(s);
 }
-function xt(n) {
+function mt(s) {
   let e;
   try {
-    e = ft(n);
+    e = wt(s);
   } catch {
     return null;
   }
   return typeof e != "object" || e === null || typeof e.type != "string" ? null : e;
 }
-function pt(n) {
-  switch (n) {
+function vt(s) {
+  switch (s) {
     case "open":
       return { label: "Open", cls: "open" };
     case "awaiting_staff":
@@ -1222,55 +1274,55 @@ function pt(n) {
       return null;
   }
 }
-function gt(n) {
-  const e = Math.floor((Date.now() - n) / 1e3);
+function Ut(s) {
+  const e = Math.floor((Date.now() - s) / 1e3);
   if (e < 60) return "just now";
   if (e < 3600) return `${Math.floor(e / 60)}m`;
   if (e < 86400) return `${Math.floor(e / 3600)}h`;
   const t = Math.floor(e / 86400);
   if (t <= 7) return `${t}d`;
   try {
-    return new Date(n).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+    return new Date(s).toLocaleDateString(void 0, { month: "short", day: "numeric" });
   } catch {
     return `${t}d`;
   }
 }
-function l(n, e, t) {
-  const i = document.createElement(n);
+function h(s, e, t) {
+  const i = document.createElement(s);
   return e && (i.className = e), t !== void 0 && (i.textContent = t), i;
 }
-function Ut(n) {
-  const e = n.token ?? n.userId ?? Ce(), { httpBase: t, wsUrl: i } = de(n.url, n.apiUrl), s = n.i18n ?? {}, r = n.accent ?? "#6c5ce7";
+function Bt(s) {
+  const e = s.token ?? s.userId ?? _e(), { httpBase: t, wsUrl: i } = de(s.url, s.apiUrl), n = Le(s.locale, s.i18n), r = s.accent ?? "#6c5ce7";
   if (!document.getElementById("ocl-styles")) {
     const c = document.createElement("style");
-    c.id = "ocl-styles", c.textContent = Te, document.head.append(c);
+    c.id = "ocl-styles", c.textContent = Ae, document.head.append(c);
   }
-  if (n.webfont !== !1 && typeof document < "u" && !document.getElementById("ocw-webfont")) {
+  if (s.webfont !== !1 && typeof document < "u" && !document.getElementById("ocw-webfont")) {
     const c = document.createElement("link");
     c.id = "ocw-webfont", c.rel = "stylesheet", c.href = "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@400;500;600;700&display=swap", document.head.append(c);
   }
-  const o = l("div", "ocl");
-  o.style.setProperty("--ocl-accent", r), o.dataset.theme = n.theme ?? "light", n.reserveCloseSpace && o.classList.add("ocl-has-close");
-  const h = l("div", "ocl-head"), d = s.title ?? "Your conversations", U = l("span", "ocl-title", d);
-  if (U.setAttribute("aria-label", d), h.append(U), n.onNewChat) {
-    const c = l("button", "ocl-compose", "✎");
-    c.title = s.newChat ?? "New conversation", c.addEventListener("click", () => n.onNewChat()), h.append(c);
-  }
-  const b = l("div", "ocl-search-wrap"), x = l("input", "ocl-search");
-  x.placeholder = s.search ?? "🔍  Search", x.type = "search", b.append(x);
-  const g = l("div", "ocl-body");
-  g.append(l("div", "ocl-spinner", "Loading…")), o.append(h, b, g), n.el.replaceChildren(o);
+  const o = h("div", "ocl");
+  o.style.setProperty("--ocl-accent", r), o.dataset.theme = s.theme ?? "light", s.reserveCloseSpace && o.classList.add("ocl-has-close");
+  const l = h("div", "ocl-head"), d = n.title ?? "Your conversations", v = h("span", "ocl-title", d);
+  if (v.setAttribute("aria-label", d), l.append(v), s.onNewChat) {
+    const c = h("button", "ocl-compose", "✎");
+    c.title = n.newChat ?? "New conversation", c.addEventListener("click", () => s.onNewChat()), l.append(c);
+  }
+  const b = h("div", "ocl-search-wrap"), x = h("input", "ocl-search");
+  x.placeholder = n.search ?? "🔍  Search", x.type = "search", b.append(x);
+  const g = h("div", "ocl-body");
+  g.append(h("div", "ocl-spinner", "Loading…")), o.append(l, b, g), s.el.replaceChildren(o);
   const I = (c) => {
     o.classList.toggle("ocl-compact", c > 0 && c < 400);
   };
   I(o.clientWidth);
-  let v = null;
-  if (typeof ResizeObserver < "u" && (v = new ResizeObserver((c) => {
+  let U = null;
+  if (typeof ResizeObserver < "u" && (U = new ResizeObserver((c) => {
     var u;
     return I(((u = c[0]) == null ? void 0 : u.contentRect.width) ?? o.clientWidth);
-  }), v.observe(o)), !n.profileId && !n.tenantId) throw new Error("[relay chatlist] provide profileId or tenantId");
+  }), U.observe(o)), !s.profileId && !s.tenantId) throw new Error("[relay chatlist] provide profileId or tenantId");
   let X;
-  const G = `ocl_seen_${n.profileId ?? `t_${n.tenantId}`}_${(n.userId ?? e).slice(-8)}`;
+  const G = `ocl_seen_${s.profileId ?? `t_${s.tenantId}`}_${(s.userId ?? e).slice(-8)}`;
   let k = {};
   try {
     k = JSON.parse(localStorage.getItem(G) ?? "{}");
@@ -1284,7 +1336,7 @@ function Ut(n) {
   };
   let J = [], B = !1;
   const ye = async () => {
-    const c = n.profileId ? `profileId=${encodeURIComponent(n.profileId)}${n.scope === "tenant" ? "&scope=tenant" : ""}` : `tenantId=${encodeURIComponent(n.tenantId)}`, u = `${t}/conversations/mine?${c}`, w = { authorization: `Bearer ${e}` };
+    const c = s.profileId ? `profileId=${encodeURIComponent(s.profileId)}${s.scope === "tenant" ? "&scope=tenant" : ""}` : `tenantId=${encodeURIComponent(s.tenantId)}`, u = `${t}/conversations/mine?${c}`, w = { authorization: `Bearer ${e}` };
     let S;
     try {
       S = await fetch(u, { headers: w });
@@ -1300,43 +1352,43 @@ function Ut(n) {
       (f) => Q(f).toLowerCase().includes(u) || (f.lastMessage ?? "").toLowerCase().includes(u)
     ) : c;
     if (g.replaceChildren(), !w.length) {
-      const f = l("div", "ocl-empty", u ? "No results." : s.empty ?? "No conversations yet.");
-      if (!u && n.onNewChat) {
-        f.append(l("br"));
-        const D = l("button", "ocl-start", s.newChat ?? "Start a conversation");
-        D.addEventListener("click", () => n.onNewChat()), f.append(D);
+      const f = h("div", "ocl-empty", u ? "No results." : n.empty ?? "No conversations yet.");
+      if (!u && s.onNewChat) {
+        f.append(h("br"));
+        const D = h("button", "ocl-start", n.startChat ?? "Start a conversation");
+        D.addEventListener("click", () => s.onNewChat()), f.append(D);
       }
       g.append(f);
       return;
     }
     const S = (f) => (f.lastSeq ?? 0) > (k[f.id] ?? 0), m = w.filter(S), E = w.filter((f) => !S(f));
     if (m.length) {
-      g.append(l("div", "ocl-section", `${s.unread ?? "Unread"} (${m.length})`));
+      g.append(h("div", "ocl-section", `${n.unread ?? "Unread"} (${m.length})`));
       for (const f of m) g.append(j(f, S(f)));
     }
     if (E.length) {
-      g.append(l("div", "ocl-section", m.length ? s.all ?? "All conversations" : ""));
+      g.append(h("div", "ocl-section", m.length ? n.all ?? "All conversations" : ""));
       for (const f of E) g.append(j(f, !1));
     }
   }, Q = (c) => c.subjectTitle ?? (c.kind === "direct" ? c.peerId ?? "Direct message" : "General enquiry"), j = (c, u) => {
     var re;
-    const w = Q(c), S = (((re = w.match(new RegExp("\\p{L}", "u"))) == null ? void 0 : re[0]) ?? w.trim()[0] ?? "?").toUpperCase(), m = c.lastSeq ?? 0, E = u ? Math.max(1, m - (k[c.id] ?? 0)) : 0, f = l("button", `ocl-row${u ? " unread" : ""}`), D = l("div", "ocl-av", S);
+    const w = Q(c), S = (((re = w.match(new RegExp("\\p{L}", "u"))) == null ? void 0 : re[0]) ?? w.trim()[0] ?? "?").toUpperCase(), m = c.lastSeq ?? 0, E = u ? Math.max(1, m - (k[c.id] ?? 0)) : 0, f = h("button", `ocl-row${u ? " unread" : ""}`), D = h("div", "ocl-av", S);
     f.append(D);
-    const N = l("div", "ocl-info");
-    N.append(l("div", "ocl-name", w));
+    const N = h("div", "ocl-info");
+    N.append(h("div", "ocl-name", w));
     const me = {
       open: "Open",
       awaiting_staff: "Waiting for reply…",
       resolved: "Resolved ✓",
       closed: "Closed"
     };
-    N.append(l("div", "ocl-preview", c.lastMessage ?? me[c.state] ?? c.state)), f.append(N);
-    const $ = l("div", "ocl-right");
-    $.append(l("div", "ocl-time", gt(c.updatedAt)));
-    const H = pt(c.state);
-    return H && $.append(l("div", `ocl-status ${H.cls}`, H.label)), E > 0 && $.append(l("div", "ocl-badge", String(E > 99 ? "99+" : E))), f.append($), f.addEventListener("click", () => {
+    N.append(h("div", "ocl-preview", c.lastMessage ?? me[c.state] ?? c.state)), f.append(N);
+    const C = h("div", "ocl-right");
+    C.append(h("div", "ocl-time", Ut(c.updatedAt)));
+    const H = vt(c.state);
+    return H && C.append(h("div", `ocl-status ${H.cls}`, H.label)), E > 0 && C.append(h("div", "ocl-badge", String(E > 99 ? "99+" : E))), f.append(C), f.addEventListener("click", () => {
       var oe;
-      m > 0 && (k[c.id] = m, we()), f.classList.remove("unread"), (oe = $.querySelector(".ocl-badge")) == null || oe.remove(), n.onSelect(c);
+      m > 0 && (k[c.id] = m, we()), f.classList.remove("unread"), (oe = C.querySelector(".ocl-badge")) == null || oe.remove(), s.onSelect(c);
     }), f;
   }, M = () => {
     B || ye().then((c) => {
@@ -1344,21 +1396,21 @@ function Ut(n) {
     }).catch((c) => {
       if (B) return;
       console.error(`[chat-widget] failed to load conversations from ${t}/conversations/mine — check the apiUrl/CORS config.`, c);
-      const u = l("div", "ocl-empty", s.error ?? "Could not load conversations.");
-      u.append(l("br"));
-      const w = l("button", "ocl-retry", s.retry ?? "Retry");
+      const u = h("div", "ocl-empty", n.error ?? "Could not load conversations.");
+      u.append(h("br"));
+      const w = h("button", "ocl-retry", n.retry ?? "Retry");
       w.addEventListener("click", () => {
-        g.replaceChildren(l("div", "ocl-spinner", "Loading…")), M();
+        g.replaceChildren(h("div", "ocl-spinner", "Loading…")), M();
       }), u.append(w), g.replaceChildren(u);
     });
   };
   x.addEventListener("input", () => Z(J, x.value.trim().toLowerCase())), M();
-  let p = null, T, A, ee = 0, te = !1;
-  const ie = () => {
-    A || (A = setTimeout(() => {
-      A = void 0, M();
+  let p = null, A, T, ee = 0, te = !1;
+  const se = () => {
+    T || (T = setTimeout(() => {
+      T = void 0, M();
     }, 300));
-  }, se = () => {
+  }, ie = () => {
     if (!B) {
       try {
         p = new WebSocket(i);
@@ -1367,10 +1419,10 @@ function Ut(n) {
         return;
       }
       p.binaryType = "arraybuffer", p.onopen = () => {
-        ee = 0, p.send(le({ type: "auth", token: e })), p.send(le({ type: "subscribe_inbox" })), te && ie(), te = !0;
+        ee = 0, p.send(he({ type: "auth", token: e })), p.send(he({ type: "subscribe_inbox" })), te && se(), te = !0;
       }, p.onmessage = (c) => {
-        const u = xt(new Uint8Array(c.data));
-        u && u.type === "inbox_event" && ie();
+        const u = mt(new Uint8Array(c.data));
+        u && u.type === "inbox_event" && se();
       }, p.onclose = () => {
         p = null, ne();
       }, p.onerror = () => {
@@ -1381,37 +1433,38 @@ function Ut(n) {
       };
     }
   }, ne = () => {
-    if (B || T) return;
+    if (B || A) return;
     const c = Math.min(15e3, 500 * 2 ** ee++) + Math.random() * 250;
-    T = setTimeout(() => {
-      T = void 0, se();
+    A = setTimeout(() => {
+      A = void 0, ie();
     }, c);
   };
-  return se(), {
+  return ie(), {
     refresh: M,
     close() {
-      B = !0, T && clearTimeout(T), A && clearTimeout(A), v == null || v.disconnect(), v = null;
+      B = !0, A && clearTimeout(A), T && clearTimeout(T), U == null || U.disconnect(), U = null;
       try {
         p == null || p.close();
       } catch {
       }
-      p = null, n.el.replaceChildren();
+      p = null, s.el.replaceChildren();
     },
     defaultProfileId() {
-      return n.profileId ?? X;
+      return s.profileId ?? X;
     }
   };
 }
 export {
-  yt as a,
+  bt as a,
   ce as b,
-  xt as d,
-  le as e,
+  Le as c,
+  mt as d,
+  he as e,
   Se as h,
-  mt as i,
+  Et as i,
   ke as l,
-  Ut as m,
-  Ce as p,
+  Bt as m,
+  _e as p,
   de as r
 };
 //# sourceMappingURL=chatlist2.js.map