@versini/sassysaint 5.0.1 → 5.1.2

package/dist/chunks/LazyHeader.Bu6NhpqV.js

@@ -1,1429 +0,0 @@
-import { jsxs as d, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { O as B, i$1 as le, N as de, p as De, o as Oe, g as I, N$1 as R, CARDS as f, renderDataAsList as j, pluralize as Q, ABOUT_TITLE as ze, MODEL_GPT4 as Be, numberFormatter as Pe, durationFormatter as Ce, NA as Ve, ROLE_ASSISTANT as Fe, extractAverage as $e, GPT4_MAX_TOKENS as Ge, qr as V, STATS as Te, b as re, j$1 as P, x as z, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Ue, ACTION_RESET as je, ACTION_RESTORE as Ye, truncate as Ke, ACTION_SORT as ae, LOCAL_STORAGE_SEARCH as We, G as Xe, ACTION_SEARCH as qe, HISTORY_TITLE as Je, getCurrentGeoLocation as Qe, LOCAL_STORAGE_CHAT_DETAILS as Ze, W as et, v as ue, PROFILE_TITLE as tt, LOG_OUT as me } from "./index.CMDql_8l.js";
-import * as ne from "react";
-import at, { forwardRef as Ne, useState as T, useRef as Y, useContext as _, useEffect as D, Suspense as ot, lazy as nt, useId as st, useMemo as rt } from "react";
-import { g as ct, AppContext as Z, serviceCall as H, SERVICE_TYPES as L, HistoryContext as Se, E as ie, k as x, et as it, at as lt, lt as oe, J as M, ct as dt, st as ut, rt as mt, Tt as he } from "./useLocalStorage.D91BITud.js";
-import b from "clsx";
-import { useFloatingTree as Ee, useFloatingNodeId as ht, useListItem as ye, useFloating as pt, offset as ft, flip as gt, shift as Ct, autoUpdate as Tt, useClick as Nt, useRole as St, useDismiss as Et, useListNavigation as yt, useTypeahead as wt, useInteractions as bt, useMergeRefs as we, FloatingNode as kt, FloatingList as xt, FloatingPortal as It, FloatingFocusManager as vt, FloatingTree as At } from "@floating-ui/react";
-const se = ne.createContext({
-  getItemProps: () => ({}),
-  activeIndex: null,
-  /* v8 ignore next 2 */
-  setActiveIndex: () => {
-  },
-  setHasFocusInside: () => {
-  },
-  isOpen: !1
-}), pe = (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 a = e.type;
-    if (typeof a == "function" || typeof a == "object")
-      return a.displayName || a.name || "Component";
-  }
-  return "Element";
-}, be = Ne(
-  ({
-    trigger: e,
-    children: a,
-    label: o = "Open menu",
-    defaultPlacement: n = "bottom-start",
-    onOpenChange: s,
-    spacing: r,
-    mode: l = "system",
-    focusMode: m = "system",
-    ...c
-  }, i) => {
-    const [u, g] = T(!1), [N, C] = T(!1), [p, y] = T(null), k = Y([]), h = Y([]), S = _(se), E = Ee(), v = ht(), ee = ye(), { floatingStyles: te, refs: X, context: A } = pt({
-      nodeId: v,
-      open: u,
-      onOpenChange: (G) => {
-        g(G), s == null || s(G);
-      },
-      placement: n,
-      strategy: "fixed",
-      middleware: [ft({ mainAxis: 10 }), gt(), Ct()],
-      whileElementsMounted: Tt
-    }), q = Nt(A, {
-      event: "mousedown",
-      toggle: !0,
-      ignoreMouse: !1
-    }), $ = St(A, { role: "menu" }), Ie = Et(A, { bubbles: !0 }), ve = yt(A, {
-      listRef: k,
-      activeIndex: p,
-      nested: !1,
-      onNavigate: y,
-      loop: !0
-    }), Ae = wt(A, {
-      listRef: h,
-      onMatch: u ? y : void 0,
-      activeIndex: p
-    }), { getReferenceProps: Me, getFloatingProps: Re, getItemProps: He } = bt([q, $, Ie, ve, Ae]), Le = pe(e) === "Button" || pe(e) === "ButtonIcon", _e = at.cloneElement(e, {
-      mode: l,
-      focusMode: m,
-      spacing: r,
-      noInternalClick: Le,
-      "aria-label": o,
-      "data-open": u ? "" : void 0,
-      "data-focus-inside": N ? "" : void 0,
-      ref: we([X.setReference, ee.ref, i]),
-      ...Me(
-        S.getItemProps({
-          ...c
-        })
-      )
-    });
-    return D(() => {
-      if (!E)
-        return;
-      function G() {
-        g(!1), s == null || s(!1);
-      }
-      return E.events.on("click", G), () => {
-        E.events.off("click", G);
-      };
-    }, [E, s]), D(() => {
-      u && E && E.events.emit("menuopen", { nodeId: v });
-    }, [E, u, v]), /* @__PURE__ */ d(kt, { id: v, children: [
-      _e,
-      /* @__PURE__ */ t(
-        se.Provider,
-        {
-          value: {
-            activeIndex: p,
-            setActiveIndex: y,
-            getItemProps: He,
-            setHasFocusInside: C,
-            isOpen: u
-          },
-          children: /* @__PURE__ */ t(xt, { elementsRef: k, labelsRef: h, children: u && /* @__PURE__ */ t(It, { children: /* @__PURE__ */ t(
-            vt,
-            {
-              context: A,
-              modal: !1,
-              initialFocus: 0,
-              returnFocus: !0,
-              children: /* @__PURE__ */ t(
-                "div",
-                {
-                  ref: X.setFloating,
-                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: te,
-                  ...Re(),
-                  children: a
-                }
-              )
-            }
-          ) }) })
-        }
-      )
-    ] });
-  }
-), ke = Ne((e, a) => /* @__PURE__ */ t(At, { children: /* @__PURE__ */ t(be, { ...e, ref: a }) }));
-ke.displayName = "Menu";
-be.displayName = "MenuComponent";
-const O = ne.forwardRef(({ label: e, disabled: a, icon: o, ...n }, s) => {
-  const r = ne.useContext(se), l = ye({ label: a ? null : e }), m = Ee();
-  return /* @__PURE__ */ d(
-    "button",
-    {
-      ...n,
-      ref: we([l.ref, s]),
-      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,
-      ...r.getItemProps({
-        onClick(c) {
-          var i;
-          (i = n.onClick) == null || i.call(n, c), m == null || m.events.emit("click");
-        },
-        onFocus(c) {
-          var i;
-          (i = n.onFocus) == null || i.call(n, c), r.setHasFocusInside(!0);
-        }
-      }),
-      children: [
-        o,
-        e && /* @__PURE__ */ t("span", { className: "pl-2", children: e })
-      ]
-    }
-  );
-});
-O.displayName = "MenuItem";
-const Mt = ({ className: e, ...a }) => {
-  const o = b(e, "my-1 border-t border-border-medium");
-  return /* @__PURE__ */ t("div", { className: o, ...a });
-}, Rt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ t(
-  ct,
-  {
-    defaultViewBox: "0 0 384 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Close",
-    ...r,
-    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" })
-  }
-), U = "panel", J = "messagebox", Ht = ({
-  className: e,
-  kind: a,
-  borderMode: o
-}) => ({
-  main: b("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 === U,
-    [`${le} w-full sm:w-[95%] md:max-w-2xl`]: a === U && !e,
-    [`${de} rounded-lg border-2`]: a === J,
-    [`${de} w-[95%] sm:w-[50%] md:max-w-2xl`]: a === J && !e,
-    [`${e}`]: !!e,
-    "sm:border-border-dark": o === "dark" && a === U,
-    "sm:border-border-accent": o === "light" && a === U,
-    "border-border-dark": o === "dark" && a === J,
-    "border-border-accent": o === "light" && a === J
-  }),
-  content: "flex flex-grow flex-col py-2 sm:py-4 sm:px-4 px-2",
-  footer: "flex flex-grow flex-col sm:p-4 p-2",
-  header: "sm:p-4 mb-0 p-2",
-  close: "sm:p-4 p-2"
-}), W = (e) => nt(
-  () => import("./index.BA5202H5.DKMEJZV8.js").then((a) => ({
-    default: a[e]
-  }))
-), Lt = W("Modal"), _t = W("ModalClose"), Dt = W("ModalContent"), Ot = W("ModalDescription"), zt = W("ModalHeading"), F = ({
-  open: e,
-  onOpenChange: a,
-  title: o,
-  children: n,
-  footer: s,
-  borderMode: r = "light",
-  kind: l = U,
-  className: m
-}) => {
-  const c = Y(""), i = Ht({ className: m, kind: l, borderMode: r });
-  return D(() => (e && (c.current = document.title, document.title = `${o} | ${c.current}`), () => {
-    e && (document.title = c.current);
-  }), [o, e]), /* @__PURE__ */ t(ot, { fallback: /* @__PURE__ */ t("div", {}), children: e && /* @__PURE__ */ t(Lt, { open: e, onOpenChange: a, children: /* @__PURE__ */ d(Dt, { className: i.main, children: [
-    /* @__PURE__ */ d("div", { className: "flex flex-row-reverse items-center justify-between", children: [
-      /* @__PURE__ */ t(
-        _t,
-        {
-          className: i.close,
-          trigger: /* @__PURE__ */ t(
-            B,
-            {
-              mode: "dark",
-              focusMode: "light",
-              noBorder: !0,
-              label: "Close",
-              children: /* @__PURE__ */ t(Rt, {})
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ t(zt, { className: i.header, children: o })
-    ] }),
-    /* @__PURE__ */ t(Ot, { className: i.content, children: n }),
-    s && /* @__PURE__ */ t("div", { className: i.footer, children: s })
-  ] }) }) });
-}, Bt = () => b("peer", "h-6", "w-11", "rounded-full"), Pt = ({
-  focusMode: e
-}) => b(
-  "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"
-  }
-), Vt = () => b(
-  "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"
-), Ft = () => b(
-  "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-['']"
-), $t = ({
-  mode: e,
-  noBorder: a
-}) => b({
-  border: !a,
-  "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"
-}), Gt = ({
-  mode: e,
-  labelHidden: a
-}) => a ? "sr-only" : b("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"
-}), Ut = ({ spacing: e }) => b(
-  De,
-  "relative flex cursor-pointer items-center",
-  Oe(e)
-), jt = ({
-  mode: e,
-  focusMode: a,
-  labelHidden: o,
-  spacing: n,
-  noBorder: s
-}) => ({
-  toggle: b(
-    Bt(),
-    $t({ mode: e, noBorder: s }),
-    Pt({ focusMode: a }),
-    Ft(),
-    Vt()
-  ),
-  label: Gt({ mode: e, labelHidden: o }),
-  input: "peer sr-only",
-  wrapper: Ut({ spacing: n })
-}), Yt = ({
-  checked: e = !1,
-  onChange: a,
-  label: o,
-  labelHidden: n = !1,
-  name: s,
-  mode: r = "system",
-  focusMode: l = "system",
-  spacing: m,
-  noBorder: c = !1
-}) => {
-  const i = jt({
-    mode: r,
-    focusMode: l,
-    labelHidden: n,
-    spacing: m,
-    noBorder: c
-  }), u = (g) => {
-    a == null || a(g.target.checked);
-  };
-  return /* @__PURE__ */ d("label", { className: i.wrapper, children: [
-    /* @__PURE__ */ t(
-      "input",
-      {
-        name: s,
-        checked: e,
-        type: "checkbox",
-        className: i.input,
-        onChange: u
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: i.toggle }),
-    /* @__PURE__ */ t("span", { className: i.label, children: o })
-  ] });
-}, Kt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Back",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "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" })
-    ]
-  }
-), Wt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Chart",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "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" })
-    ]
-  }
-), Xt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Delete",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "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" })
-    ]
-  }
-), qt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Edit",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "1" : "0.4",
-          d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32V416c0 17.7 14.3 32 32 32H352c17.7 0 32-14.3 32-32V320c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96V160z"
-        }
-      ),
-      /* @__PURE__ */ t("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
-    ]
-  }
-), Jt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "History",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "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" })
-    ]
-  }
-), Qt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Info",
-    ...r,
-    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" })
-    ]
-  }
-), Zt = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 576 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Profile",
-    ...r,
-    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" })
-    ]
-  }
-), ea = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ d(
-  I,
-  {
-    defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Restore",
-    ...r,
-    children: [
-      /* @__PURE__ */ t(
-        "path",
-        {
-          opacity: s ? "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" })
-    ]
-  }
-), ta = ({
-  className: e,
-  viewBox: a,
-  spacing: o,
-  title: n,
-  monotone: s,
-  ...r
-}) => /* @__PURE__ */ t(
-  I,
-  {
-    defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
-    viewBox: a,
-    className: e,
-    spacing: o,
-    title: n || "Settings",
-    ...r,
-    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 K(e) {
-  return st();
-}
-const aa = ({ stats: e }) => {
-  const a = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], s = K(), r = K();
-  return /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
-      R,
-      {
-        header: f.ABOUT.TITLE_CLIENT,
-        className: "prose-dark dark:prose-lighter",
-        children: j(s, {
-          [f.ABOUT.VERSION]: "4.3.6",
-          [f.ABOUT.BUILD_TIMESTAMP]: "09/14/2024 05:59 PM EDT"
-        })
-      }
-    ) }),
-    /* @__PURE__ */ t(
-      R,
-      {
-        header: f.ABOUT.TITLE_SERVER,
-        className: "prose-dark dark:prose-lighter",
-        children: j(r, {
-          [f.ABOUT.VERSION]: o,
-          [Q(f.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ t(w, { children: n.map((l) => /* @__PURE__ */ t("div", { className: "text-right", children: l }, l)) }),
-          [Q(f.ABOUT.PLUGIN, a.length)]: /* @__PURE__ */ t(w, { children: a.map((l) => /* @__PURE__ */ t("div", { className: "text-right", children: l }, l)) })
-        })
-      }
-    )
-  ] });
-}, oa = ({
-  open: e,
-  onOpenChange: a
-}) => {
-  const { serverStats: o } = _(Z);
-  return /* @__PURE__ */ t(F, { open: e, onOpenChange: a, title: ze, children: /* @__PURE__ */ t(aa, { stats: o }) });
-}, na = (e) => Ce(e), sa = (e) => {
-  if (!e || e.length === 0)
-    return Ve;
-  const a = e.filter(
-    (o) => {
-      var n, s;
-      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Fe && typeof ((s = o == null ? void 0 : o.message) == null ? void 0 : s.processingTime) == "number";
-    }
-  ).map((o) => o.message.processingTime);
-  return $e({
-    data: a,
-    formatter: na
-  });
-}, ra = ({
-  isAuthenticated: e,
-  stats: a
-}) => {
-  const { state: o } = _(Z), n = Ge - Number(o == null ? void 0 : o.usage), s = K(), r = K();
-  return e ? /* @__PURE__ */ d(w, { children: [
-    o && o.messages.length > 0 && /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
-      R,
-      {
-        header: f.CURRENT_STATISTICS.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: j(s, {
-          [f.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || Be,
-          [f.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
-          [f.CURRENT_STATISTICS.REMAINING_TOKENS]: Pe.format(n),
-          [f.CURRENT_STATISTICS.PROCESSING_TIME]: sa(o == null ? void 0 : o.messages)
-        })
-      }
-    ) }),
-    /* @__PURE__ */ t(
-      R,
-      {
-        header: f.MAIN_STATISTICS.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: j(r, {
-          [Q(f.MAIN_STATISTICS.TOTAL, a.totalChats)]: a.totalChats,
-          [f.MAIN_STATISTICS.PROCESSING_TIME]: Ce(
-            a.averageProcessingTimes
-          )
-        })
-      }
-    )
-  ] }) : null;
-}, ca = ({
-  open: e,
-  onOpenChange: a
-}) => {
-  const [o, n] = T({
-    averageProcessingTimes: 0,
-    totalChats: 0
-  }), { isAuthenticated: s, getAccessToken: r, user: l } = V();
-  return D(() => {
-    !e || !l || (async () => {
-      try {
-        const m = await H({
-          accessToken: await r(),
-          type: L.GET_CHATS_STATS,
-          params: {
-            userId: l.username
-          }
-        });
-        m.status === 200 && n(m.data);
-      } catch {
-      }
-    })();
-  }, [e, r, l]), /* @__PURE__ */ t(F, { open: e, onOpenChange: a, title: Te, children: /* @__PURE__ */ t(ra, { isAuthenticated: s, stats: o }) });
-}, xe = ({
-  showConfirmation: e,
-  setShowConfirmation: a,
-  action: o,
-  children: n,
-  customStrings: s
-}) => /* @__PURE__ */ t(
-  F,
-  {
-    kind: "messagebox",
-    open: e,
-    onOpenChange: a,
-    title: s.title,
-    footer: /* @__PURE__ */ d(re, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-        z,
-        {
-          mode: "dark",
-          variant: "secondary",
-          focusMode: "light",
-          onClick: () => {
-            a(!1);
-          },
-          children: s.cancelAction
-        }
-      ) }),
-      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-        z,
-        {
-          mode: "dark",
-          variant: "danger",
-          focusMode: "light",
-          onClick: () => {
-            a(!1), o();
-          },
-          children: s.confirmAction
-        }
-      ) })
-    ] }),
-    children: n
-  }
-);
-var ia = typeof window < "u", la = function(e, a) {
-  return ia ? 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);
-}, da = function(e, a) {
-  var o = T(la(e)), n = o[0], s = o[1];
-  return D(function() {
-    var r = !0, l = window.matchMedia(e), m = function() {
-      r && s(!!l.matches);
-    };
-    return l.addEventListener("change", m), s(l.matches), function() {
-      r = !1, l.removeEventListener("change", m);
-    };
-  }, [e]), n;
-};
-const ua = async (e, a, o, n) => {
-  try {
-    const s = await H({
-      accessToken: n,
-      type: L.GET_CHAT,
-      params: {
-        id: e.id
-      }
-    });
-    s.status === 200 && (a({
-      type: je
-    }), a({
-      type: Ye,
-      payload: {
-        id: e.id,
-        model: s.data.model,
-        usage: s.data.usage,
-        messages: s.data.messages
-      }
-    }), o(!1));
-  } catch {
-  }
-}, fe = (e) => {
-  const a = e[0];
-  return Ke(a == null ? void 0 : a.content, 100);
-}, ma = ({
-  filteredHistory: e,
-  setFilteredHistory: a,
-  dispatch: o,
-  onOpenChange: n
-}) => {
-  var k;
-  const { user: s, getAccessToken: r } = V(), l = Y({
-    id: 0,
-    timestamp: "",
-    message: ""
-  }), [m, c] = T(!1), i = da("(min-width: 480px)"), { state: u, dispatch: g } = _(Se), [, N] = ie({
-    key: ce + Ue,
-    initialValue: u.sortDirection
-  }), C = e.data.sort(
-    (h, S) => {
-      switch (u.sortedCell) {
-        case "timestamp":
-          if (u.sortDirection === x.ASC)
-            return new Date(h[u.sortedCell]).getTime() - new Date(S[u.sortedCell]).getTime();
-          if (u.sortDirection === x.DESC)
-            return new Date(S[u.sortedCell]).getTime() - new Date(h[u.sortedCell]).getTime();
-          break;
-        default:
-          return 0;
-      }
-      return 0;
-    }
-  ), p = (h) => {
-    switch (u.sortDirection) {
-      case !1:
-        N(x.ASC), g({
-          type: ae,
-          payload: {
-            sortedCell: h,
-            sortDirection: x.ASC
-          }
-        });
-        break;
-      case x.ASC:
-        N(x.DESC), g({
-          type: ae,
-          payload: {
-            sortedCell: h,
-            sortDirection: x.DESC
-          }
-        });
-        break;
-      default:
-        N(x.ASC), g({
-          type: ae,
-          payload: {
-            sortedCell: h,
-            sortDirection: x.ASC
-          }
-        });
-        break;
-    }
-  };
-  return /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ d(
-      xe,
-      {
-        showConfirmation: m,
-        setShowConfirmation: c,
-        action: async () => {
-          const h = l.current;
-          try {
-            const S = await H({
-              accessToken: await r(),
-              type: L.DELETE_CHAT,
-              params: {
-                userId: (s == null ? void 0 : s.username) || "",
-                id: h.id
-              }
-            });
-            S.status === 200 && a({ data: S.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: l.current && l.current.timestamp })
-            ] }),
-            /* @__PURE__ */ d("li", { children: [
-              "First message:",
-              " ",
-              /* @__PURE__ */ t("span", { className: "text-lg", children: (k = l.current) == null ? void 0 : k.message })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ d(it, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ t(lt, { children: /* @__PURE__ */ d(oe, { children: [
-        i && /* @__PURE__ */ t(M, { className: "sr-only", children: "Row" }),
-        /* @__PURE__ */ t(
-          dt,
-          {
-            cellId: "timestamp",
-            align: "left",
-            sortDirection: u.sortDirection,
-            sortedCell: u.sortedCell,
-            onClick: () => {
-              p("timestamp");
-            },
-            children: "Date"
-          }
-        ),
-        /* @__PURE__ */ t(M, { children: "First message" }),
-        /* @__PURE__ */ t(M, { className: "text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ t(ut, { children: C.map((h, S) => {
-        var E;
-        return ((E = h == null ? void 0 : h.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ d(oe, { children: [
-          i && /* @__PURE__ */ t(M, { children: S + 1 }),
-          /* @__PURE__ */ t(
-            M,
-            {
-              component: "th",
-              scope: "row",
-              className: "font-medium text-gray-400 sm:whitespace-nowrap",
-              children: h.timestamp
-            }
-          ),
-          /* @__PURE__ */ t(M, { className: "max-w-[100px] text-white sm:max-w-full", children: fe(h.messages) }),
-          /* @__PURE__ */ t(M, { children: /* @__PURE__ */ d("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ t(
-              B,
-              {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Restore chat",
-                onClick: async () => {
-                  const v = await r();
-                  ua(
-                    h,
-                    o,
-                    n,
-                    v
-                  );
-                },
-                children: /* @__PURE__ */ t(ea, { className: "h-3 w-3", monotone: !0 })
-              }
-            ),
-            /* @__PURE__ */ t(
-              B,
-              {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Delete chat",
-                onClick: () => {
-                  l.current = {
-                    id: h.id,
-                    timestamp: h.timestamp,
-                    message: fe(h.messages)
-                  }, c(!m);
-                },
-                children: /* @__PURE__ */ t("div", { className: "text-red-400", children: /* @__PURE__ */ t(Xt, { className: "h-3 w-3", monotone: !0 }) })
-              }
-            )
-          ] }) })
-        ] }, `${f.HISTORY.TITLE}-${h.id}-${S}`) : null;
-      }) }),
-      /* @__PURE__ */ t(mt, { children: /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(M, { colSpan: 4, children: /* @__PURE__ */ t("div", { children: Q(
-        `${e.data.length} chat`,
-        e.data.length
-      ) }) }) }) })
-    ] })
-  ] });
-};
-function ge(e, a) {
-  return a ? e.filter(
-    (o) => o.messages.some(
-      (n) => n.content !== null && n.content.toLowerCase().includes(a.toLowerCase())
-    )
-  ) : e;
-}
-const ha = ({
-  onOpenChange: e,
-  historyData: a
-}) => {
-  const { isAuthenticated: o } = V(), n = Y(null), { dispatch: s } = _(Z), { state: r, dispatch: l } = _(Se), [, m] = ie({
-    key: ce + We,
-    initialValue: r.searchString
-  }), c = rt(() => a, [a]), [i, u] = T({
-    data: c
-  }), g = (p) => {
-    const y = ge(c, p);
-    u({
-      data: y
-    }), m(p), l({
-      type: qe,
-      payload: { searchString: p }
-    });
-  }, N = (p) => {
-    g(p.target.value);
-  }, C = async (p) => {
-    p.preventDefault();
-  };
-  return D(() => {
-    const p = ge(
-      a,
-      r.searchString
-    );
-    u({
-      data: p
-    });
-  }, [a, r.searchString]), o ? i && i.data && /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ t("form", { autoComplete: "off", onSubmit: C, children: /* @__PURE__ */ t(
-      Xe,
-      {
-        ref: n,
-        defaultValue: r.searchString,
-        focusMode: "light",
-        name: "Search",
-        label: "Search",
-        onChange: N,
-        spacing: { t: 2, b: 2 },
-        ...r.searchString && {
-          rightElement: /* @__PURE__ */ t(
-            z,
-            {
-              disabled: !r.searchString,
-              mode: "dark",
-              noBorder: !0,
-              size: "small",
-              onClick: () => {
-                var p;
-                g(""), (p = n.current) != null && p.value && (n.current.value = "", n.current.focus());
-              },
-              children: "Reset"
-            }
-          )
-        }
-      }
-    ) }),
-    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ t(
-      ma,
-      {
-        filteredHistory: i,
-        setFilteredHistory: u,
-        dispatch: s,
-        onOpenChange: e
-      }
-    ) })
-  ] }) : null;
-}, pa = ({
-  open: e,
-  onOpenChange: a,
-  historyData: o
-}) => /* @__PURE__ */ t(F, { open: e, onOpenChange: a, title: Je, children: /* @__PURE__ */ t(ha, { onOpenChange: a, historyData: o }) }), fa = ({
-  open: e,
-  onOpenChange: a
-}) => {
-  const { getAccessToken: o, user: n } = V(), [s, r] = T({
-    loaded: !1,
-    content: "",
-    loadingLocation: !1,
-    location: ""
-  }), l = async (c) => {
-    c.preventDefault();
-    try {
-      await H({
-        accessToken: await o(),
-        type: L.SET_CUSTOM_INSTRUCTIONS,
-        params: {
-          user: n == null ? void 0 : n.username,
-          instructions: s.content,
-          location: s.location
-        }
-      });
-    } catch {
-    }
-  }, m = async () => {
-    r((c) => ({
-      ...c,
-      location: "...",
-      loadingLocation: !0
-    }));
-    try {
-      const c = Date.now(), i = await Qe(), u = await H({
-        accessToken: await o(),
-        type: L.GET_LOCATION,
-        params: {
-          latitude: i.latitude,
-          longitude: i.longitude
-        }
-      }), N = Date.now() - c;
-      if (N < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - N)), u.status === 200) {
-        const { city: C, state: p, country: y, displayName: k } = u.data, h = C && p && y ? `${C}, ${p}, ${y}` : k;
-        r((S) => ({
-          ...S,
-          loaded: !0,
-          location: h,
-          loadingLocation: !1
-        }));
-      } else
-        r((C) => ({
-          ...C,
-          loaded: !0,
-          location: "",
-          loadingLocation: !1
-        }));
-    } catch {
-    }
-  };
-  return D(() => {
-    if (!e || !n) {
-      r({
-        loaded: !1,
-        loadingLocation: !1,
-        content: "",
-        location: ""
-      });
-      return;
-    }
-    (async () => {
-      try {
-        const c = await H({
-          accessToken: await o(),
-          type: L.GET_CUSTOM_INSTRUCTIONS,
-          params: {
-            user: n.username
-          }
-        });
-        c.status === 200 && r((i) => ({
-          ...i,
-          loaded: !0,
-          content: c.data.instructions,
-          location: c.data.location
-        }));
-      } catch {
-      }
-    })();
-  }, [n, e]), /* @__PURE__ */ t(w, { children: s.loaded && /* @__PURE__ */ d(
-    F,
-    {
-      open: e,
-      onOpenChange: a,
-      title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ d(re, { columnGap: 2, alignHorizontal: "flex-end", children: [
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-          z,
-          {
-            mode: "dark",
-            variant: "secondary",
-            focusMode: "light",
-            onClick: () => {
-              a(!1);
-            },
-            children: "Cancel"
-          }
-        ) }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-          z,
-          {
-            mode: "dark",
-            variant: "danger",
-            focusMode: "light",
-            onClick: async (c) => {
-              a(!1), await l(c);
-            },
-            children: "Save"
-          }
-        ) })
-      ] }),
-      children: [
-        /* @__PURE__ */ d(
-          R,
-          {
-            header: "Custom Instructions",
-            className: "prose-dark dark:prose-lighter",
-            children: [
-              /* @__PURE__ */ t("p", { children: "What would you like Sassy Saint to know about you to provide better responses?" }),
-              /* @__PURE__ */ t(
-                he,
-                {
-                  mode: "alt-system",
-                  autoCapitalize: "off",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  name: "customInstructions",
-                  label: "Custom Instructions",
-                  value: s.content,
-                  onChange: (c) => {
-                    r((i) => ({
-                      ...i,
-                      loaded: !0,
-                      content: c.target.value
-                    }));
-                  },
-                  helperText: "Press ENTER to add a new line."
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ d(
-          R,
-          {
-            header: "Location",
-            className: "prose-dark dark:prose-lighter",
-            spacing: { t: 4 },
-            children: [
-              /* @__PURE__ */ t("p", { children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ t(
-                he,
-                {
-                  mode: "alt-system",
-                  name: "location",
-                  label: "Location",
-                  value: s.location,
-                  onChange: (c) => {
-                    r((i) => ({
-                      ...i,
-                      loaded: !0,
-                      location: c.target.value
-                    }));
-                  },
-                  helperText: "Enter your location or press auto-detect."
-                }
-              ),
-              /* @__PURE__ */ t(
-                z,
-                {
-                  spacing: { t: 2 },
-                  size: "small",
-                  noBorder: !0,
-                  disabled: s.loadingLocation,
-                  onClick: m,
-                  children: s.loadingLocation ? "Detecting..." : "Auto-detect"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, ga = () => {
-  const { isAuthenticated: e, user: a, registeringForPasskey: o, authenticationType: n } = V(), [s, r] = ie({
-    key: ce + Ze,
-    initialValue: !1
-  }), [l, m] = T(!1), c = K(), i = (a == null ? void 0 : a.username) || "", u = (N) => {
-    r(N);
-  }, g = () => {
-    m(!l);
-  };
-  return e && i ? /* @__PURE__ */ d(w, { children: [
-    l && /* @__PURE__ */ t(
-      fa,
-      {
-        open: l,
-        onOpenChange: m
-      }
-    ),
-    /* @__PURE__ */ d(
-      R,
-      {
-        header: f.PREFERENCES.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: [
-          j(c, {
-            [f.PREFERENCES.NAME]: i,
-            [f.PREFERENCES.EMAIL]: (a == null ? void 0 : a.email) || "",
-            [f.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ t(
-              Yt,
-              {
-                noBorder: !0,
-                labelHidden: !0,
-                label: f.PREFERENCES.ENGINE_DETAILS,
-                name: f.PREFERENCES.ENGINE_DETAILS,
-                onChange: u,
-                checked: s
-              }
-            )
-          }),
-          /* @__PURE__ */ t(
-            B,
-            {
-              spacing: { t: 2 },
-              size: "small",
-              onClick: g,
-              labelLeft: "Engine Fine Tuning",
-              children: /* @__PURE__ */ t(qt, { className: "size-3", monotone: !0 })
-            }
-          )
-        ]
-      }
-    ),
-    n !== et.PASSKEY && /* @__PURE__ */ d(
-      R,
-      {
-        spacing: { t: 4 },
-        className: "prose-dark dark:prose-lighter",
-        header: /* @__PURE__ */ t("h2", { className: "m-0", children: /* @__PURE__ */ d(re, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(ue, { className: "size-8" }) }),
-          /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t("div", { children: f.PREFERENCES.PASSKEY_TITLE }) })
-        ] }) }),
-        children: [
-          /* @__PURE__ */ t("p", { children: f.PREFERENCES.PASSKEY_INSTRUCTIONS }),
-          /* @__PURE__ */ t(
-            B,
-            {
-              size: "small",
-              spacing: { t: 2 },
-              onClick: o,
-              labelLeft: f.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ t(ue, { className: "size-5", monotone: !0 })
-            }
-          )
-        ]
-      }
-    )
-  ] }) : null;
-}, Ca = ({
-  open: e,
-  onOpenChange: a
-}) => /* @__PURE__ */ t(F, { open: e, onOpenChange: a, title: tt, children: /* @__PURE__ */ t(ga, {}) }), ba = () => {
-  const { state: e } = _(Z), [a, o] = T(!1), [n, s] = T(!1), [r, l] = T(!1), [m, c] = T(!1), [i, u] = T([]), [g, N] = T(!1), [C, p] = T({
-    done: !1,
-    progress: !1,
-    timestamp: Date.now()
-  }), { logout: y, getAccessToken: k, user: h } = V(), S = () => {
-    o(!a);
-  }, E = () => {
-    s(!n);
-  }, v = () => {
-    l(!r);
-  }, ee = () => {
-    c(!m);
-  }, te = async (A) => {
-    const q = Date.now();
-    if (A && !(!h || !e || C.progress || C.done === !0 && q - C.timestamp < 5e3)) {
-      p({
-        done: !0,
-        progress: !0,
-        timestamp: q
-      });
-      try {
-        const $ = await H({
-          accessToken: await k(),
-          type: L.GET_CHATS,
-          params: {
-            userId: h.username
-          }
-        });
-        $.status === 200 && (u($.data), p({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        }));
-      } catch {
-        p({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        });
-      }
-    }
-  }, X = () => {
-    N(!g);
-  };
-  return /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ t(
-      xe,
-      {
-        showConfirmation: g,
-        setShowConfirmation: N,
-        action: y,
-        customStrings: {
-          confirmAction: me,
-          cancelAction: "Cancel",
-          title: me
-        },
-        children: /* @__PURE__ */ t("p", { children: "Are you sure you want to log out?" })
-      }
-    ),
-    /* @__PURE__ */ t(Ca, { open: a, onOpenChange: o }),
-    /* @__PURE__ */ t(ca, { open: n, onOpenChange: s }),
-    /* @__PURE__ */ t(
-      pa,
-      {
-        open: r,
-        onOpenChange: l,
-        historyData: i
-      }
-    ),
-    /* @__PURE__ */ t(oa, { open: m, onOpenChange: c }),
-    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ d(
-      ke,
-      {
-        mode: "dark",
-        focusMode: "light",
-        trigger: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(ta, {}) }),
-        defaultPlacement: "bottom-end",
-        onOpenChange: te,
-        children: [
-          /* @__PURE__ */ t(
-            O,
-            {
-              label: "Profile",
-              onClick: S,
-              icon: /* @__PURE__ */ t(Zt, {})
-            }
-          ),
-          /* @__PURE__ */ t(
-            O,
-            {
-              label: Te,
-              onClick: E,
-              icon: /* @__PURE__ */ t(Wt, {})
-            }
-          ),
-          /* @__PURE__ */ t(
-            O,
-            {
-              label: "History",
-              onClick: v,
-              icon: /* @__PURE__ */ t(Jt, {})
-            }
-          ),
-          /* @__PURE__ */ t(
-            O,
-            {
-              label: "About",
-              onClick: ee,
-              icon: /* @__PURE__ */ t(Qt, {})
-            }
-          ),
-          e && e.id && !e.isComponent && /* @__PURE__ */ d(w, { children: [
-            /* @__PURE__ */ t(Mt, {}),
-            /* @__PURE__ */ t(
-              O,
-              {
-                label: "Log out",
-                onClick: X,
-                icon: /* @__PURE__ */ t("div", { className: "text-red-700", children: /* @__PURE__ */ t(Kt, { monotone: !0 }) })
-              }
-            )
-          ] })
-        ]
-      }
-    ) }) })
-  ] });
-};
-export {
-  ba as default
-};