@versini/sassysaint 1.0.12 → 2.0.0

package/dist/chunks/LazyHeader.kRDKzfpE.js

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