@college-africa/chat-ui 1.0.2 → 1.0.3

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var ys=Object.defineProperty;var gs=(t,n,i)=>n in t?ys(t,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[n]=i;var Pt=(t,n,i)=>gs(t,typeof n!="symbol"?n+"":n,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),ue=require("react"),X=require("@mui/material"),vs=require("sdk"),bs=require("@emotion/styled");require("@emotion/react");function ws(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,s.get?s:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const jt=ws(ue);let lt=null;async function ta(t,n){if(lt)throw new Error("SDK already initialized. Call disconnectSDK() first to reinitialize.");return lt=new vs.ChatSDK(t),n&&await lt.setAuthToken(n),await lt.connect(),lt}function xt(){if(!lt)throw new Error("SDK not initialized. Call initSDK() first.");return lt}function So(){lt&&(lt.disconnect(),lt=null)}function xs(){return lt!==null}const Ss=()=>B.jsx(X.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",children:B.jsx(X.CircularProgress,{})}),_s=({error:t,retry:n})=>B.jsx(X.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",p:2,children:B.jsxs(X.Alert,{severity:"error",action:B.jsx("button",{onClick:n,style:{cursor:"pointer"},children:"Retry"}),children:[B.jsx(X.AlertTitle,{children:"Failed to initialize chat"}),t.message]})}),Cs=({config:t,token:n,getToken:i,children:s,LoadingComponent:c=Ss,ErrorComponent:f=_s})=>{const[h,m]=ue.useState(!1),[T,_]=ue.useState(null),R=ue.useCallback(async()=>{m(!1),_(null);try{So();let A=n;i&&!A&&(A=await i()),await ta(t,A),m(!0)}catch(A){_(A instanceof Error?A:new Error("Unknown error initializing SDK"))}},[t,n,i]);return ue.useEffect(()=>(R(),()=>{So()}),[t.baseURL,n,i]),!h&&!T?B.jsx(c,{}):T?B.jsx(f,{error:T,retry:R}):B.jsx(B.Fragment,{children:s})},vi=t=>t,Es=()=>{let t=vi;return{configure(n){t=n},generate(n){return t(n)},reset(){t=vi}}},Ts=Es();function Yt(t,...n){const i=new URL(`https://mui.com/production-error/?code=${t}`);return n.forEach(s=>i.searchParams.append("args[]",s)),`Minified MUI error #${t}; visit ${i} for the full message.`}function Gt(t){if(typeof t!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":Yt(7));return t.charAt(0).toUpperCase()+t.slice(1)}var ks=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ra(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var on={exports:{}},an={exports:{}},Oe={};/** @license React v16.13.1
+"use strict";var ys=Object.defineProperty;var gs=(t,n,i)=>n in t?ys(t,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[n]=i;var Pt=(t,n,i)=>gs(t,typeof n!="symbol"?n+"":n,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),ue=require("react"),X=require("@mui/material"),vs=require("sdk"),bs=require("@emotion/styled");require("@emotion/react");function ws(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,s.get?s:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const jt=ws(ue);let lt=null;async function ta(t,n){if(lt)throw new Error("SDK already initialized. Call disconnectSDK() first to reinitialize.");return lt=new vs.ChatSDK(t),n&&await lt.setAuthToken(n),await lt.connect(),lt}function xt(){if(!lt)throw new Error("SDK not initialized. Call initSDK() first.");return lt}function So(){lt&&(lt.disconnect(),lt=null)}function xs(){return lt!==null}const Ss=()=>B.jsx(X.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",children:B.jsx(X.CircularProgress,{})}),_s=({error:t,retry:n})=>B.jsx(X.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",p:2,children:B.jsxs(X.Alert,{severity:"error",action:B.jsx(X.Button,{onClick:n,children:" Retry"}),children:[B.jsx(X.AlertTitle,{children:"Failed to initialize chat"}),t.message]})}),Cs=({config:t,token:n,getToken:i,children:s,LoadingComponent:c=Ss,ErrorComponent:f=_s})=>{const[h,m]=ue.useState(!1),[T,_]=ue.useState(null),R=ue.useCallback(async()=>{m(!1),_(null);try{So();let A=n??t.authToken;if(i&&!A&&(A=await i()),!A)return;await ta(t,A),m(!0)}catch(A){_(A instanceof Error?A:new Error("Unknown error initializing SDK"))}},[t,n,i]);return ue.useEffect(()=>(R(),()=>{So()}),[t.baseURL,n,i]),!h&&!T?B.jsx(c,{}):T?B.jsx(f,{error:T,retry:R}):B.jsx(B.Fragment,{children:s})},vi=t=>t,Es=()=>{let t=vi;return{configure(n){t=n},generate(n){return t(n)},reset(){t=vi}}},Ts=Es();function Yt(t,...n){const i=new URL(`https://mui.com/production-error/?code=${t}`);return n.forEach(s=>i.searchParams.append("args[]",s)),`Minified MUI error #${t}; visit ${i} for the full message.`}function Gt(t){if(typeof t!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":Yt(7));return t.charAt(0).toUpperCase()+t.slice(1)}var ks=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ra(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var on={exports:{}},an={exports:{}},Oe={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/dist/index.mjs

@@ -1,10 +1,10 @@
-var ws = Object.defineProperty;
-var _s = (t, n, i) => n in t ? ws(t, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[n] = i;
-var $t = (t, n, i) => _s(t, typeof n != "symbol" ? n + "" : n, i);
-import { jsx as B, Fragment as Ss, jsxs as We } from "react/jsx-runtime";
+var _s = Object.defineProperty;
+var Ss = (t, n, i) => n in t ? _s(t, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[n] = i;
+var $t = (t, n, i) => Ss(t, typeof n != "symbol" ? n + "" : n, i);
+import { jsx as B, Fragment as xs, jsxs as We } from "react/jsx-runtime";
 import * as jt from "react";
-import Qt, { useState as Ze, useCallback as Dt, useEffect as xt, useRef as pt, useLayoutEffect as xs, Component as Cs } from "react";
-import { Box as Me, CircularProgress as Mo, Alert as Nr, AlertTitle as Es, ListItem as da, ListItemButton as Ts, ListItemAvatar as pa, Badge as ha, Avatar as jo, ListItemText as ma, Typography as rt, Skeleton as yr, AppBar as ya, Toolbar as ga, List as Ei, IconButton as va, Chip as ks, Paper as Os, TextField as As, Button as Ps } from "@mui/material";
+import Qt, { useState as Ze, useCallback as Dt, useEffect as xt, useRef as pt, useLayoutEffect as Cs, Component as Es } from "react";
+import { Box as Me, CircularProgress as Mo, Alert as Nr, AlertTitle as Ts, Button as da, ListItem as pa, ListItemButton as ks, ListItemAvatar as ha, Badge as ma, Avatar as jo, ListItemText as ya, Typography as rt, Skeleton as yr, AppBar as ga, Toolbar as va, List as Ei, IconButton as ba, Chip as Os, Paper as As, TextField as Ps } from "@mui/material";
 import { ChatSDK as Rs } from "sdk";
 import Is from "@emotion/styled";
 import "@emotion/react";
@@ -47,17 +47,10 @@ const Ds = () => /* @__PURE__ */ B(
     alignItems: "center",
     height: "100vh",
     p: 2,
-    children: /* @__PURE__ */ We(
-      Nr,
-      {
-        severity: "error",
-        action: /* @__PURE__ */ B("button", { onClick: n, style: { cursor: "pointer" }, children: "Retry" }),
-        children: [
-          /* @__PURE__ */ B(Es, { children: "Failed to initialize chat" }),
-          t.message
-        ]
-      }
-    )
+    children: /* @__PURE__ */ We(Nr, { severity: "error", action: /* @__PURE__ */ B(da, { onClick: n, children: " Retry" }), children: [
+      /* @__PURE__ */ B(Ts, { children: "Failed to initialize chat" }),
+      t.message
+    ] })
   }
 ), nf = ({
   config: t,
@@ -71,8 +64,9 @@ const Ds = () => /* @__PURE__ */ B(
     m(!1), C(null);
     try {
       Ti();
-      let A = n;
-      i && !A && (A = await i()), await $s(t, A), m(!0);
+      let A = n ?? t.authToken;
+      if (i && !A && (A = await i()), !A) return;
+      await $s(t, A), m(!0);
     } catch (A) {
       C(
         A instanceof Error ? A : new Error("Unknown error initializing SDK")
@@ -81,7 +75,7 @@ const Ds = () => /* @__PURE__ */ B(
   }, [t, n, i]);
   return xt(() => (R(), () => {
     Ti();
-  }), [t.baseURL, n, i]), !h && !T ? /* @__PURE__ */ B(c, {}) : T ? /* @__PURE__ */ B(f, { error: T, retry: R }) : /* @__PURE__ */ B(Ss, { children: s });
+  }), [t.baseURL, n, i]), !h && !T ? /* @__PURE__ */ B(c, {}) : T ? /* @__PURE__ */ B(f, { error: T, retry: R }) : /* @__PURE__ */ B(xs, { children: s });
 }, ki = (t) => t, js = () => {
   let t = ki;
   return {
@@ -106,7 +100,7 @@ function er(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
 var Ns = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ba(t) {
+function wa(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var pn = { exports: {} }, hn = { exports: {} }, Te = {};
@@ -277,7 +271,7 @@ function Fs() {
   })()), ke;
 }
 var Pi;
-function wa() {
+function _a() {
   return Pi || (Pi = 1, process.env.NODE_ENV === "production" ? hn.exports = Ks() : hn.exports = Fs()), hn.exports;
 }
 /*
@@ -339,7 +333,7 @@ function Bo() {
   return _o = t, _o;
 }
 var So, $i;
-function _a() {
+function Sa() {
   return $i || ($i = 1, So = Function.call.bind(Object.prototype.hasOwnProperty)), So;
 }
 var xo, Di;
@@ -349,7 +343,7 @@ function Ls() {
   var t = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ Bo(), i = {}, s = /* @__PURE__ */ _a();
+    var n = /* @__PURE__ */ Bo(), i = {}, s = /* @__PURE__ */ Sa();
     t = function(f) {
       var h = "Warning: " + f;
       typeof console < "u" && console.error(h);
@@ -395,7 +389,7 @@ var Co, Mi;
 function Vs() {
   if (Mi) return Co;
   Mi = 1;
-  var t = wa(), n = qs(), i = /* @__PURE__ */ Bo(), s = /* @__PURE__ */ _a(), c = /* @__PURE__ */ Ls(), f = function() {
+  var t = _a(), n = qs(), i = /* @__PURE__ */ Bo(), s = /* @__PURE__ */ Sa(), c = /* @__PURE__ */ Ls(), f = function() {
   };
   process.env.NODE_ENV !== "production" && (f = function(m) {
     var T = "Warning: " + m;
@@ -764,25 +758,25 @@ var Bi;
 function Ws() {
   if (Bi) return pn.exports;
   if (Bi = 1, process.env.NODE_ENV !== "production") {
-    var t = wa(), n = !0;
+    var t = _a(), n = !0;
     pn.exports = /* @__PURE__ */ Vs()(t.isElement, n);
   } else
     pn.exports = /* @__PURE__ */ zs()();
   return pn.exports;
 }
 var Us = /* @__PURE__ */ Ws();
-const Ce = /* @__PURE__ */ ba(Us);
-function Sa(t) {
+const Ce = /* @__PURE__ */ wa(Us);
+function xa(t) {
   var n, i, s = "";
   if (typeof t == "string" || typeof t == "number") s += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var c = t.length;
-    for (n = 0; n < c; n++) t[n] && (i = Sa(t[n])) && (s && (s += " "), s += i);
+    for (n = 0; n < c; n++) t[n] && (i = xa(t[n])) && (s && (s += " "), s += i);
   } else for (i in t) t[i] && (s && (s += " "), s += i);
   return s;
 }
-function xa() {
-  for (var t, n, i = 0, s = "", c = arguments.length; i < c; i++) (t = arguments[i]) && (n = Sa(t)) && (s && (s += " "), s += n);
+function Ca() {
+  for (var t, n, i = 0, s = "", c = arguments.length; i < c; i++) (t = arguments[i]) && (n = xa(t)) && (s && (s += " "), s += n);
   return s;
 }
 function Ys(t, n, i = void 0) {
@@ -957,12 +951,12 @@ function St(t) {
   const n = Object.getPrototypeOf(t);
   return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
 }
-function Ca(t) {
+function Ea(t) {
   if (/* @__PURE__ */ jt.isValidElement(t) || bn.isValidElementType(t) || !St(t))
     return t;
   const n = {};
   return Object.keys(t).forEach((i) => {
-    n[i] = Ca(t[i]);
+    n[i] = Ea(t[i]);
   }), n;
 }
 function ut(t, n, i = {
@@ -973,7 +967,7 @@ function ut(t, n, i = {
   } : t;
   return St(t) && St(n) && Object.keys(n).forEach((c) => {
     /* @__PURE__ */ jt.isValidElement(n[c]) || bn.isValidElementType(n[c]) ? s[c] = n[c] : St(n[c]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(t, c) && St(t[c]) ? s[c] = ut(t[c], n[c], i) : i.clone ? s[c] = St(n[c]) ? Ca(n[c]) : n[c] : s[c] = n[c];
+    Object.prototype.hasOwnProperty.call(t, c) && St(t[c]) ? s[c] = ut(t[c], n[c], i) : i.clone ? s[c] = St(n[c]) ? Ea(n[c]) : n[c] : s[c] = n[c];
   }), s;
 }
 function jr(t, n) {
@@ -1183,17 +1177,17 @@ function uu(t, n, i, s) {
   const c = iu(i), f = su(c, s), h = t[i];
   return Ct(t, h, f);
 }
-function Ea(t, n) {
+function Ta(t, n) {
   const i = No(t.theme);
   return Object.keys(t).map((s) => uu(t, n, s, i)).reduce(jr, {});
 }
 function Ve(t) {
-  return Ea(t, Tn);
+  return Ta(t, Tn);
 }
 Ve.propTypes = process.env.NODE_ENV !== "production" ? Tn.reduce((t, n) => (t[n] = Kt, t), {}) : {};
 Ve.filterProps = Tn;
 function ze(t) {
-  return Ea(t, kn);
+  return Ta(t, kn);
 }
 ze.propTypes = process.env.NODE_ENV !== "production" ? kn.reduce((t, n) => (t[n] = Kt, t), {}) : {};
 ze.filterProps = kn;
@@ -1805,12 +1799,12 @@ function zu(t) {
     return n[i] === void 0 && (n[i] = t(i)), n[i];
   };
 }
-var Wu = /[A-Z]|^ms/g, Uu = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ta = function(n) {
+var Wu = /[A-Z]|^ms/g, Uu = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ka = function(n) {
   return n.charCodeAt(1) === 45;
 }, Wi = function(n) {
   return n != null && typeof n != "boolean";
 }, To = /* @__PURE__ */ zu(function(t) {
-  return Ta(t) ? t : t.replace(Wu, "-$&").toLowerCase();
+  return ka(t) ? t : t.replace(Wu, "-$&").toLowerCase();
 }), Ui = function(n, i) {
   switch (n) {
     case "animation":
@@ -1824,7 +1818,7 @@ var Wu = /[A-Z]|^ms/g, Uu = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ta = function(n) {
           }, c;
         });
   }
-  return Vu[n] !== 1 && !Ta(n) && typeof i == "number" && i !== 0 ? i + "px" : i;
+  return Vu[n] !== 1 && !ka(n) && typeof i == "number" && i !== 0 ? i + "px" : i;
 };
 function _n(t, n, i) {
   if (i == null)
@@ -2003,7 +1997,7 @@ function Ju(t) {
 const Zu = {
   borderRadius: 4
 };
-function ka(t = 8, n = No({
+function Oa(t = 8, n = No({
   spacing: t
 })) {
   if (t.mui)
@@ -2027,14 +2021,14 @@ function ec(t, n) {
   }
   return i.palette.mode === t ? n : {};
 }
-function Oa(t = {}, ...n) {
+function Aa(t = {}, ...n) {
   const {
     breakpoints: i = {},
     palette: s = {},
     spacing: c,
     shape: f = {},
     ...h
-  } = t, m = Ju(i), T = ka(c);
+  } = t, m = Ju(i), T = Oa(c);
   let C = ut({
     breakpoints: m,
     direction: "ltr",
@@ -2084,11 +2078,11 @@ function rc(t, n, i = "Mui") {
     s[c] = Fo(t, c, i);
   }), s;
 }
-function Aa(t, n = "") {
+function Pa(t, n = "") {
   return t.displayName || t.name || n;
 }
 function Hi(t, n, i) {
-  const s = Aa(n);
+  const s = Pa(n);
   return t.displayName || (s !== "" ? `${i}(${s})` : i);
 }
 function nc(t) {
@@ -2096,7 +2090,7 @@ function nc(t) {
     if (typeof t == "string")
       return t;
     if (typeof t == "function")
-      return Aa(t, "Component");
+      return Pa(t, "Component");
     if (typeof t == "object")
       switch (t.$$typeof) {
         case bn.ForwardRef:
@@ -2108,7 +2102,7 @@ function nc(t) {
       }
   }
 }
-function Pa(t) {
+function Ra(t) {
   const {
     variants: n,
     ...i
@@ -2121,7 +2115,7 @@ function Pa(t) {
     typeof c.style != "function" && (c.style = Jt(c.style));
   }), s;
 }
-const oc = Oa();
+const oc = Aa();
 function ko(t) {
   return t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as";
 }
@@ -2149,11 +2143,11 @@ function gn(t, n, i) {
       } = s;
       c = i ? Xt(Jt(h), i) : h;
     }
-    return Ra(t, s.variants, [c], i);
+    return Ia(t, s.variants, [c], i);
   }
   return s != null && s.isProcessed ? i ? Xt(Jt(s.style), i) : s.style : i ? Xt(Jt(s), i) : s;
 }
-function Ra(t, n, i = [], s = void 0) {
+function Ia(t, n, i = [], s = void 0) {
   var f;
   let c;
   e: for (let h = 0; h < n.length; h += 1) {
@@ -2196,7 +2190,7 @@ function sc(t = {}) {
       skipSx: $,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: K = ic(Ia(R)),
+      overridesResolver: K = ic($a(R)),
       ...j
     } = T, g = C && C.startsWith("Mui") || R ? "components" : "custom", z = A !== void 0 ? A : (
       // TODO v6: remove `Root` in the next major release
@@ -2217,7 +2211,7 @@ function sc(t = {}) {
           return gn(Oe, Z, Oe.theme.modularCssLayers ? g : void 0);
         };
       if (St(Z)) {
-        const fe = Pa(Z);
+        const fe = Ra(Z);
         return function(Ne) {
           return fe.variants ? gn(Ne, fe, Ne.theme.modularCssLayers ? g : void 0) : Ne.theme.modularCssLayers ? Xt(fe.style, g) : fe.style;
         };
@@ -2237,7 +2231,7 @@ function sc(t = {}) {
       }), C && !z && Ne.push(function(te) {
         var he, Fe;
         const G = te.theme, ce = (Fe = (he = G == null ? void 0 : G.components) == null ? void 0 : he[C]) == null ? void 0 : Fe.variants;
-        return ce ? Ra(te, ce, [], te.theme.modularCssLayers ? "theme" : void 0) : null;
+        return ce ? Ia(te, ce, [], te.theme.modularCssLayers ? "theme" : void 0) : null;
       }), X || Ne.push(vr), Array.isArray(Oe[0])) {
         const y = Oe.shift(), te = new Array(fe.length).fill(""), G = new Array(Ne.length).fill("");
         let ce;
@@ -2254,7 +2248,7 @@ function uc(t, n, i) {
 }
 function cc(t, n) {
   let i;
-  return process.env.NODE_ENV !== "production" && t && (i = `${t}-${Ia(n || "Root")}`), i;
+  return process.env.NODE_ENV !== "production" && t && (i = `${t}-${$a(n || "Root")}`), i;
 }
 function lc(t) {
   for (const n in t)
@@ -2267,7 +2261,7 @@ function fc(t) {
   // it's a lowercase character
   t.charCodeAt(0) > 96;
 }
-function Ia(t) {
+function $a(t) {
   return t && t.charAt(0).toLowerCase() + t.slice(1);
 }
 function Po(t, n, i = !1) {
@@ -2298,7 +2292,7 @@ function Po(t, n, i = !1) {
               s[f][C] = Po(h[C], m[C], i);
             }
         }
-      } else f === "className" && i && n.className ? s.className = xa(t == null ? void 0 : t.className, n == null ? void 0 : n.className) : f === "style" && i && n.style ? s.style = {
+      } else f === "className" && i && n.className ? s.className = Ca(t == null ? void 0 : t.className, n == null ? void 0 : n.className) : f === "style" && i && n.style ? s.style = {
         ...t == null ? void 0 : t.style,
         ...n == null ? void 0 : n.style
       } : s[f] === void 0 && (s[f] = t[f]);
@@ -2359,7 +2353,7 @@ function Dn(t) {
   } = t;
   return n.includes("rgb") ? s = s.map((c, f) => f < 3 ? parseInt(c, 10) : c) : n.includes("hsl") && (s[1] = `${s[1]}%`, s[2] = `${s[2]}%`), n.includes("color") ? s = `${i} ${s.join(" ")}` : s = `${s.join(", ")}`, `${n}(${s})`;
 }
-function $a(t) {
+function Da(t) {
   t = Bt(t);
   const {
     values: n
@@ -2373,19 +2367,19 @@ function $a(t) {
 }
 function Ro(t) {
   t = Bt(t);
-  let n = t.type === "hsl" || t.type === "hsla" ? Bt($a(t)).values : t.values;
+  let n = t.type === "hsl" || t.type === "hsla" ? Bt(Da(t)).values : t.values;
   return n = n.map((i) => (t.type !== "color" && (i /= 255), i <= 0.03928 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4)), Number((0.2126 * n[0] + 0.7152 * n[1] + 0.0722 * n[2]).toFixed(3));
 }
 function Qi(t, n) {
   const i = Ro(t), s = Ro(n);
   return (Math.max(i, s) + 0.05) / (Math.min(i, s) + 0.05);
 }
-function Da(t, n) {
+function Ma(t, n) {
   return t = Bt(t), n = qo(n), (t.type === "rgb" || t.type === "hsl") && (t.type += "a"), t.type === "color" ? t.values[3] = `/${n}` : t.values[3] = n, Dn(t);
 }
 function Ht(t, n, i) {
   try {
-    return Da(t, n);
+    return Ma(t, n);
   } catch {
     return i && process.env.NODE_ENV !== "production" && console.warn(i), t;
   }
@@ -2466,7 +2460,7 @@ function bc(t) {
   let n, i;
   return function(c) {
     let f = n;
-    return (f === void 0 || c.theme !== i) && (Xi.theme = c.theme, f = Pa(t(Xi)), n = f, i = c.theme), f;
+    return (f === void 0 || c.theme !== i) && (Xi.theme = c.theme, f = Ra(t(Xi)), n = f, i = c.theme), f;
   };
 }
 function wc(t = "") {
@@ -2700,7 +2694,7 @@ const Br = {
   800: "#2e7d32",
   900: "#1b5e20"
 };
-function Ma() {
+function ja() {
   return {
     // The colors used to style the text.
     text: {
@@ -2740,8 +2734,8 @@ function Ma() {
     }
   };
 }
-const ja = Ma();
-function Ba() {
+const Ba = ja();
+function Na() {
   return {
     text: {
       primary: Br.white,
@@ -2769,7 +2763,7 @@ function Ba() {
     }
   };
 }
-const Io = Ba();
+const Io = Na();
 function Zi(t, n, i, s) {
   const c = s.light || s, f = s.dark || s * 1.5;
   t[n] || (t.hasOwnProperty(i) ? t[n] = t[i] : n === "light" ? t.light = jn(t.main, c) : n === "dark" && (t.dark = Mn(t.main, f)));
@@ -2859,7 +2853,7 @@ function Lo(t) {
   function $(z) {
     if (c)
       return Ic(z);
-    const X = Qi(z, Io.text.primary) >= i ? Io.text.primary : ja.text.primary;
+    const X = Qi(z, Io.text.primary) >= i ? Io.text.primary : Ba.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const ie = Qi(z, X);
       ie < 3 && console.error([`MUI: The contrast ratio of ${ie}:1 for ${X} on ${z}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
@@ -2897,7 +2891,7 @@ const theme2 = createTheme({ palette: {
     return c ? (ea(c, z, "light", se, s), ea(c, z, "dark", W, s)) : (Zi(z, "light", se, s), Zi(z, "dark", W, s)), z.contrastText || (z.contrastText = $(z.main)), z;
   };
   let j;
-  return n === "light" ? j = Ma() : n === "dark" && (j = Ba()), process.env.NODE_ENV !== "production" && (j || console.error(`MUI: The palette mode \`${n}\` is not supported.`)), ut({
+  return n === "light" ? j = ja() : n === "dark" && (j = Na()), process.env.NODE_ENV !== "production" && (j || console.error(`MUI: The palette mode \`${n}\` is not supported.`)), ut({
     // A collection of common colors.
     common: {
       ...Br
@@ -3132,7 +3126,7 @@ const Wc = {
 function Uc(t) {
   return St(t) || typeof t > "u" || typeof t == "string" || typeof t == "boolean" || typeof t == "number" || Array.isArray(t);
 }
-function Na(t = {}) {
+function Ka(t = {}) {
   const n = {
     ...t
   };
@@ -3172,7 +3166,7 @@ function Gc(t) {
   Object.assign(t, {
     alpha(n, i) {
       const s = this || t;
-      return s.colorSpace ? `oklch(from ${n} l c h / ${typeof i == "string" ? `calc(${i})` : i})` : s.vars ? `rgba(${n.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof i == "string" ? `calc(${i})` : i})` : Da(n, Yc(i));
+      return s.colorSpace ? `oklch(from ${n} l c h / ${typeof i == "string" ? `calc(${i})` : i})` : s.vars ? `rgba(${n.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof i == "string" ? `calc(${i})` : i})` : Ma(n, Yc(i));
     },
     lighten(n, i) {
       const s = this || t;
@@ -3203,7 +3197,7 @@ function $o(t = {}, ...n) {
   const A = Lo({
     ...f,
     colorSpace: C
-  }), $ = Oa(t);
+  }), $ = Aa(t);
   let K = ut($, {
     mixins: Dc($.breakpoints, s),
     palette: A,
@@ -3247,7 +3241,7 @@ function $o(t = {}, ...n) {
       sx: g,
       theme: this
     });
-  }, K.toRuntimeSource = Na, Gc(K), K;
+  }, K.toRuntimeSource = Ka, Gc(K), K;
 }
 function Hc(t) {
   let n;
@@ -3259,7 +3253,7 @@ const Qc = [...Array(25)].map((t, n) => {
   const i = Hc(n);
   return `linear-gradient(rgba(255 255 255 / ${i}), rgba(255 255 255 / ${i}))`;
 });
-function Ka(t) {
+function Fa(t) {
   return {
     inputPlaceholder: t === "dark" ? 0.5 : 0.42,
     inputUnderline: t === "dark" ? 0.7 : 0.42,
@@ -3267,7 +3261,7 @@ function Ka(t) {
     switchTrack: t === "dark" ? 0.3 : 0.38
   };
 }
-function Fa(t) {
+function qa(t) {
   return t === "dark" ? Qc : [];
 }
 function Xc(t) {
@@ -3287,10 +3281,10 @@ function Xc(t) {
   return {
     palette: h,
     opacity: {
-      ...Ka(h.mode),
+      ...Fa(h.mode),
       ...i
     },
-    overlays: s || Fa(h.mode),
+    overlays: s || qa(h.mode),
     ...f
   };
 }
@@ -3345,7 +3339,7 @@ function D(t, n, i) {
   !t[n] && i && (t[n] = i);
 }
 function Mr(t) {
-  return typeof t != "string" || !t.startsWith("hsl") ? t : $a(t);
+  return typeof t != "string" || !t.startsWith("hsl") ? t : Da(t);
 }
 function _t(t, n) {
   `${n}Channel` in t || (t[`${n}Channel`] = Dr(Mr(t[n]), `MUI: Can't create \`palette.${n}Channel\` because \`palette.${n}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
@@ -3391,10 +3385,10 @@ function Ao(t, n, i, s, c) {
     ...i,
     palette: h,
     opacity: {
-      ...Ka(f),
+      ...Fa(f),
       ...i == null ? void 0 : i.opacity
     },
-    overlays: (i == null ? void 0 : i.overlays) || Fa(f)
+    overlays: (i == null ? void 0 : i.overlays) || qa(f)
   }, m;
 }
 function ol(t = {}, ...n) {
@@ -3460,7 +3454,7 @@ function ol(t = {}, ...n) {
     if (y.mode === "dark") {
       D(y.Alert, "errorColor", G(Re, y.error.light, 0.6)), D(y.Alert, "infoColor", G(Re, y.info.light, 0.6)), D(y.Alert, "successColor", G(Re, y.success.light, 0.6)), D(y.Alert, "warningColor", G(Re, y.warning.light, 0.6)), D(y.Alert, "errorFilledBg", te("palette-error-dark")), D(y.Alert, "infoFilledBg", te("palette-info-dark")), D(y.Alert, "successFilledBg", te("palette-success-dark")), D(y.Alert, "warningFilledBg", te("palette-warning-dark")), D(y.Alert, "errorFilledColor", vt(() => y.getContrastText(y.error.dark))), D(y.Alert, "infoFilledColor", vt(() => y.getContrastText(y.info.dark))), D(y.Alert, "successFilledColor", vt(() => y.getContrastText(y.success.dark))), D(y.Alert, "warningFilledColor", vt(() => y.getContrastText(y.warning.dark))), D(y.Alert, "errorStandardBg", G(Pe, y.error.light, 0.9)), D(y.Alert, "infoStandardBg", G(Pe, y.info.light, 0.9)), D(y.Alert, "successStandardBg", G(Pe, y.success.light, 0.9)), D(y.Alert, "warningStandardBg", G(Pe, y.warning.light, 0.9)), D(y.Alert, "errorIconColor", te("palette-error-main")), D(y.Alert, "infoIconColor", te("palette-info-main")), D(y.Alert, "successIconColor", te("palette-success-main")), D(y.Alert, "warningIconColor", te("palette-warning-main")), D(y.AppBar, "defaultBg", te("palette-grey-900")), D(y.AppBar, "darkBg", te("palette-background-paper")), D(y.AppBar, "darkColor", te("palette-text-primary")), D(y.Avatar, "defaultBg", te("palette-grey-600")), D(y.Button, "inheritContainedBg", te("palette-grey-800")), D(y.Button, "inheritContainedHoverBg", te("palette-grey-700")), D(y.Chip, "defaultBorder", te("palette-grey-700")), D(y.Chip, "defaultAvatarColor", te("palette-grey-300")), D(y.Chip, "defaultIconColor", te("palette-grey-300")), D(y.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), D(y.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), D(y.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), D(y.LinearProgress, "primaryBg", G(Pe, y.primary.main, 0.5)), D(y.LinearProgress, "secondaryBg", G(Pe, y.secondary.main, 0.5)), D(y.LinearProgress, "errorBg", G(Pe, y.error.main, 0.5)), D(y.LinearProgress, "infoBg", G(Pe, y.info.main, 0.5)), D(y.LinearProgress, "successBg", G(Pe, y.success.main, 0.5)), D(y.LinearProgress, "warningBg", G(Pe, y.warning.main, 0.5)), D(y.Skeleton, "bg", W ? G(Ht, y.text.primary, 0.13) : `rgba(${te("palette-text-primaryChannel")} / 0.13)`), D(y.Slider, "primaryTrack", G(Pe, y.primary.main, 0.5)), D(y.Slider, "secondaryTrack", G(Pe, y.secondary.main, 0.5)), D(y.Slider, "errorTrack", G(Pe, y.error.main, 0.5)), D(y.Slider, "infoTrack", G(Pe, y.info.main, 0.5)), D(y.Slider, "successTrack", G(Pe, y.success.main, 0.5)), D(y.Slider, "warningTrack", G(Pe, y.warning.main, 0.5));
       const ce = W ? G(Re, y.background.default, 0.985) : yn(y.background.default, 0.98);
-      D(y.SnackbarContent, "bg", ce), D(y.SnackbarContent, "color", vt(() => W ? ja.text.primary : y.getContrastText(ce))), D(y.SpeedDialAction, "fabHoverBg", yn(y.background.paper, 0.15)), D(y.StepConnector, "border", te("palette-grey-600")), D(y.StepContent, "border", te("palette-grey-600")), D(y.Switch, "defaultColor", te("palette-grey-300")), D(y.Switch, "defaultDisabledColor", te("palette-grey-600")), D(y.Switch, "primaryDisabledColor", G(Pe, y.primary.main, 0.55)), D(y.Switch, "secondaryDisabledColor", G(Pe, y.secondary.main, 0.55)), D(y.Switch, "errorDisabledColor", G(Pe, y.error.main, 0.55)), D(y.Switch, "infoDisabledColor", G(Pe, y.info.main, 0.55)), D(y.Switch, "successDisabledColor", G(Pe, y.success.main, 0.55)), D(y.Switch, "warningDisabledColor", G(Pe, y.warning.main, 0.55)), D(y.TableCell, "border", G(Pe, G(Ht, y.divider, 1), 0.68)), D(y.Tooltip, "bg", G(Ht, y.grey[700], 0.92));
+      D(y.SnackbarContent, "bg", ce), D(y.SnackbarContent, "color", vt(() => W ? Ba.text.primary : y.getContrastText(ce))), D(y.SpeedDialAction, "fabHoverBg", yn(y.background.paper, 0.15)), D(y.StepConnector, "border", te("palette-grey-600")), D(y.StepContent, "border", te("palette-grey-600")), D(y.Switch, "defaultColor", te("palette-grey-300")), D(y.Switch, "defaultDisabledColor", te("palette-grey-600")), D(y.Switch, "primaryDisabledColor", G(Pe, y.primary.main, 0.55)), D(y.Switch, "secondaryDisabledColor", G(Pe, y.secondary.main, 0.55)), D(y.Switch, "errorDisabledColor", G(Pe, y.error.main, 0.55)), D(y.Switch, "infoDisabledColor", G(Pe, y.info.main, 0.55)), D(y.Switch, "successDisabledColor", G(Pe, y.success.main, 0.55)), D(y.Switch, "warningDisabledColor", G(Pe, y.warning.main, 0.55)), D(y.TableCell, "border", G(Pe, G(Ht, y.divider, 1), 0.68)), D(y.Tooltip, "bg", G(Ht, y.grey[700], 0.92));
     }
     _t(y.background, "default"), _t(y.background, "paper"), _t(y.common, "background"), _t(y.common, "onBackground"), _t(y, "divider"), Object.keys(y).forEach((ce) => {
       const he = y[ce];
@@ -3481,7 +3475,7 @@ function ol(t = {}, ...n) {
   return Z.vars = Oe, Object.entries(Z.colorSchemes[Z.defaultColorScheme]).forEach(([Ae, y]) => {
     Z[Ae] = y;
   }), Z.generateThemeVars = Ne, Z.generateStyleSheets = nt, Z.generateSpacing = function() {
-    return ka(R.spacing, No(this));
+    return Oa(R.spacing, No(this));
   }, Z.getColorSchemeSelector = Cc(T), Z.spacing = Z.generateSpacing(), Z.shouldSkipGeneratingVar = m, Z.unstable_sxConfig = {
     ...$n,
     ...R == null ? void 0 : R.unstable_sxConfig
@@ -3490,7 +3484,7 @@ function ol(t = {}, ...n) {
       sx: y,
       theme: this
     });
-  }, Z.toRuntimeSource = Na, Z;
+  }, Z.toRuntimeSource = Ka, Z;
 }
 function ia(t, n, i) {
   t.colorSchemes && i && (t.colorSchemes[n] = {
@@ -3502,7 +3496,7 @@ function ia(t, n, i) {
     // cast type to skip module augmentation test
   });
 }
-function qa(t = {}, ...n) {
+function La(t = {}, ...n) {
   const {
     palette: i,
     cssVariables: s = !1,
@@ -3546,7 +3540,7 @@ function qa(t = {}, ...n) {
     ...typeof s != "boolean" && s
   }, ...n);
 }
-const il = qa(), al = "$$material";
+const il = La(), al = "$$material";
 function sl(t) {
   return t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as";
 }
@@ -3702,7 +3696,7 @@ const pl = (t) => {
   const X = pl(g);
   return /* @__PURE__ */ We(hl, {
     as: m,
-    className: xa(X.root, f),
+    className: Ca(X.root, f),
     focusable: "false",
     color: C,
     "aria-hidden": A ? void 0 : !0,
@@ -3807,9 +3801,9 @@ const ml = Et(/* @__PURE__ */ B("path", {
   d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
 }), "Done"), gl = Et(/* @__PURE__ */ B("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
-}), "ErrorOutline"), La = Et(/* @__PURE__ */ B("path", {
+}), "ErrorOutline"), Va = Et(/* @__PURE__ */ B("path", {
   d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
-}), "Group"), Va = Et(/* @__PURE__ */ B("path", {
+}), "Group"), za = Et(/* @__PURE__ */ B("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
 }), "Person"), vl = Et(/* @__PURE__ */ B("path", {
   d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"
@@ -3832,8 +3826,8 @@ function Sl(t) {
 const xl = Qt.memo(
   ({ conversation: t, displayName: n, selected: i, onClick: s }) => {
     const c = !!t.group, f = t.unread_count;
-    return /* @__PURE__ */ B(da, { disablePadding: !0, children: /* @__PURE__ */ We(
-      Ts,
+    return /* @__PURE__ */ B(pa, { disablePadding: !0, children: /* @__PURE__ */ We(
+      ks,
       {
         selected: i,
         onClick: s,
@@ -3846,8 +3840,8 @@ const xl = Qt.memo(
           }
         },
         children: [
-          /* @__PURE__ */ B(pa, { children: /* @__PURE__ */ B(
-            ha,
+          /* @__PURE__ */ B(ha, { children: /* @__PURE__ */ B(
+            ma,
             {
               badgeContent: f,
               color: "primary",
@@ -3859,13 +3853,13 @@ const xl = Qt.memo(
                   sx: {
                     bgcolor: c ? "primary.main" : "secondary.main"
                   },
-                  children: c ? /* @__PURE__ */ B(La, {}) : /* @__PURE__ */ B(Va, {})
+                  children: c ? /* @__PURE__ */ B(Va, {}) : /* @__PURE__ */ B(za, {})
                 }
               )
             }
           ) }),
           /* @__PURE__ */ B(
-            ma,
+            ya,
             {
               primary: /* @__PURE__ */ We(
                 Me,
@@ -3918,10 +3912,10 @@ const xl = Qt.memo(
       }
     ) });
   }
-), Cl = () => /* @__PURE__ */ We(da, { children: [
-  /* @__PURE__ */ B(pa, { children: /* @__PURE__ */ B(yr, { variant: "circular", width: 40, height: 40 }) }),
+), Cl = () => /* @__PURE__ */ We(pa, { children: [
+  /* @__PURE__ */ B(ha, { children: /* @__PURE__ */ B(yr, { variant: "circular", width: 40, height: 40 }) }),
   /* @__PURE__ */ B(
-    ma,
+    ya,
     {
       primary: /* @__PURE__ */ We(Me, { display: "flex", justifyContent: "space-between", children: [
         /* @__PURE__ */ B(yr, { variant: "text", width: "60%" }),
@@ -4132,26 +4126,26 @@ function Tl() {
           e.apply(this, arguments), r.apply(this, arguments);
         };
       }
-      function Wa(e, r) {
+      function Ua(e, r) {
         return e === q ? r : function() {
           var o = e.apply(this, arguments), a = (o !== void 0 && (arguments[0] = o), this.onsuccess), u = this.onerror, l = (this.onsuccess = null, this.onerror = null, r.apply(this, arguments));
           return a && (this.onsuccess = this.onsuccess ? ht(a, this.onsuccess) : a), u && (this.onerror = this.onerror ? ht(u, this.onerror) : u), l !== void 0 ? l : o;
         };
       }
-      function Ua(e, r) {
+      function Ya(e, r) {
         return e === q ? r : function() {
           e.apply(this, arguments);
           var o = this.onsuccess, a = this.onerror;
           this.onsuccess = this.onerror = null, r.apply(this, arguments), o && (this.onsuccess = this.onsuccess ? ht(o, this.onsuccess) : o), a && (this.onerror = this.onerror ? ht(a, this.onerror) : a);
         };
       }
-      function Ya(e, r) {
+      function Ga(e, r) {
         return e === q ? r : function(u) {
           var a = e.apply(this, arguments), u = (T(u, a), this.onsuccess), l = this.onerror, d = (this.onsuccess = null, this.onerror = null, r.apply(this, arguments));
           return u && (this.onsuccess = this.onsuccess ? ht(u, this.onsuccess) : u), l && (this.onerror = this.onerror ? ht(l, this.onerror) : l), a === void 0 ? d === void 0 ? void 0 : d : T(a, d);
         };
       }
-      function Ga(e, r) {
+      function Ha(e, r) {
         return e === q ? r : function() {
           return r.apply(this, arguments) !== !1 && e.apply(this, arguments);
         };
@@ -4174,7 +4168,7 @@ function Tl() {
         mt = e;
       }
       var wr = {}, Wo = 100, _r = typeof Promise > "u" ? [] : (it = Promise.resolve(), typeof crypto < "u" && crypto.subtle ? [_r = crypto.subtle.digest("SHA-512", new Uint8Array([0])), C(_r), it] : [it, C(it), it]), it = _r[0], cr = _r[1], cr = cr && cr.then, Ft = it && it.constructor, Kn = !!_r[2], Sr = function(e, r) {
-        xr.push([e, r]), qr && (queueMicrotask(Qa), qr = !1);
+        xr.push([e, r]), qr && (queueMicrotask(Xa), qr = !1);
       }, Fn = !0, qr = !0, qt = [], Lr = [], qn = et, Tt = { id: "global", global: !0, ref: 0, unhandleds: [], onunhandled: q, pgp: !1, env: {}, finalize: q }, ae = Tt, xr = [], Lt = 0, Vr = [];
       function J(e) {
         if (typeof this != "object") throw new TypeError("Promises must be constructed via new");
@@ -4236,10 +4230,10 @@ function Tl() {
         else {
           var o = e._state ? r.onFulfilled : r.onRejected;
           if (o === null) return (e._state ? r.resolve : r.reject)(e._value);
-          ++r.psd.ref, ++Lt, Sr(Ha, [o, e, r]);
+          ++r.psd.ref, ++Lt, Sr(Qa, [o, e, r]);
         }
       }
-      function Ha(e, r, o) {
+      function Qa(e, r, o) {
         try {
           var a, u = r._value;
           !r._state && Lr.length && (Lr = []), a = mt && r._consoleTask ? r._consoleTask.run(function() {
@@ -4253,7 +4247,7 @@ function Tl() {
           --Lt == 0 && Wn(), --o.psd.ref || o.psd.finalize();
         }
       }
-      function Qa() {
+      function Xa() {
         Vt(Tt, function() {
           rr() && nr();
         });
@@ -4401,15 +4395,15 @@ function Tl() {
           });
         });
       }), Ft.withResolvers) && (J.withResolvers = Ft.withResolvers);
-      var He = { awaits: 0, echoes: 0, id: 0 }, Xa = 0, Wr = [], Ur = 0, Yr = 0, Ja = 0;
+      var He = { awaits: 0, echoes: 0, id: 0 }, Ja = 0, Wr = [], Ur = 0, Yr = 0, Za = 0;
       function kt(e, d, o, a) {
-        var u = ae, l = Object.create(u), d = (l.parent = u, l.ref = 0, l.global = !1, l.id = ++Ja, Tt.env, l.env = Kn ? { Promise: J, PromiseProp: { value: J, configurable: !0, writable: !0 }, all: J.all, race: J.race, allSettled: J.allSettled, any: J.any, resolve: J.resolve, reject: J.reject } : {}, d && T(l, d), ++u.ref, l.finalize = function() {
+        var u = ae, l = Object.create(u), d = (l.parent = u, l.ref = 0, l.global = !1, l.id = ++Za, Tt.env, l.env = Kn ? { Promise: J, PromiseProp: { value: J, configurable: !0, writable: !0 }, all: J.all, race: J.race, allSettled: J.allSettled, any: J.any, resolve: J.resolve, reject: J.reject } : {}, d && T(l, d), ++u.ref, l.finalize = function() {
           --this.parent.ref || this.parent.finalize();
         }, Vt(l, e, o, a));
         return l.ref === 0 && l.finalize(), d;
       }
       function or() {
-        return He.id || (He.id = ++Xa), ++He.awaits, He.echoes += Wo, He.id;
+        return He.id || (He.id = ++Ja), ++He.awaits, He.echoes += Wo, He.id;
       }
       function Ot() {
         return !!He.awaits && (--He.awaits == 0 && (He.id = 0), He.echoes = He.awaits * Wo, !0);
@@ -4421,7 +4415,7 @@ function Tl() {
           return Ot(), Ue(r);
         })) : e;
       }
-      function Za() {
+      function es() {
         var e = Wr[Wr.length - 1];
         Wr.pop(), At(e, !1);
       }
@@ -4429,7 +4423,7 @@ function Tl() {
         var o, a, u = ae;
         (r ? !He.echoes || Ur++ && e === ae : !Ur || --Ur && e === ae) || queueMicrotask(r ? (function(l) {
           ++Yr, He.echoes && --He.echoes != 0 || (He.echoes = He.awaits = He.id = 0), Wr.push(ae), At(l, !0);
-        }).bind(null, e) : Za), e !== ae && (ae = e, u === Tt && (Tt.env = Go()), Kn) && (o = Tt.env.Promise, a = e.env, u.global || e.global) && (Object.defineProperty(f, "Promise", a.PromiseProp), o.all = a.all, o.race = a.race, o.resolve = a.resolve, o.reject = a.reject, a.allSettled && (o.allSettled = a.allSettled), a.any) && (o.any = a.any);
+        }).bind(null, e) : es), e !== ae && (ae = e, u === Tt && (Tt.env = Go()), Kn) && (o = Tt.env.Promise, a = e.env, u.global || e.global) && (Object.defineProperty(f, "Promise", a.PromiseProp), o.all = a.all, o.race = a.race, o.resolve = a.resolve, o.reject = a.reject, a.allSettled && (o.allSettled = a.allSettled), a.any) && (o.any = a.any);
       }
       function Go() {
         var e = f.Promise;
@@ -4846,7 +4840,7 @@ function Tl() {
         return r;
         function l(d, p, w) {
           var O, _;
-          if (typeof d != "object") return p = p || Ga, _ = { subscribers: [], fire: w = w || q, subscribe: function(v) {
+          if (typeof d != "object") return p = p || Ha, _ = { subscribers: [], fire: w = w || q, subscribe: function(v) {
             _.subscribers.indexOf(v) === -1 && (_.subscribers.push(v), _.fire = p(_.fire, v));
           }, unsubscribe: function(v) {
             _.subscribers = _.subscribers.filter(function(x) {
@@ -5140,16 +5134,16 @@ function Tl() {
           });
         });
       };
-      var es = Se;
+      var ts = Se;
       function Se() {
       }
       var ai = function(e, r) {
         return r.value = null;
       };
-      function ts(e, r) {
+      function rs(e, r) {
         return e < r ? -1 : e === r ? 0 : 1;
       }
-      function rs(e, r) {
+      function ns(e, r) {
         return r < e ? -1 : e === r ? 0 : 1;
       }
       function at(e, r, o) {
@@ -5174,7 +5168,7 @@ function Tl() {
             return I.toLowerCase();
           } : function(I) {
             return I.toUpperCase();
-          }, d = b === "next" ? ts : rs;
+          }, d = b === "next" ? rs : ns;
           var P = o.map(function(I) {
             return { lower: l(I), upper: u(I) };
           }).sort(function(I, k) {
@@ -5367,7 +5361,7 @@ function Tl() {
       function kr(e) {
         e.stopPropagation && e.stopPropagation(), e.preventDefault && e.preventDefault();
       }
-      var Or = "storagemutated", Xn = "x-storagemutated-1", Rt = Er(null, Or), ns = (gt.prototype._lock = function() {
+      var Or = "storagemutated", Xn = "x-storagemutated-1", Rt = Er(null, Or), os = (gt.prototype._lock = function() {
         return W(!ae.global), ++this._reculock, this._reculock !== 1 || ae.global || (ae.lockOwnerFor = this), this;
       }, gt.prototype._unlock = function() {
         if (W(!ae.global), --this._reculock == 0) for (ae.global || (ae.lockOwnerFor = null); 0 < this._blockedFuncs.length && !this._locked(); ) {
@@ -5489,11 +5483,11 @@ function Tl() {
       function li(e) {
         return [].slice.call(e);
       }
-      var os = 0;
+      var is = 0;
       function Pr(e) {
         return e == null ? ":id" : typeof e == "string" ? e : "[".concat(e.join("+"), "]");
       }
-      function is(e, r, w) {
+      function as(e, r, w) {
         function a(S) {
           if (S.type === 3) return null;
           if (S.type === 4) throw new Error("Cannot convert never type to IDBKeyRange");
@@ -5571,7 +5565,7 @@ function Tl() {
               var L = P.index, H = P.range, Q = S.objectStore(x), Q = L.isPrimaryKey ? Q : Q.index(L.name), L = I ? k ? "prevunique" : "prev" : k ? "nextunique" : "next", re = !b && "openKeyCursor" in Q ? Q.openKeyCursor(a(H), L) : Q.openCursor(a(H), L);
               re.onerror = yt(N), re.onsuccess = je(function(ee) {
                 var U, oe, _e, xe, ue = re.result;
-                ue ? (ue.___id = ++os, ue.done = !1, U = ue.continue.bind(ue), oe = (oe = ue.continuePrimaryKey) && oe.bind(ue), _e = ue.advance.bind(ue), xe = function() {
+                ue ? (ue.___id = ++is, ue.done = !1, U = ue.continue.bind(ue), oe = (oe = ue.continuePrimaryKey) && oe.bind(ue), _e = ue.advance.bind(ue), xe = function() {
                   throw new Error("Cursor not stopped");
                 }, ue.trans = S, ue.stop = ue.continue = ue.continuePrimaryKey = ue.advance = function() {
                   throw new Error("Cursor not started");
@@ -5635,13 +5629,13 @@ function Tl() {
           throw new Error("Table '".concat(_, "' not found"));
         }, MIN_KEY: -1 / 0, MAX_KEY: Ar(r), schema: d };
       }
-      function as(e, r, o, a) {
-        return o = o.IDBKeyRange, r = is(r, o, a), { dbcore: e.dbcore.reduce(function(u, l) {
+      function ss(e, r, o, a) {
+        return o = o.IDBKeyRange, r = as(r, o, a), { dbcore: e.dbcore.reduce(function(u, l) {
           return l = l.create, s(s({}, u), l(u));
         }, r) };
       }
       function tn(e, r) {
-        var o = r.db, o = as(e._middlewares, o, e._deps, r);
+        var o = r.db, o = ss(e._middlewares, o, e._deps, r);
         e.core = o.dbcore, e.tables.forEach(function(a) {
           var u = a.name;
           e.core.schema.tables.some(function(l) {
@@ -5669,10 +5663,10 @@ function Tl() {
           for (var a in o) o[a] instanceof e.Table && delete o[a];
         });
       }
-      function ss(e, r) {
+      function us(e, r) {
         return e._cfg.version - r._cfg.version;
       }
-      function us(e, r, o, a) {
+      function cs(e, r, o, a) {
         var u = e._dbSchema, l = (o.objectStoreNames.contains("$meta") && !u.$meta && (u.$meta = Zn("$meta", di("")[0], []), e._storeNames.push("$meta")), e._createTransaction("readwrite", e._storeNames, u)), d = (l.create(o), l._completion.catch(a), l._reject.bind(l)), p = ae.transless || ae;
         kt(function() {
           if (ae.trans = l, ae.transless = p, r !== 0) return tn(e, o), O = r, ((w = l).storeNames.includes("$meta") ? w.table("$meta").get("version").then(function(_) {
@@ -5728,7 +5722,7 @@ function Tl() {
           }).catch(d);
         });
       }
-      function cs(e, r) {
+      function ls(e, r) {
         fi(e._dbSchema, r), r.db.version % 10 != 0 || r.objectStoreNames.contains("$meta") || r.db.createObjectStore("$meta").add(Math.ceil(r.db.version / 10 - 1), "version");
         var o = on(0, e.idbdb, r);
         an(e, e._dbSchema, r);
@@ -5826,7 +5820,7 @@ function Tl() {
       }, ur.prototype.upgrade = function(e) {
         return this._cfg.contentUpgrade = Nn(this._cfg.contentUpgrade || q, e), this;
       };
-      var ls = ur;
+      var fs = ur;
       function ur() {
       }
       function oo(e, r) {
@@ -5964,7 +5958,7 @@ function Tl() {
           e.queries.query[w] = O;
         }
       }
-      function fs(e) {
+      function ds(e) {
         var r = e._state, o = e._deps.indexedDB;
         if (r.isBeingOpened || e.idbdb) return r.dbReadyPromise.then(function() {
           return r.dbOpenError ? Ue(r.dbOpenError) : e;
@@ -5983,7 +5977,7 @@ function Tl() {
               var I;
               _ = b.transaction, r.autoSchema && !e._options.allowEmptyDB ? (b.onerror = kr, _.abort(), b.result.close(), (I = o.deleteDatabase(S)).onsuccess = I.onerror = je(function() {
                 E(new Y.NoSuchDatabase("Database ".concat(S, " doesnt exist")));
-              })) : (_.onerror = yt(E), I = P.oldVersion > Math.pow(2, 62) ? 0 : P.oldVersion, v = I < 1, e.idbdb = b.result, l && cs(e, _), us(e, I / 10, _, E));
+              })) : (_.onerror = yt(E), I = P.oldVersion > Math.pow(2, 62) ? 0 : P.oldVersion, v = I < 1, e.idbdb = b.result, l && ls(e, _), cs(e, I / 10, _, E));
             }, E), b.onsuccess = je(function() {
               _ = null;
               var P, I, k, M, N, H, Q = e.idbdb = b.result, L = ie(Q.objectStoreNames);
@@ -6069,7 +6063,7 @@ function Tl() {
         for (var a = m(e) ? e.slice() : [e], u = 0; u < o; ++u) a.push(r);
         return a;
       }
-      var ds = { stack: "dbcore", name: "VirtualIndexMiddleware", level: 1, create: function(e) {
+      var ps = { stack: "dbcore", name: "VirtualIndexMiddleware", level: 1, create: function(e) {
         return s(s({}, e), { table: function(a) {
           var o = e.table(a), a = o.schema, u = {}, l = [];
           function d(x, E, S) {
@@ -6127,7 +6121,7 @@ function Tl() {
       function mo(e, r) {
         return r.type === "delete" ? r.keys : r.keys || r.values.map(e.extractKey);
       }
-      var ps = { stack: "dbcore", name: "HooksMiddleware", level: 2, create: function(e) {
+      var hs = { stack: "dbcore", name: "HooksMiddleware", level: 2, create: function(e) {
         return s(s({}, e), { table: function(r) {
           var o = e.table(r), a = o.schema.primaryKey;
           return s(s({}, o), { mutate: function(u) {
@@ -6197,7 +6191,7 @@ function Tl() {
           return null;
         }
       }
-      var hs = { stack: "dbcore", level: -1, create: function(e) {
+      var ms = { stack: "dbcore", level: -1, create: function(e) {
         return { table: function(r) {
           var o = e.table(r);
           return s(s({}, o), { getMany: function(a) {
@@ -6224,7 +6218,7 @@ function Tl() {
             return !1;
         }
       }
-      var ms = { stack: "dbcore", level: 0, name: "Observability", create: function(e) {
+      var ys = { stack: "dbcore", level: 0, name: "Observability", create: function(e) {
         var r = e.schema.name, o = new tt(e.MIN_KEY, e.MAX_KEY);
         return s(s({}, e), { transaction: function(a, u, l) {
           if (ae.subscr && u !== "readonly") throw new Y.ReadOnly("Readwrite transaction in liveQuery context. Querier source: ".concat(ae.querier));
@@ -6374,7 +6368,7 @@ function Tl() {
       function Si(e, r) {
         return we(e.lower, r.lower) === 0 && we(e.upper, r.upper) === 0 && !!e.lowerOpen == !!r.lowerOpen && !!e.upperOpen == !!r.upperOpen;
       }
-      function ys(e, r) {
+      function gs(e, r) {
         return ((o, a, u, l) => {
           if (o === void 0) return a !== void 0 ? -1 : 0;
           if (a === void 0) return 1;
@@ -6395,7 +6389,7 @@ function Tl() {
           return o;
         })(e.upper, r.upper, e.upperOpen, r.upperOpen);
       }
-      function gs(e, r, o, a) {
+      function vs(e, r, o, a) {
         e.subscribers.add(o), a.addEventListener("abort", function() {
           var u, l;
           e.subscribers.delete(o), e.subscribers.size === 0 && (u = e, l = r, setTimeout(function() {
@@ -6403,7 +6397,7 @@ function Tl() {
           }, 3e3));
         });
       }
-      var vs = { stack: "dbcore", level: 0, name: "Cache", create: function(e) {
+      var bs = { stack: "dbcore", level: 0, name: "Cache", create: function(e) {
         var r = e.schema.name;
         return s(s({}, e), { transaction: function(o, a, u) {
           var l, d, p = e.transaction(o, a, u);
@@ -6470,7 +6464,7 @@ function Tl() {
                     return N.req.limit === P.limit && N.req.values === P.values && Si(N.req.query.range, P.query.range);
                   });
                   return M ? [M, !0, I, k] : [k.find(function(N) {
-                    return ("limit" in N.req ? N.req.limit : 1 / 0) >= P.limit && (!P.values || N.req.values) && ys(N.req.query.range, P.query.range);
+                    return ("limit" in N.req ? N.req.limit : 1 / 0) >= P.limit && (!P.values || N.req.values) && gs(N.req.query.range, P.query.range);
                   }), !1, I, k];
                 case "count":
                   return M = k.find(function(N) {
@@ -6486,7 +6480,7 @@ function Tl() {
               return E;
             }).catch(function(E) {
               return _ && x && qe(_, x), Promise.reject(E);
-            }), x = { obsSet: l.obsSet, promise: v, subscribers: /* @__PURE__ */ new Set(), type: "query", req: l, dirty: !1 }, _ ? _.push(x) : (_ = [x], (O = O || (Ut["idb://".concat(r, "/").concat(o)] = { queries: { query: {}, count: {} }, objs: /* @__PURE__ */ new Map(), optimisticOps: [], unsignaledParts: {} })).queries.query[l.query.index.name || ""] = _)), gs(x, _, p, w), x.promise.then(function(E) {
+            }), x = { obsSet: l.obsSet, promise: v, subscribers: /* @__PURE__ */ new Set(), type: "query", req: l, dirty: !1 }, _ ? _.push(x) : (_ = [x], (O = O || (Ut["idb://".concat(r, "/").concat(o)] = { queries: { query: {}, count: {} }, objs: /* @__PURE__ */ new Map(), optimisticOps: [], unsignaledParts: {} })).queries.query[l.query.index.name || ""] = _)), vs(x, _, p, w), x.promise.then(function(E) {
               return { result: _i(E.result, l, O == null ? void 0 : O.optimisticOps, a, x, d) };
             })) : a.query(l);
           } });
@@ -6504,7 +6498,7 @@ function Tl() {
         var r = this._versions, o = r.filter(function(a) {
           return a._cfg.version === e;
         })[0];
-        return o || (o = new this.Version(e), r.push(o), r.sort(ss), o.stores({}), this._state.autoSchema = !1), o;
+        return o || (o = new this.Version(e), r.push(o), r.sort(us), o.stores({}), this._state.autoSchema = !1), o;
       }, Ye.prototype._whenReady = function(e) {
         var r = this;
         return this.idbdb && (this._state.openComplete || ae.letThrough || this._vip) ? e() : new J(function(o, a) {
@@ -6528,7 +6522,7 @@ function Tl() {
       }, Ye.prototype.open = function() {
         var e = this;
         return Vt(Tt, function() {
-          return fs(e);
+          return ds(e);
         });
       }, Ye.prototype._close = function() {
         this.on.close.fire(new CustomEvent("close"));
@@ -6671,7 +6665,7 @@ function Tl() {
               }));
             });
           };
-        }), this.Collection = (o = this, Tr(es.prototype, function(P, b) {
+        }), this.Collection = (o = this, Tr(ts.prototype, function(P, b) {
           this.db = o;
           var E = Xo, S = null;
           if (b) try {
@@ -6682,8 +6676,8 @@ function Tl() {
           var b = P._ctx, P = b.table, I = P.hook.reading.fire;
           this._ctx = { table: P, index: b.index, isPrimKey: !b.index || P.schema.primKey.keyPath && b.index === P.schema.primKey.name, range: E, keysOnly: !1, dir: "next", unique: "", algorithm: null, filter: null, replayFilter: null, justLimit: !0, isMatch: null, offset: 0, limit: 1 / 0, error: S, or: b.or, valueMapper: I !== et ? I : null };
         })), this.Table = (a = this, Tr(ni.prototype, function(v, x, E) {
-          this.db = a, this._tx = E, this.name = v, this.schema = x, this.hook = a._allTables[v] ? a._allTables[v].hook : Er(null, { creating: [Wa, q], reading: [tr, et], updating: [Ya, q], deleting: [Ua, q] });
-        })), this.Transaction = (u = this, Tr(ns.prototype, function(v, x, E, S, b) {
+          this.db = a, this._tx = E, this.name = v, this.schema = x, this.hook = a._allTables[v] ? a._allTables[v].hook : Er(null, { creating: [Ua, q], reading: [tr, et], updating: [Ga, q], deleting: [Ya, q] });
+        })), this.Transaction = (u = this, Tr(os.prototype, function(v, x, E, S, b) {
           var P = this;
           v !== "readonly" && x.forEach(function(I) {
             I = (I = E[I]) == null ? void 0 : I.yProps, I && (x = x.concat(I.map(function(k) {
@@ -6697,7 +6691,7 @@ function Tl() {
             var k = P.active;
             return P.active = !1, P.on.error.fire(I), P.parent ? P.parent._reject(I) : k && P.idbtrans && P.idbtrans.abort(), Ue(I);
           });
-        })), this.Version = (l = this, Tr(ls.prototype, function(v) {
+        })), this.Version = (l = this, Tr(fs.prototype, function(v) {
           this.db = l, this._cfg = { version: v, storesSource: null, dbschema: {}, tables: {}, contentUpgrade: null };
         })), this.WhereClause = (d = this, Tr(ui.prototype, function(v, x, E) {
           if (this.db = d, this._ctx = { table: v, index: x === ":id" ? null : x, or: E }, this._cmp = this._ascending = we, this._descending = function(S, b) {
@@ -6719,7 +6713,7 @@ function Tl() {
           }).map(function(x) {
             return x.on("versionchange").fire(v);
           });
-        }, this.use(hs), this.use(vs), this.use(ms), this.use(ds), this.use(ps), new Proxy(this, { get: function(v, x, E) {
+        }, this.use(ms), this.use(bs), this.use(ys), this.use(ps), this.use(hs), new Proxy(this, { get: function(v, x, E) {
           var S;
           return x === "_vip" || (x === "table" ? function(b) {
             return fn(p.table(b), _);
@@ -6733,7 +6727,7 @@ function Tl() {
           return v(p);
         });
       }
-      var dn, cr = typeof Symbol < "u" && "observable" in Symbol ? Symbol.observable : "@@observable", bs = (go.prototype.subscribe = function(e, r, o) {
+      var dn, cr = typeof Symbol < "u" && "observable" in Symbol ? Symbol.observable : "@@observable", ws = (go.prototype.subscribe = function(e, r, o) {
         return this._subscribe(e && typeof e != "function" ? e : { next: e, error: r, complete: o });
       }, go.prototype[cr] = function() {
         return this;
@@ -6747,7 +6741,7 @@ function Tl() {
         dn = { indexedDB: null, IDBKeyRange: null };
       }
       function xi(e) {
-        var r, o = !1, a = new bs(function(u) {
+        var r, o = !1, a = new ws(function(u) {
           var l = ne(e), d, p = !1, w = {}, O = {}, _ = { get closed() {
             return p;
           }, unsubscribe: function() {
@@ -6891,7 +6885,7 @@ function Tl() {
   })(vn)), vn.exports;
 }
 var kl = Tl();
-const Do = /* @__PURE__ */ ba(kl), sa = Symbol.for("Dexie"), br = globalThis[sa] || (globalThis[sa] = Do);
+const Do = /* @__PURE__ */ wa(kl), sa = Symbol.for("Dexie"), br = globalThis[sa] || (globalThis[sa] = Do);
 if (Do.semVer !== br.semVer)
   throw new Error(`Two different versions of Dexie loaded in the same app: ${Do.semVer} and ${br.semVer}`);
 const {
@@ -7055,7 +7049,7 @@ const Dl = ({
   };
   return /* @__PURE__ */ We(Me, { display: "flex", flexDirection: "column", height: "100%", children: [
     /* @__PURE__ */ B(
-      ya,
+      ga,
       {
         position: "static",
         elevation: 0,
@@ -7063,7 +7057,7 @@ const Dl = ({
           backgroundColor: "background.default",
           color: "text.primary"
         },
-        children: /* @__PURE__ */ B(ga, { children: /* @__PURE__ */ B(rt, { variant: "h6", component: "div", children: "Messages" }) })
+        children: /* @__PURE__ */ B(va, { children: /* @__PURE__ */ B(rt, { variant: "h6", component: "div", children: "Messages" }) })
       }
     ),
     /* @__PURE__ */ B(Me, { flex: 1, overflow: "auto", children: s && !m.length ? /* @__PURE__ */ B(Ei, { disablePadding: !0, children: [1, 2, 3, 4, 5].map((g) => /* @__PURE__ */ B(Cl, {}, g)) }) : f ? /* @__PURE__ */ B(Me, { p: 2, children: /* @__PURE__ */ We(Nr, { severity: "error", children: [
@@ -7116,7 +7110,7 @@ const Dl = ({
 }) => {
   const f = n === "group";
   return /* @__PURE__ */ B(
-    ya,
+    ga,
     {
       position: "static",
       elevation: 0,
@@ -7124,9 +7118,9 @@ const Dl = ({
         backgroundColor: "background.default",
         color: "text.primary"
       },
-      children: /* @__PURE__ */ We(ga, { children: [
+      children: /* @__PURE__ */ We(va, { children: [
         c && /* @__PURE__ */ B(
-          va,
+          ba,
           {
             edge: "start",
             color: "inherit",
@@ -7145,7 +7139,7 @@ const Dl = ({
               bgcolor: f ? "primary.main" : "secondary.main",
               mr: 2
             },
-            children: f ? /* @__PURE__ */ B(La, {}) : /* @__PURE__ */ B(Va, {})
+            children: f ? /* @__PURE__ */ B(Va, {}) : /* @__PURE__ */ B(za, {})
           }
         ),
         /* @__PURE__ */ We(Me, { flex: 1, children: [
@@ -7161,7 +7155,7 @@ const Dl = ({
           )
         ] }),
         !s && /* @__PURE__ */ B(
-          ks,
+          Os,
           {
             icon: /* @__PURE__ */ B(_l, {}),
             label: "Disconnected",
@@ -7181,8 +7175,8 @@ function jl(t) {
     hour12: !0
   });
 }
-const za = 300 * 1e3;
-function yf(t, n = za) {
+const Wa = 300 * 1e3;
+function yf(t, n = Wa) {
   if (t.length === 0) return [];
   const i = [];
   let s = null;
@@ -7207,7 +7201,7 @@ function yf(t, n = za) {
   }
   return s && i.push(s), i;
 }
-function ua(t, n, i = za) {
+function ua(t, n, i = Wa) {
   if (t.sender !== n.sender) return !1;
   const s = new Date(t.created_at).getTime(), c = new Date(n.created_at).getTime();
   return Math.abs(c - s) <= i;
@@ -7273,7 +7267,7 @@ const ca = async (t, n = {}) => {
         children: [
           !n && C,
           /* @__PURE__ */ We(
-            Os,
+            As,
             {
               elevation: 1,
               sx: {
@@ -7451,7 +7445,7 @@ const Vl = ({
     t.length > 0 && T.current && (T.current.scrollIntoView({ behavior: "auto" }), A.current = !0);
   }, []), xt(() => {
     !h || !t.length || (C.current && (R.current = C.current.scrollHeight), K(!1));
-  }, [h]), xs(() => {
+  }, [h]), Cs(() => {
     if (t.length) {
       if ($ && T.current && A.current)
         T.current.scrollIntoView({ behavior: "smooth" });
@@ -7536,7 +7530,7 @@ const Vl = ({
   };
   return /* @__PURE__ */ We(Me, { display: "flex", gap: 1, p: 2, borderTop: 1, borderColor: "divider", children: [
     /* @__PURE__ */ B(
-      As,
+      Ps,
       {
         ref: h,
         fullWidth: !0,
@@ -7554,7 +7548,7 @@ const Vl = ({
       }
     ),
     /* @__PURE__ */ B(
-      va,
+      ba,
       {
         color: "primary",
         onClick: m,
@@ -7669,7 +7663,7 @@ const Ul = ({
     )
   ] });
 };
-class la extends Cs {
+class la extends Es {
   constructor(i) {
     super(i);
     $t(this, "handleReset", () => {
@@ -7701,7 +7695,7 @@ class la extends Cs {
             /* @__PURE__ */ B(rt, { variant: "body2", color: "text.secondary", children: ((i = this.state.error) == null ? void 0 : i.message) || "An unexpected error occurred" })
           ] }),
           /* @__PURE__ */ B(
-            Ps,
+            da,
             {
               variant: "contained",
               startIcon: /* @__PURE__ */ B(vl, {}),
@@ -7868,7 +7862,7 @@ const gf = ({
   children: n,
   max: i = 99
 }) => /* @__PURE__ */ B(
-  ha,
+  ma,
   {
     badgeContent: t,
     color: "error",
@@ -7900,7 +7894,7 @@ const gf = ({
     primary: "#eee",
     secondary: "#aaa"
   }
-}, wf = qa({
+}, wf = La({
   palette: {
     mode: "light",
     primary: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@college-africa/chat-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "private": false,
   "description": "React chat UI component library for College Africa Chat",