@versini/sassysaint 0.0.0

package/dist/chunks/LazyHeader.DicV3qjN.js

@@ -0,0 +1,1372 @@
+import { jsx as t, jsxs as d, Fragment as x } from "react/jsx-runtime";
+import { E as X, S as Oe, O, i$1 as _e, N as Be, p as ze, o as Ve, g as A, CARDS as C, renderDataAsList as V, pluralize as q, ABOUT_TITLE as Pe, MODEL_GPT4 as Fe, numberFormatter as $e, durationFormatter as ge, NA as Ge, ROLE_ASSISTANT as Ue, extractAverage as je, GPT4_MAX_TOKENS as Ke, ur as G, STATS as Ce, b as oe, j as D, x as ce, LOCAL_STORAGE_PREFIX as Q, LOCAL_STORAGE_SORT as Ye, ACTION_RESET as We, ACTION_RESTORE as Xe, truncate as Je, ACTION_SORT as ae, LOCAL_STORAGE_SEARCH as qe, G as Qe, ACTION_SEARCH as Ze, HISTORY_TITLE as et, LOCAL_STORAGE_CHAT_DETAILS as tt, LOCAL_STORAGE_LOCATION as rt, ACTION_LOCATION as de, getCurrentGeoLocation as at, convertLatitudeToDMS as st, convertLongitudeToDMS as nt, PROFILE_TITLE as ot, LOG_OUT as me } from "./index.C5AWMLF4.js";
+import * as le from "react";
+import ct, { useId as be, forwardRef as Ne, useState as y, useRef as P, useContext as M, useEffect as R, Suspense as lt, lazy as it } from "react";
+import { g as dt, AppContext as U, serviceCall as ee, SERVICE_TYPES as te, HistoryContext as ye, E as Z, k as v, et as mt, at as ut, lt as se, J as H, ct as ht, st as pt, rt as ft } from "./useLocalStorage.DX6TGv84.js";
+import S from "clsx";
+import { useFloatingTree as Te, useFloatingNodeId as gt, useListItem as ke, useFloating as Ct, offset as bt, flip as Nt, shift as yt, autoUpdate as Tt, useClick as kt, useRole as St, useDismiss as wt, useListNavigation as xt, useTypeahead as Et, useInteractions as vt, useMergeRefs as Se, FloatingNode as At, FloatingList as It, FloatingPortal as Ht, FloatingFocusManager as Mt, FloatingTree as Rt } from "@floating-ui/react";
+function Lt(e) {
+  const r = be();
+  return `${e}${r}`;
+}
+const Dt = ({
+  className: e,
+  headerClassName: r,
+  bodyClassName: a,
+  footerClassName: s,
+  spacing: o,
+  mode: n,
+  compact: l,
+  noBorder: i
+}) => {
+  const m = S(
+    X,
+    e,
+    "rounded-md",
+    Oe(o),
+    {
+      "border-none": i,
+      "border-2": !i,
+      "p-4": !l,
+      "p-1 sm:p-2": l,
+      "border-border-accent bg-surface-darker text-copy-light": n === "darker",
+      "border-border-accent bg-surface-dark text-copy-light": n === "dark",
+      "border-border-dark bg-surface-lighter text-copy-dark": n === "light",
+      "border-border-dark bg-surface-lighter text-copy-dark dark:border-border-accent dark:bg-surface-dark dark:text-copy-light": n === "system",
+      "border-border-accent bg-surface-dark text-copy-light dark:border-border-dark dark:bg-surface-lighter dark:text-copy-dark": n === "alt-system"
+    }
+  ), h = r || S(`${X}__header mt-0 border-b-2`, {
+    "text-copy-light border-border-accent": n === "darker",
+    "border-border-accent": n === "dark",
+    "border-border-medium": n === "light",
+    "border-border-medium dark:border-border-accent": n === "system",
+    "border-border-accent dark:border-border-medium": n === "alt-system",
+    "mb-4": !l,
+    "mb-2": l
+  }), p = S(a), u = s || S(`${X}__footer pt-2`);
+  return {
+    wrapper: m,
+    header: h,
+    body: p,
+    footer: u
+  };
+};
+function Ot({
+  id: e,
+  content: r,
+  userAriaLabelledby: a,
+  className: s
+}) {
+  return typeof r == "string" ? /* @__PURE__ */ t("h2", { id: e, className: s, children: r }) : a ? /* @__PURE__ */ t("div", { className: s, children: r }) : r ? /* @__PURE__ */ t("div", { className: s, id: e, children: r }) : null;
+}
+const F = ({
+  header: e,
+  headerClassName: r,
+  footer: a,
+  footerClassName: s,
+  children: o,
+  className: n,
+  bodyClassName: l,
+  "aria-labelledby": i,
+  spacing: m,
+  mode: h = "system",
+  compact: p = !1,
+  noBorder: u = !1,
+  ...T
+}) => {
+  let f = null, b = null;
+  const c = typeof e == "string", w = Lt(X), k = Dt({
+    className: n,
+    headerClassName: r,
+    bodyClassName: l,
+    footerClassName: s,
+    spacing: m,
+    mode: h,
+    compact: p,
+    noBorder: u
+  });
+  return c ? (f = w, b = f) : !c && e && i ? (f = null, b = i) : !c && e && !i ? (f = w, b = f) : (f = null, b = i || null), /* @__PURE__ */ t("div", { className: k.wrapper, children: /* @__PURE__ */ d(
+    "section",
+    {
+      ...b && {
+        "aria-labelledby": b
+      },
+      className: k.body,
+      ...T,
+      children: [
+        /* @__PURE__ */ t(
+          Ot,
+          {
+            ...f && { id: f },
+            content: e,
+            className: k.header,
+            userAriaLabelledby: i
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: o }),
+        a ? /* @__PURE__ */ t("div", { className: k.footer, children: a }) : null
+      ]
+    }
+  ) });
+}, ie = le.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), ue = (e) => {
+  if (typeof e == "string")
+    return e;
+  if (typeof e == "function")
+    return e.displayName || e.name || "Component";
+  if (typeof e == "object" && e !== null && "type" in e) {
+    const r = e.type;
+    if (typeof r == "function" || typeof r == "object")
+      return r.displayName || r.name || "Component";
+  }
+  return "Element";
+}, we = Ne(
+  ({
+    trigger: e,
+    children: r,
+    label: a = "Open menu",
+    defaultPlacement: s = "bottom-start",
+    onOpenChange: o,
+    spacing: n,
+    mode: l = "system",
+    focusMode: i = "system",
+    ...m
+  }, h) => {
+    const [p, u] = y(!1), [T, f] = y(!1), [b, c] = y(null), w = P([]), k = P([]), g = M(ie), N = Te(), E = gt(), _ = ke(), { floatingStyles: re, refs: Y, context: I } = Ct({
+      nodeId: E,
+      open: p,
+      onOpenChange: (z) => {
+        u(z), o == null || o(z);
+      },
+      placement: s,
+      strategy: "fixed",
+      middleware: [bt({ mainAxis: 10 }), Nt(), yt()],
+      whileElementsMounted: Tt
+    }), W = kt(I, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), B = St(I, { role: "menu" }), ve = wt(I, { bubbles: !0 }), Ae = xt(I, {
+      listRef: w,
+      activeIndex: b,
+      nested: !1,
+      onNavigate: c,
+      loop: !0
+    }), Ie = Et(I, {
+      listRef: k,
+      onMatch: p ? c : void 0,
+      activeIndex: b
+    }), { getReferenceProps: He, getFloatingProps: Me, getItemProps: Re } = vt([W, B, ve, Ae, Ie]), Le = ue(e) === "Button" || ue(e) === "ButtonIcon", De = ct.cloneElement(e, {
+      mode: l,
+      focusMode: i,
+      spacing: n,
+      noInternalClick: Le,
+      "aria-label": a,
+      "data-open": p ? "" : void 0,
+      "data-focus-inside": T ? "" : void 0,
+      ref: Se([Y.setReference, _.ref, h]),
+      ...He(
+        g.getItemProps({
+          ...m
+        })
+      )
+    });
+    return R(() => {
+      if (!N)
+        return;
+      function z() {
+        u(!1), o == null || o(!1);
+      }
+      return N.events.on("click", z), () => {
+        N.events.off("click", z);
+      };
+    }, [N, o]), R(() => {
+      p && N && N.events.emit("menuopen", { nodeId: E });
+    }, [N, p, E]), /* @__PURE__ */ d(At, { id: E, children: [
+      De,
+      /* @__PURE__ */ t(
+        ie.Provider,
+        {
+          value: {
+            activeIndex: b,
+            setActiveIndex: c,
+            getItemProps: Re,
+            setHasFocusInside: f,
+            isOpen: p
+          },
+          children: /* @__PURE__ */ t(It, { elementsRef: w, labelsRef: k, children: p && /* @__PURE__ */ t(Ht, { children: /* @__PURE__ */ t(
+            Mt,
+            {
+              context: I,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: Y.setFloating,
+                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
+                  style: re,
+                  ...Me(),
+                  children: r
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), xe = Ne((e, r) => /* @__PURE__ */ t(Rt, { children: /* @__PURE__ */ t(we, { ...e, ref: r }) }));
+xe.displayName = "Menu";
+we.displayName = "MenuComponent";
+const L = le.forwardRef(({ label: e, disabled: r, icon: a, ...s }, o) => {
+  const n = le.useContext(ie), l = ke({ label: r ? null : e }), i = Te();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...s,
+      ref: Se([l.ref, o]),
+      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: r,
+      ...n.getItemProps({
+        onClick(m) {
+          var h;
+          (h = s.onClick) == null || h.call(s, m), i == null || i.events.emit("click");
+        },
+        onFocus(m) {
+          var h;
+          (h = s.onFocus) == null || h.call(s, m), n.setHasFocusInside(!0);
+        }
+      }),
+      children: [
+        a,
+        e && /* @__PURE__ */ t("span", { className: "pl-2", children: e })
+      ]
+    }
+  );
+});
+L.displayName = "MenuItem";
+const _t = ({ className: e, ...r }) => {
+  const a = S(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ t("div", { className: a, ...r });
+}, Bt = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ t(
+  dt,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Close",
+    ...n,
+    children: /* @__PURE__ */ t("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" })
+  }
+), J = "panel", ne = "messagebox", zt = ({
+  kind: e,
+  borderMode: r
+}) => ({
+  main: S(
+    "prose prose-lighter flex flex-col bg-surface-medium md:max-w-2xl",
+    {
+      [`${_e} h-full min-h-[95%] w-full sm:h-auto sm:min-h-[10rem] sm:w-[95%] sm:rounded-lg sm:border-2`]: e === J,
+      [`${Be} w-[95%] rounded-lg border-2 sm:w-[50%]`]: e === ne,
+      "sm:border-border-dark": r === "dark" && e === J,
+      "sm:border-border-accent": r === "light" && e === J,
+      "border-border-dark": r === "dark" && e === ne,
+      "border-border-accent": r === "light" && e === ne
+    }
+  ),
+  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"
+}), j = (e) => it(
+  () => import("./index.DruzEDnN.BqlYMlVQ.js").then((r) => ({
+    default: r[e]
+  }))
+), Vt = j("Modal"), Pt = j("ModalClose"), Ft = j("ModalContent"), $t = j("ModalDescription"), Gt = j("ModalHeading"), K = ({
+  open: e,
+  onOpenChange: r,
+  title: a,
+  children: s,
+  footer: o,
+  borderMode: n = "light",
+  kind: l = J
+}) => {
+  const i = P(""), m = zt({ kind: l, borderMode: n });
+  return R(() => (e && (i.current = document.title, document.title = `${a} | ${i.current}`), () => {
+    e && (document.title = i.current);
+  }), [a, e]), /* @__PURE__ */ t(lt, { fallback: /* @__PURE__ */ t("div", {}), children: e && /* @__PURE__ */ t(Vt, { open: e, onOpenChange: r, children: /* @__PURE__ */ d(Ft, { className: m.main, children: [
+    /* @__PURE__ */ d("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ t(
+        Pt,
+        {
+          className: m.close,
+          trigger: /* @__PURE__ */ t(
+            O,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ t(Bt, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(Gt, { className: m.header, children: a })
+    ] }),
+    /* @__PURE__ */ t($t, { className: m.content, children: s }),
+    o && /* @__PURE__ */ t("div", { className: m.footer, children: o })
+  ] }) }) });
+}, Ut = () => S("peer", "h-6", "w-11", "rounded-full"), jt = ({
+  focusMode: e
+}) => S(
+  "peer-focus:outline",
+  "peer-focus:outline-2",
+  "peer-focus:outline-offset-2",
+  {
+    "peer-focus:outline-focus-dark": e === "dark",
+    "peer-focus:outline-focus-light": e === "light",
+    "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
+    "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
+  }
+), Kt = () => S(
+  "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"
+), Yt = () => S(
+  "after:left-[2px]",
+  "after:top-[2px]",
+  "after:border",
+  "after:border-surface-light dark:after:border-surface-medium",
+  "after:bg-surface-light dark:after:bg-surface-medium",
+  "after:absolute",
+  "after:h-5",
+  "after:w-5",
+  "after:rounded-full",
+  "after:transition-all",
+  "after:content-['']"
+), Wt = ({
+  mode: e,
+  noBorder: r
+}) => S({
+  border: !r,
+  "border-border-dark bg-surface-medium": e === "light",
+  "border-border-light bg-surface-darker": e === "dark",
+  "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
+  "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
+}), Xt = ({
+  mode: e,
+  labelHidden: r
+}) => r ? "sr-only" : S("ml-2 text-sm", {
+  "text-copy-dark": e === "light",
+  "text-copy-lighter": e === "dark",
+  "text-copy-lighter dark:text-copy-dark": e === "alt-system",
+  "text-copy-dark dark:text-copy-lighter": e === "system"
+}), Jt = ({ spacing: e }) => S(
+  ze,
+  "relative flex cursor-pointer items-center",
+  Ve(e)
+), qt = ({
+  mode: e,
+  focusMode: r,
+  labelHidden: a,
+  spacing: s,
+  noBorder: o
+}) => ({
+  toggle: S(
+    Ut(),
+    Wt({ mode: e, noBorder: o }),
+    jt({ focusMode: r }),
+    Yt(),
+    Kt()
+  ),
+  label: Xt({ mode: e, labelHidden: a }),
+  input: "peer sr-only",
+  wrapper: Jt({ spacing: s })
+}), Qt = ({
+  checked: e = !1,
+  onChange: r,
+  label: a,
+  labelHidden: s = !1,
+  name: o,
+  mode: n = "system",
+  focusMode: l = "system",
+  spacing: i,
+  noBorder: m = !1
+}) => {
+  const h = qt({
+    mode: n,
+    focusMode: l,
+    labelHidden: s,
+    spacing: i,
+    noBorder: m
+  }), p = (u) => {
+    r == null || r(u.target.checked);
+  };
+  return /* @__PURE__ */ d("label", { className: h.wrapper, children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        name: o,
+        checked: e,
+        type: "checkbox",
+        className: h.input,
+        onChange: p
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: h.toggle }),
+    /* @__PURE__ */ t("span", { className: h.label, children: a })
+  ] });
+}, Zt = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Back",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: o ? "1" : "0.4",
+          d: "M288.4 93.4c2.9-17.4 19.4-29.2 36.9-26.3C431.3 84.9 512 177 512 288c0 123.7-100.3 224-224 224C177 512 84.9 431.3 67.1 325.3c-2.9-17.4 8.8-33.9 26.3-36.9s33.9 8.8 36.9 26.3C142.9 390.4 208.8 448 288 448c88.4 0 160-71.6 160-160c0-79.2-57.6-145.1-133.3-157.8c-17.4-2.9-29.2-19.4-26.3-36.9z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), er = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Chart",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: o ? "1" : "0.4",
+          d: "M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), tr = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Delete",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: o ? "1" : "0.4",
+          d: "M416 96H32V448c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V96zM144 176V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), rr = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "History",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: o ? "1" : "0.4",
+          d: "M120.2 120.2C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), ar = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Info",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.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-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), sr = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Profile",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 256h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm256-32H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16z"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H144z" })
+    ]
+  }
+), he = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Refresh",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "1" : "0.4",
+          d: "M80 396.9V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32H176c17.7 0 32 14.3 32 32s-14.3 32-32 32H125.6l17.2 17.1c62.5 62.5 163.8 62.5 226.3 0c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.5 87.5-229.3 87.5-316.7 0L80 396.9z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5z"
+        }
+      )
+    ]
+  }
+), nr = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ d(
+  A,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Restore",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: o ? "1" : "0.4",
+          d: "M208 64H432c8.8 0 16 7.2 16 16V304c0 8.8-7.2 16-16 16H416v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80V96h64V80c0-8.8 7.2-16 16-16z"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), or = ({
+  className: e,
+  viewBox: r,
+  spacing: a,
+  title: s,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ t(
+  A,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: a,
+    title: s || "Settings",
+    ...n,
+    children: /* @__PURE__ */ t("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" })
+  }
+);
+function $(e) {
+  return be();
+}
+const cr = ({ stats: e }) => {
+  const r = (e == null ? void 0 : e.plugins) || [], a = (e == null ? void 0 : e.version) || "", s = (e == null ? void 0 : e.models) || [], o = $(), n = $();
+  return /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
+      F,
+      {
+        header: C.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: V(o, {
+          [C.ABOUT.VERSION]: "3.0.2",
+          [C.ABOUT.BUILD_TIMESTAMP]: "07/06/2024 03:19 PM EDT"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      F,
+      {
+        header: C.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: V(n, {
+          [C.ABOUT.VERSION]: a,
+          [q(C.ABOUT.ENGINE, s.length)]: /* @__PURE__ */ t(x, { children: s.map((l) => /* @__PURE__ */ t("div", { className: "text-right", children: l }, l)) }),
+          [q(C.ABOUT.PLUGIN, r.length)]: /* @__PURE__ */ t(x, { children: r.map((l) => /* @__PURE__ */ t("div", { className: "text-right", children: l }, l)) })
+        })
+      }
+    )
+  ] });
+}, lr = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const { serverStats: a } = M(U);
+  return /* @__PURE__ */ t(K, { open: e, onOpenChange: r, title: Pe, children: /* @__PURE__ */ t(cr, { stats: a }) });
+}, ir = (e) => ge(e), dr = (e) => {
+  if (!e || e.length === 0)
+    return Ge;
+  const r = e.filter(
+    (a) => {
+      var s, o;
+      return ((s = a == null ? void 0 : a.message) == null ? void 0 : s.role) === Ue && typeof ((o = a == null ? void 0 : a.message) == null ? void 0 : o.processingTime) == "number";
+    }
+  ).map((a) => a.message.processingTime);
+  return je({
+    data: r,
+    formatter: ir
+  });
+}, mr = ({
+  isAuthenticated: e,
+  stats: r
+}) => {
+  const { state: a } = M(U), s = Ke - Number(a == null ? void 0 : a.usage), o = $(), n = $();
+  return e ? /* @__PURE__ */ d(x, { children: [
+    a && a.messages.length > 0 && /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
+      F,
+      {
+        header: C.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: V(o, {
+          [C.CURRENT_STATISTICS.MODEL_NAME]: (a == null ? void 0 : a.model) || Fe,
+          [C.CURRENT_STATISTICS.TOKENS_USED]: a == null ? void 0 : a.usage,
+          [C.CURRENT_STATISTICS.REMAINING_TOKENS]: $e.format(s),
+          [C.CURRENT_STATISTICS.PROCESSING_TIME]: dr(a == null ? void 0 : a.messages)
+        })
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      F,
+      {
+        header: C.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: V(n, {
+          [q(C.MAIN_STATISTICS.TOTAL, r.totalChats)]: r.totalChats,
+          [C.MAIN_STATISTICS.PROCESSING_TIME]: ge(
+            r.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, ur = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const [a, s] = y({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { isAuthenticated: o, getAccessToken: n, user: l } = G();
+  return R(() => {
+    !e || !l || (async () => {
+      try {
+        const i = await ee({
+          accessToken: await n(),
+          type: te.GET_CHATS_STATS,
+          params: {
+            userId: l.username
+          }
+        });
+        i.status === 200 && s(i.data);
+      } catch {
+      }
+    })();
+  }, [e, n, l]), /* @__PURE__ */ t(K, { open: e, onOpenChange: r, title: Ce, children: /* @__PURE__ */ t(mr, { isAuthenticated: o, stats: a }) });
+}, Ee = ({
+  showConfirmation: e,
+  setShowConfirmation: r,
+  action: a,
+  children: s,
+  customStrings: o
+}) => /* @__PURE__ */ t(
+  K,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: r,
+    title: o.title,
+    footer: /* @__PURE__ */ d(oe, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+        ce,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            r(!1);
+          },
+          children: o.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+        ce,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            r(!1), a();
+          },
+          children: o.confirmAction
+        }
+      ) })
+    ] }),
+    children: s
+  }
+);
+var hr = typeof window < "u", pr = function(e, r) {
+  return hr ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+}, fr = function(e, r) {
+  var a = y(pr(e)), s = a[0], o = a[1];
+  return R(function() {
+    var n = !0, l = window.matchMedia(e), i = function() {
+      n && o(!!l.matches);
+    };
+    return l.addEventListener("change", i), o(l.matches), function() {
+      n = !1, l.removeEventListener("change", i);
+    };
+  }, [e]), s;
+};
+const gr = async (e, r, a, s) => {
+  try {
+    const o = await ee({
+      accessToken: s,
+      type: te.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    o.status === 200 && (r({
+      type: We
+    }), r({
+      type: Xe,
+      payload: {
+        id: e.id,
+        model: o.data.model,
+        usage: o.data.usage,
+        messages: o.data.messages
+      }
+    }), a(!1));
+  } catch {
+  }
+}, pe = (e) => {
+  const r = e[0];
+  return Je(r == null ? void 0 : r.content, 100);
+}, Cr = ({
+  filteredHistory: e,
+  setFilteredHistory: r,
+  setFullHistory: a,
+  dispatch: s,
+  onOpenChange: o
+}) => {
+  var k;
+  const { user: n, getAccessToken: l } = G(), i = P({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [m, h] = y(!1), p = fr("(min-width: 480px)"), { state: u, dispatch: T } = M(ye), [, f] = Z({
+    key: Q + Ye,
+    initialValue: u.sortDirection
+  }), b = e.data.sort(
+    (g, N) => {
+      switch (u.sortedCell) {
+        case "timestamp":
+          if (u.sortDirection === v.ASC)
+            return new Date(g[u.sortedCell]).getTime() - new Date(N[u.sortedCell]).getTime();
+          if (u.sortDirection === v.DESC)
+            return new Date(N[u.sortedCell]).getTime() - new Date(g[u.sortedCell]).getTime();
+          break;
+        default:
+          return 0;
+      }
+      return 0;
+    }
+  ), c = (g) => {
+    switch (u.sortDirection) {
+      case !1:
+        f(v.ASC), T({
+          type: ae,
+          payload: {
+            sortedCell: g,
+            sortDirection: v.ASC
+          }
+        });
+        break;
+      case v.ASC:
+        f(v.DESC), T({
+          type: ae,
+          payload: {
+            sortedCell: g,
+            sortDirection: v.DESC
+          }
+        });
+        break;
+      default:
+        f(v.ASC), T({
+          type: ae,
+          payload: {
+            sortedCell: g,
+            sortDirection: v.ASC
+          }
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ d(
+      Ee,
+      {
+        showConfirmation: m,
+        setShowConfirmation: h,
+        action: async () => {
+          const g = i.current;
+          try {
+            const N = await ee({
+              accessToken: await l(),
+              type: te.DELETE_CHAT,
+              params: {
+                userId: (n == null ? void 0 : n.username) || "",
+                id: g.id
+              }
+            });
+            N.status === 200 && (a(N.data), r({ data: N.data }));
+          } catch {
+          }
+        },
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ t("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ d("ul", { className: "m-0", children: [
+            /* @__PURE__ */ d("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: i.current && i.current.timestamp })
+            ] }),
+            /* @__PURE__ */ d("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: (k = i.current) == null ? void 0 : k.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ d(mt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ d(se, { children: [
+        p && /* @__PURE__ */ t(H, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ t(
+          ht,
+          {
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: u.sortDirection,
+            sortedCell: u.sortedCell,
+            onClick: () => {
+              c("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ t(H, { children: "First message" }),
+        /* @__PURE__ */ t(H, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ t(pt, { children: b.map((g, N) => {
+        var E;
+        return ((E = g == null ? void 0 : g.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ d(se, { children: [
+          p && /* @__PURE__ */ t(H, { children: N + 1 }),
+          /* @__PURE__ */ t(
+            H,
+            {
+              component: "th",
+              scope: "row",
+              className: "font-medium text-gray-400 sm:whitespace-nowrap",
+              children: g.timestamp
+            }
+          ),
+          /* @__PURE__ */ t(H, { className: "max-w-[100px] text-white sm:max-w-full", children: pe(g.messages) }),
+          /* @__PURE__ */ t(H, { children: /* @__PURE__ */ d("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ t(
+              O,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Restore chat",
+                onClick: async () => {
+                  const _ = await l();
+                  gr(
+                    g,
+                    s,
+                    o,
+                    _
+                  );
+                },
+                children: /* @__PURE__ */ t(nr, { className: "h-3 w-3", monotone: !0 })
+              }
+            ),
+            /* @__PURE__ */ t(
+              O,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Delete chat",
+                onClick: () => {
+                  i.current = {
+                    id: g.id,
+                    timestamp: g.timestamp,
+                    message: pe(g.messages)
+                  }, h(!m);
+                },
+                children: /* @__PURE__ */ t("div", { className: "text-red-400", children: /* @__PURE__ */ t(tr, { className: "h-3 w-3", monotone: !0 }) })
+              }
+            )
+          ] }) })
+        ] }, `${C.HISTORY.TITLE}-${g.id}-${N}`) : null;
+      }) }),
+      /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(H, { colSpan: 4, children: /* @__PURE__ */ t("div", { children: q(
+        `${e.data.length} chat`,
+        e.data.length
+      ) }) }) }) })
+    ] })
+  ] });
+};
+function fe(e, r) {
+  return e.filter(
+    (a) => a.messages.some(
+      (s) => s.content !== null && s.content.toLowerCase().includes(r.toLowerCase())
+    )
+  );
+}
+const br = ({
+  onOpenChange: e,
+  historyData: r
+}) => {
+  const { isAuthenticated: a } = G(), s = P(null), { dispatch: o } = M(U), { state: n, dispatch: l } = M(ye), [, i] = Z({
+    key: Q + qe,
+    initialValue: n.searchString
+  }), [m, h] = y(r), [p, u] = y({
+    data: m
+  }), T = (c) => {
+    const w = fe(m, c);
+    u({
+      data: w
+    }), i(c), l({
+      type: Ze,
+      payload: { searchString: c }
+    });
+  }, f = (c) => {
+    T(c.target.value);
+  }, b = async (c) => {
+    c.preventDefault();
+  };
+  return R(() => {
+    const c = fe(
+      m,
+      n.searchString
+    );
+    u({
+      data: c
+    });
+  }, [m, n.searchString]), a ? p && p.data && /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ t("form", { autoComplete: "off", onSubmit: b, children: /* @__PURE__ */ t(
+      Qe,
+      {
+        ref: s,
+        defaultValue: n.searchString,
+        focusMode: "light",
+        name: "Search",
+        label: "Search",
+        onChange: f,
+        spacing: { t: 2, b: 2 },
+        ...n.searchString && {
+          rightElement: /* @__PURE__ */ t(
+            ce,
+            {
+              disabled: !n.searchString,
+              mode: "dark",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var c;
+                T(""), (c = s.current) != null && c.value && (s.current.value = "", s.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ t(
+      Cr,
+      {
+        filteredHistory: p,
+        setFilteredHistory: u,
+        setFullHistory: h,
+        dispatch: o,
+        onOpenChange: e
+      }
+    ) })
+  ] }) : null;
+}, Nr = ({
+  open: e,
+  onOpenChange: r,
+  historyData: a
+}) => /* @__PURE__ */ t(K, { open: e, onOpenChange: r, title: et, children: /* @__PURE__ */ t(br, { onOpenChange: r, historyData: a }) }), yr = () => {
+  const { isAuthenticated: e, user: r } = G(), [a, s] = Z({
+    key: Q + tt,
+    initialValue: !1
+  }), [, o, n] = Z({
+    key: Q + rt,
+    initialValue: { latitude: 0, longitude: 0, accuracy: 0 }
+  }), [l, i] = y(!0), m = $(), { state: h, dispatch: p } = M(U), u = (r == null ? void 0 : r.username) || "", T = (c) => {
+    s(c);
+  }, f = async () => {
+    i(!1), n(), p({
+      type: de,
+      payload: {
+        location: {
+          latitude: 0,
+          longitude: 0,
+          accuracy: 0
+        }
+      }
+    });
+    const c = await at();
+    o(c), p({
+      type: de,
+      payload: {
+        location: c
+      }
+    });
+  };
+  R(() => {
+    let c;
+    return l || (c = window.setTimeout(() => {
+      i(!0);
+    }, 3e3)), () => {
+      clearTimeout(c);
+    };
+  }, [l]);
+  const b = (c) => {
+    if (c != null && c.city && (c != null && c.country) && (c != null && c.region))
+      return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ d(oe, { alignVertical: "center", columnGap: 4, children: [
+        /* @__PURE__ */ d(D, { children: [
+          /* @__PURE__ */ d("div", { className: "text-right", children: [
+            c.city,
+            ", ",
+            c.region
+          ] }),
+          /* @__PURE__ */ t("div", { className: "text-right", children: c.country })
+        ] }),
+        /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+          O,
+          {
+            disabled: !l,
+            size: "small",
+            className: "mt-2",
+            onClick: f,
+            children: /* @__PURE__ */ t(he, { className: "size-3", monotone: !0 })
+          }
+        ) })
+      ] }) });
+    const w = st(c == null ? void 0 : c.latitude), k = nt(c == null ? void 0 : c.longitude);
+    return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ d(oe, { alignVertical: "center", columnGap: 4, children: [
+      /* @__PURE__ */ d(D, { children: [
+        /* @__PURE__ */ t("div", { children: w }),
+        /* @__PURE__ */ t("div", { children: k })
+      ] }),
+      /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+        O,
+        {
+          size: "small",
+          className: "mt-2",
+          onClick: f,
+          children: /* @__PURE__ */ t(he, { className: "size-3", monotone: !0 })
+        }
+      ) })
+    ] }) });
+  };
+  return e && u ? /* @__PURE__ */ t(
+    F,
+    {
+      header: C.PREFERENCES.TITLE,
+      className: "prose-dark dark:prose-lighter",
+      children: V(m, {
+        [C.PREFERENCES.NAME]: u,
+        // [CARDS.PREFERENCES.EMAIL]: endUser.email,
+        [C.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ t(
+          Qt,
+          {
+            noBorder: !0,
+            labelHidden: !0,
+            label: C.PREFERENCES.ENGINE_DETAILS,
+            name: C.PREFERENCES.ENGINE_DETAILS,
+            onChange: T,
+            checked: a
+          }
+        ),
+        [C.PREFERENCES.LOCATION]: b(h == null ? void 0 : h.location)
+      })
+    }
+  ) : null;
+}, Tr = ({
+  open: e,
+  onOpenChange: r
+}) => /* @__PURE__ */ t(K, { open: e, onOpenChange: r, title: ot, children: /* @__PURE__ */ t(yr, {}) }), Ar = () => {
+  const { state: e } = M(U), [r, a] = y(!1), [s, o] = y(!1), [n, l] = y(!1), [i, m] = y(!1), [h, p] = y([]), [u, T] = y(!1), [f, b] = y({
+    done: !1,
+    progress: !1,
+    timestamp: Date.now()
+  }), { logout: c, getAccessToken: w, user: k } = G(), g = () => {
+    a(!r);
+  }, N = () => {
+    o(!s);
+  }, E = () => {
+    l(!n);
+  }, _ = () => {
+    m(!i);
+  }, re = async (I) => {
+    const W = Date.now();
+    if (I && !(!k || !e || f.progress || f.done === !0 && W - f.timestamp < 5e3)) {
+      b({
+        done: !0,
+        progress: !0,
+        timestamp: W
+      });
+      try {
+        const B = await ee({
+          accessToken: await w(),
+          type: te.GET_CHATS,
+          params: {
+            userId: k.username
+          }
+        });
+        B.status === 200 && (p(B.data), b({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        }));
+      } catch {
+        b({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        });
+      }
+    }
+  }, Y = () => {
+    T(!u);
+  };
+  return /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ t(
+      Ee,
+      {
+        showConfirmation: u,
+        setShowConfirmation: T,
+        action: c,
+        customStrings: {
+          confirmAction: me,
+          cancelAction: "Cancel",
+          title: me
+        },
+        children: /* @__PURE__ */ t("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ t(Tr, { open: r, onOpenChange: a }),
+    /* @__PURE__ */ t(ur, { open: s, onOpenChange: o }),
+    /* @__PURE__ */ t(
+      Nr,
+      {
+        open: n,
+        onOpenChange: l,
+        historyData: h
+      }
+    ),
+    /* @__PURE__ */ t(lr, { open: i, onOpenChange: m }),
+    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ d(
+      xe,
+      {
+        mode: "dark",
+        focusMode: "light",
+        trigger: /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(or, {}) }),
+        defaultPlacement: "bottom-end",
+        onOpenChange: re,
+        children: [
+          /* @__PURE__ */ t(
+            L,
+            {
+              label: "Profile",
+              onClick: g,
+              icon: /* @__PURE__ */ t(sr, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            L,
+            {
+              label: Ce,
+              onClick: N,
+              icon: /* @__PURE__ */ t(er, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            L,
+            {
+              label: "History",
+              onClick: E,
+              icon: /* @__PURE__ */ t(rr, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            L,
+            {
+              label: "About",
+              onClick: _,
+              icon: /* @__PURE__ */ t(ar, {})
+            }
+          ),
+          e && e.id && !e.isComponent && /* @__PURE__ */ d(x, { children: [
+            /* @__PURE__ */ t(_t, {}),
+            /* @__PURE__ */ t(
+              L,
+              {
+                label: "Log out",
+                onClick: Y,
+                icon: /* @__PURE__ */ t("div", { className: "text-red-700", children: /* @__PURE__ */ t(Zt, { monotone: !0 }) })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+};
+export {
+  Ar as default
+};