@versini/sassysaint 4.2.0 → 4.3.0

package/dist/chunks/LazyHeader.rUgvWsxk.js

@@ -0,0 +1,1415 @@
+import { jsxs as d, jsx as t, Fragment as w } from "react/jsx-runtime";
+import { O as z, i$1 as le, N as de, p as De, o as Oe, g as v, N$1 as B, CARDS as f, renderDataAsList as Y, 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 Ue, qr as V, STATS as Te, b as re, j as P, x as O, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Ge, ACTION_RESET as Ye, ACTION_RESTORE as je, truncate as Ke, ACTION_SORT as oe, LOCAL_STORAGE_SEARCH as We, Y 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.B6eo37ct.js";
+import * as ne from "react";
+import ot, { forwardRef as Ne, useState as T, useRef as j, useContext as L, useEffect as _, Suspense as at, lazy as nt, useId as st, useMemo as rt } from "react";
+import { g as ct, AppContext as Z, serviceCall as R, SERVICE_TYPES as H, HistoryContext as Se, E as ie, k as I, et as it, at as lt, lt as ae, J as M, ct as dt, st as ut, rt as mt, kt as he } from "./useLocalStorage.CPkzjnpM.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 It, FloatingPortal as vt, FloatingFocusManager as xt, 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 o = e.type;
+    if (typeof o == "function" || typeof o == "object")
+      return o.displayName || o.name || "Component";
+  }
+  return "Element";
+}, be = Ne(
+  ({
+    trigger: e,
+    children: o,
+    label: a = "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 = j([]), h = j([]), S = L(se), E = Ee(), x = ht(), ee = ye(), { floatingStyles: te, refs: X, context: A } = pt({
+      nodeId: x,
+      open: u,
+      onOpenChange: (U) => {
+        g(U), s == null || s(U);
+      },
+      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" }), ve = Et(A, { bubbles: !0 }), xe = 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, $, ve, xe, Ae]), Le = pe(e) === "Button" || pe(e) === "ButtonIcon", _e = ot.cloneElement(e, {
+      mode: l,
+      focusMode: m,
+      spacing: r,
+      noInternalClick: Le,
+      "aria-label": a,
+      "data-open": u ? "" : void 0,
+      "data-focus-inside": N ? "" : void 0,
+      ref: we([X.setReference, ee.ref, i]),
+      ...Me(
+        S.getItemProps({
+          ...c
+        })
+      )
+    });
+    return _(() => {
+      if (!E)
+        return;
+      function U() {
+        g(!1), s == null || s(!1);
+      }
+      return E.events.on("click", U), () => {
+        E.events.off("click", U);
+      };
+    }, [E, s]), _(() => {
+      u && E && E.events.emit("menuopen", { nodeId: x });
+    }, [E, u, x]), /* @__PURE__ */ d(kt, { id: x, children: [
+      _e,
+      /* @__PURE__ */ t(
+        se.Provider,
+        {
+          value: {
+            activeIndex: p,
+            setActiveIndex: y,
+            getItemProps: He,
+            setHasFocusInside: C,
+            isOpen: u
+          },
+          children: /* @__PURE__ */ t(It, { elementsRef: k, labelsRef: h, children: u && /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(
+            xt,
+            {
+              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: o
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), ke = Ne((e, o) => /* @__PURE__ */ t(At, { children: /* @__PURE__ */ t(be, { ...e, ref: o }) }));
+ke.displayName = "Menu";
+be.displayName = "MenuComponent";
+const D = ne.forwardRef(({ label: e, disabled: o, icon: a, ...n }, s) => {
+  const r = ne.useContext(se), l = ye({ label: o ? 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: o,
+      ...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: [
+        a,
+        e && /* @__PURE__ */ t("span", { className: "pl-2", children: e })
+      ]
+    }
+  );
+});
+D.displayName = "MenuItem";
+const Mt = ({ className: e, ...o }) => {
+  const a = b(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ t("div", { className: a, ...o });
+}, Rt = ({
+  className: e,
+  viewBox: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ t(
+  ct,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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" })
+  }
+), G = "panel", J = "messagebox", Ht = ({
+  className: e,
+  kind: o,
+  borderMode: a
+}) => ({
+  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`]: o === G,
+    [`${le} w-full sm:w-[95%] md:max-w-2xl`]: o === G && !e,
+    [`${de} rounded-lg border-2`]: o === J,
+    [`${de} w-[95%] sm:w-[50%] md:max-w-2xl`]: o === J && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": a === "dark" && o === G,
+    "sm:border-border-accent": a === "light" && o === G,
+    "border-border-dark": a === "dark" && o === J,
+    "border-border-accent": a === "light" && o === J
+  }),
+  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 = (e) => nt(
+  () => import("./index.7JJYsiGN.D3Y9pcQ1.js").then((o) => ({
+    default: o[e]
+  }))
+), Lt = W("Modal"), _t = W("ModalClose"), Dt = W("ModalContent"), Ot = W("ModalDescription"), zt = W("ModalHeading"), F = ({
+  open: e,
+  onOpenChange: o,
+  title: a,
+  children: n,
+  footer: s,
+  borderMode: r = "light",
+  kind: l = G,
+  className: m
+}) => {
+  const c = j(""), i = Ht({ className: m, kind: l, borderMode: r });
+  return _(() => (e && (c.current = document.title, document.title = `${a} | ${c.current}`), () => {
+    e && (document.title = c.current);
+  }), [a, e]), /* @__PURE__ */ t(at, { fallback: /* @__PURE__ */ t("div", {}), children: e && /* @__PURE__ */ t(Lt, { open: e, onOpenChange: o, 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(
+            z,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ t(Rt, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(zt, { className: i.header, children: a })
+    ] }),
+    /* @__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: o
+}) => b({
+  border: !o,
+  "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"
+}), Ut = ({
+  mode: e,
+  labelHidden: o
+}) => o ? "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"
+}), Gt = ({ spacing: e }) => b(
+  De,
+  "relative flex cursor-pointer items-center",
+  Oe(e)
+), Yt = ({
+  mode: e,
+  focusMode: o,
+  labelHidden: a,
+  spacing: n,
+  noBorder: s
+}) => ({
+  toggle: b(
+    Bt(),
+    $t({ mode: e, noBorder: s }),
+    Pt({ focusMode: o }),
+    Ft(),
+    Vt()
+  ),
+  label: Ut({ mode: e, labelHidden: a }),
+  input: "peer sr-only",
+  wrapper: Gt({ spacing: n })
+}), jt = ({
+  checked: e = !1,
+  onChange: o,
+  label: a,
+  labelHidden: n = !1,
+  name: s,
+  mode: r = "system",
+  focusMode: l = "system",
+  spacing: m,
+  noBorder: c = !1
+}) => {
+  const i = Yt({
+    mode: r,
+    focusMode: l,
+    labelHidden: n,
+    spacing: m,
+    noBorder: c
+  }), u = (g) => {
+    o == null || o(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: a })
+  ] });
+}, Kt = ({
+  className: e,
+  viewBox: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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" })
+    ]
+  }
+), eo = ({
+  className: e,
+  viewBox: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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" })
+    ]
+  }
+), to = ({
+  className: e,
+  viewBox: o,
+  spacing: a,
+  title: n,
+  monotone: s,
+  ...r
+}) => /* @__PURE__ */ t(
+  v,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: o,
+    className: e,
+    spacing: a,
+    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 oo = ({ stats: e }) => {
+  const o = (e == null ? void 0 : e.plugins) || [], a = (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(
+      B,
+      {
+        header: f.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: Y(s, {
+          [f.ABOUT.VERSION]: "4.3.0",
+          [f.ABOUT.BUILD_TIMESTAMP]: "09/06/2024 10:29 AM EDT"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      B,
+      {
+        header: f.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: Y(r, {
+          [f.ABOUT.VERSION]: a,
+          [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, o.length)]: /* @__PURE__ */ t(w, { children: o.map((l) => /* @__PURE__ */ t("div", { className: "text-right", children: l }, l)) })
+        })
+      }
+    )
+  ] });
+}, ao = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { serverStats: a } = L(Z);
+  return /* @__PURE__ */ t(F, { open: e, onOpenChange: o, title: ze, children: /* @__PURE__ */ t(oo, { stats: a }) });
+}, no = (e) => Ce(e), so = (e) => {
+  if (!e || e.length === 0)
+    return Ve;
+  const o = e.filter(
+    (a) => {
+      var n, s;
+      return ((n = a == null ? void 0 : a.message) == null ? void 0 : n.role) === Fe && typeof ((s = a == null ? void 0 : a.message) == null ? void 0 : s.processingTime) == "number";
+    }
+  ).map((a) => a.message.processingTime);
+  return $e({
+    data: o,
+    formatter: no
+  });
+}, ro = ({
+  isAuthenticated: e,
+  stats: o
+}) => {
+  const { state: a } = L(Z), n = Ue - Number(a == null ? void 0 : a.usage), s = K(), r = K();
+  return e ? /* @__PURE__ */ d(w, { children: [
+    a && a.messages.length > 0 && /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
+      B,
+      {
+        header: f.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: Y(s, {
+          [f.CURRENT_STATISTICS.MODEL_NAME]: (a == null ? void 0 : a.model) || Be,
+          [f.CURRENT_STATISTICS.TOKENS_USED]: a == null ? void 0 : a.usage,
+          [f.CURRENT_STATISTICS.REMAINING_TOKENS]: Pe.format(n),
+          [f.CURRENT_STATISTICS.PROCESSING_TIME]: so(a == null ? void 0 : a.messages)
+        })
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      B,
+      {
+        header: f.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: Y(r, {
+          [Q(f.MAIN_STATISTICS.TOTAL, o.totalChats)]: o.totalChats,
+          [f.MAIN_STATISTICS.PROCESSING_TIME]: Ce(
+            o.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, co = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const [a, n] = T({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { isAuthenticated: s, getAccessToken: r, user: l } = V();
+  return _(() => {
+    !e || !l || (async () => {
+      try {
+        const m = await R({
+          accessToken: await r(),
+          type: H.GET_CHATS_STATS,
+          params: {
+            userId: l.username
+          }
+        });
+        m.status === 200 && n(m.data);
+      } catch {
+      }
+    })();
+  }, [e, r, l]), /* @__PURE__ */ t(F, { open: e, onOpenChange: o, title: Te, children: /* @__PURE__ */ t(ro, { isAuthenticated: s, stats: a }) });
+}, Ie = ({
+  showConfirmation: e,
+  setShowConfirmation: o,
+  action: a,
+  children: n,
+  customStrings: s
+}) => /* @__PURE__ */ t(
+  F,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: o,
+    title: s.title,
+    footer: /* @__PURE__ */ d(re, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
+        O,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            o(!1);
+          },
+          children: s.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
+        O,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            o(!1), a();
+          },
+          children: s.confirmAction
+        }
+      ) })
+    ] }),
+    children: n
+  }
+);
+var io = typeof window < "u", lo = function(e, o) {
+  return io ? 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);
+}, uo = function(e, o) {
+  var a = T(lo(e)), n = a[0], s = a[1];
+  return _(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 mo = async (e, o, a, n) => {
+  try {
+    const s = await R({
+      accessToken: n,
+      type: H.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    s.status === 200 && (o({
+      type: Ye
+    }), o({
+      type: je,
+      payload: {
+        id: e.id,
+        model: s.data.model,
+        usage: s.data.usage,
+        messages: s.data.messages
+      }
+    }), a(!1));
+  } catch {
+  }
+}, fe = (e) => {
+  const o = e[0];
+  return Ke(o == null ? void 0 : o.content, 100);
+}, ho = ({
+  filteredHistory: e,
+  setFilteredHistory: o,
+  dispatch: a,
+  onOpenChange: n
+}) => {
+  var k;
+  const { user: s, getAccessToken: r } = V(), l = j({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [m, c] = T(!1), i = uo("(min-width: 480px)"), { state: u, dispatch: g } = L(Se), [, N] = ie({
+    key: ce + Ge,
+    initialValue: u.sortDirection
+  }), C = e.data.sort(
+    (h, S) => {
+      switch (u.sortedCell) {
+        case "timestamp":
+          if (u.sortDirection === I.ASC)
+            return new Date(h[u.sortedCell]).getTime() - new Date(S[u.sortedCell]).getTime();
+          if (u.sortDirection === I.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(I.ASC), g({
+          type: oe,
+          payload: {
+            sortedCell: h,
+            sortDirection: I.ASC
+          }
+        });
+        break;
+      case I.ASC:
+        N(I.DESC), g({
+          type: oe,
+          payload: {
+            sortedCell: h,
+            sortDirection: I.DESC
+          }
+        });
+        break;
+      default:
+        N(I.ASC), g({
+          type: oe,
+          payload: {
+            sortedCell: h,
+            sortDirection: I.ASC
+          }
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ d(w, { children: [
+    /* @__PURE__ */ d(
+      Ie,
+      {
+        showConfirmation: m,
+        setShowConfirmation: c,
+        action: async () => {
+          const h = l.current;
+          try {
+            const S = await R({
+              accessToken: await r(),
+              type: H.DELETE_CHAT,
+              params: {
+                userId: (s == null ? void 0 : s.username) || "",
+                id: h.id
+              }
+            });
+            S.status === 200 && o({ 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(ae, { 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(ae, { 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(
+              z,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Restore chat",
+                onClick: async () => {
+                  const x = await r();
+                  mo(
+                    h,
+                    a,
+                    n,
+                    x
+                  );
+                },
+                children: /* @__PURE__ */ t(eo, { className: "h-3 w-3", monotone: !0 })
+              }
+            ),
+            /* @__PURE__ */ t(
+              z,
+              {
+                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(ae, { children: /* @__PURE__ */ t(M, { colSpan: 4, children: /* @__PURE__ */ t("div", { children: Q(
+        `${e.data.length} chat`,
+        e.data.length
+      ) }) }) }) })
+    ] })
+  ] });
+};
+function ge(e, o) {
+  return o ? e.filter(
+    (a) => a.messages.some(
+      (n) => n.content !== null && n.content.toLowerCase().includes(o.toLowerCase())
+    )
+  ) : e;
+}
+const po = ({
+  onOpenChange: e,
+  historyData: o
+}) => {
+  const { isAuthenticated: a } = V(), n = j(null), { dispatch: s } = L(Z), { state: r, dispatch: l } = L(Se), [, m] = ie({
+    key: ce + We,
+    initialValue: r.searchString
+  }), c = rt(() => o, [o]), [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 _(() => {
+    const p = ge(
+      o,
+      r.searchString
+    );
+    u({
+      data: p
+    });
+  }, [o, r.searchString]), a ? 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(
+            O,
+            {
+              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(
+      ho,
+      {
+        filteredHistory: i,
+        setFilteredHistory: u,
+        dispatch: s,
+        onOpenChange: e
+      }
+    ) })
+  ] }) : null;
+}, fo = ({
+  open: e,
+  onOpenChange: o,
+  historyData: a
+}) => /* @__PURE__ */ t(F, { open: e, onOpenChange: o, title: Je, children: /* @__PURE__ */ t(po, { onOpenChange: o, historyData: a }) }), go = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { getAccessToken: a, user: n } = V(), [s, r] = T({
+    loaded: !1,
+    content: "",
+    loadingLocation: !1,
+    location: ""
+  }), l = async (c) => {
+    c.preventDefault();
+    try {
+      await R({
+        accessToken: await a(),
+        type: H.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 R({
+        accessToken: await a(),
+        type: H.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 _(() => {
+    if (!e || !n) {
+      r({
+        loaded: !1,
+        loadingLocation: !1,
+        content: "",
+        location: ""
+      });
+      return;
+    }
+    (async () => {
+      try {
+        const c = await R({
+          accessToken: await a(),
+          type: H.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: o,
+      title: "Engine Fine Tuning",
+      footer: /* @__PURE__ */ d(re, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
+          O,
+          {
+            mode: "dark",
+            variant: "secondary",
+            focusMode: "light",
+            onClick: () => {
+              o(!1);
+            },
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
+          O,
+          {
+            mode: "dark",
+            variant: "danger",
+            focusMode: "light",
+            onClick: async (c) => {
+              o(!1), await l(c);
+            },
+            children: "Save"
+          }
+        ) })
+      ] }),
+      children: [
+        /* @__PURE__ */ t("h2", { className: "mt-0", children: "Custom Instructions" }),
+        /* @__PURE__ */ t("p", { children: "What would you like Sassy Saint to know about you to provide better responses?" }),
+        /* @__PURE__ */ t(
+          he,
+          {
+            mode: "dark",
+            focusMode: "light",
+            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__ */ t("h2", { children: "Location" }),
+        /* @__PURE__ */ t("p", { children: "You can share your location to receive customized responses based on your area." }),
+        /* @__PURE__ */ t(
+          he,
+          {
+            mode: "dark",
+            focusMode: "light",
+            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.",
+            rightElement: /* @__PURE__ */ t(
+              O,
+              {
+                size: "small",
+                noBorder: !0,
+                mode: "light",
+                focusMode: "light",
+                disabled: s.loadingLocation,
+                onClick: m,
+                children: s.loadingLocation ? "Detecting..." : "Auto-detect"
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}, Co = () => {
+  const { isAuthenticated: e, user: o, registeringForPasskey: a, authenticationType: n } = V(), [s, r] = ie({
+    key: ce + Ze,
+    initialValue: !1
+  }), [l, m] = T(!1), c = K(), i = (o == null ? void 0 : o.username) || "", u = (N) => {
+    r(N);
+  }, g = () => {
+    m(!l);
+  };
+  return e && i ? /* @__PURE__ */ d(w, { children: [
+    l && /* @__PURE__ */ t(
+      go,
+      {
+        open: l,
+        onOpenChange: m
+      }
+    ),
+    /* @__PURE__ */ d(
+      B,
+      {
+        header: f.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: [
+          Y(c, {
+            [f.PREFERENCES.NAME]: i,
+            [f.PREFERENCES.EMAIL]: (o == null ? void 0 : o.email) || "",
+            [f.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ t(
+              jt,
+              {
+                noBorder: !0,
+                labelHidden: !0,
+                label: f.PREFERENCES.ENGINE_DETAILS,
+                name: f.PREFERENCES.ENGINE_DETAILS,
+                onChange: u,
+                checked: s
+              }
+            )
+          }),
+          /* @__PURE__ */ t(
+            z,
+            {
+              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(
+      B,
+      {
+        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(
+            z,
+            {
+              size: "small",
+              spacing: { t: 2 },
+              onClick: a,
+              labelLeft: f.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ t(ue, { className: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, To = ({
+  open: e,
+  onOpenChange: o
+}) => /* @__PURE__ */ t(F, { open: e, onOpenChange: o, title: tt, children: /* @__PURE__ */ t(Co, {}) }), ko = () => {
+  const { state: e } = L(Z), [o, a] = 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 = () => {
+    a(!o);
+  }, E = () => {
+    s(!n);
+  }, x = () => {
+    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 R({
+          accessToken: await k(),
+          type: H.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(
+      Ie,
+      {
+        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(To, { open: o, onOpenChange: a }),
+    /* @__PURE__ */ t(co, { open: n, onOpenChange: s }),
+    /* @__PURE__ */ t(
+      fo,
+      {
+        open: r,
+        onOpenChange: l,
+        historyData: i
+      }
+    ),
+    /* @__PURE__ */ t(ao, { 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(z, { children: /* @__PURE__ */ t(to, {}) }),
+        defaultPlacement: "bottom-end",
+        onOpenChange: te,
+        children: [
+          /* @__PURE__ */ t(
+            D,
+            {
+              label: "Profile",
+              onClick: S,
+              icon: /* @__PURE__ */ t(Zt, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            D,
+            {
+              label: Te,
+              onClick: E,
+              icon: /* @__PURE__ */ t(Wt, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            D,
+            {
+              label: "History",
+              onClick: x,
+              icon: /* @__PURE__ */ t(Jt, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            D,
+            {
+              label: "About",
+              onClick: ee,
+              icon: /* @__PURE__ */ t(Qt, {})
+            }
+          ),
+          e && e.id && !e.isComponent && /* @__PURE__ */ d(w, { children: [
+            /* @__PURE__ */ t(Mt, {}),
+            /* @__PURE__ */ t(
+              D,
+              {
+                label: "Log out",
+                onClick: X,
+                icon: /* @__PURE__ */ t("div", { className: "text-red-700", children: /* @__PURE__ */ t(Kt, { monotone: !0 }) })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+};
+export {
+  ko as default
+};