@versini/sassysaint 4.0.3 → 4.0.5

package/dist/chunks/{LazyHeader.DZqy-k6Q.js → LazyHeader.CG_x94aM.js}

@@ -1,10 +1,10 @@
-import { jsxs as c, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { O as _, i$1 as le, N as de, p as De, o as _e, g as A, N$1 as z, CARDS as N, renderDataAsList as $, pluralize as Z, ABOUT_TITLE as ze, MODEL_GPT4 as Be, numberFormatter as Ve, durationFormatter as Ce, NA as Pe, ROLE_ASSISTANT as Fe, extractAverage as Ge, GPT4_MAX_TOKENS as $e, zr as Y, STATS as Ne, b as F, j as E, x as ee, LOCAL_STORAGE_PREFIX as te, LOCAL_STORAGE_SORT as Ue, ACTION_RESET as je, ACTION_RESTORE as Ye, truncate as Ke, ACTION_SORT as re, LOCAL_STORAGE_SEARCH as We, Y as Xe, ACTION_SEARCH as Je, HISTORY_TITLE as qe, LOCAL_STORAGE_CHAT_DETAILS as Qe, LOCAL_STORAGE_LOCATION as Ze, f$2 as et, ACTION_LOCATION as me, getCurrentGeoLocation as tt, convertLatitudeToDMS as at, convertLongitudeToDMS as st, PROFILE_TITLE as nt, LOG_OUT as ue } from "./index.hKY7O9up.js";
+import { jsxs as c, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { O as D, i$1 as le, N as de, p as De, o as _e, g as A, N$1 as _, CARDS as g, renderDataAsList as $, pluralize as Z, ABOUT_TITLE as ze, MODEL_GPT4 as Be, numberFormatter as Ve, durationFormatter as Ce, NA as Pe, ROLE_ASSISTANT as Fe, extractAverage as Ge, GPT4_MAX_TOKENS as $e, zr as Y, STATS as Ne, b as F, j as E, x as ee, LOCAL_STORAGE_PREFIX as te, LOCAL_STORAGE_SORT as Ue, ACTION_RESET as je, ACTION_RESTORE as Ye, truncate as Ke, ACTION_SORT as re, LOCAL_STORAGE_SEARCH as We, Y as Xe, ACTION_SEARCH as Je, HISTORY_TITLE as qe, LOCAL_STORAGE_CHAT_DETAILS as Qe, LOCAL_STORAGE_LOCATION as Ze, v as et, ACTION_LOCATION as me, getCurrentGeoLocation as tt, convertLatitudeToDMS as at, convertLongitudeToDMS as nt, PROFILE_TITLE as st, LOG_OUT as ue } from "./index.KrqE7k6j.js";
 import * as ce from "react";
-import rt, { forwardRef as Te, useState as T, useRef as U, useContext as R, useEffect as O, Suspense as ot, lazy as ct, useId as it } from "react";
-import { g as lt, AppContext as K, serviceCall as se, SERVICE_TYPES as ne, HistoryContext as ye, E as ae, k as I, et as dt, at as mt, lt as oe, J as M, ct as ut, st as ht, rt as pt } from "./useLocalStorage.guy7-rXk.js";
+import rt, { forwardRef as Te, useState as y, useRef as U, useContext as R, useEffect as L, Suspense as ot, lazy as ct, useId as it, useMemo as lt } from "react";
+import { g as dt, AppContext as K, serviceCall as ne, SERVICE_TYPES as se, HistoryContext as ye, E as ae, k as I, et as mt, at as ut, lt as oe, J as M, ct as ht, st as pt, rt as ft } from "./useLocalStorage.cIA35Dub.js";
 import v from "clsx";
-import { useFloatingTree as be, useFloatingNodeId as ft, useListItem as Se, useFloating as gt, offset as Ct, flip as Nt, shift as Tt, autoUpdate as yt, useClick as bt, useRole as St, useDismiss as wt, useListNavigation as kt, useTypeahead as xt, useInteractions as Et, useMergeRefs as we, FloatingNode as vt, FloatingList as It, FloatingPortal as At, FloatingFocusManager as Ht, FloatingTree as Mt } from "@floating-ui/react";
+import { useFloatingTree as be, useFloatingNodeId as gt, useListItem as Se, useFloating as Ct, offset as Nt, flip as Tt, shift as yt, autoUpdate as bt, useClick as St, useRole as wt, useDismiss as kt, useListNavigation as xt, useTypeahead as Et, useInteractions as vt, useMergeRefs as we, FloatingNode as It, FloatingList as At, FloatingPortal as Ht, FloatingFocusManager as Mt, FloatingTree as Rt } from "@floating-ui/react";
 const ie = ce.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
@@ -29,78 +29,78 @@ const ie = ce.createContext({
   ({
     trigger: t,
     children: a,
-    label: s = "Open menu",
-    defaultPlacement: n = "bottom-start",
+    label: n = "Open menu",
+    defaultPlacement: s = "bottom-start",
     onOpenChange: r,
     spacing: o,
     mode: i = "system",
-    focusMode: l = "system",
-    ...h
+    focusMode: u = "system",
+    ...p
   }, d) => {
-    const [g, u] = T(!1), [y, S] = T(!1), [b, C] = T(null), f = U([]), k = U([]), m = R(ie), p = be(), w = ft(), L = Se(), { floatingStyles: B, refs: J, context: H } = gt({
-      nodeId: w,
-      open: g,
+    const [l, C] = y(!1), [b, w] = y(!1), [h, x] = y(null), f = U([]), m = U([]), N = R(ie), T = be(), S = gt(), z = Se(), { floatingStyles: B, refs: J, context: H } = Ct({
+      nodeId: S,
+      open: l,
       onOpenChange: (P) => {
-        u(P), r == null || r(P);
+        C(P), r == null || r(P);
       },
-      placement: n,
+      placement: s,
       strategy: "fixed",
-      middleware: [Ct({ mainAxis: 10 }), Nt(), Tt()],
-      whileElementsMounted: yt
-    }), q = bt(H, {
+      middleware: [Nt({ mainAxis: 10 }), Tt(), yt()],
+      whileElementsMounted: bt
+    }), q = St(H, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), V = St(H, { role: "menu" }), ve = wt(H, { bubbles: !0 }), Ie = kt(H, {
+    }), V = wt(H, { role: "menu" }), ve = kt(H, { bubbles: !0 }), Ie = xt(H, {
       listRef: f,
-      activeIndex: b,
+      activeIndex: h,
       nested: !1,
-      onNavigate: C,
+      onNavigate: x,
       loop: !0
-    }), Ae = xt(H, {
-      listRef: k,
-      onMatch: g ? C : void 0,
-      activeIndex: b
-    }), { getReferenceProps: He, getFloatingProps: Me, getItemProps: Re } = Et([q, V, ve, Ie, Ae]), Le = he(t) === "Button" || he(t) === "ButtonIcon", Oe = rt.cloneElement(t, {
+    }), Ae = Et(H, {
+      listRef: m,
+      onMatch: l ? x : void 0,
+      activeIndex: h
+    }), { getReferenceProps: He, getFloatingProps: Me, getItemProps: Re } = vt([q, V, ve, Ie, Ae]), Le = he(t) === "Button" || he(t) === "ButtonIcon", Oe = rt.cloneElement(t, {
       mode: i,
-      focusMode: l,
+      focusMode: u,
       spacing: o,
       noInternalClick: Le,
-      "aria-label": s,
-      "data-open": g ? "" : void 0,
-      "data-focus-inside": y ? "" : void 0,
-      ref: we([J.setReference, L.ref, d]),
+      "aria-label": n,
+      "data-open": l ? "" : void 0,
+      "data-focus-inside": b ? "" : void 0,
+      ref: we([J.setReference, z.ref, d]),
       ...He(
-        m.getItemProps({
-          ...h
+        N.getItemProps({
+          ...p
         })
       )
     });
-    return O(() => {
-      if (!p)
+    return L(() => {
+      if (!T)
         return;
       function P() {
-        u(!1), r == null || r(!1);
+        C(!1), r == null || r(!1);
       }
-      return p.events.on("click", P), () => {
-        p.events.off("click", P);
+      return T.events.on("click", P), () => {
+        T.events.off("click", P);
       };
-    }, [p, r]), O(() => {
-      g && p && p.events.emit("menuopen", { nodeId: w });
-    }, [p, g, w]), /* @__PURE__ */ c(vt, { id: w, children: [
+    }, [T, r]), L(() => {
+      l && T && T.events.emit("menuopen", { nodeId: S });
+    }, [T, l, S]), /* @__PURE__ */ c(It, { id: S, children: [
       Oe,
       /* @__PURE__ */ e(
         ie.Provider,
         {
           value: {
-            activeIndex: b,
-            setActiveIndex: C,
+            activeIndex: h,
+            setActiveIndex: x,
             getItemProps: Re,
-            setHasFocusInside: S,
-            isOpen: g
+            setHasFocusInside: w,
+            isOpen: l
           },
-          children: /* @__PURE__ */ e(It, { elementsRef: f, labelsRef: k, children: g && /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(
-            Ht,
+          children: /* @__PURE__ */ e(At, { elementsRef: f, labelsRef: m, children: l && /* @__PURE__ */ e(Ht, { children: /* @__PURE__ */ e(
+            Mt,
             {
               context: H,
               modal: !1,
@@ -122,64 +122,64 @@ const ie = ce.createContext({
       )
     ] });
   }
-), xe = Te((t, a) => /* @__PURE__ */ e(Mt, { children: /* @__PURE__ */ e(ke, { ...t, ref: a }) }));
+), xe = Te((t, a) => /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ e(ke, { ...t, ref: a }) }));
 xe.displayName = "Menu";
 ke.displayName = "MenuComponent";
-const D = ce.forwardRef(({ label: t, disabled: a, icon: s, ...n }, r) => {
-  const o = ce.useContext(ie), i = Se({ label: a ? null : t }), l = be();
+const O = ce.forwardRef(({ label: t, disabled: a, icon: n, ...s }, r) => {
+  const o = ce.useContext(ie), i = Se({ label: a ? null : t }), u = be();
   return /* @__PURE__ */ c(
     "button",
     {
-      ...n,
+      ...s,
       ref: we([i.ref, r]),
       role: "menuitem",
       className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
       tabIndex: 0,
       disabled: a,
       ...o.getItemProps({
-        onClick(h) {
+        onClick(p) {
           var d;
-          (d = n.onClick) == null || d.call(n, h), l == null || l.events.emit("click");
+          (d = s.onClick) == null || d.call(s, p), u == null || u.events.emit("click");
         },
-        onFocus(h) {
+        onFocus(p) {
           var d;
-          (d = n.onFocus) == null || d.call(n, h), o.setHasFocusInside(!0);
+          (d = s.onFocus) == null || d.call(s, p), o.setHasFocusInside(!0);
         }
       }),
       children: [
-        s,
+        n,
         t && /* @__PURE__ */ e("span", { className: "pl-2", children: t })
       ]
     }
   );
 });
-D.displayName = "MenuItem";
-const Rt = ({ className: t, ...a }) => {
-  const s = v(t, "my-1 border-t border-border-medium");
-  return /* @__PURE__ */ e("div", { className: s, ...a });
-}, Lt = ({
+O.displayName = "MenuItem";
+const Lt = ({ className: t, ...a }) => {
+  const n = v(t, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ e("div", { className: n, ...a });
+}, Ot = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ e(
-  lt,
+  dt,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Close",
+    spacing: n,
+    title: s || "Close",
     ...o,
     children: /* @__PURE__ */ e("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
-), G = "panel", Q = "messagebox", Ot = ({
+), G = "panel", Q = "messagebox", Dt = ({
   className: t,
   kind: a,
-  borderMode: s
+  borderMode: n
 }) => ({
   main: v("prose prose-lighter flex flex-col bg-surface-medium", {
     [`${le} h-full min-h-[95%] sm:h-auto sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: a === G,
@@ -187,56 +187,56 @@ const Rt = ({ className: t, ...a }) => {
     [`${de} rounded-lg border-2`]: a === Q,
     [`${de} w-[95%] sm:w-[50%] md:max-w-2xl`]: a === Q && !t,
     [`${t}`]: !!t,
-    "sm:border-border-dark": s === "dark" && a === G,
-    "sm:border-border-accent": s === "light" && a === G,
-    "border-border-dark": s === "dark" && a === Q,
-    "border-border-accent": s === "light" && a === Q
+    "sm:border-border-dark": n === "dark" && a === G,
+    "sm:border-border-accent": n === "light" && a === G,
+    "border-border-dark": n === "dark" && a === Q,
+    "border-border-accent": n === "light" && a === Q
   }),
   content: "flex flex-grow flex-col py-2 sm:py-4 px-4",
   footer: "flex flex-grow flex-col p-4",
   header: "p-4 mb-0",
   close: "p-4"
 }), W = (t) => ct(
-  () => import("./index.7JJYsiGN.CAXaixDN.js").then((a) => ({
+  () => import("./index.7JJYsiGN.fOXCGsQA.js").then((a) => ({
     default: a[t]
   }))
-), Dt = W("Modal"), _t = W("ModalClose"), zt = W("ModalContent"), Bt = W("ModalDescription"), Vt = W("ModalHeading"), X = ({
+), _t = W("Modal"), zt = W("ModalClose"), Bt = W("ModalContent"), Vt = W("ModalDescription"), Pt = W("ModalHeading"), X = ({
   open: t,
   onOpenChange: a,
-  title: s,
-  children: n,
+  title: n,
+  children: s,
   footer: r,
   borderMode: o = "light",
   kind: i = G,
-  className: l
+  className: u
 }) => {
-  const h = U(""), d = Ot({ className: l, kind: i, borderMode: o });
-  return O(() => (t && (h.current = document.title, document.title = `${s} | ${h.current}`), () => {
-    t && (document.title = h.current);
-  }), [s, t]), /* @__PURE__ */ e(ot, { fallback: /* @__PURE__ */ e("div", {}), children: t && /* @__PURE__ */ e(Dt, { open: t, onOpenChange: a, children: /* @__PURE__ */ c(zt, { className: d.main, children: [
+  const p = U(""), d = Dt({ className: u, kind: i, borderMode: o });
+  return L(() => (t && (p.current = document.title, document.title = `${n} | ${p.current}`), () => {
+    t && (document.title = p.current);
+  }), [n, t]), /* @__PURE__ */ e(ot, { fallback: /* @__PURE__ */ e("div", {}), children: t && /* @__PURE__ */ e(_t, { open: t, onOpenChange: a, children: /* @__PURE__ */ c(Bt, { className: d.main, children: [
     /* @__PURE__ */ c("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ e(
-        _t,
+        zt,
         {
           className: d.close,
           trigger: /* @__PURE__ */ e(
-            _,
+            D,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ e(Lt, {})
+              children: /* @__PURE__ */ e(Ot, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ e(Vt, { className: d.header, children: s })
+      /* @__PURE__ */ e(Pt, { className: d.header, children: n })
     ] }),
-    /* @__PURE__ */ e(Bt, { className: d.content, children: n }),
+    /* @__PURE__ */ e(Vt, { className: d.content, children: s }),
     r && /* @__PURE__ */ e("div", { className: d.footer, children: r })
   ] }) }) });
-}, Pt = () => v("peer", "h-6", "w-11", "rounded-full"), Ft = ({
+}, Ft = () => v("peer", "h-6", "w-11", "rounded-full"), Gt = ({
   focusMode: t
 }) => v(
   "peer-focus:outline",
@@ -248,14 +248,14 @@ const Rt = ({ className: t, ...a }) => {
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": t === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": t === "system"
   }
-), Gt = () => v(
+), $t = () => v(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), $t = () => v(
+), Ut = () => v(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -267,7 +267,7 @@ const Rt = ({ className: t, ...a }) => {
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), Ut = ({
+), jt = ({
   mode: t,
   noBorder: a
 }) => v({
@@ -276,7 +276,7 @@ const Rt = ({ className: t, ...a }) => {
   "border-border-light bg-surface-darker": t === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": t === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": t === "system"
-}), jt = ({
+}), Yt = ({
   mode: t,
   labelHidden: a
 }) => a ? "sr-only" : v("ml-2 text-sm", {
@@ -284,46 +284,46 @@ const Rt = ({ className: t, ...a }) => {
   "text-copy-lighter": t === "dark",
   "text-copy-lighter dark:text-copy-dark": t === "alt-system",
   "text-copy-dark dark:text-copy-lighter": t === "system"
-}), Yt = ({ spacing: t }) => v(
+}), Kt = ({ spacing: t }) => v(
   De,
   "relative flex cursor-pointer items-center",
   _e(t)
-), Kt = ({
+), Wt = ({
   mode: t,
   focusMode: a,
-  labelHidden: s,
-  spacing: n,
+  labelHidden: n,
+  spacing: s,
   noBorder: r
 }) => ({
   toggle: v(
-    Pt(),
-    Ut({ mode: t, noBorder: r }),
-    Ft({ focusMode: a }),
-    $t(),
-    Gt()
+    Ft(),
+    jt({ mode: t, noBorder: r }),
+    Gt({ focusMode: a }),
+    Ut(),
+    $t()
   ),
-  label: jt({ mode: t, labelHidden: s }),
+  label: Yt({ mode: t, labelHidden: n }),
   input: "peer sr-only",
-  wrapper: Yt({ spacing: n })
-}), Wt = ({
+  wrapper: Kt({ spacing: s })
+}), Xt = ({
   checked: t = !1,
   onChange: a,
-  label: s,
-  labelHidden: n = !1,
+  label: n,
+  labelHidden: s = !1,
   name: r,
   mode: o = "system",
   focusMode: i = "system",
-  spacing: l,
-  noBorder: h = !1
+  spacing: u,
+  noBorder: p = !1
 }) => {
-  const d = Kt({
+  const d = Wt({
     mode: o,
     focusMode: i,
-    labelHidden: n,
-    spacing: l,
-    noBorder: h
-  }), g = (u) => {
-    a == null || a(u.target.checked);
+    labelHidden: s,
+    spacing: u,
+    noBorder: p
+  }), l = (C) => {
+    a == null || a(C.target.checked);
   };
   return /* @__PURE__ */ c("label", { className: d.wrapper, children: [
     /* @__PURE__ */ e(
@@ -333,17 +333,17 @@ const Rt = ({ className: t, ...a }) => {
         checked: t,
         type: "checkbox",
         className: d.input,
-        onChange: g
+        onChange: l
       }
     ),
     /* @__PURE__ */ e("div", { className: d.toggle }),
-    /* @__PURE__ */ e("span", { className: d.label, children: s })
+    /* @__PURE__ */ e("span", { className: d.label, children: n })
   ] });
-}, Xt = ({
+}, Jt = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -353,8 +353,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Back",
+    spacing: n,
+    title: s || "Back",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -367,11 +367,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M32 0H192c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32s-32-14.3-32-32V32C0 14.3 14.3 0 32 0z" })
     ]
   }
-), Jt = ({
+), qt = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -381,8 +381,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Chart",
+    spacing: n,
+    title: s || "Chart",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -395,11 +395,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M368 96c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H368zM48 224c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48z" })
     ]
   }
-), qt = ({
+), Qt = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -409,8 +409,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Delete",
+    spacing: n,
+    title: s || "Delete",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -423,11 +423,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8z" })
     ]
   }
-), Qt = ({
+), Zt = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -437,8 +437,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "History",
+    spacing: n,
+    title: s || "History",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -451,11 +451,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
     ]
   }
-), Zt = ({
+), ea = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -465,8 +465,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Info",
+    spacing: n,
+    title: s || "Info",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -479,11 +479,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
     ]
   }
-), ea = ({
+), ta = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -493,8 +493,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Profile",
+    spacing: n,
+    title: s || "Profile",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -510,8 +510,8 @@ const Rt = ({ className: t, ...a }) => {
 ), pe = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -521,8 +521,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Refresh",
+    spacing: n,
+    title: s || "Refresh",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -542,11 +542,11 @@ const Rt = ({ className: t, ...a }) => {
       )
     ]
   }
-), ta = ({
+), aa = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ c(
@@ -556,8 +556,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Restore",
+    spacing: n,
+    title: s || "Restore",
     ...o,
     children: [
       /* @__PURE__ */ e(
@@ -570,11 +570,11 @@ const Rt = ({ className: t, ...a }) => {
       /* @__PURE__ */ e("path", { d: "M64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H64zm32 64H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32z" })
     ]
   }
-), aa = ({
+), na = ({
   className: t,
   viewBox: a,
-  spacing: s,
-  title: n,
+  spacing: n,
+  title: s,
   monotone: r,
   ...o
 }) => /* @__PURE__ */ e(
@@ -584,8 +584,8 @@ const Rt = ({ className: t, ...a }) => {
     defaultClassName: "size-5",
     viewBox: a,
     className: t,
-    spacing: s,
-    title: n || "Settings",
+    spacing: n,
+    title: s || "Settings",
     ...o,
     children: /* @__PURE__ */ e("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
   }
@@ -594,112 +594,112 @@ function j(t) {
   return it();
 }
 const sa = ({ stats: t }) => {
-  const a = (t == null ? void 0 : t.plugins) || [], s = (t == null ? void 0 : t.version) || "", n = (t == null ? void 0 : t.models) || [], r = j(), o = j();
-  return /* @__PURE__ */ c(x, { children: [
+  const a = (t == null ? void 0 : t.plugins) || [], n = (t == null ? void 0 : t.version) || "", s = (t == null ? void 0 : t.models) || [], r = j(), o = j();
+  return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
-      z,
+      _,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: g.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: $(r, {
-          [N.ABOUT.VERSION]: "4.0.3",
-          [N.ABOUT.BUILD_TIMESTAMP]: "08/30/2024 03:02 PM EDT"
+          [g.ABOUT.VERSION]: "4.0.5",
+          [g.ABOUT.BUILD_TIMESTAMP]: "08/31/2024 06:21 PM EDT"
         })
       }
     ) }),
     /* @__PURE__ */ e(
-      z,
+      _,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: g.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: $(o, {
-          [N.ABOUT.VERSION]: s,
-          [Z(N.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ e(x, { children: n.map((i) => /* @__PURE__ */ e("div", { className: "text-right", children: i }, i)) }),
-          [Z(N.ABOUT.PLUGIN, a.length)]: /* @__PURE__ */ e(x, { children: a.map((i) => /* @__PURE__ */ e("div", { className: "text-right", children: i }, i)) })
+          [g.ABOUT.VERSION]: n,
+          [Z(g.ABOUT.ENGINE, s.length)]: /* @__PURE__ */ e(k, { children: s.map((i) => /* @__PURE__ */ e("div", { className: "text-right", children: i }, i)) }),
+          [Z(g.ABOUT.PLUGIN, a.length)]: /* @__PURE__ */ e(k, { children: a.map((i) => /* @__PURE__ */ e("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, na = ({
+}, ra = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { serverStats: s } = R(K);
-  return /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: ze, children: /* @__PURE__ */ e(sa, { stats: s }) });
-}, ra = (t) => Ce(t), oa = (t) => {
+  const { serverStats: n } = R(K);
+  return /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: ze, children: /* @__PURE__ */ e(sa, { stats: n }) });
+}, oa = (t) => Ce(t), ca = (t) => {
   if (!t || t.length === 0)
     return Pe;
   const a = t.filter(
-    (s) => {
-      var n, r;
-      return ((n = s == null ? void 0 : s.message) == null ? void 0 : n.role) === Fe && typeof ((r = s == null ? void 0 : s.message) == null ? void 0 : r.processingTime) == "number";
+    (n) => {
+      var s, r;
+      return ((s = n == null ? void 0 : n.message) == null ? void 0 : s.role) === Fe && typeof ((r = n == null ? void 0 : n.message) == null ? void 0 : r.processingTime) == "number";
     }
-  ).map((s) => s.message.processingTime);
+  ).map((n) => n.message.processingTime);
   return Ge({
     data: a,
-    formatter: ra
+    formatter: oa
   });
-}, ca = ({
+}, ia = ({
   isAuthenticated: t,
   stats: a
 }) => {
-  const { state: s } = R(K), n = $e - Number(s == null ? void 0 : s.usage), r = j(), o = j();
-  return t ? /* @__PURE__ */ c(x, { children: [
-    s && s.messages.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
-      z,
+  const { state: n } = R(K), s = $e - Number(n == null ? void 0 : n.usage), r = j(), o = j();
+  return t ? /* @__PURE__ */ c(k, { children: [
+    n && n.messages.length > 0 && /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
+      _,
       {
-        header: N.CURRENT_STATISTICS.TITLE,
+        header: g.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: $(r, {
-          [N.CURRENT_STATISTICS.MODEL_NAME]: (s == null ? void 0 : s.model) || Be,
-          [N.CURRENT_STATISTICS.TOKENS_USED]: s == null ? void 0 : s.usage,
-          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Ve.format(n),
-          [N.CURRENT_STATISTICS.PROCESSING_TIME]: oa(s == null ? void 0 : s.messages)
+          [g.CURRENT_STATISTICS.MODEL_NAME]: (n == null ? void 0 : n.model) || Be,
+          [g.CURRENT_STATISTICS.TOKENS_USED]: n == null ? void 0 : n.usage,
+          [g.CURRENT_STATISTICS.REMAINING_TOKENS]: Ve.format(s),
+          [g.CURRENT_STATISTICS.PROCESSING_TIME]: ca(n == null ? void 0 : n.messages)
         })
       }
     ) }),
     /* @__PURE__ */ e(
-      z,
+      _,
       {
-        header: N.MAIN_STATISTICS.TITLE,
+        header: g.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: $(o, {
-          [Z(N.MAIN_STATISTICS.TOTAL, a.totalChats)]: a.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: Ce(
+          [Z(g.MAIN_STATISTICS.TOTAL, a.totalChats)]: a.totalChats,
+          [g.MAIN_STATISTICS.PROCESSING_TIME]: Ce(
             a.averageProcessingTimes
           )
         })
       }
     )
   ] }) : null;
-}, ia = ({
+}, la = ({
   open: t,
   onOpenChange: a
 }) => {
-  const [s, n] = T({
+  const [n, s] = y({
     averageProcessingTimes: 0,
     totalChats: 0
   }), { isAuthenticated: r, getAccessToken: o, user: i } = Y();
-  return O(() => {
+  return L(() => {
     !t || !i || (async () => {
       try {
-        const l = await se({
+        const u = await ne({
           accessToken: await o(),
-          type: ne.GET_CHATS_STATS,
+          type: se.GET_CHATS_STATS,
           params: {
             userId: i.username
           }
         });
-        l.status === 200 && n(l.data);
+        u.status === 200 && s(u.data);
       } catch {
       }
     })();
-  }, [t, o, i]), /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: Ne, children: /* @__PURE__ */ e(ca, { isAuthenticated: r, stats: s }) });
+  }, [t, o, i]), /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: Ne, children: /* @__PURE__ */ e(ia, { isAuthenticated: r, stats: n }) });
 }, Ee = ({
   showConfirmation: t,
   setShowConfirmation: a,
-  action: s,
-  children: n,
+  action: n,
+  children: s,
   customStrings: r
 }) => /* @__PURE__ */ e(
   X,
@@ -728,33 +728,33 @@ const sa = ({ stats: t }) => {
           variant: "danger",
           focusMode: "light",
           onClick: () => {
-            a(!1), s();
+            a(!1), n();
           },
           children: r.confirmAction
         }
       ) })
     ] }),
-    children: n
+    children: s
   }
 );
-var la = typeof window < "u", da = function(t, a) {
-  return la ? window.matchMedia(t).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
-}, ma = function(t, a) {
-  var s = T(da(t)), n = s[0], r = s[1];
-  return O(function() {
-    var o = !0, i = window.matchMedia(t), l = function() {
+var da = typeof window < "u", ma = function(t, a) {
+  return da ? window.matchMedia(t).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+}, ua = function(t, a) {
+  var n = y(ma(t)), s = n[0], r = n[1];
+  return L(function() {
+    var o = !0, i = window.matchMedia(t), u = function() {
       o && r(!!i.matches);
     };
-    return i.addEventListener("change", l), r(i.matches), function() {
-      o = !1, i.removeEventListener("change", l);
+    return i.addEventListener("change", u), r(i.matches), function() {
+      o = !1, i.removeEventListener("change", u);
     };
-  }, [t]), n;
+  }, [t]), s;
 };
-const ua = async (t, a, s, n) => {
+const ha = async (t, a, n, s) => {
   try {
-    const r = await se({
-      accessToken: n,
-      type: ne.GET_CHAT,
+    const r = await ne({
+      accessToken: s,
+      type: se.GET_CHAT,
       params: {
         id: t.id
       }
@@ -769,45 +769,44 @@ const ua = async (t, a, s, n) => {
         usage: r.data.usage,
         messages: r.data.messages
       }
-    }), s(!1));
+    }), n(!1));
   } catch {
   }
 }, fe = (t) => {
   const a = t[0];
   return Ke(a == null ? void 0 : a.content, 100);
-}, ha = ({
+}, pa = ({
   filteredHistory: t,
   setFilteredHistory: a,
-  setFullHistory: s,
   dispatch: n,
-  onOpenChange: r
+  onOpenChange: s
 }) => {
-  var k;
-  const { user: o, getAccessToken: i } = Y(), l = U({
+  var f;
+  const { user: r, getAccessToken: o } = Y(), i = U({
     id: 0,
     timestamp: "",
     message: ""
-  }), [h, d] = T(!1), g = ma("(min-width: 480px)"), { state: u, dispatch: y } = R(ye), [, S] = ae({
+  }), [u, p] = y(!1), d = ua("(min-width: 480px)"), { state: l, dispatch: C } = R(ye), [, b] = ae({
     key: te + Ue,
-    initialValue: u.sortDirection
-  }), b = t.data.sort(
-    (m, p) => {
-      switch (u.sortedCell) {
+    initialValue: l.sortDirection
+  }), w = t.data.sort(
+    (m, N) => {
+      switch (l.sortedCell) {
         case "timestamp":
-          if (u.sortDirection === I.ASC)
-            return new Date(m[u.sortedCell]).getTime() - new Date(p[u.sortedCell]).getTime();
-          if (u.sortDirection === I.DESC)
-            return new Date(p[u.sortedCell]).getTime() - new Date(m[u.sortedCell]).getTime();
+          if (l.sortDirection === I.ASC)
+            return new Date(m[l.sortedCell]).getTime() - new Date(N[l.sortedCell]).getTime();
+          if (l.sortDirection === I.DESC)
+            return new Date(N[l.sortedCell]).getTime() - new Date(m[l.sortedCell]).getTime();
           break;
         default:
           return 0;
       }
       return 0;
     }
-  ), C = (m) => {
-    switch (u.sortDirection) {
+  ), h = (m) => {
+    switch (l.sortDirection) {
       case !1:
-        S(I.ASC), y({
+        b(I.ASC), C({
           type: re,
           payload: {
             sortedCell: m,
@@ -816,7 +815,7 @@ const ua = async (t, a, s, n) => {
         });
         break;
       case I.ASC:
-        S(I.DESC), y({
+        b(I.DESC), C({
           type: re,
           payload: {
             sortedCell: m,
@@ -825,7 +824,7 @@ const ua = async (t, a, s, n) => {
         });
         break;
       default:
-        S(I.ASC), y({
+        b(I.ASC), C({
           type: re,
           payload: {
             sortedCell: m,
@@ -835,24 +834,24 @@ const ua = async (t, a, s, n) => {
         break;
     }
   };
-  return /* @__PURE__ */ c(x, { children: [
+  return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ c(
       Ee,
       {
-        showConfirmation: h,
-        setShowConfirmation: d,
+        showConfirmation: u,
+        setShowConfirmation: p,
         action: async () => {
-          const m = l.current;
+          const m = i.current;
           try {
-            const p = await se({
-              accessToken: await i(),
-              type: ne.DELETE_CHAT,
+            const N = await ne({
+              accessToken: await o(),
+              type: se.DELETE_CHAT,
               params: {
-                userId: (o == null ? void 0 : o.username) || "",
+                userId: (r == null ? void 0 : r.username) || "",
                 id: m.id
               }
             });
-            p.status === 200 && (s(p.data), a({ data: p.data }));
+            N.status === 200 && a({ data: N.data });
           } catch {
           }
         },
@@ -867,29 +866,29 @@ const ua = async (t, a, s, n) => {
             /* @__PURE__ */ c("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: l.current && l.current.timestamp })
+              /* @__PURE__ */ e("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
             /* @__PURE__ */ c("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: (k = l.current) == null ? void 0 : k.message })
+              /* @__PURE__ */ e("span", { className: "text-lg", children: (f = i.current) == null ? void 0 : f.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ c(dt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ e(mt, { children: /* @__PURE__ */ c(oe, { children: [
-        g && /* @__PURE__ */ e(M, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ c(mt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ e(ut, { children: /* @__PURE__ */ c(oe, { children: [
+        d && /* @__PURE__ */ e(M, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ e(
-          ut,
+          ht,
           {
             cellId: "timestamp",
             align: "left",
-            sortDirection: u.sortDirection,
-            sortedCell: u.sortedCell,
+            sortDirection: l.sortDirection,
+            sortedCell: l.sortedCell,
             onClick: () => {
-              C("timestamp");
+              h("timestamp");
             },
             children: "Date"
           }
@@ -897,10 +896,10 @@ const ua = async (t, a, s, n) => {
         /* @__PURE__ */ e(M, { children: "First message" }),
         /* @__PURE__ */ e(M, { className: "text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e(ht, { children: b.map((m, p) => {
-        var w;
-        return ((w = m == null ? void 0 : m.messages) == null ? void 0 : w.length) > 0 ? /* @__PURE__ */ c(oe, { children: [
-          g && /* @__PURE__ */ e(M, { children: p + 1 }),
+      /* @__PURE__ */ e(pt, { children: w.map((m, N) => {
+        var T;
+        return ((T = m == null ? void 0 : m.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ c(oe, { children: [
+          d && /* @__PURE__ */ e(M, { children: N + 1 }),
           /* @__PURE__ */ e(
             M,
             {
@@ -913,43 +912,43 @@ const ua = async (t, a, s, n) => {
           /* @__PURE__ */ e(M, { className: "max-w-[100px] text-white sm:max-w-full", children: fe(m.messages) }),
           /* @__PURE__ */ e(M, { children: /* @__PURE__ */ c("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ e(
-              _,
+              D,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
                 label: "Restore chat",
                 onClick: async () => {
-                  const L = await i();
-                  ua(
+                  const S = await o();
+                  ha(
                     m,
                     n,
-                    r,
-                    L
+                    s,
+                    S
                   );
                 },
-                children: /* @__PURE__ */ e(ta, { className: "h-3 w-3", monotone: !0 })
+                children: /* @__PURE__ */ e(aa, { className: "h-3 w-3", monotone: !0 })
               }
             ),
             /* @__PURE__ */ e(
-              _,
+              D,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
                 label: "Delete chat",
                 onClick: () => {
-                  l.current = {
+                  i.current = {
                     id: m.id,
                     timestamp: m.timestamp,
                     message: fe(m.messages)
-                  }, d(!h);
+                  }, p(!u);
                 },
-                children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(qt, { className: "h-3 w-3", monotone: !0 }) })
+                children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Qt, { className: "h-3 w-3", monotone: !0 }) })
               }
             )
           ] }) })
-        ] }, `${N.HISTORY.TITLE}-${m.id}-${p}`) : null;
+        ] }, `${g.HISTORY.TITLE}-${m.id}-${N}`) : null;
       }) }),
-      /* @__PURE__ */ e(pt, { children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(M, { colSpan: 4, children: /* @__PURE__ */ e("div", { children: Z(
+      /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(M, { colSpan: 4, children: /* @__PURE__ */ e("div", { children: Z(
         `${t.data.length} chat`,
         t.data.length
       ) }) }) }) })
@@ -958,51 +957,51 @@ const ua = async (t, a, s, n) => {
 };
 function ge(t, a) {
   return a ? t.filter(
-    (s) => s.messages.some(
-      (n) => n.content !== null && n.content.toLowerCase().includes(a.toLowerCase())
+    (n) => n.messages.some(
+      (s) => s.content !== null && s.content.toLowerCase().includes(a.toLowerCase())
     )
   ) : t;
 }
-const pa = ({
+const fa = ({
   onOpenChange: t,
   historyData: a
 }) => {
-  const { isAuthenticated: s } = Y(), n = U(null), { dispatch: r } = R(K), { state: o, dispatch: i } = R(ye), [, l] = ae({
+  const { isAuthenticated: n } = Y(), s = U(null), { dispatch: r } = R(K), { state: o, dispatch: i } = R(ye), [, u] = ae({
     key: te + We,
     initialValue: o.searchString
-  }), [h, d] = T(a), [g, u] = T({
-    data: h
-  }), y = (C) => {
-    const f = ge(h, C);
-    u({
-      data: f
-    }), l(C), i({
+  }), p = lt(() => a, [a]), [d, l] = y({
+    data: p
+  }), C = (h) => {
+    const x = ge(p, h);
+    l({
+      data: x
+    }), u(h), i({
       type: Je,
-      payload: { searchString: C }
+      payload: { searchString: h }
     });
-  }, S = (C) => {
-    y(C.target.value);
-  }, b = async (C) => {
-    C.preventDefault();
+  }, b = (h) => {
+    C(h.target.value);
+  }, w = async (h) => {
+    h.preventDefault();
   };
-  return O(() => {
-    const C = ge(
-      h,
+  return L(() => {
+    const h = ge(
+      a,
       o.searchString
     );
-    u({
-      data: C
+    l({
+      data: h
     });
-  }, [h, o.searchString]), s ? g && g.data && /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: b, children: /* @__PURE__ */ e(
+  }, [a, o.searchString]), n ? d && d.data && /* @__PURE__ */ c(k, { children: [
+    /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: w, children: /* @__PURE__ */ e(
       Xe,
       {
-        ref: n,
+        ref: s,
         defaultValue: o.searchString,
         focusMode: "light",
         name: "Search",
         label: "Search",
-        onChange: S,
+        onChange: b,
         spacing: { t: 2, b: 2 },
         ...o.searchString && {
           rightElement: /* @__PURE__ */ e(
@@ -1013,8 +1012,8 @@ const pa = ({
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var C;
-                y(""), (C = n.current) != null && C.value && (n.current.value = "", n.current.focus());
+                var h;
+                C(""), (h = s.current) != null && h.value && (s.current.value = "", s.current.focus());
               },
               children: "Reset"
             }
@@ -1023,31 +1022,30 @@ const pa = ({
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ e(
-      ha,
+      pa,
       {
-        filteredHistory: g,
-        setFilteredHistory: u,
-        setFullHistory: d,
+        filteredHistory: d,
+        setFilteredHistory: l,
         dispatch: r,
         onOpenChange: t
       }
     ) })
   ] }) : null;
-}, fa = ({
+}, ga = ({
   open: t,
   onOpenChange: a,
-  historyData: s
-}) => /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: qe, children: /* @__PURE__ */ e(pa, { onOpenChange: a, historyData: s }) }), ga = () => {
-  const { isAuthenticated: t, user: a, registeringForPasskey: s } = Y(), [n, r] = ae({
+  historyData: n
+}) => /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: qe, children: /* @__PURE__ */ e(fa, { onOpenChange: a, historyData: n }) }), Ca = () => {
+  const { isAuthenticated: t, user: a, registeringForPasskey: n } = Y(), [s, r] = ae({
     key: te + Qe,
     initialValue: !1
   }), [, o, i] = ae({
     key: te + Ze,
     initialValue: { latitude: 0, longitude: 0, accuracy: 0 }
-  }), [l, h] = T(!0), d = j(), { state: g, dispatch: u } = R(K), y = (a == null ? void 0 : a.username) || "", S = (f) => {
+  }), [u, p] = y(!0), d = j(), { state: l, dispatch: C } = R(K), b = (a == null ? void 0 : a.username) || "", w = (f) => {
     r(f);
-  }, b = async () => {
-    h(!1), i(), u({
+  }, h = async () => {
+    p(!1), i(), C({
       type: me,
       payload: {
         location: {
@@ -1058,131 +1056,131 @@ const pa = ({
       }
     });
     const f = await tt();
-    o(f), u({
+    o(f), C({
       type: me,
       payload: {
         location: f
       }
     });
   };
-  O(() => {
+  L(() => {
     let f;
-    return l || (f = window.setTimeout(() => {
-      h(!0);
+    return u || (f = window.setTimeout(() => {
+      p(!0);
     }, 3e3)), () => {
       clearTimeout(f);
     };
-  }, [l]);
-  const C = (f) => {
-    const { city: k, state: m, country: p, displayName: w } = f || {};
-    if (k && p && m || w)
-      return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ c(F, { alignVertical: "center", columnGap: 4, children: [
-        /* @__PURE__ */ e(E, { children: k && m && p ? /* @__PURE__ */ c("div", { className: "mt-2", children: [
+  }, [u]);
+  const x = (f) => {
+    const { city: m, state: N, country: T, displayName: S } = f || {};
+    if (m && T && N || S)
+      return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(F, { alignVertical: "center", columnGap: 4, children: [
+        /* @__PURE__ */ e(E, { children: m && N && T ? /* @__PURE__ */ c("div", { className: "mt-2", children: [
           /* @__PURE__ */ c("div", { className: "text-right", children: [
-            k,
+            m,
             ", ",
-            m
+            N
           ] }),
-          /* @__PURE__ */ e("div", { className: "text-right", children: p })
-        ] }) : w ? /* @__PURE__ */ e("div", { className: "mt-2 text-right", children: w }) : null }),
+          /* @__PURE__ */ e("div", { className: "text-right", children: T })
+        ] }) : S ? /* @__PURE__ */ e("div", { className: "mt-2 text-right", children: S }) : null }),
         /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-          _,
+          D,
           {
-            disabled: !l,
+            disabled: !u,
             size: "small",
             className: "mt-2",
-            onClick: b,
+            onClick: h,
             children: /* @__PURE__ */ e(pe, { className: "size-3", monotone: !0 })
           }
         ) })
       ] }) });
-    const L = at(f == null ? void 0 : f.latitude), B = st(f == null ? void 0 : f.longitude);
-    return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ c(F, { alignVertical: "center", columnGap: 4, children: [
+    const z = at(f == null ? void 0 : f.latitude), B = nt(f == null ? void 0 : f.longitude);
+    return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ c(F, { alignVertical: "center", columnGap: 4, children: [
       /* @__PURE__ */ c(E, { children: [
-        /* @__PURE__ */ e("div", { children: L }),
+        /* @__PURE__ */ e("div", { children: z }),
         /* @__PURE__ */ e("div", { children: B })
       ] }),
-      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(_, { size: "small", onClick: b, children: /* @__PURE__ */ e(pe, { className: "size-3", monotone: !0 }) }) })
+      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(D, { size: "small", onClick: h, children: /* @__PURE__ */ e(pe, { className: "size-3", monotone: !0 }) }) })
     ] }) });
   };
-  return t && y ? /* @__PURE__ */ c(x, { children: [
+  return t && b ? /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ e(
-      z,
+      _,
       {
-        header: N.PREFERENCES.TITLE,
+        header: g.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: $(d, {
-          [N.PREFERENCES.NAME]: y,
-          [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ e(
-            Wt,
+          [g.PREFERENCES.NAME]: b,
+          [g.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ e(
+            Xt,
             {
               noBorder: !0,
               labelHidden: !0,
-              label: N.PREFERENCES.ENGINE_DETAILS,
-              name: N.PREFERENCES.ENGINE_DETAILS,
-              onChange: S,
-              checked: n
+              label: g.PREFERENCES.ENGINE_DETAILS,
+              name: g.PREFERENCES.ENGINE_DETAILS,
+              onChange: w,
+              checked: s
             }
           ),
-          [N.PREFERENCES.LOCATION]: C(g == null ? void 0 : g.location)
+          [g.PREFERENCES.LOCATION]: x(l == null ? void 0 : l.location)
         })
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      _,
       {
         spacing: { t: 4 },
         className: "prose-dark dark:prose-lighter",
         header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ c(F, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(et, { className: "size-6 text-center" }) }),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(et, { className: "size-8 text-center" }) }),
           /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { children: "Passkey" }) })
         ] }) }),
         children: /* @__PURE__ */ c(F, { columnGap: 3, alignVertical: "center", children: [
           /* @__PURE__ */ e(E, { children: "Sign in without a password using a passkey (face or fingerprint sign-in)." }),
-          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(ee, { spacing: { t: 2 }, onClick: s, children: "Create a Passkey" }) })
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(ee, { spacing: { t: 2 }, onClick: n, children: "Create a Passkey" }) })
         ] })
       }
     )
   ] }) : null;
-}, Ca = ({
+}, Na = ({
   open: t,
   onOpenChange: a
-}) => /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: nt, children: /* @__PURE__ */ e(ga, {}) }), ka = () => {
-  const { state: t } = R(K), [a, s] = T(!1), [n, r] = T(!1), [o, i] = T(!1), [l, h] = T(!1), [d, g] = T([]), [u, y] = T(!1), [S, b] = T({
+}) => /* @__PURE__ */ e(X, { open: t, onOpenChange: a, title: st, children: /* @__PURE__ */ e(Ca, {}) }), xa = () => {
+  const { state: t } = R(K), [a, n] = y(!1), [s, r] = y(!1), [o, i] = y(!1), [u, p] = y(!1), [d, l] = y([]), [C, b] = y(!1), [w, h] = y({
     done: !1,
     progress: !1,
     timestamp: Date.now()
-  }), { logout: C, getAccessToken: f, user: k } = Y(), m = () => {
-    s(!a);
-  }, p = () => {
-    r(!n);
-  }, w = () => {
+  }), { logout: x, getAccessToken: f, user: m } = Y(), N = () => {
+    n(!a);
+  }, T = () => {
+    r(!s);
+  }, S = () => {
     i(!o);
-  }, L = () => {
-    h(!l);
+  }, z = () => {
+    p(!u);
   }, B = async (H) => {
     const q = Date.now();
-    if (H && !(!k || !t || S.progress || S.done === !0 && q - S.timestamp < 5e3)) {
-      b({
+    if (H && !(!m || !t || w.progress || w.done === !0 && q - w.timestamp < 5e3)) {
+      h({
         done: !0,
         progress: !0,
         timestamp: q
       });
       try {
-        const V = await se({
+        const V = await ne({
           accessToken: await f(),
-          type: ne.GET_CHATS,
+          type: se.GET_CHATS,
           params: {
-            userId: k.username
+            userId: m.username
           }
         });
-        V.status === 200 && (g(V.data), b({
+        V.status === 200 && (l(V.data), h({
           done: !0,
           progress: !1,
           timestamp: Date.now()
         }));
       } catch {
-        b({
+        h({
           done: !0,
           progress: !1,
           timestamp: Date.now()
@@ -1190,15 +1188,15 @@ const pa = ({
       }
     }
   }, J = () => {
-    y(!u);
+    b(!C);
   };
-  return /* @__PURE__ */ c(x, { children: [
+  return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ e(
       Ee,
       {
-        showConfirmation: u,
-        setShowConfirmation: y,
-        action: C,
+        showConfirmation: C,
+        setShowConfirmation: b,
+        action: x,
         customStrings: {
           confirmAction: ue,
           cancelAction: "Cancel",
@@ -1207,66 +1205,66 @@ const pa = ({
         children: /* @__PURE__ */ e("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ e(Ca, { open: a, onOpenChange: s }),
-    /* @__PURE__ */ e(ia, { open: n, onOpenChange: r }),
+    /* @__PURE__ */ e(Na, { open: a, onOpenChange: n }),
+    /* @__PURE__ */ e(la, { open: s, onOpenChange: r }),
     /* @__PURE__ */ e(
-      fa,
+      ga,
       {
         open: o,
         onOpenChange: i,
         historyData: d
       }
     ),
-    /* @__PURE__ */ e(na, { open: l, onOpenChange: h }),
+    /* @__PURE__ */ e(ra, { open: u, onOpenChange: p }),
     /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ c(
       xe,
       {
         mode: "dark",
         focusMode: "light",
-        trigger: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(aa, {}) }),
+        trigger: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(na, {}) }),
         defaultPlacement: "bottom-end",
         onOpenChange: B,
         children: [
           /* @__PURE__ */ e(
-            D,
+            O,
             {
               label: "Profile",
-              onClick: m,
-              icon: /* @__PURE__ */ e(ea, {})
+              onClick: N,
+              icon: /* @__PURE__ */ e(ta, {})
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            O,
             {
               label: Ne,
-              onClick: p,
-              icon: /* @__PURE__ */ e(Jt, {})
+              onClick: T,
+              icon: /* @__PURE__ */ e(qt, {})
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            O,
             {
               label: "History",
-              onClick: w,
-              icon: /* @__PURE__ */ e(Qt, {})
+              onClick: S,
+              icon: /* @__PURE__ */ e(Zt, {})
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            O,
             {
               label: "About",
-              onClick: L,
-              icon: /* @__PURE__ */ e(Zt, {})
+              onClick: z,
+              icon: /* @__PURE__ */ e(ea, {})
             }
           ),
-          t && t.id && !t.isComponent && /* @__PURE__ */ c(x, { children: [
-            /* @__PURE__ */ e(Rt, {}),
+          t && t.id && !t.isComponent && /* @__PURE__ */ c(k, { children: [
+            /* @__PURE__ */ e(Lt, {}),
             /* @__PURE__ */ e(
-              D,
+              O,
               {
                 label: "Log out",
                 onClick: J,
-                icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Xt, { monotone: !0 }) })
+                icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Jt, { monotone: !0 }) })
               }
             )
           ] })
@@ -1276,5 +1274,5 @@ const pa = ({
   ] });
 };
 export {
-  ka as default
+  xa as default
 };