@college-africa/chat-ui 1.2.5 → 1.2.6

package/dist/index.mjs

@@ -1,49 +1,49 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, s as p, t as m, u as h } from "./summaries-BKYNtoGV.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, s as p, t as m, u as h } from "./summaries-D8HQzaBl.js";
 import * as g from "react";
 import _, { Children as v, Component as y, createContext as b, createElement as x, forwardRef as S, useCallback as C, useContext as ee, useEffect as w, useLayoutEffect as te, useMemo as ne, useRef as T, useState as E } from "react";
-import { Alert as D, AlertTitle as re, AppBar as O, Autocomplete as k, Avatar as A, Badge as ie, Box as j, Button as M, Chip as ae, CircularProgress as oe, Dialog as se, DialogActions as ce, DialogContent as le, DialogTitle as ue, Divider as de, Drawer as fe, FormControlLabel as pe, IconButton as N, InputAdornment as me, List as he, ListItem as ge, ListItemAvatar as _e, ListItemButton as ve, ListItemText as ye, Menu as be, MenuItem as P, Paper as xe, Select as Se, Skeleton as Ce, Snackbar as we, Switch as Te, TextField as Ee, Toolbar as De, Tooltip as Oe, Typography as F } from "@mui/material";
-import { Fragment as ke, jsx as I, jsxs as L } from "react/jsx-runtime";
-import Ae from "@emotion/styled";
+import { Alert as D, AlertTitle as re, AppBar as O, Autocomplete as k, Avatar as A, Badge as ie, Box as j, Button as M, Chip as ae, CircularProgress as N, Dialog as oe, DialogActions as se, DialogContent as ce, DialogTitle as le, Divider as ue, Drawer as de, FormControlLabel as fe, IconButton as P, InputAdornment as pe, List as me, ListItem as he, ListItemAvatar as ge, ListItemButton as _e, ListItemText as ve, Menu as ye, MenuItem as F, Paper as be, Select as xe, Skeleton as Se, Snackbar as Ce, Switch as we, TextField as Te, Toolbar as Ee, Tooltip as De, Typography as I } from "@mui/material";
+import { Fragment as Oe, jsx as L, jsxs as R } from "react/jsx-runtime";
+import ke from "@emotion/styled";
 import "@emotion/react";
 //#region src/utils/misc.ts
-var je = (e, t) => e instanceof Error ? e : Error(t), Me = () => /* @__PURE__ */ I(j, {
+var Ae = (e, t) => e instanceof Error ? e : Error(t), je = () => /* @__PURE__ */ L(j, {
 	display: "flex",
 	justifyContent: "center",
 	alignItems: "center",
 	height: "100vh",
-	children: /* @__PURE__ */ I(oe, {})
-}), Ne = ({ error: e, retry: t }) => /* @__PURE__ */ I(j, {
+	children: /* @__PURE__ */ L(N, {})
+}), Me = ({ error: e, retry: t }) => /* @__PURE__ */ L(j, {
 	display: "flex",
 	justifyContent: "center",
 	alignItems: "center",
 	height: "100vh",
 	p: 2,
-	children: /* @__PURE__ */ L(D, {
+	children: /* @__PURE__ */ R(D, {
 		severity: "error",
-		action: /* @__PURE__ */ I(M, {
+		action: /* @__PURE__ */ L(M, {
 			onClick: t,
 			children: " Retry"
 		}),
-		children: [/* @__PURE__ */ I(re, { children: "Failed to initialize chat" }), e.message]
+		children: [/* @__PURE__ */ L(re, { children: "Failed to initialize chat" }), e.message]
 	})
-}), Pe = ({ config: e, children: t, LoadingComponent: n = Me, ErrorComponent: r = Ne }) => {
+}), Ne = ({ config: e, children: t, LoadingComponent: n = je, ErrorComponent: r = Me }) => {
 	let [i, a] = E(!1), [o, c] = E(null), l = C(async () => {
 		a(!1), c(null);
 		try {
 			if (p()) return;
 			await d(e), a(!0);
 		} catch (e) {
-			c(je(e, "Unknown error initializing SDK"));
+			c(Ae(e, "Unknown error initializing SDK"));
 		}
 	}, [e]);
 	return w(() => (l(), () => {
 		s();
-	}), [l]), !i && !o ? /* @__PURE__ */ I(n, {}) : o ? /* @__PURE__ */ I(r, {
+	}), [l]), !i && !o ? /* @__PURE__ */ L(n, {}) : o ? /* @__PURE__ */ L(r, {
 		error: o,
 		retry: l
-	}) : /* @__PURE__ */ I(ke, { children: t });
-}, Fe = (e) => e, Ie = (() => {
-	let e = Fe;
+	}) : /* @__PURE__ */ L(Oe, { children: t });
+}, Pe = (e) => e, Fe = (() => {
+	let e = Pe;
 	return {
 		configure(t) {
 			e = t;
@@ -52,25 +52,25 @@ var je = (e, t) => e instanceof Error ? e : Error(t), Me = () => /* @__PURE__ */
 			return e(t);
 		},
 		reset() {
-			e = Fe;
+			e = Pe;
 		}
 	};
 })();
 //#endregion
 //#region node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
-function Le(e, ...t) {
+function Ie(e, ...t) {
 	let n = new URL(`https://mui.com/production-error/?code=${e}`);
 	return t.forEach((e) => n.searchParams.append("args[]", e)), `Minified MUI error #${e}; visit ${n} for the full message.`;
 }
 //#endregion
 //#region node_modules/@mui/utils/esm/capitalize/capitalize.js
-function Re(e) {
-	if (typeof e != "string") throw Error(process.env.NODE_ENV === "production" ? Le(7) : "MUI: `capitalize(string)` expects a string argument.");
+function Le(e) {
+	if (typeof e != "string") throw Error(process.env.NODE_ENV === "production" ? Ie(7) : "MUI: `capitalize(string)` expects a string argument.");
 	return e.charAt(0).toUpperCase() + e.slice(1);
 }
 //#endregion
 //#region node_modules/@mui/material/esm/utils/capitalize.js
-var ze = Re, Be = /* @__PURE__ */ a(((e) => {
+var Re = Le, ze = /* @__PURE__ */ a(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -126,7 +126,7 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 	}, e.isValidElementType = function(e) {
 		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
 	}, e.typeOf = b;
-})), Ve = /* @__PURE__ */ a(((e) => {
+})), Be = /* @__PURE__ */ a(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -170,41 +170,41 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 		function ae(e) {
 			return x(e) === c;
 		}
-		function oe(e) {
+		function N(e) {
 			return x(e) === s;
 		}
-		function se(e) {
+		function oe(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function ce(e) {
+		function se(e) {
 			return x(e) === d;
 		}
-		function le(e) {
+		function ce(e) {
 			return x(e) === i;
 		}
-		function ue(e) {
+		function le(e) {
 			return x(e) === h;
 		}
-		function de(e) {
+		function ue(e) {
 			return x(e) === m;
 		}
-		function fe(e) {
+		function de(e) {
 			return x(e) === r;
 		}
-		function pe(e) {
+		function fe(e) {
 			return x(e) === o;
 		}
-		function N(e) {
+		function P(e) {
 			return x(e) === a;
 		}
-		function me(e) {
+		function pe(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = w, e.Element = te, e.ForwardRef = ne, e.Fragment = T, e.Lazy = E, e.Memo = D, e.Portal = re, e.Profiler = O, e.StrictMode = k, e.Suspense = A, e.isAsyncMode = j, e.isConcurrentMode = M, e.isContextConsumer = ae, e.isContextProvider = oe, e.isElement = se, e.isForwardRef = ce, e.isFragment = le, e.isLazy = ue, e.isMemo = de, e.isPortal = fe, e.isProfiler = pe, e.isStrictMode = N, e.isSuspense = me, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = w, e.Element = te, e.ForwardRef = ne, e.Fragment = T, e.Lazy = E, e.Memo = D, e.Portal = re, e.Profiler = O, e.StrictMode = k, e.Suspense = A, e.isAsyncMode = j, e.isConcurrentMode = M, e.isContextConsumer = ae, e.isContextProvider = N, e.isElement = oe, e.isForwardRef = se, e.isFragment = ce, e.isLazy = le, e.isMemo = ue, e.isPortal = de, e.isProfiler = fe, e.isStrictMode = P, e.isSuspense = pe, e.isValidElementType = b, e.typeOf = x;
 	})();
+})), Ve = /* @__PURE__ */ a(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ze() : t.exports = Be();
 })), He = /* @__PURE__ */ a(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = Be() : t.exports = Ve();
-})), Ue = /* @__PURE__ */ a(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -237,14 +237,14 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 		}
 		return s;
 	};
-})), We = /* @__PURE__ */ a(((e, t) => {
+})), Ue = /* @__PURE__ */ a(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), Ge = /* @__PURE__ */ a(((e, t) => {
+})), We = /* @__PURE__ */ a(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), Ke = /* @__PURE__ */ a(((e, t) => {
+})), Ge = /* @__PURE__ */ a(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = We(), i = {}, a = Ge();
+		var r = Ue(), i = {}, a = We();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -277,8 +277,8 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), qe = /* @__PURE__ */ a(((e, t) => {
-	var n = He(), r = Ue(), i = We(), a = Ge(), o = Ke(), s = function() {};
+})), Ke = /* @__PURE__ */ a(((e, t) => {
+	var n = Ve(), r = He(), i = Ue(), a = We(), o = Ge(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -536,8 +536,8 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), Je = /* @__PURE__ */ a(((e, t) => {
-	var n = We();
+})), qe = /* @__PURE__ */ a(((e, t) => {
+	var n = Ue();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -576,30 +576,30 @@ var ze = Re, Be = /* @__PURE__ */ a(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), Ye = /* @__PURE__ */ a(((e, t) => {
+})), Je = /* @__PURE__ */ a(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = He();
-		t.exports = qe()(n.isElement, !0);
-	} else t.exports = Je()();
+		var n = Ve();
+		t.exports = Ke()(n.isElement, !0);
+	} else t.exports = qe()();
 }));
 //#endregion
 //#region ../../node_modules/clsx/dist/clsx.mjs
-function Xe(e) {
+function Ye(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = Xe(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = Ye(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function Ze() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Xe(e)) && (r && (r += " "), r += t);
+function Xe() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ye(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/@mui/utils/esm/composeClasses/composeClasses.js
-function Qe(e, t, n = void 0) {
+function Ze(e, t, n = void 0) {
 	let r = {};
 	for (let i in e) {
 		let a = e[i], o = "", s = !0;
@@ -613,7 +613,7 @@ function Qe(e, t, n = void 0) {
 }
 //#endregion
 //#region node_modules/react-is/cjs/react-is.production.js
-var $e = /* @__PURE__ */ a(((e) => {
+var Qe = /* @__PURE__ */ a(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.consumer"), s = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
 	function h(e) {
 		if (typeof e == "object" && e) {
@@ -666,7 +666,7 @@ var $e = /* @__PURE__ */ a(((e) => {
 	}, e.isValidElementType = function(e) {
 		return !!(typeof e == "string" || typeof e == "function" || e === r || e === a || e === i || e === l || e === u || typeof e == "object" && e && (e.$$typeof === f || e.$$typeof === d || e.$$typeof === s || e.$$typeof === o || e.$$typeof === c || e.$$typeof === m || e.getModuleId !== void 0));
 	}, e.typeOf = h;
-})), et = /* @__PURE__ */ a(((e) => {
+})), $e = /* @__PURE__ */ a(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (typeof e == "object" && e) {
@@ -721,43 +721,43 @@ var $e = /* @__PURE__ */ a(((e) => {
 			return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || e === a || e === u || e === d || typeof e == "object" && e && (e.$$typeof === p || e.$$typeof === f || e.$$typeof === c || e.$$typeof === s || e.$$typeof === l || e.$$typeof === h || e.getModuleId !== void 0));
 		}, e.typeOf = t;
 	})();
-})), tt = (/* @__PURE__ */ a(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = $e() : t.exports = et();
+})), et = (/* @__PURE__ */ a(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Qe() : t.exports = $e();
 })))();
-function nt(e) {
+function tt(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function rt(e) {
-	if (/* @__PURE__ */ g.isValidElement(e) || (0, tt.isValidElementType)(e) || !nt(e)) return e;
+function nt(e) {
+	if (/* @__PURE__ */ g.isValidElement(e) || (0, et.isValidElementType)(e) || !tt(e)) return e;
 	let t = {};
 	return Object.keys(e).forEach((n) => {
-		t[n] = rt(e[n]);
+		t[n] = nt(e[n]);
 	}), t;
 }
-function R(e, t, n = { clone: !0 }) {
+function z(e, t, n = { clone: !0 }) {
 	let r = n.clone ? { ...e } : e;
-	return nt(e) && nt(t) && Object.keys(t).forEach((i) => {
-		/* @__PURE__ */ g.isValidElement(t[i]) || (0, tt.isValidElementType)(t[i]) ? r[i] = t[i] : nt(t[i]) && Object.prototype.hasOwnProperty.call(e, i) && nt(e[i]) ? r[i] = R(e[i], t[i], n) : n.clone ? r[i] = nt(t[i]) ? rt(t[i]) : t[i] : r[i] = t[i];
+	return tt(e) && tt(t) && Object.keys(t).forEach((i) => {
+		/* @__PURE__ */ g.isValidElement(t[i]) || (0, et.isValidElementType)(t[i]) ? r[i] = t[i] : tt(t[i]) && Object.prototype.hasOwnProperty.call(e, i) && tt(e[i]) ? r[i] = z(e[i], t[i], n) : n.clone ? r[i] = tt(t[i]) ? nt(t[i]) : t[i] : r[i] = t[i];
 	}), r;
 }
 //#endregion
 //#region node_modules/@mui/system/esm/merge/merge.js
-function it(e, t) {
-	return t ? R(e, t, { clone: !1 }) : e;
+function rt(e, t) {
+	return t ? z(e, t, { clone: !1 }) : e;
 }
 //#endregion
 //#region node_modules/@mui/system/esm/responsivePropType/responsivePropType.js
-var z = /* @__PURE__ */ e(Ye()), at = process.env.NODE_ENV === "production" ? {} : z.default.oneOfType([
-	z.default.number,
-	z.default.string,
-	z.default.object,
-	z.default.array
+var B = /* @__PURE__ */ e(Je()), it = process.env.NODE_ENV === "production" ? {} : B.default.oneOfType([
+	B.default.number,
+	B.default.string,
+	B.default.object,
+	B.default.array
 ]);
 //#endregion
 //#region node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js
-function ot(e, t) {
+function at(e, t) {
 	if (!e.containerQueries) return t;
 	let n = Object.keys(t).filter((e) => e.startsWith("@container")).sort((e, t) => {
 		let n = /min-width:\s*([0-9.]+)/;
@@ -768,10 +768,10 @@ function ot(e, t) {
 		return delete e[n], e[n] = r, e;
 	}, { ...t }) : t;
 }
-function st(e, t) {
+function ot(e, t) {
 	return t === "@" || t.startsWith("@") && (e.some((e) => t.startsWith(`@${e}`)) || !!t.match(/^@\d/));
 }
-function ct(e, t) {
+function st(e, t) {
 	let n = t.match(/^@([^/]+)?\/?(.+)?$/);
 	if (!n) {
 		if (process.env.NODE_ENV !== "production") throw Error(`MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\nFor example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`);
@@ -780,7 +780,7 @@ function ct(e, t) {
 	let [, r, i] = n, a = Number.isNaN(+r) ? r || 0 : +r;
 	return e.containerQueries(i).up(a);
 }
-function lt(e) {
+function ct(e) {
 	let t = (e, t) => e.replace("@media", t ? `@container ${t}` : "@container");
 	function n(n, r) {
 		n.up = (...n) => t(e.breakpoints.up(...n), r), n.down = (...n) => t(e.breakpoints.down(...n), r), n.between = (...n) => t(e.breakpoints.between(...n), r), n.only = (...n) => t(e.breakpoints.only(...n), r), n.not = (...n) => {
@@ -796,13 +796,13 @@ function lt(e) {
 }
 //#endregion
 //#region node_modules/@mui/system/esm/breakpoints/breakpoints.js
-var ut = {
+var lt = {
 	xs: 0,
 	sm: 600,
 	md: 900,
 	lg: 1200,
 	xl: 1536
-}, dt = {
+}, ut = {
 	keys: [
 		"xs",
 		"sm",
@@ -810,24 +810,24 @@ var ut = {
 		"lg",
 		"xl"
 	],
-	up: (e) => `@media (min-width:${ut[e]}px)`
-}, ft = { containerQueries: (e) => ({ up: (t) => {
-	let n = typeof t == "number" ? t : ut[t] || t;
+	up: (e) => `@media (min-width:${lt[e]}px)`
+}, dt = { containerQueries: (e) => ({ up: (t) => {
+	let n = typeof t == "number" ? t : lt[t] || t;
 	return typeof n == "number" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;
 } }) };
-function pt(e, t, n) {
+function ft(e, t, n) {
 	let r = e.theme || {};
 	if (Array.isArray(t)) {
-		let e = r.breakpoints || dt;
+		let e = r.breakpoints || ut;
 		return t.reduce((r, i, a) => (r[e.up(e.keys[a])] = n(t[a]), r), {});
 	}
 	if (typeof t == "object") {
-		let e = r.breakpoints || dt;
+		let e = r.breakpoints || ut;
 		return Object.keys(t).reduce((i, a) => {
-			if (st(e.keys, a)) {
-				let e = ct(r.containerQueries ? r : ft, a);
+			if (ot(e.keys, a)) {
+				let e = st(r.containerQueries ? r : dt, a);
 				e && (i[e] = n(t[a], a));
-			} else if (Object.keys(e.values || ut).includes(a)) {
+			} else if (Object.keys(e.values || lt).includes(a)) {
 				let r = e.up(a);
 				i[r] = n(t[a], a);
 			} else {
@@ -839,13 +839,13 @@ function pt(e, t, n) {
 	}
 	return n(t);
 }
-function mt(e = {}) {
+function pt(e = {}) {
 	return e.keys?.reduce((t, n) => {
 		let r = e.up(n);
 		return t[r] = {}, t;
 	}, {}) || {};
 }
-function ht(e, t) {
+function mt(e, t) {
 	return e.reduce((e, t) => {
 		let n = e[t];
 		return (!n || Object.keys(n).length === 0) && delete e[t], e;
@@ -853,7 +853,7 @@ function ht(e, t) {
 }
 //#endregion
 //#region node_modules/@mui/system/esm/style/style.js
-function gt(e, t, n = !0) {
+function ht(e, t, n = !0) {
 	if (!t || typeof t != "string") return null;
 	if (e && e.vars && n) {
 		let n = `vars.${t}`.split(".").reduce((e, t) => e && e[t] ? e[t] : null, e);
@@ -861,50 +861,50 @@ function gt(e, t, n = !0) {
 	}
 	return t.split(".").reduce((e, t) => e && e[t] != null ? e[t] : null, e);
 }
-function _t(e, t, n, r = n) {
+function gt(e, t, n, r = n) {
 	let i;
-	return i = typeof e == "function" ? e(n) : Array.isArray(e) ? e[n] || r : gt(e, n) || r, t && (i = t(i, r, e)), i;
+	return i = typeof e == "function" ? e(n) : Array.isArray(e) ? e[n] || r : ht(e, n) || r, t && (i = t(i, r, e)), i;
 }
-function B(e) {
+function V(e) {
 	let { prop: t, cssProperty: n = e.prop, themeKey: r, transform: i } = e, a = (e) => {
 		if (e[t] == null) return null;
-		let a = e[t], o = e.theme, s = gt(o, r) || {};
-		return pt(e, a, (e) => {
-			let r = _t(s, i, e);
-			return e === r && typeof e == "string" && (r = _t(s, i, `${t}${e === "default" ? "" : Re(e)}`, e)), n === !1 ? r : { [n]: r };
+		let a = e[t], o = e.theme, s = ht(o, r) || {};
+		return ft(e, a, (e) => {
+			let r = gt(s, i, e);
+			return e === r && typeof e == "string" && (r = gt(s, i, `${t}${e === "default" ? "" : Le(e)}`, e)), n === !1 ? r : { [n]: r };
 		});
 	};
-	return a.propTypes = process.env.NODE_ENV === "production" ? {} : { [t]: at }, a.filterProps = [t], a;
+	return a.propTypes = process.env.NODE_ENV === "production" ? {} : { [t]: it }, a.filterProps = [t], a;
 }
 //#endregion
 //#region node_modules/@mui/system/esm/memoize/memoize.js
-function vt(e) {
+function _t(e) {
 	let t = {};
 	return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);
 }
 //#endregion
 //#region node_modules/@mui/system/esm/spacing/spacing.js
-var yt = {
+var vt = {
 	m: "margin",
 	p: "padding"
-}, bt = {
+}, yt = {
 	t: "Top",
 	r: "Right",
 	b: "Bottom",
 	l: "Left",
 	x: ["Left", "Right"],
 	y: ["Top", "Bottom"]
-}, xt = {
+}, bt = {
 	marginX: "mx",
 	marginY: "my",
 	paddingX: "px",
 	paddingY: "py"
-}, St = vt((e) => {
-	if (e.length > 2) if (xt[e]) e = xt[e];
+}, xt = _t((e) => {
+	if (e.length > 2) if (bt[e]) e = bt[e];
 	else return [e];
-	let [t, n] = e.split(""), r = yt[t], i = bt[n] || "";
+	let [t, n] = e.split(""), r = vt[t], i = yt[n] || "";
 	return Array.isArray(i) ? i.map((e) => r + e) : [r + i];
-}), Ct = [
+}), St = [
 	"m",
 	"mt",
 	"mr",
@@ -925,7 +925,7 @@ var yt = {
 	"marginBlock",
 	"marginBlockStart",
 	"marginBlockEnd"
-], wt = [
+], Ct = [
 	"p",
 	"pt",
 	"pr",
@@ -946,9 +946,9 @@ var yt = {
 	"paddingBlock",
 	"paddingBlockStart",
 	"paddingBlockEnd"
-], Tt = [...Ct, ...wt];
-function Et(e, t, n, r) {
-	let i = gt(e, t, !0) ?? n;
+], wt = [...St, ...Ct];
+function Tt(e, t, n, r) {
+	let i = ht(e, t, !0) ?? n;
 	return typeof i == "number" || typeof i == "string" ? (e) => typeof e == "string" ? e : (process.env.NODE_ENV !== "production" && typeof e != "number" && console.error(`MUI: Expected ${r} argument to be a number or a string, got ${e}.`), typeof i == "string" ? i.startsWith("var(") && e === 0 ? 0 : i.startsWith("var(") && e === 1 ? i : `calc(${e} * ${i})` : i * e) : Array.isArray(i) ? (e) => {
 		if (typeof e == "string") return e;
 		let n = Math.abs(e);
@@ -961,166 +961,166 @@ function Et(e, t, n, r) {
 		return e >= 0 ? r : typeof r == "number" ? -r : typeof r == "string" && r.startsWith("var(") ? `calc(-1 * ${r})` : `-${r}`;
 	} : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join("\n")), () => void 0);
 }
-function Dt(e) {
-	return Et(e, "spacing", 8, "spacing");
+function Et(e) {
+	return Tt(e, "spacing", 8, "spacing");
 }
-function Ot(e, t) {
+function Dt(e, t) {
 	return typeof t == "string" || t == null ? t : e(t);
 }
-function kt(e, t) {
-	return (n) => e.reduce((e, r) => (e[r] = Ot(t, n), e), {});
+function Ot(e, t) {
+	return (n) => e.reduce((e, r) => (e[r] = Dt(t, n), e), {});
 }
-function At(e, t, n, r) {
+function kt(e, t, n, r) {
 	if (!t.includes(n)) return null;
-	let i = kt(St(n), r), a = e[n];
-	return pt(e, a, i);
+	let i = Ot(xt(n), r), a = e[n];
+	return ft(e, a, i);
 }
-function jt(e, t) {
-	let n = Dt(e.theme);
-	return Object.keys(e).map((r) => At(e, t, r, n)).reduce(it, {});
-}
-function V(e) {
-	return jt(e, Ct);
+function At(e, t) {
+	let n = Et(e.theme);
+	return Object.keys(e).map((r) => kt(e, t, r, n)).reduce(rt, {});
 }
-V.propTypes = process.env.NODE_ENV === "production" ? {} : Ct.reduce((e, t) => (e[t] = at, e), {}), V.filterProps = Ct;
 function H(e) {
-	return jt(e, wt);
+	return At(e, St);
 }
-H.propTypes = process.env.NODE_ENV === "production" ? {} : wt.reduce((e, t) => (e[t] = at, e), {}), H.filterProps = wt;
-function Mt(e) {
-	return jt(e, Tt);
+H.propTypes = process.env.NODE_ENV === "production" ? {} : St.reduce((e, t) => (e[t] = it, e), {}), H.filterProps = St;
+function U(e) {
+	return At(e, Ct);
+}
+U.propTypes = process.env.NODE_ENV === "production" ? {} : Ct.reduce((e, t) => (e[t] = it, e), {}), U.filterProps = Ct;
+function jt(e) {
+	return At(e, wt);
 }
-Mt.propTypes = process.env.NODE_ENV === "production" ? {} : Tt.reduce((e, t) => (e[t] = at, e), {}), Mt.filterProps = Tt;
+jt.propTypes = process.env.NODE_ENV === "production" ? {} : wt.reduce((e, t) => (e[t] = it, e), {}), jt.filterProps = wt;
 //#endregion
 //#region node_modules/@mui/system/esm/compose/compose.js
-function Nt(...e) {
+function Mt(...e) {
 	let t = e.reduce((e, t) => (t.filterProps.forEach((n) => {
 		e[n] = t;
-	}), e), {}), n = (e) => Object.keys(e).reduce((n, r) => t[r] ? it(n, t[r](e)) : n, {});
+	}), e), {}), n = (e) => Object.keys(e).reduce((n, r) => t[r] ? rt(n, t[r](e)) : n, {});
 	return n.propTypes = process.env.NODE_ENV === "production" ? {} : e.reduce((e, t) => Object.assign(e, t.propTypes), {}), n.filterProps = e.reduce((e, t) => e.concat(t.filterProps), []), n;
 }
 //#endregion
 //#region node_modules/@mui/system/esm/borders/borders.js
-function Pt(e) {
+function Nt(e) {
 	return typeof e == "number" ? `${e}px solid` : e;
 }
-function Ft(e, t) {
-	return B({
+function Pt(e, t) {
+	return V({
 		prop: e,
 		themeKey: "borders",
 		transform: t
 	});
 }
-var It = Ft("border", Pt), Lt = Ft("borderTop", Pt), Rt = Ft("borderRight", Pt), zt = Ft("borderBottom", Pt), Bt = Ft("borderLeft", Pt), Vt = Ft("borderColor"), Ht = Ft("borderTopColor"), Ut = Ft("borderRightColor"), Wt = Ft("borderBottomColor"), Gt = Ft("borderLeftColor"), Kt = Ft("outline", Pt), qt = Ft("outlineColor"), Jt = (e) => {
+var Ft = Pt("border", Nt), It = Pt("borderTop", Nt), Lt = Pt("borderRight", Nt), Rt = Pt("borderBottom", Nt), zt = Pt("borderLeft", Nt), Bt = Pt("borderColor"), Vt = Pt("borderTopColor"), Ht = Pt("borderRightColor"), Ut = Pt("borderBottomColor"), Wt = Pt("borderLeftColor"), Gt = Pt("outline", Nt), Kt = Pt("outlineColor"), qt = (e) => {
 	if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-		let t = Et(e.theme, "shape.borderRadius", 4, "borderRadius");
-		return pt(e, e.borderRadius, (e) => ({ borderRadius: Ot(t, e) }));
+		let t = Tt(e.theme, "shape.borderRadius", 4, "borderRadius");
+		return ft(e, e.borderRadius, (e) => ({ borderRadius: Dt(t, e) }));
 	}
 	return null;
 };
-Jt.propTypes = process.env.NODE_ENV === "production" ? {} : { borderRadius: at }, Jt.filterProps = ["borderRadius"], Nt(It, Lt, Rt, zt, Bt, Vt, Ht, Ut, Wt, Gt, Jt, Kt, qt);
+qt.propTypes = process.env.NODE_ENV === "production" ? {} : { borderRadius: it }, qt.filterProps = ["borderRadius"], Mt(Ft, It, Lt, Rt, zt, Bt, Vt, Ht, Ut, Wt, qt, Gt, Kt);
 //#endregion
 //#region node_modules/@mui/system/esm/cssGrid/cssGrid.js
-var Yt = (e) => {
+var Jt = (e) => {
 	if (e.gap !== void 0 && e.gap !== null) {
-		let t = Et(e.theme, "spacing", 8, "gap");
-		return pt(e, e.gap, (e) => ({ gap: Ot(t, e) }));
+		let t = Tt(e.theme, "spacing", 8, "gap");
+		return ft(e, e.gap, (e) => ({ gap: Dt(t, e) }));
 	}
 	return null;
 };
-Yt.propTypes = process.env.NODE_ENV === "production" ? {} : { gap: at }, Yt.filterProps = ["gap"];
-var Xt = (e) => {
+Jt.propTypes = process.env.NODE_ENV === "production" ? {} : { gap: it }, Jt.filterProps = ["gap"];
+var Yt = (e) => {
 	if (e.columnGap !== void 0 && e.columnGap !== null) {
-		let t = Et(e.theme, "spacing", 8, "columnGap");
-		return pt(e, e.columnGap, (e) => ({ columnGap: Ot(t, e) }));
+		let t = Tt(e.theme, "spacing", 8, "columnGap");
+		return ft(e, e.columnGap, (e) => ({ columnGap: Dt(t, e) }));
 	}
 	return null;
 };
-Xt.propTypes = process.env.NODE_ENV === "production" ? {} : { columnGap: at }, Xt.filterProps = ["columnGap"];
-var Zt = (e) => {
+Yt.propTypes = process.env.NODE_ENV === "production" ? {} : { columnGap: it }, Yt.filterProps = ["columnGap"];
+var Xt = (e) => {
 	if (e.rowGap !== void 0 && e.rowGap !== null) {
-		let t = Et(e.theme, "spacing", 8, "rowGap");
-		return pt(e, e.rowGap, (e) => ({ rowGap: Ot(t, e) }));
+		let t = Tt(e.theme, "spacing", 8, "rowGap");
+		return ft(e, e.rowGap, (e) => ({ rowGap: Dt(t, e) }));
 	}
 	return null;
 };
-Zt.propTypes = process.env.NODE_ENV === "production" ? {} : { rowGap: at }, Zt.filterProps = ["rowGap"], Nt(Yt, Xt, Zt, B({ prop: "gridColumn" }), B({ prop: "gridRow" }), B({ prop: "gridAutoFlow" }), B({ prop: "gridAutoColumns" }), B({ prop: "gridAutoRows" }), B({ prop: "gridTemplateColumns" }), B({ prop: "gridTemplateRows" }), B({ prop: "gridTemplateAreas" }), B({ prop: "gridArea" }));
+Xt.propTypes = process.env.NODE_ENV === "production" ? {} : { rowGap: it }, Xt.filterProps = ["rowGap"], Mt(Jt, Yt, Xt, V({ prop: "gridColumn" }), V({ prop: "gridRow" }), V({ prop: "gridAutoFlow" }), V({ prop: "gridAutoColumns" }), V({ prop: "gridAutoRows" }), V({ prop: "gridTemplateColumns" }), V({ prop: "gridTemplateRows" }), V({ prop: "gridTemplateAreas" }), V({ prop: "gridArea" }));
 //#endregion
 //#region node_modules/@mui/system/esm/palette/palette.js
-function Qt(e, t) {
+function Zt(e, t) {
 	return t === "grey" ? t : e;
 }
-Nt(B({
+Mt(V({
 	prop: "color",
 	themeKey: "palette",
-	transform: Qt
-}), B({
+	transform: Zt
+}), V({
 	prop: "bgcolor",
 	cssProperty: "backgroundColor",
 	themeKey: "palette",
-	transform: Qt
-}), B({
+	transform: Zt
+}), V({
 	prop: "backgroundColor",
 	themeKey: "palette",
-	transform: Qt
+	transform: Zt
 }));
 //#endregion
 //#region node_modules/@mui/system/esm/sizing/sizing.js
-function U(e) {
+function Qt(e) {
 	return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-var $t = B({
+var $t = V({
 	prop: "width",
-	transform: U
-}), en = (e) => e.maxWidth !== void 0 && e.maxWidth !== null ? pt(e, e.maxWidth, (t) => {
-	let n = e.theme?.breakpoints?.values?.[t] || ut[t];
-	return n ? e.theme?.breakpoints?.unit === "px" ? { maxWidth: n } : { maxWidth: `${n}${e.theme.breakpoints.unit}` } : { maxWidth: U(t) };
+	transform: Qt
+}), en = (e) => e.maxWidth !== void 0 && e.maxWidth !== null ? ft(e, e.maxWidth, (t) => {
+	let n = e.theme?.breakpoints?.values?.[t] || lt[t];
+	return n ? e.theme?.breakpoints?.unit === "px" ? { maxWidth: n } : { maxWidth: `${n}${e.theme.breakpoints.unit}` } : { maxWidth: Qt(t) };
 }) : null;
 en.filterProps = ["maxWidth"];
-var tn = B({
+var tn = V({
 	prop: "minWidth",
-	transform: U
-}), nn = B({
+	transform: Qt
+}), nn = V({
 	prop: "height",
-	transform: U
-}), rn = B({
+	transform: Qt
+}), rn = V({
 	prop: "maxHeight",
-	transform: U
-}), an = B({
+	transform: Qt
+}), an = V({
 	prop: "minHeight",
-	transform: U
+	transform: Qt
 });
-B({
+V({
 	prop: "size",
 	cssProperty: "width",
-	transform: U
-}), B({
+	transform: Qt
+}), V({
 	prop: "size",
 	cssProperty: "height",
-	transform: U
-}), Nt($t, en, tn, nn, rn, an, B({ prop: "boxSizing" }));
+	transform: Qt
+}), Mt($t, en, tn, nn, rn, an, V({ prop: "boxSizing" }));
 //#endregion
 //#region node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js
 var on = {
 	border: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	borderTop: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	borderRight: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	borderBottom: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	borderLeft: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	borderColor: { themeKey: "palette" },
 	borderTopColor: { themeKey: "palette" },
@@ -1129,66 +1129,66 @@ var on = {
 	borderLeftColor: { themeKey: "palette" },
 	outline: {
 		themeKey: "borders",
-		transform: Pt
+		transform: Nt
 	},
 	outlineColor: { themeKey: "palette" },
 	borderRadius: {
 		themeKey: "shape.borderRadius",
-		style: Jt
+		style: qt
 	},
 	color: {
 		themeKey: "palette",
-		transform: Qt
+		transform: Zt
 	},
 	bgcolor: {
 		themeKey: "palette",
 		cssProperty: "backgroundColor",
-		transform: Qt
+		transform: Zt
 	},
 	backgroundColor: {
 		themeKey: "palette",
-		transform: Qt
+		transform: Zt
 	},
-	p: { style: H },
-	pt: { style: H },
-	pr: { style: H },
-	pb: { style: H },
-	pl: { style: H },
-	px: { style: H },
-	py: { style: H },
-	padding: { style: H },
-	paddingTop: { style: H },
-	paddingRight: { style: H },
-	paddingBottom: { style: H },
-	paddingLeft: { style: H },
-	paddingX: { style: H },
-	paddingY: { style: H },
-	paddingInline: { style: H },
-	paddingInlineStart: { style: H },
-	paddingInlineEnd: { style: H },
-	paddingBlock: { style: H },
-	paddingBlockStart: { style: H },
-	paddingBlockEnd: { style: H },
-	m: { style: V },
-	mt: { style: V },
-	mr: { style: V },
-	mb: { style: V },
-	ml: { style: V },
-	mx: { style: V },
-	my: { style: V },
-	margin: { style: V },
-	marginTop: { style: V },
-	marginRight: { style: V },
-	marginBottom: { style: V },
-	marginLeft: { style: V },
-	marginX: { style: V },
-	marginY: { style: V },
-	marginInline: { style: V },
-	marginInlineStart: { style: V },
-	marginInlineEnd: { style: V },
-	marginBlock: { style: V },
-	marginBlockStart: { style: V },
-	marginBlockEnd: { style: V },
+	p: { style: U },
+	pt: { style: U },
+	pr: { style: U },
+	pb: { style: U },
+	pl: { style: U },
+	px: { style: U },
+	py: { style: U },
+	padding: { style: U },
+	paddingTop: { style: U },
+	paddingRight: { style: U },
+	paddingBottom: { style: U },
+	paddingLeft: { style: U },
+	paddingX: { style: U },
+	paddingY: { style: U },
+	paddingInline: { style: U },
+	paddingInlineStart: { style: U },
+	paddingInlineEnd: { style: U },
+	paddingBlock: { style: U },
+	paddingBlockStart: { style: U },
+	paddingBlockEnd: { style: U },
+	m: { style: H },
+	mt: { style: H },
+	mr: { style: H },
+	mb: { style: H },
+	ml: { style: H },
+	mx: { style: H },
+	my: { style: H },
+	margin: { style: H },
+	marginTop: { style: H },
+	marginRight: { style: H },
+	marginBottom: { style: H },
+	marginLeft: { style: H },
+	marginX: { style: H },
+	marginY: { style: H },
+	marginInline: { style: H },
+	marginInlineStart: { style: H },
+	marginInlineEnd: { style: H },
+	marginBlock: { style: H },
+	marginBlockStart: { style: H },
+	marginBlockEnd: { style: H },
 	displayPrint: {
 		cssProperty: !1,
 		transform: (e) => ({ "@media print": { display: e } })
@@ -1211,9 +1211,9 @@ var on = {
 	alignSelf: {},
 	justifyItems: {},
 	justifySelf: {},
-	gap: { style: Yt },
-	rowGap: { style: Zt },
-	columnGap: { style: Xt },
+	gap: { style: Jt },
+	rowGap: { style: Xt },
+	columnGap: { style: Yt },
 	gridColumn: {},
 	gridRow: {},
 	gridAutoFlow: {},
@@ -1230,12 +1230,12 @@ var on = {
 	bottom: {},
 	left: {},
 	boxShadow: { themeKey: "shadows" },
-	width: { transform: U },
+	width: { transform: Qt },
 	maxWidth: { style: en },
-	minWidth: { transform: U },
-	height: { transform: U },
-	maxHeight: { transform: U },
-	minHeight: { transform: U },
+	minWidth: { transform: Qt },
+	height: { transform: Qt },
+	maxHeight: { transform: Qt },
+	minHeight: { transform: Qt },
 	boxSizing: {},
 	font: { themeKey: "font" },
 	fontFamily: { themeKey: "typography" },
@@ -1270,10 +1270,10 @@ function ln() {
 		let { cssProperty: o = e, themeKey: s, transform: c, style: l } = a;
 		if (t == null) return null;
 		if (s === "typography" && t === "inherit") return { [e]: t };
-		let u = gt(n, s) || {};
-		return l ? l(i) : pt(i, t, (t) => {
-			let n = _t(u, c, t);
-			return t === n && typeof t == "string" && (n = _t(u, c, `${e}${t === "default" ? "" : Re(t)}`, t)), o === !1 ? n : { [o]: n };
+		let u = ht(n, s) || {};
+		return l ? l(i) : ft(i, t, (t) => {
+			let n = gt(u, c, t);
+			return t === n && typeof t == "string" && (n = gt(u, c, `${e}${t === "default" ? "" : Le(t)}`, t)), o === !1 ? n : { [o]: n };
 		});
 	}
 	function t(n) {
@@ -1285,20 +1285,20 @@ function ln() {
 			if (typeof n == "function") r = n(i);
 			else if (typeof n != "object") return n;
 			if (!r) return null;
-			let s = mt(i.breakpoints), c = Object.keys(s), l = s;
+			let s = pt(i.breakpoints), c = Object.keys(s), l = s;
 			return Object.keys(r).forEach((n) => {
 				let a = cn(r[n], i);
-				if (a != null) if (typeof a == "object") if (o[n]) l = it(l, e(n, a, i, o));
+				if (a != null) if (typeof a == "object") if (o[n]) l = rt(l, e(n, a, i, o));
 				else {
-					let e = pt({ theme: i }, a, (e) => ({ [n]: e }));
+					let e = ft({ theme: i }, a, (e) => ({ [n]: e }));
 					sn(e, a) ? l[n] = t({
 						sx: a,
 						theme: i,
 						nested: !0
-					}) : l = it(l, e);
+					}) : l = rt(l, e);
 				}
-				else l = it(l, e(n, a, i, o));
-			}), !a && i.modularCssLayers ? { "@layer sx": ot(i, ht(c, l)) } : ot(i, ht(c, l));
+				else l = rt(l, e(n, a, i, o));
+			}), !a && i.modularCssLayers ? { "@layer sx": at(i, mt(c, l)) } : at(i, mt(c, l));
 		}
 		return Array.isArray(r) ? r.map(s) : s(r);
 	}
@@ -1477,7 +1477,7 @@ function En(e, t, n) {
 //#endregion
 //#region node_modules/@mui/styled-engine/esm/index.js
 function Dn(e, t) {
-	let n = Ae(e, t);
+	let n = ke(e, t);
 	return process.env.NODE_ENV === "production" ? n : (...t) => {
 		let r = typeof e == "string" ? `"${e}"` : "component";
 		return t.length === 0 ? console.error([`MUI: Seems like you called \`styled(${r})()\` without a \`style\` argument.`, "You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`."].join("\n")) : t.some((e) => e === void 0) && console.error(`MUI: the styled(${r})(...args) API requires all its args to be defined.`), n(...t);
@@ -1544,7 +1544,7 @@ function Mn(e) {
 var Nn = { borderRadius: 4 };
 //#endregion
 //#region node_modules/@mui/system/esm/createTheme/createSpacing.js
-function Pn(e = 8, t = Dt({ spacing: e })) {
+function Pn(e = 8, t = Et({ spacing: e })) {
 	if (e.mui) return e;
 	let n = (...e) => (process.env.NODE_ENV !== "production" && (e.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)), (e.length === 0 ? [1] : e).map((e) => {
 		let n = t(e);
@@ -1566,7 +1566,7 @@ function Fn(e, t) {
 //#endregion
 //#region node_modules/@mui/system/esm/createTheme/createTheme.js
 function In(e = {}, ...t) {
-	let { breakpoints: n = {}, palette: r = {}, spacing: i, shape: a = {}, ...o } = e, s = Mn(n), c = Pn(i), l = R({
+	let { breakpoints: n = {}, palette: r = {}, spacing: i, shape: a = {}, ...o } = e, s = Mn(n), c = Pn(i), l = z({
 		breakpoints: s,
 		direction: "ltr",
 		components: {},
@@ -1580,7 +1580,7 @@ function In(e = {}, ...t) {
 			...a
 		}
 	}, o);
-	return l = lt(l), l.applyStyles = Fn, l = t.reduce((e, t) => R(e, t), l), l.unstable_sxConfig = {
+	return l = ct(l), l.applyStyles = Fn, l = t.reduce((e, t) => z(e, t), l), l.unstable_sxConfig = {
 		...on,
 		...o?.unstable_sxConfig
 	}, l.unstable_sx = function(e) {
@@ -1608,7 +1608,7 @@ var Ln = {
 };
 function Rn(e, t, n = "Mui") {
 	let r = Ln[t];
-	return r ? `${n}-${r}` : `${Ie.generate(e)}-${t}`;
+	return r ? `${n}-${r}` : `${Fe.generate(e)}-${t}`;
 }
 //#endregion
 //#region node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js
@@ -1632,8 +1632,8 @@ function Hn(e) {
 		if (typeof e == "string") return e;
 		if (typeof e == "function") return Bn(e, "Component");
 		if (typeof e == "object") switch (e.$$typeof) {
-			case tt.ForwardRef: return Vn(e, e.render, "ForwardRef");
-			case tt.Memo: return Vn(e, e.type, "memo");
+			case et.ForwardRef: return Vn(e, e.render, "ForwardRef");
+			case et.Memo: return Vn(e, e.type, "memo");
 			default: return;
 		}
 	}
@@ -1716,7 +1716,7 @@ function Zn(e = {}) {
 			if (typeof e == "function") return function(t) {
 				return Yn(t, e, t.theme.modularCssLayers ? d : void 0);
 			};
-			if (nt(e)) {
+			if (tt(e)) {
 				let t = Un(e);
 				return function(e) {
 					return t.variants ? Yn(e, t, e.theme.modularCssLayers ? d : void 0) : e.theme.modularCssLayers ? Kn(t.style, d) : t.style;
@@ -1753,7 +1753,7 @@ function Zn(e = {}) {
 	};
 }
 function Qn(e, t, n) {
-	return e ? `${e}${Re(t || "")}` : `Styled(${Hn(n)})`;
+	return e ? `${e}${Le(t || "")}` : `Styled(${Hn(n)})`;
 }
 function $n(e, t) {
 	let n;
@@ -1790,7 +1790,7 @@ function rr(e, t, n = !1) {
 					r[a][t] = rr(i[t], o[t], n);
 				}
 			}
-		} else a === "className" && n && t.className ? r.className = Ze(e?.className, t?.className) : a === "style" && n && t.style ? r.style = {
+		} else a === "className" && n && t.className ? r.className = Xe(e?.className, t?.className) : a === "style" && n && t.style ? r.style = {
 			...e?.style,
 			...t?.style
 		} : r[a] === void 0 && (r[a] = e[a]);
@@ -1822,7 +1822,7 @@ function sr(e) {
 		"hsl",
 		"hsla",
 		"color"
-	].includes(n)) throw Error(process.env.NODE_ENV === "production" ? Le(9, e) : `MUI: Unsupported \`${e}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`);
+	].includes(n)) throw Error(process.env.NODE_ENV === "production" ? Ie(9, e) : `MUI: Unsupported \`${e}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`);
 	let r = e.substring(t + 1, e.length - 1), i;
 	if (n === "color") {
 		if (r = r.split(" "), i = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), ![
@@ -1831,7 +1831,7 @@ function sr(e) {
 			"a98-rgb",
 			"prophoto-rgb",
 			"rec-2020"
-		].includes(i)) throw Error(process.env.NODE_ENV === "production" ? Le(10, i) : `MUI: unsupported \`${i}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`);
+		].includes(i)) throw Error(process.env.NODE_ENV === "production" ? Ie(10, i) : `MUI: unsupported \`${i}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`);
 	} else r = r.split(",");
 	return r = r.map((e) => parseFloat(e)), {
 		type: n,
@@ -1923,14 +1923,14 @@ function yr(e, t, n) {
 //#region node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js
 var br = /* @__PURE__ */ g.createContext(void 0);
 function xr({ value: e, children: t }) {
-	return /* @__PURE__ */ I(br.Provider, {
+	return /* @__PURE__ */ L(br.Provider, {
 		value: e,
 		children: t
 	});
 }
 process.env.NODE_ENV !== "production" && (xr.propTypes = {
-	children: z.default.node,
-	value: z.default.object
+	children: B.default.node,
+	value: B.default.object
 });
 function Sr(e) {
 	let { theme: t, name: n, props: r } = e;
@@ -2004,13 +2004,13 @@ function jr(e, t = {}) {
 	let { getSelector: n = _, disableCssColorScheme: r, colorSchemeSelector: i, enableContrastVars: a } = t, { colorSchemes: o = {}, components: s, defaultColorScheme: c = "light", ...l } = e, { vars: u, css: d, varsWithDefaults: f } = Ar(l, t), p = f, m = {}, { [c]: h, ...g } = o;
 	if (Object.entries(g || {}).forEach(([e, n]) => {
 		let { vars: r, css: i, varsWithDefaults: a } = Ar(n, t);
-		p = R(p, a), m[e] = {
+		p = z(p, a), m[e] = {
 			css: i,
 			vars: r
 		};
 	}), h) {
 		let { css: e, vars: n, varsWithDefaults: r } = Ar(h, t);
-		p = R(p, r), m[c] = {
+		p = z(p, r), m[c] = {
 			css: e,
 			vars: n
 		};
@@ -2028,7 +2028,7 @@ function jr(e, t = {}) {
 		generateThemeVars: () => {
 			let e = { ...u };
 			return Object.entries(m).forEach(([, { vars: t }]) => {
-				e = R(e, t);
+				e = z(e, t);
 			}), e;
 		},
 		generateStyleSheets: () => {
@@ -2329,8 +2329,8 @@ function ei(e) {
 		return t;
 	}
 	let p = ({ color: e, name: t, mainShade: n = 500, lightShade: a = 300, darkShade: o = 700 }) => {
-		if (e = { ...e }, !e.main && e[n] && (e.main = e[n]), !e.hasOwnProperty("main")) throw Error(process.env.NODE_ENV === "production" ? Le(11, t ? ` (${t})` : "", n) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\nThe color object needs to have a \`main\` property or a \`${n}\` property.`);
-		if (typeof e.main != "string") throw Error(process.env.NODE_ENV === "production" ? Le(12, t ? ` (${t})` : "", JSON.stringify(e.main)) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\n\`color.main\` should be a string, but \`${JSON.stringify(e.main)}\` was provided instead.\n
+		if (e = { ...e }, !e.main && e[n] && (e.main = e[n]), !e.hasOwnProperty("main")) throw Error(process.env.NODE_ENV === "production" ? Ie(11, t ? ` (${t})` : "", n) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\nThe color object needs to have a \`main\` property or a \`${n}\` property.`);
+		if (typeof e.main != "string") throw Error(process.env.NODE_ENV === "production" ? Ie(12, t ? ` (${t})` : "", JSON.stringify(e.main)) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\n\`color.main\` should be a string, but \`${JSON.stringify(e.main)}\` was provided instead.\n
 Did you intend to use one of the following approaches?
 
 import { green } from "@mui/material/colors";
@@ -2344,7 +2344,7 @@ const theme2 = createTheme({ palette: {
 } });`);
 		return i ? (Kr(i, e, "light", a, r), Kr(i, e, "dark", o, r)) : (Gr(e, "light", a, r), Gr(e, "dark", o, r)), e.contrastText ||= f(e.main), e;
 	}, m;
-	return t === "light" ? m = Vr() : t === "dark" && (m = Ur()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), R({
+	return t === "light" ? m = Vr() : t === "dark" && (m = Ur()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), z({
 		common: { ...Nr },
 		mode: t,
 		primary: p({
@@ -2421,7 +2421,7 @@ function oi(e, t) {
 		...a,
 		...l
 	});
-	return R({
+	return z({
 		htmlFontSize: c,
 		pxToRem: p,
 		fontFamily: n,
@@ -2548,7 +2548,7 @@ var gi = {
 //#endregion
 //#region node_modules/@mui/material/esm/styles/stringifyTheme.js
 function _i(e) {
-	return nt(e) || e === void 0 || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+	return tt(e) || e === void 0 || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
 function vi(e = {}) {
 	let t = { ...e };
@@ -2556,7 +2556,7 @@ function vi(e = {}) {
 		let t = Object.entries(e);
 		for (let r = 0; r < t.length; r++) {
 			let [i, a] = t[r];
-			!_i(a) || i.startsWith("unstable_") ? delete e[i] : nt(a) && (e[i] = { ...a }, n(e[i]));
+			!_i(a) || i.startsWith("unstable_") ? delete e[i] : tt(a) && (e[i] = { ...a }, n(e[i]));
 		}
 	}
 	return n(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -2599,11 +2599,11 @@ function xi(e) {
 }
 function Si(e = {}, ...t) {
 	let { breakpoints: n, mixins: r = {}, spacing: i, palette: a = {}, transitions: o = {}, typography: s = {}, shape: c, colorSpace: l, ...u } = e;
-	if (e.vars && e.generateThemeVars === void 0) throw Error(process.env.NODE_ENV === "production" ? Le(20) : "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.");
+	if (e.vars && e.generateThemeVars === void 0) throw Error(process.env.NODE_ENV === "production" ? Ie(20) : "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://v7.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.");
 	let d = ei({
 		...a,
 		colorSpace: l
-	}), f = In(e), p = R(f, {
+	}), f = In(e), p = z(f, {
 		mixins: ni(f.breakpoints, r),
 		palette: d,
 		shadows: ui.slice(),
@@ -2611,7 +2611,7 @@ function Si(e = {}, ...t) {
 		transitions: hi(o),
 		zIndex: { ...gi }
 	});
-	if (p = R(p, u), p = t.reduce((e, t) => R(e, t), p), process.env.NODE_ENV !== "production") {
+	if (p = z(p, u), p = t.reduce((e, t) => z(e, t), p), process.env.NODE_ENV !== "production") {
 		let e = [
 			"active",
 			"checked",
@@ -2795,7 +2795,7 @@ function Li(e, t, n, r, i) {
 }
 function Ri(e = {}, ...t) {
 	let { colorSchemes: n = { light: !0 }, defaultColorScheme: r, disableCssColorScheme: i = !1, cssVarPrefix: a = "mui", nativeColor: o = !1, shouldSkipGeneratingVar: s = Oi, colorSchemeSelector: c = n.light && n.dark ? "media" : void 0, rootSelector: l = ":root", ...u } = e, d = Object.keys(n)[0], f = r || (n.light && d !== "light" ? "light" : d), p = Ii(a), { [f]: m, light: h, dark: g, ..._ } = n, v = { ..._ }, y = m;
-	if ((f === "dark" && !("dark" in n) || f === "light" && !("light" in n)) && (y = !0), !y) throw Error(process.env.NODE_ENV === "production" ? Le(21, f) : `MUI: The \`colorSchemes.${f}\` option is either missing or invalid.`);
+	if ((f === "dark" && !("dark" in n) || f === "light" && !("light" in n)) && (y = !0), !y) throw Error(process.env.NODE_ENV === "production" ? Ie(21, f) : `MUI: The \`colorSchemes.${f}\` option is either missing or invalid.`);
 	let b;
 	o && (b = "oklch");
 	let x = Li(b, v, y, u, f);
@@ -2858,7 +2858,7 @@ function Ri(e = {}, ...t) {
 			let n = t[e];
 			e !== "tonalOffset" && !o && n && typeof n == "object" && (n.main && q(t[e], "mainChannel", lr(Mi(n.main))), n.light && q(t[e], "lightChannel", lr(Mi(n.light))), n.dark && q(t[e], "darkChannel", lr(Mi(n.dark))), n.contrastText && q(t[e], "contrastTextChannel", lr(Mi(n.contrastText))), e === "text" && (Ni(t[e], "primary"), Ni(t[e], "secondary")), e === "action" && (n.active && Ni(t[e], "active"), n.selected && Ni(t[e], "selected")));
 		});
-	}), S = t.reduce((e, t) => R(e, t), S);
+	}), S = t.reduce((e, t) => z(e, t), S);
 	let C = {
 		prefix: a,
 		disableCssColorScheme: i,
@@ -2869,7 +2869,7 @@ function Ri(e = {}, ...t) {
 	return S.vars = ee, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([e, t]) => {
 		S[e] = t;
 	}), S.generateThemeVars = w, S.generateStyleSheets = te, S.generateSpacing = function() {
-		return Pn(u.spacing, Dt(this));
+		return Pn(u.spacing, Et(this));
 	}, S.getColorSchemeSelector = Mr(c), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
 		...on,
 		...u?.unstable_sxConfig
@@ -2940,11 +2940,11 @@ var Wi = Zn({
 //#endregion
 //#region node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js
 function Ki(e) {
-	return /* @__PURE__ */ I(xr, { ...e });
+	return /* @__PURE__ */ L(xr, { ...e });
 }
 process.env.NODE_ENV !== "production" && (Ki.propTypes = {
-	children: z.default.node,
-	value: z.default.object.isRequired
+	children: B.default.node,
+	value: B.default.object.isRequired
 });
 function qi(e) {
 	return Cr(e);
@@ -2970,10 +2970,10 @@ zn("MuiSvgIcon", [
 //#region node_modules/@mui/material/esm/SvgIcon/SvgIcon.js
 var Yi = (e) => {
 	let { color: t, fontSize: n, classes: r } = e;
-	return Qe({ root: [
+	return Ze({ root: [
 		"root",
-		t !== "inherit" && `color${ze(t)}`,
-		`fontSize${ze(n)}`
+		t !== "inherit" && `color${Re(t)}`,
+		`fontSize${Re(n)}`
 	] }, Ji, r);
 }, Xi = Wi("svg", {
 	name: "MuiSvgIcon",
@@ -2982,8 +2982,8 @@ var Yi = (e) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.color !== "inherit" && t[`color${ze(n.color)}`],
-			t[`fontSize${ze(n.fontSize)}`]
+			n.color !== "inherit" && t[`color${Re(n.color)}`],
+			t[`fontSize${Re(n.fontSize)}`]
 		];
 	}
 })(Gi(({ theme: e }) => ({
@@ -3045,9 +3045,9 @@ var Yi = (e) => {
 		viewBox: d,
 		hasSvgAsChild: p
 	}, h = {};
-	return l || (h.viewBox = d), /* @__PURE__ */ L(Xi, {
+	return l || (h.viewBox = d), /* @__PURE__ */ R(Xi, {
 		as: o,
-		className: Ze(Yi(m).root, i),
+		className: Xe(Yi(m).root, i),
 		focusable: "false",
 		color: c,
 		"aria-hidden": u ? void 0 : !0,
@@ -3057,14 +3057,14 @@ var Yi = (e) => {
 		...f,
 		...p && r.props,
 		ownerState: m,
-		children: [p ? r.props.children : r, u ? /* @__PURE__ */ I("title", { children: u }) : null]
+		children: [p ? r.props.children : r, u ? /* @__PURE__ */ L("title", { children: u }) : null]
 	});
 });
 process.env.NODE_ENV !== "production" && (Zi.propTypes = {
-	children: z.default.node,
-	classes: z.default.object,
-	className: z.default.string,
-	color: z.default.oneOfType([z.default.oneOf([
+	children: B.default.node,
+	classes: B.default.object,
+	className: B.default.string,
+	color: B.default.oneOfType([B.default.oneOf([
 		"inherit",
 		"action",
 		"disabled",
@@ -3074,34 +3074,34 @@ process.env.NODE_ENV !== "production" && (Zi.propTypes = {
 		"info",
 		"success",
 		"warning"
-	]), z.default.string]),
-	component: z.default.elementType,
-	fontSize: z.default.oneOfType([z.default.oneOf([
+	]), B.default.string]),
+	component: B.default.elementType,
+	fontSize: B.default.oneOfType([B.default.oneOf([
 		"inherit",
 		"large",
 		"medium",
 		"small"
-	]), z.default.string]),
-	htmlColor: z.default.string,
-	inheritViewBox: z.default.bool,
-	shapeRendering: z.default.string,
-	sx: z.default.oneOfType([
-		z.default.arrayOf(z.default.oneOfType([
-			z.default.func,
-			z.default.object,
-			z.default.bool
+	]), B.default.string]),
+	htmlColor: B.default.string,
+	inheritViewBox: B.default.bool,
+	shapeRendering: B.default.string,
+	sx: B.default.oneOfType([
+		B.default.arrayOf(B.default.oneOfType([
+			B.default.func,
+			B.default.object,
+			B.default.bool
 		])),
-		z.default.func,
-		z.default.object
+		B.default.func,
+		B.default.object
 	]),
-	titleAccess: z.default.string,
-	viewBox: z.default.string
+	titleAccess: B.default.string,
+	viewBox: B.default.string
 }), Zi.muiName = "SvgIcon";
 //#endregion
 //#region node_modules/@mui/material/esm/utils/createSvgIcon.js
 function J(e, t) {
 	function n(n, r) {
-		return /* @__PURE__ */ I(Zi, {
+		return /* @__PURE__ */ L(Zi, {
 			"data-testid": process.env.NODE_ENV === "production" ? void 0 : `${t}Icon`,
 			ref: r,
 			...n,
@@ -3112,22 +3112,22 @@ function J(e, t) {
 }
 //#endregion
 //#region node_modules/@mui/icons-material/esm/Add.js
-var Qi = J(/* @__PURE__ */ I("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), $i = J(/* @__PURE__ */ I("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), ea = J(/* @__PURE__ */ I("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), ta = J(/* @__PURE__ */ I("path", { d: "M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.996.996 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12z" }), "AutoFixHigh"), na = J(/* @__PURE__ */ I("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close"), ra = J(/* @__PURE__ */ I("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z" }), "Delete"), ia = J(/* @__PURE__ */ I("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z" }), "DeleteOutline"), aa = J(/* @__PURE__ */ I("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" }), "Done"), oa = J(/* @__PURE__ */ I("path", { d: "M18.41 5.8 17.2 4.59c-.78-.78-2.05-.78-2.83 0l-2.68 2.68L3 15.96V20h4.04l8.74-8.74 2.63-2.63c.79-.78.79-2.05 0-2.83M6.21 18H5v-1.21l8.66-8.66 1.21 1.21zM11 20l4-4h6v4z" }), "DriveFileRenameOutline"), sa = J(/* @__PURE__ */ I("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"), ca = J(/* @__PURE__ */ I("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"), la = J(/* @__PURE__ */ I("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" }), "MoreVert"), ua = J([
-	/* @__PURE__ */ I("path", {
+var Qi = J(/* @__PURE__ */ L("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), $i = J(/* @__PURE__ */ L("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), ea = J(/* @__PURE__ */ L("path", { d: "m7 10 5 5 5-5z" }), "ArrowDropDown"), ta = J(/* @__PURE__ */ L("path", { d: "M7.5 5.6 10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29a.996.996 0 0 0-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41zm-1.03 5.49-2.12-2.12 2.44-2.44 2.12 2.12z" }), "AutoFixHigh"), na = J(/* @__PURE__ */ L("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close"), ra = J(/* @__PURE__ */ L("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z" }), "Delete"), ia = J(/* @__PURE__ */ L("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z" }), "DeleteOutline"), aa = J(/* @__PURE__ */ L("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" }), "Done"), oa = J(/* @__PURE__ */ L("path", { d: "M18.41 5.8 17.2 4.59c-.78-.78-2.05-.78-2.83 0l-2.68 2.68L3 15.96V20h4.04l8.74-8.74 2.63-2.63c.79-.78.79-2.05 0-2.83M6.21 18H5v-1.21l8.66-8.66 1.21 1.21zM11 20l4-4h6v4z" }), "DriveFileRenameOutline"), sa = J(/* @__PURE__ */ L("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"), ca = J(/* @__PURE__ */ L("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"), la = J(/* @__PURE__ */ L("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" }), "MoreVert"), ua = J([
+	/* @__PURE__ */ L("path", {
 		fillRule: "evenodd",
 		d: "M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87"
 	}, "0"),
-	/* @__PURE__ */ I("circle", {
+	/* @__PURE__ */ L("circle", {
 		cx: "9",
 		cy: "8",
 		r: "4",
 		fillRule: "evenodd"
 	}, "1"),
-	/* @__PURE__ */ I("path", {
+	/* @__PURE__ */ L("path", {
 		fillRule: "evenodd",
 		d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24C14.5 5.27 15 6.58 15 8s-.5 2.73-1.33 3.76c.42.14.86.24 1.33.24m-6 1c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
 	}, "2")
-], "PeopleAlt"), da = J(/* @__PURE__ */ I("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"), fa = J(/* @__PURE__ */ I("path", { d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4" }), "PersonAdd"), pa = J(/* @__PURE__ */ I("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" }), "Refresh"), ma = J([/* @__PURE__ */ I("path", { d: "M11.99 2C6.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" }, "0"), /* @__PURE__ */ I("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, "1")], "Schedule"), ha = J(/* @__PURE__ */ I("path", { d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z" }), "Send"), ga = J(/* @__PURE__ */ I("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), _a = J(/* @__PURE__ */ I("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), va = J(/* @__PURE__ */ I("path", { d: "M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7zm-4 4c-1.29-1.29-2.84-2.13-4.49-2.56l3.53 3.53zM2 3.05 5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24C7.81 10.89 6.27 11.73 5 13v.01L6.99 15c1.36-1.36 3.14-2.04 4.92-2.06L18.98 20l1.27-1.26L3.29 1.79zM9 17l3 3 3-3c-1.65-1.66-4.34-1.66-6 0" }), "WifiOff");
+], "PeopleAlt"), da = J(/* @__PURE__ */ L("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"), fa = J(/* @__PURE__ */ L("path", { d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4" }), "PersonAdd"), pa = J(/* @__PURE__ */ L("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" }), "Refresh"), ma = J([/* @__PURE__ */ L("path", { d: "M11.99 2C6.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" }, "0"), /* @__PURE__ */ L("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, "1")], "Schedule"), ha = J(/* @__PURE__ */ L("path", { d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z" }), "Send"), ga = J(/* @__PURE__ */ L("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), _a = J(/* @__PURE__ */ L("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), va = J(/* @__PURE__ */ L("path", { d: "M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7zm-4 4c-1.29-1.29-2.84-2.13-4.49-2.56l3.53 3.53zM2 3.05 5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24C7.81 10.89 6.27 11.73 5 13v.01L6.99 15c1.36-1.36 3.14-2.04 4.92-2.06L18.98 20l1.27-1.26L3.29 1.79zM9 17l3 3 3-3c-1.65-1.66-4.34-1.66-6 0" }), "WifiOff");
 //#endregion
 //#region src/components/ConversationItem.tsx
 function ya(e) {
@@ -3139,30 +3139,30 @@ function ya(e) {
 }
 var ba = _.memo(({ conversation: e, displayName: t, selected: n, onClick: r, currentUser: i }) => {
 	let a = !!e.group, o = e.unread_count, s = i?.role === "admin";
-	return /* @__PURE__ */ I(ge, {
+	return /* @__PURE__ */ L(he, {
 		disablePadding: !0,
-		children: /* @__PURE__ */ L(ve, {
+		children: /* @__PURE__ */ R(_e, {
 			selected: n,
 			onClick: r,
 			sx: { "&.Mui-selected": {
 				backgroundColor: "action.selected",
 				"&:hover": { backgroundColor: "action.selected" }
 			} },
-			children: [/* @__PURE__ */ I(_e, { children: /* @__PURE__ */ I(ie, {
+			children: [/* @__PURE__ */ L(ge, { children: /* @__PURE__ */ L(ie, {
 				badgeContent: o,
 				color: "primary",
 				overlap: "circular",
 				invisible: o === 0,
-				children: /* @__PURE__ */ I(A, {
+				children: /* @__PURE__ */ L(A, {
 					sx: { bgcolor: a ? "primary.main" : "secondary.main" },
-					children: I(a ? ca : da, {})
+					children: L(a ? ca : da, {})
 				})
-			}) }), /* @__PURE__ */ I(ye, {
-				primary: /* @__PURE__ */ L(j, {
+			}) }), /* @__PURE__ */ L(ve, {
+				primary: /* @__PURE__ */ R(j, {
 					display: "flex",
 					justifyContent: "space-between",
 					alignItems: "center",
-					children: [/* @__PURE__ */ I(F, {
+					children: [/* @__PURE__ */ L(I, {
 						variant: "subtitle2",
 						noWrap: !0,
 						sx: {
@@ -3170,7 +3170,7 @@ var ba = _.memo(({ conversation: e, displayName: t, selected: n, onClick: r, cur
 							flex: 1
 						},
 						children: t
-					}), /* @__PURE__ */ I(F, {
+					}), /* @__PURE__ */ L(I, {
 						variant: "caption",
 						color: "text.secondary",
 						sx: {
@@ -3180,7 +3180,7 @@ var ba = _.memo(({ conversation: e, displayName: t, selected: n, onClick: r, cur
 						children: ya(e.last_message_at)
 					})]
 				}),
-				secondary: /* @__PURE__ */ I(F, {
+				secondary: /* @__PURE__ */ L(I, {
 					variant: "body2",
 					color: "text.secondary",
 					noWrap: !0,
@@ -3190,23 +3190,23 @@ var ba = _.memo(({ conversation: e, displayName: t, selected: n, onClick: r, cur
 			})]
 		})
 	});
-}), xa = () => /* @__PURE__ */ L(ge, { children: [/* @__PURE__ */ I(_e, { children: /* @__PURE__ */ I(Ce, {
+}), xa = () => /* @__PURE__ */ R(he, { children: [/* @__PURE__ */ L(ge, { children: /* @__PURE__ */ L(Se, {
 	variant: "circular",
 	width: 40,
 	height: 40
-}) }), /* @__PURE__ */ I(ye, {
-	primary: /* @__PURE__ */ L(j, {
+}) }), /* @__PURE__ */ L(ve, {
+	primary: /* @__PURE__ */ R(j, {
 		display: "flex",
 		justifyContent: "space-between",
-		children: [/* @__PURE__ */ I(Ce, {
+		children: [/* @__PURE__ */ L(Se, {
 			variant: "text",
 			width: "60%"
-		}), /* @__PURE__ */ I(Ce, {
+		}), /* @__PURE__ */ L(Se, {
 			variant: "text",
 			width: "15%"
 		})]
 	}),
-	secondary: /* @__PURE__ */ I(Ce, {
+	secondary: /* @__PURE__ */ L(Se, {
 		variant: "text",
 		width: "80%"
 	})
@@ -4155,37 +4155,37 @@ var Xu = /* @__PURE__ */ a(((e) => {
 		function ae(e) {
 			return x(e) === c;
 		}
-		function oe(e) {
+		function N(e) {
 			return x(e) === s;
 		}
-		function se(e) {
+		function oe(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function ce(e) {
+		function se(e) {
 			return x(e) === d;
 		}
-		function le(e) {
+		function ce(e) {
 			return x(e) === i;
 		}
-		function ue(e) {
+		function le(e) {
 			return x(e) === h;
 		}
-		function de(e) {
+		function ue(e) {
 			return x(e) === m;
 		}
-		function fe(e) {
+		function de(e) {
 			return x(e) === r;
 		}
-		function pe(e) {
+		function fe(e) {
 			return x(e) === o;
 		}
-		function N(e) {
+		function P(e) {
 			return x(e) === a;
 		}
-		function me(e) {
+		function pe(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = w, e.Element = te, e.ForwardRef = ne, e.Fragment = T, e.Lazy = E, e.Memo = D, e.Portal = re, e.Profiler = O, e.StrictMode = k, e.Suspense = A, e.isAsyncMode = j, e.isConcurrentMode = M, e.isContextConsumer = ae, e.isContextProvider = oe, e.isElement = se, e.isForwardRef = ce, e.isFragment = le, e.isLazy = ue, e.isMemo = de, e.isPortal = fe, e.isProfiler = pe, e.isStrictMode = N, e.isSuspense = me, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = w, e.Element = te, e.ForwardRef = ne, e.Fragment = T, e.Lazy = E, e.Memo = D, e.Portal = re, e.Profiler = O, e.StrictMode = k, e.Suspense = A, e.isAsyncMode = j, e.isConcurrentMode = M, e.isContextConsumer = ae, e.isContextProvider = N, e.isElement = oe, e.isForwardRef = se, e.isFragment = ce, e.isLazy = le, e.isMemo = ue, e.isPortal = de, e.isProfiler = fe, e.isStrictMode = P, e.isSuspense = pe, e.isValidElementType = b, e.typeOf = x;
 	})();
 })), Qu = /* @__PURE__ */ a(((e, t) => {
 	process.env.NODE_ENV === "production" ? t.exports = Xu() : t.exports = Zu();
@@ -4472,7 +4472,7 @@ function gd(e) {
 			});
 		};
 		if (f.onReset) {
-			var o = f.onReset(x.values, ye);
+			var o = f.onReset(x.values, ve);
 			ld(o) ? o.then(a) : a();
 		} else a();
 	}, [
@@ -4563,18 +4563,18 @@ function gd(e) {
 			type: "SET_TOUCHED",
 			payload: e
 		}), (t === void 0 ? i : t) ? k(x.values) : Promise.resolve();
-	}), oe = C(function(e) {
+	}), N = C(function(e) {
 		S({
 			type: "SET_ERRORS",
 			payload: e
 		});
-	}, []), se = Td(function(e, t) {
+	}, []), oe = Td(function(e, t) {
 		var r = Q(e) ? e(x.values) : e;
 		return S({
 			type: "SET_VALUES",
 			payload: r
 		}), (t === void 0 ? n : t) ? k(r) : Promise.resolve();
-	}), ce = C(function(e, t) {
+	}), se = C(function(e, t) {
 		S({
 			type: "SET_FIELD_ERROR",
 			payload: {
@@ -4582,7 +4582,7 @@ function gd(e) {
 				value: t
 			}
 		});
-	}, []), le = Td(function(e, t, r) {
+	}, []), ce = Td(function(e, t, r) {
 		var i = Q(t) ? t($(x.values, e)) : t;
 		return S({
 			type: "SET_FIELD_VALUE",
@@ -4591,7 +4591,7 @@ function gd(e) {
 				value: i
 			}
 		}), (r === void 0 ? n : r) ? k(dd(x.values, e, i)) : Promise.resolve();
-	}), ue = C(function(e, t) {
+	}), le = C(function(e, t) {
 		var n = t, r = e, i;
 		if (!sd(e)) {
 			e.persist && e.persist();
@@ -4602,13 +4602,13 @@ function gd(e) {
 				handlerName: "handleChange"
 			}), r = /number|range/.test(o) ? (i = parseFloat(l), isNaN(i) ? "" : i) : /checkbox/.test(o) ? Cd($(x.values, n), u, l) : f && p ? Sd(f) : l;
 		}
-		n && le(n, r);
-	}, [le, x.values]), de = Td(function(e) {
+		n && ce(n, r);
+	}, [ce, x.values]), ue = Td(function(e) {
 		if (sd(e)) return function(t) {
-			return ue(t, e);
+			return le(t, e);
 		};
-		ue(e);
-	}), fe = Td(function(e, t, n) {
+		le(e);
+	}), de = Td(function(e, t, n) {
 		return t === void 0 && (t = !0), S({
 			type: "SET_FIELD_TOUCHED",
 			payload: {
@@ -4616,20 +4616,20 @@ function gd(e) {
 				value: t
 			}
 		}), (n === void 0 ? i : n) ? k(x.values) : Promise.resolve();
-	}), pe = C(function(e, t) {
+	}), fe = C(function(e, t) {
 		e.persist && e.persist();
 		var n = e.target, r = n.name, i = n.id, a = n.outerHTML, o = t || r || i;
 		!o && process.env.NODE_ENV !== "production" && _d({
 			htmlContent: a,
 			documentationAnchorLink: "handleblur-e-any--void",
 			handlerName: "handleBlur"
-		}), fe(o, !0);
-	}, [fe]), N = Td(function(e) {
+		}), de(o, !0);
+	}, [de]), P = Td(function(e) {
 		if (sd(e)) return function(t) {
-			return pe(t, e);
+			return fe(t, e);
 		};
-		pe(e);
-	}), me = C(function(e) {
+		fe(e);
+	}), pe = C(function(e) {
 		Q(e) ? S({
 			type: "SET_FORMIK_STATE",
 			payload: e
@@ -4639,23 +4639,23 @@ function gd(e) {
 				return e;
 			}
 		});
-	}, []), he = C(function(e) {
+	}, []), me = C(function(e) {
 		S({
 			type: "SET_STATUS",
 			payload: e
 		});
-	}, []), ge = C(function(e) {
+	}, []), he = C(function(e) {
 		S({
 			type: "SET_ISSUBMITTING",
 			payload: e
 		});
-	}, []), _e = Td(function() {
+	}, []), ge = Td(function() {
 		return S({ type: "SUBMIT_ATTEMPT" }), k().then(function(e) {
 			var t = e instanceof Error;
 			if (!t && Object.keys(e).length === 0) {
 				var n;
 				try {
-					if (n = be(), n === void 0) return;
+					if (n = ye(), n === void 0) return;
 				} catch (e) {
 					throw e;
 				}
@@ -4666,33 +4666,33 @@ function gd(e) {
 				});
 			} else if (_.current && (S({ type: "SUBMIT_FAILURE" }), t)) throw e;
 		});
-	}), ve = Td(function(e) {
+	}), _e = Td(function(e) {
 		if (e && e.preventDefault && Q(e.preventDefault) && e.preventDefault(), e && e.stopPropagation && Q(e.stopPropagation) && e.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
 			var t = ud();
 			t !== null && t instanceof HTMLButtonElement && !(t.attributes && t.attributes.getNamedItem("type")) && (process.env.NODE_ENV === "production" ? ku(!1) : ku(!1, "You submitted a Formik form using a button with an unspecified `type` attribute.  Most browsers default button elements to `type=\"submit\"`. If this is not a submit button, please add `type=\"button\"`."));
 		}
-		_e().catch(function(e) {
+		ge().catch(function(e) {
 			console.warn("Warning: An unhandled error was caught from submitForm()", e);
 		});
-	}), ye = {
+	}), ve = {
 		resetForm: A,
 		validateForm: k,
 		validateField: ie,
-		setErrors: oe,
-		setFieldError: ce,
-		setFieldTouched: fe,
-		setFieldValue: le,
-		setStatus: he,
-		setSubmitting: ge,
+		setErrors: N,
+		setFieldError: se,
+		setFieldTouched: de,
+		setFieldValue: ce,
+		setStatus: me,
+		setSubmitting: he,
 		setTouched: ae,
-		setValues: se,
-		setFormikState: me,
-		submitForm: _e
-	}, be = Td(function() {
-		return u(x.values, ye);
-	}), P = Td(function(e) {
+		setValues: oe,
+		setFormikState: pe,
+		submitForm: ge
+	}, ye = Td(function() {
+		return u(x.values, ve);
+	}), F = Td(function(e) {
 		e && e.preventDefault && Q(e.preventDefault) && e.preventDefault(), e && e.stopPropagation && Q(e.stopPropagation) && e.stopPropagation(), A();
-	}), xe = C(function(e) {
+	}), be = C(function(e) {
 		return {
 			value: $(x.values, e),
 			error: $(x.errors, e),
@@ -4705,28 +4705,28 @@ function gd(e) {
 		x.errors,
 		x.touched,
 		x.values
-	]), Se = C(function(e) {
+	]), xe = C(function(e) {
 		return {
 			setValue: function(t, n) {
-				return le(e, t, n);
+				return ce(e, t, n);
 			},
 			setTouched: function(t, n) {
-				return fe(e, t, n);
+				return de(e, t, n);
 			},
 			setError: function(t) {
-				return ce(e, t);
+				return se(e, t);
 			}
 		};
 	}, [
-		le,
-		fe,
-		ce
-	]), Ce = C(function(e) {
+		ce,
+		de,
+		se
+	]), Se = C(function(e) {
 		var t = ad(e), n = t ? e.name : e, r = $(x.values, n), i = {
 			name: n,
 			value: r,
-			onChange: de,
-			onBlur: N
+			onChange: ue,
+			onBlur: P
 		};
 		if (t) {
 			var a = e.type, o = e.value, s = e.as, c = e.multiple;
@@ -4734,16 +4734,16 @@ function gd(e) {
 		}
 		return i;
 	}, [
-		N,
-		de,
+		P,
+		ue,
 		x.values
-	]), we = ne(function() {
+	]), Ce = ne(function() {
 		return !(0, Du.default)(p.current, x.values);
-	}, [p.current, x.values]), Te = ne(function() {
-		return s === void 0 || we ? x.errors && Object.keys(x.errors).length === 0 : s !== !1 && Q(s) ? s(f) : s;
+	}, [p.current, x.values]), we = ne(function() {
+		return s === void 0 || Ce ? x.errors && Object.keys(x.errors).length === 0 : s !== !1 && Q(s) ? s(f) : s;
 	}, [
 		s,
-		we,
+		Ce,
 		x.errors,
 		f
 	]);
@@ -4752,30 +4752,30 @@ function gd(e) {
 		initialErrors: m.current,
 		initialTouched: h.current,
 		initialStatus: g.current,
-		handleBlur: N,
-		handleChange: de,
-		handleReset: P,
-		handleSubmit: ve,
+		handleBlur: P,
+		handleChange: ue,
+		handleReset: F,
+		handleSubmit: _e,
 		resetForm: A,
-		setErrors: oe,
-		setFormikState: me,
-		setFieldTouched: fe,
-		setFieldValue: le,
-		setFieldError: ce,
-		setStatus: he,
-		setSubmitting: ge,
+		setErrors: N,
+		setFormikState: pe,
+		setFieldTouched: de,
+		setFieldValue: ce,
+		setFieldError: se,
+		setStatus: me,
+		setSubmitting: he,
 		setTouched: ae,
-		setValues: se,
-		submitForm: _e,
+		setValues: oe,
+		submitForm: ge,
 		validateForm: k,
 		validateField: ie,
-		isValid: Te,
-		dirty: we,
+		isValid: we,
+		dirty: Ce,
 		unregisterField: M,
 		registerField: j,
-		getFieldProps: Ce,
-		getFieldMeta: xe,
-		getFieldHelpers: Se,
+		getFieldProps: Se,
+		getFieldMeta: be,
+		getFieldHelpers: xe,
 		validateOnBlur: i,
 		validateOnChange: n,
 		validateOnMount: o
@@ -5387,27 +5387,27 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 		i[e] = i[t], i[t] = n;
 	}
 	return i.join("");
-}, Pf = ({ showPassword: e, onToggleVisibility: t, onGenerate: n }) => /* @__PURE__ */ L(me, {
+}, Pf = ({ showPassword: e, onToggleVisibility: t, onGenerate: n }) => /* @__PURE__ */ R(pe, {
 	position: "end",
-	children: [n && /* @__PURE__ */ I(Oe, {
+	children: [n && /* @__PURE__ */ L(De, {
 		title: "Generate Password",
-		children: /* @__PURE__ */ I(N, {
+		children: /* @__PURE__ */ L(P, {
 			onClick: n,
 			edge: "end",
 			size: "small",
 			sx: { opacity: .7 },
 			"aria-label": "generate password",
-			children: /* @__PURE__ */ I(ta, {})
+			children: /* @__PURE__ */ L(ta, {})
 		})
-	}), /* @__PURE__ */ I(Oe, {
+	}), /* @__PURE__ */ L(De, {
 		title: e ? "Hide password" : "Show password",
-		children: /* @__PURE__ */ I(N, {
+		children: /* @__PURE__ */ L(P, {
 			onClick: t,
 			edge: "end",
 			size: "small",
 			sx: { opacity: .7 },
 			"aria-label": e ? "hide password" : "show password",
-			children: I(e ? _a : ga, {})
+			children: L(e ? _a : ga, {})
 		})
 	})]
 }), Ff = ({ type: e, autoGenerate: t = !1, formik: n, name: r }) => {
@@ -5459,7 +5459,7 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 			}
 		};
 	}
-	return /* @__PURE__ */ I(Ee, {
+	return /* @__PURE__ */ L(Te, {
 		variant: "standard",
 		onChange: a,
 		...l,
@@ -5482,7 +5482,9 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 		}
 		h(!0);
 		try {
-			p(await t().searchUsers({ name: e }));
+			let n = t();
+			if (!n) return;
+			p(await n.searchUsers({ name: e }));
 		} catch (e) {
 			console.error("Failed to search users:", e), p([]);
 		} finally {
@@ -5498,7 +5500,7 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 		if (o) return " ";
 		if (n && r && n.touched[r] && n.errors[r]) return n.errors[r];
 	};
-	return /* @__PURE__ */ I(k, {
+	return /* @__PURE__ */ L(k, {
 		open: u,
 		onOpen: () => d(!0),
 		onClose: () => d(!1),
@@ -5516,15 +5518,15 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 			component: "li",
 			...e,
 			key: t.id
-		}, /* @__PURE__ */ L(j, { children: [/* @__PURE__ */ I(F, {
+		}, /* @__PURE__ */ R(j, { children: [/* @__PURE__ */ L(I, {
 			variant: "body1",
 			children: t.name
-		}), /* @__PURE__ */ I(F, {
+		}), /* @__PURE__ */ L(I, {
 			variant: "body2",
 			color: "text.secondary",
 			children: t.email
 		})] })),
-		renderInput: (e) => /* @__PURE__ */ I(Ee, {
+		renderInput: (e) => /* @__PURE__ */ L(Te, {
 			...e,
 			label: i,
 			disabled: a,
@@ -5533,7 +5535,7 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 			helperText: w() || s,
 			InputProps: {
 				...e.InputProps,
-				endAdornment: /* @__PURE__ */ L(ke, { children: [m ? /* @__PURE__ */ I(oe, { size: 20 }) : null, e.InputProps.endAdornment] })
+				endAdornment: /* @__PURE__ */ R(Oe, { children: [m ? /* @__PURE__ */ L(N, { size: 20 }) : null, e.InputProps.endAdornment] })
 			}
 		})
 	});
@@ -5548,7 +5550,9 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 		onSubmit: async (e, { setSubmitting: a, resetForm: s }) => {
 			o(null);
 			try {
-				let a = t(), o = await a.createGroup(i, {
+				let a = t();
+				if (!a) return;
+				let o = await a.createGroup(i, {
 					name: e.name.trim(),
 					read_only: e.read_only
 				});
@@ -5557,7 +5561,7 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 					role: e.role
 				}))), s(), r?.(), n();
 			} catch (e) {
-				o(je(e, "Failed to create group"));
+				o(Ae(e, "Failed to create group"));
 			}
 			a(!1);
 		}
@@ -5580,7 +5584,7 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 	}, d = () => {
 		s.resetForm(), n();
 	};
-	return /* @__PURE__ */ L(se, {
+	return /* @__PURE__ */ R(oe, {
 		open: e,
 		onClose: d,
 		maxWidth: "sm",
@@ -5590,8 +5594,8 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 			onSubmit: s.handleSubmit
 		},
 		children: [
-			/* @__PURE__ */ I(ue, { children: "Create New Group" }),
-			/* @__PURE__ */ I(le, { children: /* @__PURE__ */ L(j, {
+			/* @__PURE__ */ L(le, { children: "Create New Group" }),
+			/* @__PURE__ */ L(ce, { children: /* @__PURE__ */ R(j, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -5599,12 +5603,12 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 					pt: 1
 				},
 				children: [
-					a && /* @__PURE__ */ I(D, {
+					a && /* @__PURE__ */ L(D, {
 						severity: "error",
 						onClose: () => o(null),
 						children: a.message
 					}),
-					/* @__PURE__ */ I(If, {
+					/* @__PURE__ */ L(If, {
 						label: "Group Name",
 						name: "name",
 						formik: s,
@@ -5612,8 +5616,8 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 						disabled: s.isSubmitting,
 						placeholder: "e.g., Computer Science 101"
 					}),
-					/* @__PURE__ */ I(pe, {
-						control: /* @__PURE__ */ I(Te, {
+					/* @__PURE__ */ L(fe, {
+						control: /* @__PURE__ */ L(we, {
 							name: "read_only",
 							checked: s.values.read_only,
 							onChange: s.handleChange,
@@ -5621,23 +5625,23 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 						}),
 						label: "Read-only group (only moderators can post)"
 					}),
-					/* @__PURE__ */ I(de, { sx: { my: 2 } }),
-					/* @__PURE__ */ L(j, { children: [/* @__PURE__ */ I(F, {
+					/* @__PURE__ */ L(ue, { sx: { my: 2 } }),
+					/* @__PURE__ */ R(j, { children: [/* @__PURE__ */ L(I, {
 						variant: "subtitle2",
 						gutterBottom: !0,
 						children: "Add Members"
-					}), /* @__PURE__ */ I(Rf, {
+					}), /* @__PURE__ */ L(Rf, {
 						multiple: !0,
 						label: "Search users to add",
 						value: s.values.members.map((e) => e.user),
 						onChange: c,
 						disabled: s.isSubmitting
 					})] }),
-					s.values.members.length > 0 && /* @__PURE__ */ L(ke, { children: [/* @__PURE__ */ I(F, {
+					s.values.members.length > 0 && /* @__PURE__ */ R(Oe, { children: [/* @__PURE__ */ L(I, {
 						variant: "subtitle2",
 						gutterBottom: !0,
 						children: "Selected Members"
-					}), s.values.members.map((e) => /* @__PURE__ */ L(j, {
+					}), s.values.members.map((e) => /* @__PURE__ */ R(j, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -5645,59 +5649,65 @@ var Pd = /* @__PURE__ */ a(((e, t) => {
 							borderRadius: 1
 						},
 						children: [
-							/* @__PURE__ */ I(j, {
+							/* @__PURE__ */ L(j, {
 								sx: { flex: 1 },
 								children: e.user.name
 							}),
-							/* @__PURE__ */ L(Se, {
+							/* @__PURE__ */ R(xe, {
 								value: e.role,
 								onChange: (t) => l(e.userId, t.target.value),
 								size: "small",
 								disabled: s.isSubmitting,
 								sx: { mr: 2 },
-								children: [/* @__PURE__ */ I(P, {
+								children: [/* @__PURE__ */ L(F, {
 									value: "member",
 									children: "Member"
-								}), /* @__PURE__ */ I(P, {
+								}), /* @__PURE__ */ L(F, {
 									value: "moderator",
 									children: "Moderator"
 								})]
 							}),
-							/* @__PURE__ */ I(N, {
+							/* @__PURE__ */ L(P, {
 								size: "small",
 								onClick: () => u(e.userId),
 								disabled: s.isSubmitting,
 								color: "error",
-								children: /* @__PURE__ */ I(na, {})
+								children: /* @__PURE__ */ L(na, {})
 							})
 						]
 					}, e.userId))] })
 				]
 			}) }),
-			/* @__PURE__ */ L(ce, {
+			/* @__PURE__ */ R(se, {
 				sx: { p: 3 },
-				children: [/* @__PURE__ */ I(M, {
+				children: [/* @__PURE__ */ L(M, {
 					onClick: d,
 					disabled: s.isSubmitting,
 					children: "Cancel"
-				}), /* @__PURE__ */ I(M, {
+				}), /* @__PURE__ */ L(M, {
 					type: "submit",
 					variant: "contained",
 					disabled: s.isSubmitting || !s.isValid,
-					startIcon: s.isSubmitting && /* @__PURE__ */ I(oe, { size: 16 }),
+					startIcon: s.isSubmitting && /* @__PURE__ */ L(N, { size: 16 }),
 					children: "Create Group"
 				})]
 			})
 		]
 	});
 }, Vf = async (e) => {
-	let n = await t().getGroups(e);
-	return await r.groups.clear(), await r.groups.bulkPut(n), n;
+	let n = t();
+	if (!n) throw Error("SDK not initialized");
+	let i = await n.getGroups(e);
+	return await r.groups.clear(), await r.groups.bulkPut(i), i;
 }, Hf = async (e, n, i) => {
-	let a = await t().updateGroup(e, n, { name: i });
-	return await r.groups.update(n, { name: a.name }), a;
+	let a = t();
+	if (!a) throw Error("SDK not initialized");
+	let o = await a.updateGroup(e, n, { name: i });
+	return await r.groups.update(n, { name: o.name }), o;
 }, Uf = async (e, n) => {
-	await t().deleteGroup(e, n), await r.groups.delete(n), await r.summaries.filter((e) => e.group === n).delete();
+	let i = t();
+	if (!i) throw Error("SDK not initialized");
+	await i.deleteGroup(e, n), await r.groups.delete(n), await r.summaries.filter((e) => e.group === n).delete();
 };
 //#endregion
 //#region node_modules/dexie-react-hooks/dist/dexie-react-hooks.mjs
@@ -5754,7 +5764,9 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 	w(() => {
 		d.length > 0 && n?.org && (async () => {
 			if (!n?.org) return;
-			let e = t(), r = {};
+			let e = t();
+			if (!e) return;
+			let r = {};
 			for (let t of d) try {
 				if (t.user !== void 0 && !g[t.user]) {
 					let n = await e.getUser(t.user);
@@ -5780,35 +5792,35 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 			name: v(e)
 		});
 	};
-	return /* @__PURE__ */ L(j, {
+	return /* @__PURE__ */ R(j, {
 		display: "flex",
 		flexDirection: "column",
 		height: "100%",
 		children: [
-			/* @__PURE__ */ I(O, {
+			/* @__PURE__ */ L(O, {
 				position: "static",
 				elevation: 0,
 				sx: {
 					backgroundColor: "background.default",
 					color: "text.primary"
 				},
-				children: /* @__PURE__ */ L(De, { children: [/* @__PURE__ */ I(F, {
+				children: /* @__PURE__ */ R(Ee, { children: [/* @__PURE__ */ L(I, {
 					variant: "h6",
 					component: "div",
 					sx: { flexGrow: 1 },
 					children: "Messages"
-				}), p && /* @__PURE__ */ I(Oe, {
+				}), p && /* @__PURE__ */ L(De, {
 					title: "Create Group",
-					children: /* @__PURE__ */ I(N, {
+					children: /* @__PURE__ */ L(P, {
 						color: "primary",
 						onClick: () => u(!0),
 						size: "small",
 						sx: { mr: -2 },
-						children: /* @__PURE__ */ I(Qi, {})
+						children: /* @__PURE__ */ L(Qi, {})
 					})
 				})] })
 			}),
-			p && n?.org && /* @__PURE__ */ I(Bf, {
+			p && n?.org && /* @__PURE__ */ L(Bf, {
 				open: l,
 				onClose: () => u(!1),
 				onSuccess: async () => {
@@ -5816,10 +5828,10 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 				},
 				orgId: n.org
 			}),
-			/* @__PURE__ */ I(j, {
+			/* @__PURE__ */ L(j, {
 				flex: 1,
 				overflow: "auto",
-				children: a && !d.length ? /* @__PURE__ */ I(he, {
+				children: a && !d.length ? /* @__PURE__ */ L(me, {
 					disablePadding: !0,
 					children: [
 						1,
@@ -5827,25 +5839,25 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 						3,
 						4,
 						5
-					].map((e) => /* @__PURE__ */ I(xa, {}, e))
-				}) : s ? /* @__PURE__ */ I(j, {
+					].map((e) => /* @__PURE__ */ L(xa, {}, e))
+				}) : s ? /* @__PURE__ */ L(j, {
 					p: 2,
-					children: /* @__PURE__ */ L(D, {
+					children: /* @__PURE__ */ R(D, {
 						severity: "error",
 						children: ["Failed to load conversations: ", s.message]
 					})
-				}) : d.length === 0 && f.length === 0 ? /* @__PURE__ */ I(j, {
+				}) : d.length === 0 && f.length === 0 ? /* @__PURE__ */ L(j, {
 					display: "flex",
 					justifyContent: "center",
 					alignItems: "center",
 					height: "100%",
 					p: 2,
-					children: /* @__PURE__ */ I(F, {
+					children: /* @__PURE__ */ L(I, {
 						color: "text.secondary",
 						align: "center",
 						children: "No conversations yet"
 					})
-				}) : /* @__PURE__ */ I(he, {
+				}) : /* @__PURE__ */ L(me, {
 					disablePadding: !0,
 					children: (() => {
 						let e = new Set(d.filter((e) => e.group !== void 0).map((e) => e.group)), t = f.filter((t) => !e.has(t.id)).map((e) => ({
@@ -5854,7 +5866,7 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 							message_count: 0,
 							unread_count: 0
 						}));
-						return [...[...d].sort((e, t) => new Date(t.last_message_at).getTime() - new Date(e.last_message_at).getTime()), ...t].map((e) => /* @__PURE__ */ I(ba, {
+						return [...[...d].sort((e, t) => new Date(t.last_message_at).getTime() - new Date(e.last_message_at).getTime()), ...t].map((e) => /* @__PURE__ */ L(ba, {
 							conversation: e,
 							displayName: v(e),
 							selected: y(e),
@@ -5874,15 +5886,15 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 	}, x = (e) => {
 		o(e), b();
 	};
-	return /* @__PURE__ */ I(O, {
+	return /* @__PURE__ */ L(O, {
 		position: "static",
 		elevation: 0,
 		sx: {
 			backgroundColor: "background.default",
 			color: "text.primary"
 		},
-		children: /* @__PURE__ */ L(De, { children: [
-			i && /* @__PURE__ */ I(N, {
+		children: /* @__PURE__ */ R(Ee, { children: [
+			i && /* @__PURE__ */ L(P, {
 				edge: "start",
 				color: "inherit",
 				onClick: i,
@@ -5894,94 +5906,94 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 						md: "none"
 					}
 				},
-				children: /* @__PURE__ */ I($i, {})
+				children: /* @__PURE__ */ L($i, {})
 			}),
-			/* @__PURE__ */ I(A, {
+			/* @__PURE__ */ L(A, {
 				sx: {
 					bgcolor: m ? "primary.main" : "secondary.main",
 					mr: 2
 				},
-				children: I(m ? ca : da, {})
+				children: L(m ? ca : da, {})
 			}),
-			/* @__PURE__ */ L(j, {
+			/* @__PURE__ */ R(j, {
 				flex: 1,
-				children: [/* @__PURE__ */ I(F, {
+				children: [/* @__PURE__ */ L(I, {
 					variant: "h6",
 					component: "div",
 					noWrap: !0,
 					children: e
-				}), n && /* @__PURE__ */ I(F, {
+				}), n && /* @__PURE__ */ L(I, {
 					variant: "caption",
 					color: "inherit",
 					sx: { opacity: .7 },
 					children: n
 				})]
 			}),
-			c && m && /* @__PURE__ */ I(N, {
+			c && m && /* @__PURE__ */ L(P, {
 				color: "inherit",
 				onClick: l,
 				title: "Members",
 				sx: { mr: .5 },
-				children: /* @__PURE__ */ I(ua, {})
+				children: /* @__PURE__ */ L(ua, {})
 			}),
-			u && m && /* @__PURE__ */ L(ke, { children: [/* @__PURE__ */ I(N, {
+			u && m && /* @__PURE__ */ R(Oe, { children: [/* @__PURE__ */ L(P, {
 				color: "inherit",
 				onClick: (e) => v(e.currentTarget),
 				disabled: p,
 				title: "Manage group",
-				children: /* @__PURE__ */ I(la, {})
-			}), /* @__PURE__ */ L(be, {
+				children: /* @__PURE__ */ L(la, {})
+			}), /* @__PURE__ */ R(ye, {
 				anchorEl: _,
 				open: !!_,
 				onClose: () => v(null),
-				children: [/* @__PURE__ */ L(P, {
+				children: [/* @__PURE__ */ R(F, {
 					onClick: () => {
 						v(null), d?.();
 					},
-					children: [/* @__PURE__ */ I(oa, {
+					children: [/* @__PURE__ */ L(oa, {
 						fontSize: "small",
 						sx: { mr: 1 }
 					}), "Rename Group"]
-				}), /* @__PURE__ */ L(P, {
+				}), /* @__PURE__ */ R(F, {
 					onClick: () => {
 						v(null), f?.();
 					},
 					sx: { color: "error.main" },
-					children: [/* @__PURE__ */ I(ia, {
+					children: [/* @__PURE__ */ L(ia, {
 						fontSize: "small",
 						sx: { mr: 1 }
 					}), "Delete Group"]
 				})]
 			})] }),
-			a && m && /* @__PURE__ */ L(j, {
+			a && m && /* @__PURE__ */ R(j, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					mr: 1
 				},
-				children: [/* @__PURE__ */ I(M, {
+				children: [/* @__PURE__ */ L(M, {
 					variant: "contained",
 					color: "primary",
-					startIcon: /* @__PURE__ */ I(fa, {}),
-					endIcon: /* @__PURE__ */ I(ea, {}),
+					startIcon: /* @__PURE__ */ L(fa, {}),
+					endIcon: /* @__PURE__ */ L(ea, {}),
 					onClick: y,
 					disabled: s,
 					children: s ? "Joining..." : "Join"
-				}), /* @__PURE__ */ L(be, {
+				}), /* @__PURE__ */ R(ye, {
 					anchorEl: h,
 					open: !!h,
 					onClose: b,
-					children: [/* @__PURE__ */ I(P, {
+					children: [/* @__PURE__ */ L(F, {
 						onClick: () => x("member"),
 						children: "Member"
-					}), /* @__PURE__ */ I(P, {
+					}), /* @__PURE__ */ L(F, {
 						onClick: () => x("moderator"),
 						children: "Moderator"
 					})]
 				})]
 			}),
-			!r && /* @__PURE__ */ I(ae, {
-				icon: /* @__PURE__ */ I(va, {}),
+			!r && /* @__PURE__ */ L(ae, {
+				icon: /* @__PURE__ */ L(va, {}),
 				label: "Disconnected",
 				size: "small",
 				color: "warning",
@@ -5989,14 +6001,14 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 			})
 		] })
 	});
-}, Jf = ({ member: e, currentUserId: t, canManage: n, removing: r, updating: i, onRemove: a, onRoleChange: o }) => /* @__PURE__ */ L(ge, {
-	secondaryAction: n ? /* @__PURE__ */ L(j, {
+}, Jf = ({ member: e, currentUserId: t, canManage: n, removing: r, updating: i, onRemove: a, onRoleChange: o }) => /* @__PURE__ */ R(he, {
+	secondaryAction: n ? /* @__PURE__ */ R(j, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			gap: .5
 		},
-		children: [/* @__PURE__ */ L(Se, {
+		children: [/* @__PURE__ */ R(xe, {
 			value: e.role,
 			onChange: (t) => o(e.id, t.target.value),
 			size: "small",
@@ -6004,40 +6016,40 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 			variant: "standard",
 			disableUnderline: !0,
 			sx: { fontSize: 12 },
-			children: [/* @__PURE__ */ I(P, {
+			children: [/* @__PURE__ */ L(F, {
 				value: "member",
 				children: "Member"
-			}), /* @__PURE__ */ I(P, {
+			}), /* @__PURE__ */ L(F, {
 				value: "moderator",
 				children: "Moderator"
 			})]
-		}), /* @__PURE__ */ I(N, {
+		}), /* @__PURE__ */ L(P, {
 			size: "small",
 			color: "error",
 			onClick: () => a(e.id),
 			disabled: r || i,
-			children: r ? /* @__PURE__ */ I(oe, { size: 16 }) : /* @__PURE__ */ I(ra, { fontSize: "small" })
+			children: r ? /* @__PURE__ */ L(N, { size: 16 }) : /* @__PURE__ */ L(ra, { fontSize: "small" })
 		})]
 	}) : void 0,
-	children: [/* @__PURE__ */ I(A, {
+	children: [/* @__PURE__ */ L(A, {
 		sx: {
 			mr: 1.5,
 			width: 32,
 			height: 32,
 			bgcolor: "primary.main"
 		},
-		children: /* @__PURE__ */ I(da, { fontSize: "small" })
-	}), /* @__PURE__ */ I(ye, { primary: /* @__PURE__ */ L(j, {
+		children: /* @__PURE__ */ L(da, { fontSize: "small" })
+	}), /* @__PURE__ */ L(ve, { primary: /* @__PURE__ */ R(j, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			gap: 1
 		},
-		children: [/* @__PURE__ */ I(F, {
+		children: [/* @__PURE__ */ L(I, {
 			variant: "body1",
 			noWrap: !0,
 			children: e.name
-		}), e.id === t && /* @__PURE__ */ I(F, {
+		}), e.id === t && /* @__PURE__ */ L(I, {
 			variant: "caption",
 			color: "text.secondary",
 			children: "(you)"
@@ -6060,14 +6072,14 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 	}, g = (e) => {
 		c((t) => t.filter((t) => t.id !== e));
 	};
-	return /* @__PURE__ */ L(se, {
+	return /* @__PURE__ */ R(oe, {
 		open: e,
 		onClose: p,
 		maxWidth: "xs",
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ I(ue, { children: "Add Members" }),
-			/* @__PURE__ */ I(le, { children: /* @__PURE__ */ L(j, {
+			/* @__PURE__ */ L(le, { children: "Add Members" }),
+			/* @__PURE__ */ L(ce, { children: /* @__PURE__ */ R(j, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -6075,26 +6087,26 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 					pt: 1
 				},
 				children: [
-					d && /* @__PURE__ */ I(D, {
+					d && /* @__PURE__ */ L(D, {
 						severity: "error",
 						onClose: () => f(null),
 						children: d.message
 					}),
-					/* @__PURE__ */ I(Rf, {
+					/* @__PURE__ */ L(Rf, {
 						multiple: !0,
 						label: "Search users to add",
 						value: s.map((e) => e.user),
 						onChange: m,
 						disabled: l
 					}),
-					s.map((e) => /* @__PURE__ */ L(j, {
+					s.map((e) => /* @__PURE__ */ R(j, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between"
 						},
 						children: [
-							/* @__PURE__ */ I(F, {
+							/* @__PURE__ */ L(I, {
 								variant: "body2",
 								noWrap: !0,
 								sx: {
@@ -6103,56 +6115,56 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 								},
 								children: e.user.name
 							}),
-							/* @__PURE__ */ L(Se, {
+							/* @__PURE__ */ R(xe, {
 								value: e.role,
 								onChange: (t) => h(e.id, t.target.value),
 								size: "small",
 								disabled: l,
 								sx: { mr: 1 },
-								children: [/* @__PURE__ */ I(P, {
+								children: [/* @__PURE__ */ L(F, {
 									value: "member",
 									children: "Member"
-								}), /* @__PURE__ */ I(P, {
+								}), /* @__PURE__ */ L(F, {
 									value: "moderator",
 									children: "Moderator"
 								})]
 							}),
-							/* @__PURE__ */ I(N, {
+							/* @__PURE__ */ L(P, {
 								size: "small",
 								color: "error",
 								onClick: () => g(e.id),
 								disabled: l,
-								children: /* @__PURE__ */ I(na, { fontSize: "small" })
+								children: /* @__PURE__ */ L(na, { fontSize: "small" })
 							})
 						]
 					}, e.id))
 				]
 			}) }),
-			/* @__PURE__ */ L(ce, {
+			/* @__PURE__ */ R(se, {
 				sx: { p: 2 },
-				children: [/* @__PURE__ */ I(M, {
+				children: [/* @__PURE__ */ L(M, {
 					onClick: p,
 					disabled: l,
 					children: "Cancel"
-				}), /* @__PURE__ */ I(M, {
+				}), /* @__PURE__ */ L(M, {
 					variant: "contained",
 					onClick: async () => {
 						if (s.length !== 0) {
 							u(!0), f(null);
 							try {
-								await t().addGroupMembers(r, i, s.map((e) => ({
+								await t()?.addGroupMembers(r, i, s.map((e) => ({
 									user: e.id,
 									role: e.role
 								}))), p(), o();
 							} catch (e) {
-								f(je(e, "Failed to add members"));
+								f(Ae(e, "Failed to add members"));
 							} finally {
 								u(!1);
 							}
 						}
 					},
 					disabled: l || s.length === 0,
-					startIcon: l && /* @__PURE__ */ I(oe, { size: 16 }),
+					startIcon: l && /* @__PURE__ */ L(N, { size: 16 }),
 					children: l ? "Adding..." : `Add${s.length > 0 ? ` ${s.length}` : ""}`
 				})]
 			})
@@ -6162,9 +6174,11 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 	let [s, c] = E([]), [l, u] = E(!1), [d, f] = E(null), [p, m] = E(null), [h, g] = E(null), [_, v] = E(!1), y = C(async () => {
 		u(!0), f(null);
 		try {
-			c(await t().getGroupMembers(r, i));
+			let e = t();
+			if (!e) return;
+			c(await e.getGroupMembers(r, i));
 		} catch (e) {
-			f(je(e, "Failed to load members"));
+			f(Ae(e, "Failed to load members"));
 		} finally {
 			u(!1);
 		}
@@ -6175,16 +6189,20 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 	let b = async (e) => {
 		m(e);
 		try {
-			await t().removeGroupMember(r, i, e), c((t) => t.filter((t) => t.id !== e));
+			let n = t();
+			if (!n) return;
+			await n.removeGroupMember(r, i, e), c((t) => t.filter((t) => t.id !== e));
 		} catch (e) {
-			f(je(e, "Failed to remove member"));
+			f(Ae(e, "Failed to remove member"));
 		} finally {
 			m(null);
 		}
 	}, x = async (e, n) => {
 		g(e);
 		try {
-			await t().addGroupMembers(r, i, [{
+			let a = t();
+			if (!a) return;
+			await a.addGroupMembers(r, i, [{
 				user: e,
 				role: n
 			}]), c((t) => t.map((t) => t.id === e ? {
@@ -6192,12 +6210,12 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 				role: n
 			} : t));
 		} catch (e) {
-			f(je(e, "Failed to update role"));
+			f(Ae(e, "Failed to update role"));
 		} finally {
 			g(null);
 		}
 	};
-	return /* @__PURE__ */ L(ke, { children: [/* @__PURE__ */ L(fe, {
+	return /* @__PURE__ */ R(Oe, { children: [/* @__PURE__ */ R(de, {
 		anchor: "right",
 		open: e,
 		onClose: n,
@@ -6205,7 +6223,7 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 			width: 360,
 			maxWidth: "100vw"
 		} } },
-		children: [/* @__PURE__ */ L(j, {
+		children: [/* @__PURE__ */ R(j, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
@@ -6213,15 +6231,15 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 				px: 2,
 				py: 1.5
 			},
-			children: [/* @__PURE__ */ I(F, {
+			children: [/* @__PURE__ */ L(I, {
 				variant: "h6",
 				children: "Members"
-			}), /* @__PURE__ */ I(N, {
+			}), /* @__PURE__ */ L(P, {
 				size: "small",
 				onClick: n,
-				children: /* @__PURE__ */ I(na, {})
+				children: /* @__PURE__ */ L(na, {})
 			})]
-		}), /* @__PURE__ */ L(j, {
+		}), /* @__PURE__ */ R(j, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -6229,27 +6247,27 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 				flex: 1
 			},
 			children: [
-				d && /* @__PURE__ */ I(D, {
+				d && /* @__PURE__ */ L(D, {
 					severity: "error",
 					onClose: () => f(null),
 					sx: { m: 2 },
 					children: d.message
 				}),
-				/* @__PURE__ */ I(j, {
+				/* @__PURE__ */ L(j, {
 					sx: {
 						overflow: "auto",
 						flex: 1
 					},
-					children: l ? /* @__PURE__ */ I(j, {
+					children: l ? /* @__PURE__ */ L(j, {
 						sx: {
 							display: "flex",
 							justifyContent: "center",
 							mt: 4
 						},
-						children: /* @__PURE__ */ I(oe, { size: 32 })
-					}) : /* @__PURE__ */ L(he, {
+						children: /* @__PURE__ */ L(N, { size: 32 })
+					}) : /* @__PURE__ */ R(me, {
 						disablePadding: !0,
-						children: [s.map((e) => /* @__PURE__ */ I(Jf, {
+						children: [s.map((e) => /* @__PURE__ */ L(Jf, {
 							member: e,
 							currentUserId: a,
 							canManage: o,
@@ -6257,12 +6275,12 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 							updating: h === e.id,
 							onRemove: b,
 							onRoleChange: x
-						}, e.id)), s.length === 0 && /* @__PURE__ */ I(j, {
+						}, e.id)), s.length === 0 && /* @__PURE__ */ L(j, {
 							sx: {
 								p: 3,
 								textAlign: "center"
 							},
-							children: /* @__PURE__ */ I(F, {
+							children: /* @__PURE__ */ L(I, {
 								variant: "body2",
 								color: "text.secondary",
 								children: "No members yet"
@@ -6270,13 +6288,13 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 						})]
 					})
 				}),
-				o && /* @__PURE__ */ I(j, {
+				o && /* @__PURE__ */ L(j, {
 					sx: {
 						p: 2,
 						borderTop: 1,
 						borderColor: "divider"
 					},
-					children: /* @__PURE__ */ I(M, {
+					children: /* @__PURE__ */ L(M, {
 						variant: "outlined",
 						color: "secondary",
 						fullWidth: !0,
@@ -6286,7 +6304,7 @@ var Kf = ({ selectedConversation: e, currentUser: n, onConversationSelect: i })
 				})
 			]
 		})]
-	}), /* @__PURE__ */ I(Yf, {
+	}), /* @__PURE__ */ L(Yf, {
 		open: _,
 		onClose: () => v(!1),
 		orgId: r,
@@ -6315,11 +6333,11 @@ var Qf = _.memo(({ message: e, isOwnMessage: t, senderName: n, showSenderName: r
 			opacity: .7,
 			verticalAlign: "middle"
 		};
-		return o === "failed" ? /* @__PURE__ */ I(sa, { sx: {
+		return o === "failed" ? /* @__PURE__ */ L(sa, { sx: {
 			...e,
 			color: "error.main"
-		} }) : I(o === "sending" || s ? ma : aa, { sx: e });
-	}, u = /* @__PURE__ */ I(A, {
+		} }) : L(o === "sending" || s ? ma : aa, { sx: e });
+	}, u = /* @__PURE__ */ L(A, {
 		sx: {
 			width: 32,
 			height: 32,
@@ -6330,7 +6348,7 @@ var Qf = _.memo(({ message: e, isOwnMessage: t, senderName: n, showSenderName: r
 		},
 		children: c(n)
 	});
-	return /* @__PURE__ */ L(j, {
+	return /* @__PURE__ */ R(j, {
 		display: "flex",
 		justifyContent: t ? "flex-end" : "flex-start",
 		alignItems: "flex-end",
@@ -6338,7 +6356,7 @@ var Qf = _.memo(({ message: e, isOwnMessage: t, senderName: n, showSenderName: r
 		gap: 1,
 		children: [
 			!t && u,
-			/* @__PURE__ */ L(xe, {
+			/* @__PURE__ */ R(be, {
 				elevation: 1,
 				sx: {
 					maxWidth: "80%",
@@ -6351,46 +6369,46 @@ var Qf = _.memo(({ message: e, isOwnMessage: t, senderName: n, showSenderName: r
 					borderBottomRightRadius: !t || !a ? void 0 : 4
 				},
 				children: [
-					!t && r && i && /* @__PURE__ */ I(F, {
+					!t && r && i && /* @__PURE__ */ L(I, {
 						variant: "caption",
 						fontWeight: "bold",
 						display: "block",
 						mb: .5,
 						children: n || `User ${e.sender}`
 					}),
-					/* @__PURE__ */ I(F, {
+					/* @__PURE__ */ L(I, {
 						variant: "body1",
 						sx: { whiteSpace: "pre-wrap" },
 						children: e.content
 					}),
-					a && /* @__PURE__ */ L(j, {
+					a && /* @__PURE__ */ R(j, {
 						display: "flex",
 						justifyContent: "flex-end",
 						alignItems: "center",
 						mt: .5,
-						children: [/* @__PURE__ */ I(F, {
+						children: [/* @__PURE__ */ L(I, {
 							variant: "caption",
 							color: t ? "inherit" : "text.secondary",
 							sx: { opacity: .7 },
 							children: Zf(new Date(e.created_at))
-						}), /* @__PURE__ */ I(l, {})]
+						}), /* @__PURE__ */ L(l, {})]
 					})
 				]
 			}),
 			t && u
 		]
 	});
-}), $f = ({ isOwnMessage: e = !1 }) => /* @__PURE__ */ I(j, {
+}), $f = ({ isOwnMessage: e = !1 }) => /* @__PURE__ */ L(j, {
 	display: "flex",
 	justifyContent: e ? "flex-end" : "flex-start",
 	mb: 1,
-	children: /* @__PURE__ */ L(j, {
+	children: /* @__PURE__ */ R(j, {
 		maxWidth: "70%",
-		children: [!e && /* @__PURE__ */ I(Ce, {
+		children: [!e && /* @__PURE__ */ L(Se, {
 			variant: "text",
 			width: 80,
 			sx: { mb: .5 }
-		}), /* @__PURE__ */ I(Ce, {
+		}), /* @__PURE__ */ L(Se, {
 			variant: "rounded",
 			width: Math.random() * 200 + 150,
 			height: 60,
@@ -6420,13 +6438,13 @@ var Qf = _.memo(({ message: e, isOwnMessage: t, senderName: n, showSenderName: r
 		n,
 		r,
 		i
-	]), e ? /* @__PURE__ */ I(j, {
+	]), e ? /* @__PURE__ */ L(j, {
 		ref: a,
 		display: "flex",
 		justifyContent: "center",
 		alignItems: "center",
 		py: 2,
-		children: t ? /* @__PURE__ */ I(oe, { size: 24 }) : /* @__PURE__ */ I(F, {
+		children: t ? /* @__PURE__ */ L(N, { size: 24 }) : /* @__PURE__ */ L(I, {
 			variant: "caption",
 			color: "text.secondary",
 			children: "Scroll to load more"
@@ -6444,27 +6462,29 @@ function np(e) {
 	return new Set(t);
 }
 function rp(e) {
-	let n = t(), [i, a] = E(() => /* @__PURE__ */ new Map()), o = C(async () => {
-		if (!e.length) return i;
+	let [n, i] = E(() => /* @__PURE__ */ new Map()), a = C(async () => {
+		if (!e.length) return n;
 		try {
-			let t = np(e), a = Array.from(t);
-			if (console.log("[names] size:", t.size), !t.size) return i;
+			let i = np(e), a = Array.from(i);
+			if (console.log("[names] size:", i.size), !i.size) return n;
 			let o = (await r.users.bulkGet(a)).filter((e) => !!e), s = /* @__PURE__ */ new Map();
 			if (o.forEach((e) => {
 				s.set(e.id, e.name);
-			}), t.size === o.length) return s;
-			let c = a.filter((e) => !s.has(e)), l = await n.getUsers(c, { fields: ["id", "name"] });
-			await r.users.bulkPut(l);
-			let u = s;
-			return l.forEach((e) => u.set(e.id, e.name)), u;
+			}), i.size === o.length) return s;
+			let c = a.filter((e) => !s.has(e)), l = t();
+			if (!l) return n;
+			let u = await l.getUsers(c, { fields: ["id", "name"] });
+			await r.users.bulkPut(u);
+			let d = s;
+			return u.forEach((e) => d.set(e.id, e.name)), d;
 		} catch (e) {
 			console.error("[useSenderNames] Failed to fetch users:", e);
 		}
-		return i;
-	}, [e, i]);
+		return n;
+	}, [e, n]);
 	return tp(async () => {
-		a(await o());
-	}, [e]), i;
+		i(await a());
+	}, [e]), n;
 }
 //#endregion
 //#region src/components/MessageList.tsx
@@ -6486,7 +6506,7 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 				l.current.scrollTop = l.current.scrollTop + e, u.current = 0, p(!0);
 			}
 		}
-	}, [e.length, i]), n && !e.length ? /* @__PURE__ */ I(j, {
+	}, [e.length, i]), n && !e.length ? /* @__PURE__ */ L(j, {
 		flex: 1,
 		overflow: "auto",
 		p: 2,
@@ -6496,32 +6516,32 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 			3,
 			4,
 			5
-		].map((e) => /* @__PURE__ */ I($f, { isOwnMessage: e % 3 == 0 }, e))
-	}) : r && !e.length ? /* @__PURE__ */ I(j, {
+		].map((e) => /* @__PURE__ */ L($f, { isOwnMessage: e % 3 == 0 }, e))
+	}) : r && !e.length ? /* @__PURE__ */ L(j, {
 		display: "flex",
 		justifyContent: "center",
 		alignItems: "center",
 		flex: 1,
 		p: 2,
-		children: /* @__PURE__ */ L(D, {
+		children: /* @__PURE__ */ R(D, {
 			severity: "error",
 			children: [
-				/* @__PURE__ */ I("strong", { children: "Failed to load messages" }),
-				/* @__PURE__ */ I("br", {}),
+				/* @__PURE__ */ L("strong", { children: "Failed to load messages" }),
+				/* @__PURE__ */ L("br", {}),
 				r.message
 			]
 		})
-	}) : e.length === 0 ? /* @__PURE__ */ I(j, {
+	}) : e.length === 0 ? /* @__PURE__ */ L(j, {
 		display: "flex",
 		justifyContent: "center",
 		alignItems: "center",
 		flex: 1,
-		children: /* @__PURE__ */ I(F, {
+		children: /* @__PURE__ */ L(I, {
 			variant: "body2",
 			color: "text.secondary",
 			children: "No messages yet. Start the conversation!"
 		})
-	}) : /* @__PURE__ */ L(j, {
+	}) : /* @__PURE__ */ R(j, {
 		ref: l,
 		flex: 1,
 		overflow: "auto",
@@ -6532,14 +6552,14 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 			d.current = g();
 		},
 		children: [
-			a && s && /* @__PURE__ */ I(ep, {
+			a && s && /* @__PURE__ */ L(ep, {
 				hasMore: a,
 				loading: o,
 				onLoadMore: s
 			}),
 			e.map((n, r) => {
 				let i = n.sender, a = n.sender === t, o = m.get(i), s = r > 0 ? e[r - 1] : null, c = r < e.length - 1 ? e[r + 1] : null, l = !s || !h(s, n);
-				return /* @__PURE__ */ I(Qf, {
+				return /* @__PURE__ */ L(Qf, {
 					message: n,
 					isOwnMessage: a,
 					senderName: o,
@@ -6548,7 +6568,7 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 					isLastInGroup: !c || !h(n, c)
 				}, n.id);
 			}),
-			/* @__PURE__ */ I("div", { ref: c })
+			/* @__PURE__ */ L("div", { ref: c })
 		]
 	});
 }, ap = ({ onSend: e, sending: t = !1, placeholder: n = "Type a message...", disabled: r = !1, disableReason: i }) => {
@@ -6558,13 +6578,13 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 			s.current?.querySelector("textarea")?.focus();
 		}, 300));
 	};
-	return /* @__PURE__ */ L(j, {
+	return /* @__PURE__ */ R(j, {
 		display: "flex",
 		gap: 1,
 		p: 2,
 		borderTop: 1,
 		borderColor: "divider",
-		children: [/* @__PURE__ */ I(Ee, {
+		children: [/* @__PURE__ */ L(Te, {
 			ref: s,
 			fullWidth: !0,
 			multiline: !0,
@@ -6578,12 +6598,12 @@ var ip = ({ messages: e, currentUserId: t, loading: n = !1, error: r = null, aut
 			disabled: r || t,
 			variant: "outlined",
 			size: "small"
-		}), /* @__PURE__ */ I(N, {
+		}), /* @__PURE__ */ L(P, {
 			color: "primary",
 			onClick: c,
 			disabled: !a.trim() || t || r,
 			size: "large",
-			children: t ? /* @__PURE__ */ I(oe, { size: 24 }) : /* @__PURE__ */ I(ha, {})
+			children: t ? /* @__PURE__ */ L(N, { size: 24 }) : /* @__PURE__ */ L(ha, {})
 		})]
 	});
 };
@@ -6624,58 +6644,60 @@ function op({ conversation: e, limit: t = 50 }) {
 //#endregion
 //#region src/components/ChatWindow.tsx
 var sp = ({ conversation: e, user: n, isConnected: i, onBack: a }) => {
-	let o = t(), { messages: s, cursor: c, loading: l, error: u, loadMore: d, loadingMore: p } = op({ conversation: e }), h = Gf(async () => e.type === "group" ? await r.groups.get(e.id) : null, [e.id, e.type]), g = n?.role === "admin", _ = n?.role === "moderator", v = h?.is_member ?? !0, y = h?.system ?? !1, b = g && e.type === "group" && !v, x = e.type === "group" && !v, S = e.type === "group" && (g || v), C = e.type === "group" && !y && (g || _ && v), ee = g && e.type === "group" && !y, [w, te] = E(!1), [ne, T] = E(!1), [re, O] = E(""), [k, A] = E(!1), [ie, ae] = E(null), oe = () => {
+	let o = t();
+	if (!o) return null;
+	let { messages: s, cursor: c, loading: l, error: u, loadMore: d, loadingMore: p } = op({ conversation: e }), h = Gf(async () => e.type === "group" ? await r.groups.get(e.id) : null, [e.id, e.type]), g = n?.role === "admin", _ = n?.role === "moderator", v = h?.is_member ?? !0, y = h?.system ?? !1, b = g && e.type === "group" && !v, x = e.type === "group" && !v, S = e.type === "group" && (g || v), C = e.type === "group" && !y && (g || _ && v), ee = g && e.type === "group" && !y, [w, te] = E(!1), [ne, T] = E(!1), [re, O] = E(""), [k, A] = E(!1), [ie, ae] = E(null), N = () => {
 		O(e.name || ""), ae(null), T(!0);
-	}, de = async () => {
+	}, ue = async () => {
 		if (re.trim()) {
 			A(!0), ae(null);
 			try {
 				await Hf(n.org, e.id, re.trim()), T(!1);
 			} catch (e) {
-				ae(je(e, "Failed to rename group"));
+				ae(Ae(e, "Failed to rename group"));
 			} finally {
 				A(!1);
 			}
 		}
-	}, [fe, pe] = E(!1), [N, me] = E(!1), [he, ge] = E(null), _e = async () => {
-		pe(!1), me(!0), ge(null);
+	}, [de, fe] = E(!1), [P, pe] = E(!1), [me, he] = E(null), ge = async () => {
+		fe(!1), pe(!0), he(null);
 		try {
 			await Uf(n.org, e.id);
 		} catch (e) {
-			ge(je(e, "Failed to delete group")), me(!1);
+			he(Ae(e, "Failed to delete group")), pe(!1);
 		}
-	}, [ve, ye] = E(!1), [be, P] = E(!1), xe = async (t) => {
+	}, [_e, ve] = E(!1), [ye, F] = E(!1), be = async (t) => {
 		if (e.type === "group") {
-			ye(!0);
+			ve(!0);
 			try {
-				await o.joinGroup(n.org, e.id, t), P(!0), await Vf(n.org), await m({}), setTimeout(() => P(!1), 3e3);
+				await o.joinGroup(n.org, e.id, t), F(!0), await Vf(n.org), await m({}), setTimeout(() => F(!1), 3e3);
 			} catch (e) {
-				De(je(e, "Failed to join group"));
+				Ee(Ae(e, "Failed to join group"));
 			}
-			ye(!1);
+			ve(!1);
 		}
-	}, [Se, Ce] = E(!1), [Te, De] = E(null), [Oe, F] = E(!1);
-	return /* @__PURE__ */ L(j, {
+	}, [xe, Se] = E(!1), [we, Ee] = E(null), [De, I] = E(!1);
+	return /* @__PURE__ */ R(j, {
 		display: "flex",
 		flexDirection: "column",
 		height: "100%",
 		children: [
-			/* @__PURE__ */ I(qf, {
+			/* @__PURE__ */ L(qf, {
 				displayName: e.name || "Chat",
 				type: e.type,
 				isConnected: i,
 				onBack: a,
 				showJoinButton: b,
-				onJoin: xe,
-				joining: ve,
+				onJoin: be,
+				joining: _e,
 				showMembersButton: S,
 				onManageMembers: () => te(!0),
 				canManageGroup: ee,
-				onRenameGroup: oe,
-				onDeleteGroup: () => pe(!0),
-				deletingGroup: N
+				onRenameGroup: N,
+				onDeleteGroup: () => fe(!0),
+				deletingGroup: P
 			}),
-			S && /* @__PURE__ */ I(Xf, {
+			S && /* @__PURE__ */ L(Xf, {
 				open: w,
 				onClose: () => te(!1),
 				orgId: n.org,
@@ -6683,72 +6705,72 @@ var sp = ({ conversation: e, user: n, isConnected: i, onBack: a }) => {
 				currentUserId: n.id,
 				canManage: C
 			}),
-			/* @__PURE__ */ L(se, {
+			/* @__PURE__ */ R(oe, {
 				open: ne,
 				onClose: () => T(!1),
 				fullWidth: !0,
 				maxWidth: "xs",
 				children: [
-					/* @__PURE__ */ I(ue, { children: "Rename Group" }),
-					/* @__PURE__ */ I(le, { children: /* @__PURE__ */ I(Ee, {
+					/* @__PURE__ */ L(le, { children: "Rename Group" }),
+					/* @__PURE__ */ L(ce, { children: /* @__PURE__ */ L(Te, {
 						autoFocus: !0,
 						fullWidth: !0,
 						label: "Group name",
 						value: re,
 						onChange: (e) => O(e.target.value),
-						onKeyDown: (e) => e.key === "Enter" && de(),
+						onKeyDown: (e) => e.key === "Enter" && ue(),
 						error: !!ie,
 						helperText: ie?.message,
 						sx: { mt: 1 }
 					}) }),
-					/* @__PURE__ */ L(ce, { children: [/* @__PURE__ */ I(M, {
+					/* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(M, {
 						onClick: () => T(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ I(M, {
-						onClick: de,
+					}), /* @__PURE__ */ L(M, {
+						onClick: ue,
 						disabled: k || !re.trim(),
 						variant: "contained",
 						children: k ? "Renaming..." : "Rename"
 					})] })
 				]
 			}),
-			/* @__PURE__ */ L(se, {
-				open: fe,
-				onClose: () => pe(!1),
+			/* @__PURE__ */ R(oe, {
+				open: de,
+				onClose: () => fe(!1),
 				maxWidth: "xs",
 				fullWidth: !0,
 				children: [
-					/* @__PURE__ */ I(ue, { children: "Delete Group" }),
-					/* @__PURE__ */ I(le, { children: "Are you sure you want to delete this group? This action cannot be undone." }),
-					/* @__PURE__ */ L(ce, { children: [/* @__PURE__ */ I(M, {
-						onClick: () => pe(!1),
+					/* @__PURE__ */ L(le, { children: "Delete Group" }),
+					/* @__PURE__ */ L(ce, { children: "Are you sure you want to delete this group? This action cannot be undone." }),
+					/* @__PURE__ */ R(se, { children: [/* @__PURE__ */ L(M, {
+						onClick: () => fe(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ I(M, {
-						onClick: _e,
-						disabled: N,
+					}), /* @__PURE__ */ L(M, {
+						onClick: ge,
+						disabled: P,
 						color: "error",
 						variant: "contained",
-						children: N ? "Deleting..." : "Delete"
+						children: P ? "Deleting..." : "Delete"
 					})] })
 				]
 			}),
-			he && /* @__PURE__ */ I(D, {
+			me && /* @__PURE__ */ L(D, {
 				severity: "error",
-				onClose: () => ge(null),
-				children: he.message
+				onClose: () => he(null),
+				children: me.message
 			}),
-			/* @__PURE__ */ I(we, {
-				open: be,
+			/* @__PURE__ */ L(Ce, {
+				open: ye,
 				autoHideDuration: 3e3,
-				onClose: () => P(!1),
+				onClose: () => F(!1),
 				message: "Successfully joined group"
 			}),
-			Te && /* @__PURE__ */ I(D, {
+			we && /* @__PURE__ */ L(D, {
 				severity: "error",
-				onClose: () => De(null),
-				children: Te.message
+				onClose: () => Ee(null),
+				children: we.message
 			}),
-			/* @__PURE__ */ I(ip, {
+			/* @__PURE__ */ L(ip, {
 				messages: s,
 				currentUserId: n?.id || 0,
 				loading: l,
@@ -6757,16 +6779,16 @@ var sp = ({ conversation: e, user: n, isConnected: i, onBack: a }) => {
 				hasMore: !!c?.datetime,
 				loadingMore: p,
 				onLoadMore: d,
-				forceScrollToBottom: Oe
+				forceScrollToBottom: De
 			}),
-			x ? /* @__PURE__ */ I(D, {
+			x ? /* @__PURE__ */ L(D, {
 				severity: "warning",
 				sx: { m: 2 },
 				children: "You must be a group member to send messages"
-			}) : /* @__PURE__ */ I(ap, {
+			}) : /* @__PURE__ */ L(ap, {
 				onSend: async (t) => {
 					if (!t.trim()) return;
-					Ce(!0), De(null), F(!0);
+					Se(!0), Ee(null), I(!0);
 					let i = `temp-${Date.now()}-${Math.random()}`, a = {
 						id: i,
 						sender: n?.id,
@@ -6779,11 +6801,11 @@ var sp = ({ conversation: e, user: n, isConnected: i, onBack: a }) => {
 					try {
 						await r.messages.put(a), await (e.type === "group" ? o.sendGroupMessage : o.sendDM).bind(o)(e.id, t), await r.messages.delete(i);
 					} catch (e) {
-						De(je(e, "Failed to send message"));
+						Ee(Ae(e, "Failed to send message"));
 					}
-					Ce(!1), setTimeout(() => F(!1), 100);
+					Se(!1), setTimeout(() => I(!1), 100);
 				},
-				sending: Se,
+				sending: xe,
 				disabled: !i,
 				disableReason: i ? void 0 : "You're offline. You need to be online to send messages"
 			})
@@ -6812,31 +6834,31 @@ var sp = ({ conversation: e, user: n, isConnected: i, onBack: a }) => {
 		});
 	};
 	render() {
-		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ L(j, {
+		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ R(j, {
 			display: "flex",
 			flexDirection: "column",
 			justifyContent: "center",
 			alignItems: "center",
 			height: "100%",
 			p: 3,
-			children: [/* @__PURE__ */ L(D, {
+			children: [/* @__PURE__ */ R(D, {
 				severity: "error",
 				sx: {
 					mb: 2,
 					maxWidth: 500
 				},
-				children: [/* @__PURE__ */ I(F, {
+				children: [/* @__PURE__ */ L(I, {
 					variant: "h6",
 					gutterBottom: !0,
 					children: "Something went wrong"
-				}), /* @__PURE__ */ I(F, {
+				}), /* @__PURE__ */ L(I, {
 					variant: "body2",
 					color: "text.secondary",
 					children: this.state.error?.message || "An unexpected error occurred"
 				})]
-			}), /* @__PURE__ */ I(M, {
+			}), /* @__PURE__ */ L(M, {
 				variant: "contained",
-				startIcon: /* @__PURE__ */ I(pa, {}),
+				startIcon: /* @__PURE__ */ L(pa, {}),
 				onClick: this.handleReset,
 				children: "Try Again"
 			})]
@@ -6858,9 +6880,9 @@ function lp({ onMessage: e, onConnect: n, onDisconnect: r, onError: i } = {}) {
 	return w(() => {
 		if (p()) try {
 			let e = t();
-			return o(e.isConnected()), e.on("message", s), e.on("open", c), e.on("close", l), e.on("error", u), () => {
+			return e ? (o(e.isConnected()), e.on("message", s), e.on("open", c), e.on("close", l), e.on("error", u), () => {
 				e.off("message", s), e.off("open", c), e.off("close", l), e.off("error", u);
-			};
+			}) : void 0;
 		} catch (e) {
 			console.error("Failed to setup WebSocket listeners:", e);
 		}
@@ -6874,19 +6896,22 @@ function lp({ onMessage: e, onConnect: n, onDisconnect: r, onError: i } = {}) {
 //#endregion
 //#region src/components/ChatContainer.tsx
 var up = ({ initialConversation: e }) => {
-	let [n, i] = E(e ?? null), [a, o] = E(), [s, c] = E(!0), l = C((e) => () => c(e), []), d = t();
-	return tp(async () => {
-		let e = await d.getMe();
+	let [n, i] = E(e ?? null), [a, o] = E(), [s, c] = E(!0), [l, d] = E(() => t()), p = C((e) => () => c(e), []);
+	return w(() => {
+		l || t(d);
+	}, [l]), tp(async () => {
+		if (!l) return;
+		let e = await l.getMe();
 		o(e), r.users.put(e);
-	}, []), lp({
-		onError: l(!1),
-		onConnect: l(!0),
-		onDisconnect: l(!1)
-	}), /* @__PURE__ */ L(j, {
+	}, [l]), lp({
+		onError: p(!1),
+		onConnect: p(!0),
+		onDisconnect: p(!1)
+	}), l ? /* @__PURE__ */ R(j, {
 		display: "flex",
 		height: "100%",
 		overflow: "hidden",
-		children: [/* @__PURE__ */ I(j, {
+		children: [/* @__PURE__ */ L(j, {
 			sx: {
 				width: {
 					xs: "100%",
@@ -6908,14 +6933,14 @@ var up = ({ initialConversation: e }) => {
 				},
 				flexDirection: "column"
 			},
-			children: /* @__PURE__ */ I(cp, { children: /* @__PURE__ */ I(Kf, {
+			children: /* @__PURE__ */ L(cp, { children: /* @__PURE__ */ L(Kf, {
 				currentUser: a,
 				selectedConversation: n,
 				onConversationSelect: (e) => {
 					i(e), u(f(e));
 				}
 			}) })
-		}), /* @__PURE__ */ I(j, {
+		}), /* @__PURE__ */ L(j, {
 			sx: {
 				flex: 1,
 				overflow: "hidden",
@@ -6926,14 +6951,14 @@ var up = ({ initialConversation: e }) => {
 				},
 				flexDirection: "column"
 			},
-			children: n ? /* @__PURE__ */ I(cp, { children: /* @__PURE__ */ I(sp, {
+			children: n ? /* @__PURE__ */ L(cp, { children: /* @__PURE__ */ L(sp, {
 				conversation: n,
 				user: a,
 				isConnected: s,
 				onBack: () => {
 					i(null), u(null);
 				}
-			}) }) : /* @__PURE__ */ I(j, {
+			}) }) : /* @__PURE__ */ L(j, {
 				display: "flex",
 				justifyContent: "center",
 				alignItems: "center",
@@ -6942,8 +6967,14 @@ var up = ({ initialConversation: e }) => {
 				children: "Select a conversation to start chatting"
 			})
 		})]
+	}) : /* @__PURE__ */ L(j, {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		height: "100%",
+		children: /* @__PURE__ */ L(N, {})
 	});
-}, dp = ({ count: e, children: t, max: n = 99 }) => /* @__PURE__ */ I(ie, {
+}, dp = ({ count: e, children: t, max: n = 99 }) => /* @__PURE__ */ L(ie, {
 	badgeContent: e,
 	color: "error",
 	max: n,
@@ -7111,4 +7142,4 @@ var pp = {
 	});
 }, vp = _p();
 //#endregion
-export { pp as CACHE_TTL, Pe as ChatApp, up as ChatContainer, qf as ChatHeader, sp as ChatWindow, ba as ConversationItem, xa as ConversationItemSkeleton, Kf as ConversationList, Bf as CreateGroupDialog, cp as ErrorBoundary, ep as LoadMoreTrigger, Qf as MessageBubble, ap as MessageInput, ip as MessageList, $f as MessageSkeleton, dp as UnreadBadge, r as db, s as disconnectSDK, m as fetchSummaries, t as getSDK, _p as getTheme, d as initSDK, p as isSDKInitialized, vp as theme, op as useMessages, rp as useSenderNames, fp as useUnreadCount, lp as useWebSocket };
+export { pp as CACHE_TTL, Ne as ChatApp, up as ChatContainer, qf as ChatHeader, sp as ChatWindow, ba as ConversationItem, xa as ConversationItemSkeleton, Kf as ConversationList, Bf as CreateGroupDialog, cp as ErrorBoundary, ep as LoadMoreTrigger, Qf as MessageBubble, ap as MessageInput, ip as MessageList, $f as MessageSkeleton, dp as UnreadBadge, r as db, s as disconnectSDK, m as fetchSummaries, t as getSDK, _p as getTheme, d as initSDK, p as isSDKInitialized, vp as theme, op as useMessages, rp as useSenderNames, fp as useUnreadCount, lp as useWebSocket };