@versini/sassysaint 5.0.0 → 5.1.2

package/dist/chunks/LazyHeader.DClUfXqp.js

@@ -0,0 +1,1981 @@
+import { jsxs as m, jsx as o, Fragment as S } from "react/jsx-runtime";
+import { g as _, D as I, CARDS as v, renderDataAsList as X, pluralize as oe, ABOUT_TITLE as Ke, MODEL_GPT4 as Xe, numberFormatter as Ze, durationFormatter as Ie, NA as qe, ROLE_ASSISTANT as Je, extractAverage as Qe, GPT4_MAX_TOKENS as et, rn as U, STATS as _e, b as me, j as $, R as z, LOCAL_STORAGE_PREFIX as P, LOCAL_STORAGE_SORT as tt, O as V, ACTION_RESET as at, ACTION_RESTORE as ot, truncate as rt, ACTION_SORT as ie, LOCAL_STORAGE_SEARCH as nt, ae as it, ACTION_SEARCH as st, HISTORY_TITLE as lt, getCurrentGeoLocation as ct, LOCAL_STORAGE_TAG_SUMMARIZE as pe, LOCAL_STORAGE_TAG_PROOFREAD as fe, LOCAL_STORAGE_TAG_REPHRASE as be, TAG_CONTENT as se, TAGS as le, LOCAL_STORAGE_CHAT_DETAILS as dt, G as ut, v as ve, PROFILE_TITLE as mt, LOG_OUT as ye } from "./index.B5Wp8y85.js";
+import * as de from "react";
+import re, { forwardRef as Ae, useState as C, useRef as Z, useContext as B, useEffect as O, Suspense as ht, lazy as gt, useId as pt, useMemo as ft } from "react";
+import { AppContext as ne, serviceCall as M, SERVICE_TYPES as L, HistoryContext as Re, E as F, f as x, ce as bt, ge as vt, me as ce, ie as R, ue as yt, be as kt, he as Tt, we as ke } from "./index.B5nDJSgt.js";
+import f from "clsx";
+import { useFloatingTree as Me, useFloatingNodeId as Ct, useListItem as Le, useFloating as Nt, offset as wt, flip as Et, shift as St, autoUpdate as xt, useClick as It, useRole as _t, useDismiss as At, useListNavigation as Rt, useTypeahead as Mt, useInteractions as Lt, useMergeRefs as Be, FloatingNode as Bt, FloatingList as Ot, FloatingPortal as Ht, FloatingFocusManager as Dt, FloatingTree as zt } from "@floating-ui/react";
+const Pt = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Back",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), Vt = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Chart",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), Ft = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Delete",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), Te = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Edit",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), $t = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "History",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), Ut = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Info",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ o("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" })
+    ]
+  }
+), Gt = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Profile",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ o("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" })
+    ]
+  }
+), jt = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ m(
+  _,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Restore",
+    ...i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          opacity: n ? "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__ */ o("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" })
+    ]
+  }
+), Wt = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ o(
+  _,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Settings",
+    ...i,
+    children: /* @__PURE__ */ o("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" })
+  }
+), ue = de.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), Ce = (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 t = e.type;
+    if (typeof t == "function" || typeof t == "object")
+      return t.displayName || t.name || "Component";
+  }
+  return "Element";
+}, Oe = Ae(
+  ({
+    trigger: e,
+    children: t,
+    label: a = "Open menu",
+    defaultPlacement: r = "bottom-start",
+    onOpenChange: n,
+    spacing: i,
+    mode: l = "system",
+    focusMode: c = "system",
+    ...s
+  }, d) => {
+    const [u, p] = C(!1), [y, h] = C(!1), [g, k] = C(null), w = Z([]), b = Z([]), T = B(ue), N = Me(), E = Ct(), G = Le(), { floatingStyles: j, refs: Q, context: A } = Nt({
+      nodeId: E,
+      open: u,
+      onOpenChange: (Y) => {
+        p(Y), n == null || n(Y);
+      },
+      placement: r,
+      strategy: "fixed",
+      middleware: [wt({ mainAxis: 10 }), Et(), St()],
+      whileElementsMounted: xt
+    }), ee = It(A, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), W = _t(A, { role: "menu" }), Ve = At(A, { bubbles: !0 }), Fe = Rt(A, {
+      listRef: w,
+      activeIndex: g,
+      nested: !1,
+      onNavigate: k,
+      loop: !0
+    }), $e = Mt(A, {
+      listRef: b,
+      onMatch: u ? k : void 0,
+      activeIndex: g
+    }), { getReferenceProps: Ue, getFloatingProps: Ge, getItemProps: je } = Lt([ee, W, Ve, Fe, $e]), We = Ce(e) === "Button" || Ce(e) === "ButtonIcon", Ye = re.cloneElement(e, {
+      mode: l,
+      focusMode: c,
+      spacing: i,
+      noInternalClick: We,
+      "aria-label": a,
+      "data-open": u ? "" : void 0,
+      "data-focus-inside": y ? "" : void 0,
+      ref: Be([Q.setReference, G.ref, d]),
+      ...Ue(
+        T.getItemProps({
+          ...s
+        })
+      )
+    });
+    return O(() => {
+      if (!N)
+        return;
+      function Y() {
+        p(!1), n == null || n(!1);
+      }
+      return N.events.on("click", Y), () => {
+        N.events.off("click", Y);
+      };
+    }, [N, n]), O(() => {
+      u && N && N.events.emit("menuopen", { nodeId: E });
+    }, [N, u, E]), /* @__PURE__ */ m(Bt, { id: E, children: [
+      Ye,
+      /* @__PURE__ */ o(
+        ue.Provider,
+        {
+          value: {
+            activeIndex: g,
+            setActiveIndex: k,
+            getItemProps: je,
+            setHasFocusInside: h,
+            isOpen: u
+          },
+          children: /* @__PURE__ */ o(Ot, { elementsRef: w, labelsRef: b, children: u && /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ o(
+            Dt,
+            {
+              context: A,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ o(
+                "div",
+                {
+                  ref: Q.setFloating,
+                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
+                  style: j,
+                  ...Ge(),
+                  children: t
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), He = Ae((e, t) => /* @__PURE__ */ o(zt, { children: /* @__PURE__ */ o(Oe, { ...e, ref: t }) }));
+He.displayName = "Menu";
+Oe.displayName = "MenuComponent";
+const D = de.forwardRef(({ label: e, disabled: t, icon: a, ...r }, n) => {
+  const i = de.useContext(ue), l = Le({ label: t ? null : e }), c = Me();
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      ...r,
+      ref: Be([l.ref, n]),
+      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: t,
+      ...i.getItemProps({
+        onClick(s) {
+          var d;
+          (d = r.onClick) == null || d.call(r, s), c == null || c.events.emit("click");
+        },
+        onFocus(s) {
+          var d;
+          (d = r.onFocus) == null || d.call(r, s), i.setHasFocusInside(!0);
+        }
+      }),
+      children: [
+        a,
+        e && /* @__PURE__ */ o("span", { className: "pl-2", children: e })
+      ]
+    }
+  );
+});
+D.displayName = "MenuItem";
+const Yt = ({ className: e, ...t }) => {
+  const a = f(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ o("div", { className: a, ...t });
+};
+/*!
+  @versini/ui-menu v1.0.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
+    version: "1.0.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-panel v1.0.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
+    version: "1.0.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ne = "av-messagebox", we = "av-panel", Ee = "av-button", Kt = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const a = [];
+    (e == null ? void 0 : e.t) !== void 0 && a.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && a.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && a.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && a.push(`ml-${e.l}`), t = a.join(" ");
+  }
+  return t;
+}, he = "icon", Xt = "button", Zt = "link", qt = ({
+  type: e,
+  size: t,
+  labelRight: a,
+  labelLeft: r,
+  align: n
+}) => {
+  const i = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
+  switch (e) {
+    case Xt:
+      return f("px-4", {
+        [i]: t === "small",
+        [l]: t === "medium",
+        [c]: t === "large"
+      });
+    case Zt:
+      return f("px-4 text-center", {
+        [i]: t === "small",
+        [l]: t === "medium",
+        [c]: t === "large"
+      });
+    case he:
+      return f("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !(a || r),
+        "h-6 px-4 text-sm font-medium": t === "small" && (a || r),
+        "h-8 w-8 p-1": t === "medium" && !(a || r),
+        "h-8 px-4 text-base font-medium": t === "medium" && (a || r),
+        "h-12 w-12 p-2": t === "large" && !(a || r),
+        "h-12 px-4 text-lg font-medium": t === "large" && (a || r)
+      });
+  }
+}, Jt = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: a,
+  variant: r
+}) => {
+  if (t)
+    return "not-prose rounded-full";
+  if (r === "primary")
+    return f("not-prose rounded-full", {
+      truncate: !a,
+      "bg-action-dark text-copy-light": e === "dark",
+      "bg-action-light text-copy-lighter": e === "light",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
+    });
+  if (r === "secondary")
+    return f("not-prose rounded-full", {
+      truncate: !a,
+      "bg-action-dark text-copy-light": e === "light",
+      "bg-action-light text-copy-lighter": e === "dark",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
+    });
+  if (r === "danger")
+    return f("not-prose rounded-full", {
+      truncate: !a,
+      "bg-action-danger-dark text-copy-light": e === "dark",
+      "bg-action-danger-light text-copy-lighter": e === "light",
+      "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
+      "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
+    });
+}, Qt = ({
+  mode: e,
+  disabled: t,
+  variant: a
+}) => {
+  if (t)
+    return "";
+  if (a === "primary")
+    return f("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "dark",
+      "hover:bg-action-light-hover": e === "light",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
+    });
+  if (a === "secondary")
+    return f("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "light",
+      "hover:bg-action-light-hover": e === "dark",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
+    });
+  if (a === "danger")
+    return f("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+}, ea = ({
+  mode: e,
+  disabled: t,
+  variant: a
+}) => {
+  if (t)
+    return "";
+  if (a === "primary")
+    return f("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "dark",
+      "active:bg-action-light-active": e === "light",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
+    });
+  if (a === "secondary")
+    return f("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "light",
+      "active:bg-action-light-active": e === "dark",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
+    });
+  if (a === "danger")
+    return f("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+}, ta = ({
+  mode: e,
+  noBorder: t,
+  variant: a
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (a === "primary")
+    return f("border", {
+      "border-border-dark": e === "dark",
+      "border-border-accent": e === "light",
+      "border-border-dark dark:border-border-accent": e === "system",
+      "border-border-accent dark:border-border-dark": e === "alt-system"
+    });
+  if (a === "secondary")
+    return f("border", {
+      "border-border-dark": e === "light",
+      "border-border-accent": e === "dark",
+      "border-border-dark dark:border-border-accent": e === "alt-system",
+      "border-border-accent dark:border-border-dark": e === "system"
+    });
+  if (a === "danger")
+    return f("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+}, aa = ({ focusMode: e }) => f("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), De = ({
+  type: e,
+  className: t,
+  raw: a,
+  mode: r,
+  focusMode: n,
+  disabled: i,
+  fullWidth: l,
+  size: c,
+  noBorder: s,
+  labelRight: d,
+  labelLeft: u,
+  spacing: p,
+  noBackground: y,
+  variant: h,
+  noTruncate: g,
+  align: k
+}) => (h || (h = "primary"), a ? f(Ee, t) : f(
+  Ee,
+  t,
+  Kt(p),
+  Jt({ mode: r, variant: h, noBackground: y, noTruncate: g }),
+  qt({ type: e, size: c, labelRight: d, labelLeft: u, align: k }),
+  ta({ mode: r, variant: h, noBorder: s }),
+  aa({ focusMode: n }),
+  Qt({ mode: r, variant: h, disabled: i }),
+  ea({ mode: r, variant: h, disabled: i }),
+  {
+    "w-full": l,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  }
+)), oa = (e, t, a) => {
+  var r;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.focus) == "function" && e.currentTarget.focus(), typeof a == "function" && a(e);
+}, ge = re.forwardRef((e, t) => {
+  const { onClick: a, noInternalClick: r = !1, ...n } = e;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      ref: t,
+      onClick: (i) => {
+        oa(i, r, a);
+      },
+      ...n
+    }
+  );
+});
+ge.displayName = "BaseButton";
+const ze = re.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: a = "system",
+    focusMode: r = "system",
+    fullWidth: n = !1,
+    className: i,
+    type: l = "button",
+    raw: c = !1,
+    noBorder: s = !1,
+    "aria-label": d,
+    label: u,
+    size: p = "medium",
+    labelRight: y,
+    labelLeft: h,
+    spacing: g,
+    noBackground: k = !1,
+    align: w = "center",
+    ...b
+  }, T) => {
+    const N = De({
+      type: he,
+      mode: a,
+      focusMode: r,
+      fullWidth: n,
+      disabled: t,
+      raw: c,
+      className: i,
+      noBorder: s,
+      size: p,
+      labelRight: y,
+      labelLeft: h,
+      spacing: g,
+      noBackground: k,
+      align: w
+    }), E = f({
+      "text-copy-accent-dark": a === "light" && !c,
+      "text-copy-light": a === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": a === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": a === "system" && !c
+    });
+    return /* @__PURE__ */ m(
+      ge,
+      {
+        ref: T,
+        className: N,
+        disabled: t,
+        type: l,
+        "aria-label": d || u,
+        ...b,
+        children: [
+          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ o("div", { className: E, children: e }),
+          y && /* @__PURE__ */ o("span", { className: "pl-2", children: y })
+        ]
+      }
+    );
+  }
+);
+ze.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v1.1.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "1.1.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ra = re.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: a = "system",
+    focusMode: r = "system",
+    fullWidth: n = !1,
+    className: i,
+    type: l = "button",
+    raw: c = !1,
+    noBorder: s = !1,
+    "aria-label": d,
+    label: u,
+    size: p = "medium",
+    labelRight: y,
+    labelLeft: h,
+    spacing: g,
+    noBackground: k = !1,
+    align: w = "center",
+    active: b = !1,
+    ...T
+  }, N) => {
+    const E = De({
+      type: he,
+      mode: a,
+      focusMode: r,
+      fullWidth: n,
+      disabled: t,
+      raw: c,
+      className: i,
+      noBorder: s,
+      size: p,
+      labelRight: y,
+      labelLeft: h,
+      spacing: g,
+      noBackground: k,
+      align: w
+    }), G = f({
+      "text-copy-accent-dark": a === "light" && !c,
+      "text-copy-light": a === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": a === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": a === "system" && !c
+    }), j = b ? f(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": a === "dark",
+        "after:border-table-light": a === "light",
+        "after:border-table-dark dark:after:border-table-light": a === "system",
+        "after:border-table-light dark:after:border-table-dark": a === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ o("div", { className: j, children: /* @__PURE__ */ m(
+      ge,
+      {
+        ref: N,
+        className: E,
+        disabled: t,
+        type: l,
+        "aria-label": d || u,
+        ...T,
+        children: [
+          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ o("div", { className: G, children: e }),
+          y && /* @__PURE__ */ o("span", { className: "pl-2", children: y })
+        ]
+      }
+    ) });
+  }
+);
+ra.displayName = "ButtonSort";
+const na = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const a = [];
+    (e == null ? void 0 : e.t) !== void 0 && a.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && a.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && a.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && a.push(`ml-${e.l}`), t = a.join(" ");
+  }
+  return t;
+}, ia = ({
+  children: e,
+  fill: t,
+  viewBox: a,
+  className: r,
+  defaultViewBox: n,
+  defaultClassName: i,
+  spacing: l,
+  title: c,
+  semantic: s = !1,
+  ...d
+}) => {
+  const u = na(l), p = f(
+    u,
+    r || i
+  );
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ o(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: p,
+        viewBox: a || n,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !s,
+        focusable: !1,
+        ...d,
+        children: e
+      }
+    ),
+    c && s && /* @__PURE__ */ o("span", { className: "sr-only", children: c })
+  ] });
+};
+/*!
+  @versini/ui-private v1.4.13
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.13",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const sa = ({
+  className: e,
+  viewBox: t,
+  spacing: a,
+  title: r,
+  monotone: n,
+  ...i
+}) => /* @__PURE__ */ o(
+  ia,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: a,
+    title: r || "Close",
+    ...i,
+    children: /* @__PURE__ */ o("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" })
+  }
+);
+/*!
+  @versini/ui-icons v1.12.5
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "1.12.5",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const K = "panel", te = "messagebox", la = ({
+  className: e,
+  kind: t,
+  borderMode: a
+}) => ({
+  main: f("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${we} h-full min-h-[95%] sm:h-auto sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === K,
+    [`${we} w-full sm:w-[95%] md:max-w-2xl`]: t === K && !e,
+    [`${Ne} rounded-lg border-2`]: t === te,
+    [`${Ne} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === te && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": a === "dark" && t === K,
+    "sm:border-border-accent": a === "light" && t === K,
+    "border-border-dark": a === "dark" && t === te,
+    "border-border-accent": a === "light" && t === te
+  }),
+  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"
+}), J = (e) => gt(
+  () => import("./index.DY3Gz5Cp.DIHttQr7.js").then((t) => ({
+    default: t[e]
+  }))
+), ca = J("Modal"), da = J("ModalClose"), ua = J("ModalContent"), ma = J("ModalDescription"), ha = J("ModalHeading"), H = ({
+  open: e,
+  onOpenChange: t,
+  title: a,
+  children: r,
+  footer: n,
+  borderMode: i = "light",
+  kind: l = K,
+  className: c
+}) => {
+  const s = Z(""), d = la({ className: c, kind: l, borderMode: i });
+  return O(() => (e && (s.current = document.title, document.title = `${a} | ${s.current}`), () => {
+    e && (document.title = s.current);
+  }), [a, e]), /* @__PURE__ */ o(ht, { fallback: /* @__PURE__ */ o("div", {}), children: e && /* @__PURE__ */ o(ca, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(ua, { className: d.main, children: [
+    /* @__PURE__ */ m("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ o(
+        da,
+        {
+          className: d.close,
+          trigger: /* @__PURE__ */ o(
+            ze,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ o(sa, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(ha, { className: d.header, children: a })
+    ] }),
+    /* @__PURE__ */ o(ma, { className: d.content, children: r }),
+    n && /* @__PURE__ */ o("div", { className: d.footer, children: n })
+  ] }) }) });
+};
+function q(e) {
+  return pt();
+}
+const ga = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], a = (e == null ? void 0 : e.version) || "", r = (e == null ? void 0 : e.models) || [], n = q(), i = q();
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
+      I,
+      {
+        header: v.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: X(n, {
+          [v.ABOUT.VERSION]: "4.5.1",
+          [v.ABOUT.BUILD_TIMESTAMP]: "09/25/2024 12:19 PM EDT"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      I,
+      {
+        header: v.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: X(i, {
+          [v.ABOUT.VERSION]: a,
+          [oe(v.ABOUT.ENGINE, r.length)]: /* @__PURE__ */ o(S, { children: r.map((l) => /* @__PURE__ */ o("div", { className: "text-right", children: l }, l)) }),
+          [oe(v.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(S, { children: t.map((l) => /* @__PURE__ */ o("div", { className: "text-right", children: l }, l)) })
+        })
+      }
+    )
+  ] });
+}, pa = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { serverStats: a } = B(ne);
+  return /* @__PURE__ */ o(H, { open: e, onOpenChange: t, title: Ke, children: /* @__PURE__ */ o(ga, { stats: a }) });
+}, fa = (e) => Ie(e), ba = (e) => {
+  if (!e || e.length === 0)
+    return qe;
+  const t = e.filter(
+    (a) => {
+      var r, n;
+      return ((r = a == null ? void 0 : a.message) == null ? void 0 : r.role) === Je && typeof ((n = a == null ? void 0 : a.message) == null ? void 0 : n.processingTime) == "number";
+    }
+  ).map((a) => a.message.processingTime);
+  return Qe({
+    data: t,
+    formatter: fa
+  });
+}, va = ({
+  isAuthenticated: e,
+  stats: t
+}) => {
+  const { state: a } = B(ne), r = et - Number(a == null ? void 0 : a.usage), n = q(), i = q();
+  return e ? /* @__PURE__ */ m(S, { children: [
+    a && a.messages.length > 0 && /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
+      I,
+      {
+        header: v.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: X(n, {
+          [v.CURRENT_STATISTICS.MODEL_NAME]: (a == null ? void 0 : a.model) || Xe,
+          [v.CURRENT_STATISTICS.TOKENS_USED]: a == null ? void 0 : a.usage,
+          [v.CURRENT_STATISTICS.REMAINING_TOKENS]: Ze.format(r),
+          [v.CURRENT_STATISTICS.PROCESSING_TIME]: ba(a == null ? void 0 : a.messages)
+        })
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      I,
+      {
+        header: v.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: X(i, {
+          [oe(v.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [v.MAIN_STATISTICS.PROCESSING_TIME]: Ie(
+            t.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, ya = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const [a, r] = C({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { isAuthenticated: n, getAccessToken: i, user: l } = U();
+  return O(() => {
+    !e || !l || (async () => {
+      try {
+        const c = await M({
+          accessToken: await i(),
+          type: L.GET_CHATS_STATS,
+          params: {
+            userId: l.username
+          }
+        });
+        c.status === 200 && r(c.data);
+      } catch {
+      }
+    })();
+  }, [e, i, l]), /* @__PURE__ */ o(H, { open: e, onOpenChange: t, title: _e, children: /* @__PURE__ */ o(va, { isAuthenticated: n, stats: a }) });
+}, Pe = ({
+  showConfirmation: e,
+  setShowConfirmation: t,
+  action: a,
+  children: r,
+  customStrings: n
+}) => /* @__PURE__ */ o(
+  H,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: t,
+    title: n.title,
+    footer: /* @__PURE__ */ m(me, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
+        z,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            t(!1);
+          },
+          children: n.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
+        z,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            t(!1), a();
+          },
+          children: n.confirmAction
+        }
+      ) })
+    ] }),
+    children: r
+  }
+);
+var ka = typeof window < "u", Ta = function(e, t) {
+  return ka ? 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);
+}, Ca = function(e, t) {
+  var a = C(Ta(e)), r = a[0], n = a[1];
+  return O(function() {
+    var i = !0, l = window.matchMedia(e), c = function() {
+      i && n(!!l.matches);
+    };
+    return l.addEventListener("change", c), n(l.matches), function() {
+      i = !1, l.removeEventListener("change", c);
+    };
+  }, [e]), r;
+};
+const Na = async (e, t, a, r) => {
+  try {
+    const n = await M({
+      accessToken: r,
+      type: L.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    n.status === 200 && (t({
+      type: at
+    }), t({
+      type: ot,
+      payload: {
+        id: e.id,
+        model: n.data.model,
+        usage: n.data.usage,
+        messages: n.data.messages
+      }
+    }), a(!1));
+  } catch {
+  }
+}, Se = (e) => {
+  const t = e[0];
+  return rt(t == null ? void 0 : t.content, 100);
+}, wa = ({
+  filteredHistory: e,
+  setFilteredHistory: t,
+  dispatch: a,
+  onOpenChange: r
+}) => {
+  var w;
+  const { user: n, getAccessToken: i } = U(), l = Z({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [c, s] = C(!1), d = Ca("(min-width: 480px)"), { state: u, dispatch: p } = B(Re), [, y] = F({
+    key: P + tt,
+    initialValue: u.sortDirection
+  }), h = e.data.sort(
+    (b, T) => {
+      switch (u.sortedCell) {
+        case "timestamp":
+          if (u.sortDirection === x.ASC)
+            return new Date(b[u.sortedCell]).getTime() - new Date(T[u.sortedCell]).getTime();
+          if (u.sortDirection === x.DESC)
+            return new Date(T[u.sortedCell]).getTime() - new Date(b[u.sortedCell]).getTime();
+          break;
+        default:
+          return 0;
+      }
+      return 0;
+    }
+  ), g = (b) => {
+    switch (u.sortDirection) {
+      case !1:
+        y(x.ASC), p({
+          type: ie,
+          payload: {
+            sortedCell: b,
+            sortDirection: x.ASC
+          }
+        });
+        break;
+      case x.ASC:
+        y(x.DESC), p({
+          type: ie,
+          payload: {
+            sortedCell: b,
+            sortDirection: x.DESC
+          }
+        });
+        break;
+      default:
+        y(x.ASC), p({
+          type: ie,
+          payload: {
+            sortedCell: b,
+            sortDirection: x.ASC
+          }
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ m(
+      Pe,
+      {
+        showConfirmation: c,
+        setShowConfirmation: s,
+        action: async () => {
+          const b = l.current;
+          try {
+            const T = await M({
+              accessToken: await i(),
+              type: L.DELETE_CHAT,
+              params: {
+                userId: (n == null ? void 0 : n.username) || "",
+                id: b.id
+              }
+            });
+            T.status === 200 && t({ data: T.data });
+          } catch {
+          }
+        },
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ o("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ m("ul", { className: "m-0", children: [
+            /* @__PURE__ */ m("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ o("span", { className: "text-lg", children: l.current && l.current.timestamp })
+            ] }),
+            /* @__PURE__ */ m("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ o("span", { className: "text-lg", children: (w = l.current) == null ? void 0 : w.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ m(bt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ m(ce, { children: [
+        d && /* @__PURE__ */ o(R, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ o(
+          yt,
+          {
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: u.sortDirection,
+            sortedCell: u.sortedCell,
+            onClick: () => {
+              g("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ o(R, { children: "First message" }),
+        /* @__PURE__ */ o(R, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ o(kt, { children: h.map((b, T) => {
+        var N;
+        return ((N = b == null ? void 0 : b.messages) == null ? void 0 : N.length) > 0 ? /* @__PURE__ */ m(ce, { children: [
+          d && /* @__PURE__ */ o(R, { children: T + 1 }),
+          /* @__PURE__ */ o(
+            R,
+            {
+              component: "th",
+              scope: "row",
+              className: "font-medium text-gray-400 sm:whitespace-nowrap",
+              children: b.timestamp
+            }
+          ),
+          /* @__PURE__ */ o(R, { className: "max-w-[100px] text-white sm:max-w-full", children: Se(b.messages) }),
+          /* @__PURE__ */ o(R, { children: /* @__PURE__ */ m("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ o(
+              V,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Restore chat",
+                onClick: async () => {
+                  const E = await i();
+                  Na(
+                    b,
+                    a,
+                    r,
+                    E
+                  );
+                },
+                children: /* @__PURE__ */ o(jt, { className: "h-3 w-3", monotone: !0 })
+              }
+            ),
+            /* @__PURE__ */ o(
+              V,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Delete chat",
+                onClick: () => {
+                  l.current = {
+                    id: b.id,
+                    timestamp: b.timestamp,
+                    message: Se(b.messages)
+                  }, s(!c);
+                },
+                children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Ft, { className: "h-3 w-3", monotone: !0 }) })
+              }
+            )
+          ] }) })
+        ] }, `${v.HISTORY.TITLE}-${b.id}-${T}`) : null;
+      }) }),
+      /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ o(R, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: oe(
+        `${e.data.length} chat`,
+        e.data.length
+      ) }) }) }) })
+    ] })
+  ] });
+};
+function xe(e, t) {
+  return t ? e.filter(
+    (a) => a.messages.some(
+      (r) => r.content !== null && r.content.toLowerCase().includes(t.toLowerCase())
+    )
+  ) : e;
+}
+const Ea = ({
+  onOpenChange: e,
+  historyData: t
+}) => {
+  const { isAuthenticated: a } = U(), r = Z(null), { dispatch: n } = B(ne), { state: i, dispatch: l } = B(Re), [, c] = F({
+    key: P + nt,
+    initialValue: i.searchString
+  }), s = ft(() => t, [t]), [d, u] = C({
+    data: s
+  }), p = (g) => {
+    const k = xe(s, g);
+    u({
+      data: k
+    }), c(g), l({
+      type: st,
+      payload: { searchString: g }
+    });
+  }, y = (g) => {
+    p(g.target.value);
+  }, h = async (g) => {
+    g.preventDefault();
+  };
+  return O(() => {
+    const g = xe(
+      t,
+      i.searchString
+    );
+    u({
+      data: g
+    });
+  }, [t, i.searchString]), a ? d && d.data && /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: h, children: /* @__PURE__ */ o(
+      it,
+      {
+        ref: r,
+        defaultValue: i.searchString,
+        focusMode: "light",
+        name: "Search",
+        label: "Search",
+        onChange: y,
+        spacing: { t: 2, b: 2 },
+        ...i.searchString && {
+          rightElement: /* @__PURE__ */ o(
+            z,
+            {
+              disabled: !i.searchString,
+              mode: "dark",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var g;
+                p(""), (g = r.current) != null && g.value && (r.current.value = "", r.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
+      wa,
+      {
+        filteredHistory: d,
+        setFilteredHistory: u,
+        dispatch: n,
+        onOpenChange: e
+      }
+    ) })
+  ] }) : null;
+}, Sa = ({
+  open: e,
+  onOpenChange: t,
+  historyData: a
+}) => /* @__PURE__ */ o(H, { open: e, onOpenChange: t, title: lt, children: /* @__PURE__ */ o(Ea, { onOpenChange: t, historyData: a }) });
+/*!
+  @versini/ui-toggle v1.0.3
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
+    version: "1.0.3",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const xa = "av-toggle", Ia = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const a = [];
+    (e == null ? void 0 : e.t) !== void 0 && a.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && a.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && a.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && a.push(`ml-${e.l}`), t = a.join(" ");
+  }
+  return t;
+}, _a = () => f("peer", "h-6", "w-11", "rounded-full"), Aa = ({
+  focusMode: e
+}) => f(
+  "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"
+  }
+), Ra = () => f(
+  "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"
+), Ma = () => f(
+  "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-['']"
+), La = ({
+  mode: e,
+  noBorder: t
+}) => f({
+  border: !t,
+  "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"
+}), Ba = ({
+  mode: e,
+  labelHidden: t
+}) => t ? "sr-only" : f("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"
+}), Oa = ({ spacing: e }) => f(
+  xa,
+  "relative flex cursor-pointer items-center",
+  Ia(e)
+), Ha = ({
+  mode: e,
+  focusMode: t,
+  labelHidden: a,
+  spacing: r,
+  noBorder: n
+}) => ({
+  toggle: f(
+    _a(),
+    La({ mode: e, noBorder: n }),
+    Aa({ focusMode: t }),
+    Ma(),
+    Ra()
+  ),
+  label: Ba({ mode: e, labelHidden: a }),
+  input: "peer sr-only",
+  wrapper: Oa({ spacing: r })
+}), ae = ({
+  checked: e = !1,
+  onChange: t,
+  label: a,
+  labelHidden: r = !1,
+  name: n,
+  mode: i = "system",
+  focusMode: l = "system",
+  spacing: c,
+  noBorder: s = !1
+}) => {
+  const d = Ha({
+    mode: i,
+    focusMode: l,
+    labelHidden: r,
+    spacing: c,
+    noBorder: s
+  }), u = (p) => {
+    t == null || t(p.target.checked);
+  };
+  return /* @__PURE__ */ m("label", { className: d.wrapper, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        name: n,
+        checked: e,
+        type: "checkbox",
+        className: d.input,
+        onChange: u
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: d.toggle }),
+    /* @__PURE__ */ o("span", { className: d.label, children: a })
+  ] });
+}, Da = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { getAccessToken: a, user: r } = U(), [n, i] = C({
+    loaded: !1,
+    content: "",
+    loadingLocation: !1,
+    location: ""
+  }), l = async (s) => {
+    s.preventDefault();
+    try {
+      await M({
+        accessToken: await a(),
+        type: L.SET_CUSTOM_INSTRUCTIONS,
+        params: {
+          user: r == null ? void 0 : r.username,
+          instructions: n.content,
+          location: n.location
+        }
+      });
+    } catch {
+    }
+  }, c = async () => {
+    i((s) => ({
+      ...s,
+      location: "...",
+      loadingLocation: !0
+    }));
+    try {
+      const s = Date.now(), d = await ct(), u = await M({
+        accessToken: await a(),
+        type: L.GET_LOCATION,
+        params: {
+          latitude: d.latitude,
+          longitude: d.longitude
+        }
+      }), y = Date.now() - s;
+      if (y < 2e3 && await new Promise((h) => setTimeout(h, 2e3 - y)), u.status === 200) {
+        const { city: h, state: g, country: k, displayName: w } = u.data, b = h && g && k ? `${h}, ${g}, ${k}` : w;
+        i((T) => ({
+          ...T,
+          loaded: !0,
+          location: b,
+          loadingLocation: !1
+        }));
+      } else
+        i((h) => ({
+          ...h,
+          loaded: !0,
+          location: "",
+          loadingLocation: !1
+        }));
+    } catch {
+    }
+  };
+  return O(() => {
+    if (!e || !r) {
+      i({
+        loaded: !1,
+        loadingLocation: !1,
+        content: "",
+        location: ""
+      });
+      return;
+    }
+    (async () => {
+      try {
+        const s = await M({
+          accessToken: await a(),
+          type: L.GET_CUSTOM_INSTRUCTIONS,
+          params: {
+            user: r.username
+          }
+        });
+        s.status === 200 && i((d) => ({
+          ...d,
+          loaded: !0,
+          content: s.data.instructions,
+          location: s.data.location
+        }));
+      } catch {
+      }
+    })();
+  }, [r, e]), /* @__PURE__ */ o(S, { children: n.loaded && /* @__PURE__ */ m(
+    H,
+    {
+      open: e,
+      onOpenChange: t,
+      title: "Engine Fine Tuning",
+      footer: /* @__PURE__ */ m(me, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
+          z,
+          {
+            mode: "dark",
+            variant: "secondary",
+            focusMode: "light",
+            onClick: () => {
+              t(!1);
+            },
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
+          z,
+          {
+            mode: "dark",
+            variant: "danger",
+            focusMode: "light",
+            onClick: async (s) => {
+              t(!1), await l(s);
+            },
+            children: "Save"
+          }
+        ) })
+      ] }),
+      children: [
+        /* @__PURE__ */ m(
+          I,
+          {
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ o("p", { children: "What would you like Sassy Saint to know about you to provide better responses?" }),
+              /* @__PURE__ */ o(
+                ke,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: n.content,
+                  onChange: (s) => {
+                    i((d) => ({
+                      ...d,
+                      loaded: !0,
+                      content: s.target.value
+                    }));
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ m(
+          I,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter",
+            spacing: { t: 4 },
+            children: [
+              /* @__PURE__ */ o("p", { children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ o(
+                ke,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: n.location,
+                  onChange: (s) => {
+                    i((d) => ({
+                      ...d,
+                      loaded: !0,
+                      location: s.target.value
+                    }));
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ o(
+                z,
+                {
+                  spacing: { t: 2 },
+                  size: "small",
+                  noBorder: !0,
+                  disabled: n.loadingLocation,
+                  onClick: c,
+                  children: n.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, za = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const [a, r] = F({
+    key: P + pe,
+    initialValue: !1
+  }), [n, i] = F({
+    key: P + fe,
+    initialValue: !1
+  }), [l, c] = F({
+    key: P + be,
+    initialValue: !1
+  }), s = (p) => {
+    r(p);
+  }, d = (p) => {
+    i(p);
+  }, u = (p) => {
+    c(p);
+  };
+  return /* @__PURE__ */ o(H, { open: e, onOpenChange: t, title: "Tags", children: /* @__PURE__ */ m(I, { header: v.TAGS.TITLE, className: "prose-dark dark:prose-lighter", children: [
+    /* @__PURE__ */ o("p", { children: v.TAGS.DESCRIPTION }),
+    /* @__PURE__ */ o(
+      ae,
+      {
+        noBorder: !0,
+        label: se[le.SUMMARIZE_ARTICLE].label,
+        name: pe,
+        onChange: s,
+        checked: a
+      }
+    ),
+    /* @__PURE__ */ o(
+      ae,
+      {
+        spacing: { t: 2 },
+        noBorder: !0,
+        label: se[le.PROOFREAD_CONTENT].label,
+        name: fe,
+        onChange: d,
+        checked: n
+      }
+    ),
+    /* @__PURE__ */ o(
+      ae,
+      {
+        spacing: { t: 2 },
+        noBorder: !0,
+        label: se[le.REPHRASE_CONTENT].label,
+        name: be,
+        onChange: u,
+        checked: l
+      }
+    )
+  ] }) });
+}, Pa = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: a, authenticationType: r } = U(), [n, i] = F({
+    key: P + dt,
+    initialValue: !1
+  }), [l, c] = C(!1), [s, d] = C(!1), u = q(), p = (t == null ? void 0 : t.username) || "", y = (k) => {
+    i(k);
+  }, h = () => {
+    c(!l);
+  }, g = () => {
+    d(!s);
+  };
+  return e && p ? /* @__PURE__ */ m(S, { children: [
+    l && /* @__PURE__ */ o(
+      Da,
+      {
+        open: l,
+        onOpenChange: c
+      }
+    ),
+    s && /* @__PURE__ */ o(za, { open: s, onOpenChange: d }),
+    /* @__PURE__ */ m(
+      I,
+      {
+        header: v.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: [
+          X(u, {
+            [v.PREFERENCES.NAME]: p,
+            [v.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [v.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ o(
+              ae,
+              {
+                noBorder: !0,
+                labelHidden: !0,
+                label: v.PREFERENCES.ENGINE_DETAILS,
+                name: v.PREFERENCES.ENGINE_DETAILS,
+                onChange: y,
+                checked: n
+              }
+            )
+          }),
+          /* @__PURE__ */ o(
+            V,
+            {
+              spacing: { t: 2 },
+              size: "small",
+              onClick: h,
+              labelLeft: "Engine Fine Tuning",
+              children: /* @__PURE__ */ o(Te, { className: "size-3", monotone: !0 })
+            }
+          ),
+          /* @__PURE__ */ o(
+            V,
+            {
+              spacing: { t: 2, l: 2 },
+              size: "small",
+              onClick: g,
+              labelLeft: "Tags",
+              children: /* @__PURE__ */ o(Te, { className: "size-3", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    r !== ut.PASSKEY && /* @__PURE__ */ m(
+      I,
+      {
+        spacing: { t: 4 },
+        className: "prose-dark dark:prose-lighter",
+        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ m(me, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(ve, { className: "size-8" }) }),
+          /* @__PURE__ */ o($, { children: /* @__PURE__ */ o("div", { children: v.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ o("p", { children: v.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ o(
+            V,
+            {
+              size: "small",
+              spacing: { t: 2 },
+              onClick: a,
+              labelLeft: v.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ o(ve, { className: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, Va = ({
+  open: e,
+  onOpenChange: t
+}) => /* @__PURE__ */ o(H, { open: e, onOpenChange: t, title: mt, children: /* @__PURE__ */ o(Pa, {}) }), Ya = () => {
+  const { state: e } = B(ne), [t, a] = C(!1), [r, n] = C(!1), [i, l] = C(!1), [c, s] = C(!1), [d, u] = C([]), [p, y] = C(!1), [h, g] = C({
+    done: !1,
+    progress: !1,
+    timestamp: Date.now()
+  }), { logout: k, getAccessToken: w, user: b } = U(), T = () => {
+    a(!t);
+  }, N = () => {
+    n(!r);
+  }, E = () => {
+    l(!i);
+  }, G = () => {
+    s(!c);
+  }, j = async (A) => {
+    const ee = Date.now();
+    if (A && !(!b || !e || h.progress || h.done === !0 && ee - h.timestamp < 5e3)) {
+      g({
+        done: !0,
+        progress: !0,
+        timestamp: ee
+      });
+      try {
+        const W = await M({
+          accessToken: await w(),
+          type: L.GET_CHATS,
+          params: {
+            userId: b.username
+          }
+        });
+        W.status === 200 && (u(W.data), g({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        }));
+      } catch {
+        g({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        });
+      }
+    }
+  }, Q = () => {
+    y(!p);
+  };
+  return /* @__PURE__ */ m(S, { children: [
+    /* @__PURE__ */ o(
+      Pe,
+      {
+        showConfirmation: p,
+        setShowConfirmation: y,
+        action: k,
+        customStrings: {
+          confirmAction: ye,
+          cancelAction: "Cancel",
+          title: ye
+        },
+        children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ o(Va, { open: t, onOpenChange: a }),
+    /* @__PURE__ */ o(ya, { open: r, onOpenChange: n }),
+    /* @__PURE__ */ o(
+      Sa,
+      {
+        open: i,
+        onOpenChange: l,
+        historyData: d
+      }
+    ),
+    /* @__PURE__ */ o(pa, { open: c, onOpenChange: s }),
+    /* @__PURE__ */ o("div", { className: "relative", children: /* @__PURE__ */ o("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ m(
+      He,
+      {
+        mode: "dark",
+        focusMode: "light",
+        trigger: /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(Wt, {}) }),
+        defaultPlacement: "bottom-end",
+        onOpenChange: j,
+        children: [
+          /* @__PURE__ */ o(
+            D,
+            {
+              label: "Profile",
+              onClick: T,
+              icon: /* @__PURE__ */ o(Gt, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            D,
+            {
+              label: _e,
+              onClick: N,
+              icon: /* @__PURE__ */ o(Vt, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            D,
+            {
+              label: "History",
+              onClick: E,
+              icon: /* @__PURE__ */ o($t, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            D,
+            {
+              label: "About",
+              onClick: G,
+              icon: /* @__PURE__ */ o(Ut, {})
+            }
+          ),
+          e && e.id && !e.isComponent && /* @__PURE__ */ m(S, { children: [
+            /* @__PURE__ */ o(Yt, {}),
+            /* @__PURE__ */ o(
+              D,
+              {
+                label: "Log out",
+                onClick: Q,
+                icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(Pt, { monotone: !0 }) })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+};
+export {
+  Ya as default
+};