@versini/sassysaint 5.1.6 → 5.2.0

package/dist/chunks/LazyHeader.QLLnRIqL.js

@@ -0,0 +1,2756 @@
+import { jsxs as v, jsx as r, Fragment as _ } from "react/jsx-runtime";
+import { g as $, D as O, CARDS as w, renderDataAsList as le, pluralize as pe, AppContext as me, ABOUT_TITLE as Mt, DEFAULT_AI_ENGINE as se, numberFormatter as Lt, durationFormatter as Qe, NA as Ot, ROLE_ASSISTANT as Pt, extractAverage as Dt, GPT4_MAX_TOKENS as Bt, rn as te, STATS as et, b as Ae, j as ee, R as J, HistoryContext as tt, LOCAL_STORAGE_PREFIX as z, LOCAL_STORAGE_SORT as $t, O as Q, ACTION_RESET as Vt, ACTION_RESTORE as zt, truncate as Ht, ACTION_SORT as ke, LOCAL_STORAGE_SEARCH as Ft, me as Gt, ACTION_SEARCH as Ut, HISTORY_TITLE as jt, LOCAL_STORAGE_ENGINE_TOGGLE as ot, ENGINE_OPENAI as Ce, ENGINE_ANTHROPIC as Te, ACTION_ENGINE as rt, getCurrentGeoLocation as Kt, LOCAL_STORAGE_TAG_SUMMARIZE as $e, LOCAL_STORAGE_TAG_PROOFREAD as Ve, LOCAL_STORAGE_TAG_REPHRASE as ze, TAG_CONTENT as we, TAGS as Ee, LOCAL_STORAGE_CHAT_DETAILS as Wt, G as Yt, v as He, PROFILE_TITLE as Zt, LOG_OUT as Fe } from "./index.BbfwgIO_.js";
+import { serviceCall as H, SERVICE_TYPES as F, E as G, f as D, ce as qt, ge as Xt, me as Ne, ie as V, ue as Jt, be as Qt, he as eo, we as Ge } from "./index.CGGeNJS3.js";
+import * as f from "react";
+import I, { useId as to, forwardRef as nt, useState as x, useRef as ce, useContext as B, useEffect as U, Suspense as oo, lazy as ro, useMemo as no } from "react";
+import C from "clsx";
+import { useFloatingTree as at, useFloatingNodeId as ao, useListItem as it, useFloating as io, offset as so, flip as lo, shift as co, autoUpdate as uo, useClick as mo, useRole as ho, useDismiss as go, useListNavigation as po, useTypeahead as fo, useInteractions as bo, useMergeRefs as st, FloatingNode as vo, FloatingList as yo, FloatingPortal as ko, FloatingFocusManager as Co, FloatingTree as To } from "@floating-ui/react";
+const wo = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Back",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), Eo = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Chart",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), No = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Delete",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), Ue = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Edit",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), Io = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "History",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), So = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Info",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "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__ */ r("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" })
+    ]
+  }
+), xo = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Profile",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "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__ */ r("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" })
+    ]
+  }
+), _o = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ v(
+  $,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Restore",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          opacity: a ? "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__ */ r("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" })
+    ]
+  }
+), Ro = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ r(
+  $,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Settings",
+    ...i,
+    children: /* @__PURE__ */ r("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 de(e) {
+  return to();
+}
+const Se = f.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), je = (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";
+}, lt = nt(
+  ({
+    trigger: e,
+    children: t,
+    label: o = "Open menu",
+    defaultPlacement: n = "bottom-start",
+    onOpenChange: a,
+    spacing: i,
+    mode: s = "system",
+    focusMode: l = "system",
+    ...h
+  }, u) => {
+    const [m, g] = x(!1), [b, d] = x(!1), [c, y] = x(null), T = ce([]), p = ce([]), k = B(Se), E = at(), S = ao(), M = it(), { floatingStyles: R, refs: P, context: N } = io({
+      nodeId: S,
+      open: m,
+      onOpenChange: (ae) => {
+        g(ae), a == null || a(ae);
+      },
+      placement: n,
+      strategy: "fixed",
+      middleware: [so({ mainAxis: 10 }), lo(), co()],
+      whileElementsMounted: uo
+    }), re = mo(N, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), X = ho(N, { role: "menu" }), j = go(N, { bubbles: !0 }), ne = po(N, {
+      listRef: T,
+      activeIndex: c,
+      nested: !1,
+      onNavigate: y,
+      loop: !0
+    }), L = fo(N, {
+      listRef: p,
+      onMatch: m ? y : void 0,
+      activeIndex: c
+    }), { getReferenceProps: K, getFloatingProps: A, getItemProps: _t } = bo([re, X, j, ne, L]), Be = je(e) === "Button" || je(e) === "ButtonIcon", Rt = Be ? {
+      noInternalClick: Be,
+      focusMode: l,
+      mode: s,
+      spacing: i
+    } : {}, At = I.cloneElement(e, {
+      ...Rt,
+      "aria-label": o,
+      "data-open": m ? "" : void 0,
+      "data-focus-inside": b ? "" : void 0,
+      ref: st([P.setReference, M.ref, u]),
+      ...K(
+        k.getItemProps({
+          ...h
+        })
+      )
+    });
+    return U(() => {
+      if (!E)
+        return;
+      function ae() {
+        g(!1), a == null || a(!1);
+      }
+      return E.events.on("click", ae), () => {
+        E.events.off("click", ae);
+      };
+    }, [E, a]), U(() => {
+      m && E && E.events.emit("menuopen", { nodeId: S });
+    }, [E, m, S]), /* @__PURE__ */ v(vo, { id: S, children: [
+      At,
+      /* @__PURE__ */ r(
+        Se.Provider,
+        {
+          value: {
+            activeIndex: c,
+            setActiveIndex: y,
+            getItemProps: _t,
+            setHasFocusInside: d,
+            isOpen: m
+          },
+          children: /* @__PURE__ */ r(yo, { elementsRef: T, labelsRef: p, children: m && /* @__PURE__ */ r(ko, { children: /* @__PURE__ */ r(
+            Co,
+            {
+              context: N,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ r(
+                "div",
+                {
+                  ref: P.setFloating,
+                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
+                  style: R,
+                  ...A(),
+                  children: t
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), ct = nt((e, t) => /* @__PURE__ */ r(To, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
+ct.displayName = "Menu";
+lt.displayName = "MenuComponent";
+const W = f.forwardRef(
+  ({
+    label: e,
+    disabled: t,
+    icon: o,
+    raw: n = !1,
+    children: a,
+    ignoreClick: i = !1,
+    ...s
+  }, l) => {
+    const h = f.useContext(Se), u = it({ label: t ? null : e }), m = at(), g = st([u.ref, l]);
+    return n && a ? /* @__PURE__ */ r(
+      "div",
+      {
+        role: "menuitem",
+        ...h.getItemProps({
+          onClick(b) {
+            var d;
+            i || ((d = s.onClick) == null || d.call(s, b), m == null || m.events.emit("click"));
+          }
+        }),
+        children: a
+      }
+    ) : /* @__PURE__ */ v(
+      "button",
+      {
+        ...s,
+        ref: g,
+        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,
+        ...h.getItemProps({
+          onClick(b) {
+            var d;
+            i || ((d = s.onClick) == null || d.call(s, b), m == null || m.events.emit("click"));
+          },
+          onFocus(b) {
+            var d;
+            (d = s.onFocus) == null || d.call(s, b), h.setHasFocusInside(!0);
+          }
+        }),
+        children: [
+          o,
+          e && /* @__PURE__ */ r("span", { className: "pl-2", children: e })
+        ]
+      }
+    );
+  }
+);
+W.displayName = "MenuItem";
+const Ke = ({ className: e, ...t }) => {
+  const o = C(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ r("div", { className: o, ...t });
+};
+/*!
+  @versini/ui-menu v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
+    version: "1.1.0",
+    buildTime: "10/05/2024 01:10 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-togglegroup v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
+    version: "1.1.0",
+    buildTime: "10/05/2024 12:04 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ao = "av-togglegroup", Mo = "av-togglegroup-item-wrapper", Lo = "av-togglegroup-item";
+function Me(e, t = []) {
+  let o = [];
+  function n(i, s) {
+    const l = f.createContext(s), h = o.length;
+    o = [...o, s];
+    function u(g) {
+      const { scope: b, children: d, ...c } = g, y = (b == null ? void 0 : b[e][h]) || l, T = f.useMemo(() => c, Object.values(c));
+      return /* @__PURE__ */ r(y.Provider, { value: T, children: d });
+    }
+    function m(g, b) {
+      const d = (b == null ? void 0 : b[e][h]) || l, c = f.useContext(d);
+      if (c) return c;
+      if (s !== void 0) return s;
+      throw new Error(`\`${g}\` must be used within \`${i}\``);
+    }
+    return u.displayName = i + "Provider", [u, m];
+  }
+  const a = () => {
+    const i = o.map((s) => f.createContext(s));
+    return function(s) {
+      const l = (s == null ? void 0 : s[e]) || i;
+      return f.useMemo(
+        () => ({ [`__scope${e}`]: { ...s, [e]: l } }),
+        [s, l]
+      );
+    };
+  };
+  return a.scopeName = e, [n, Oo(a, ...t)];
+}
+function Oo(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const n = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
+    return function(a) {
+      const i = n.reduce((s, { useScope: l, scopeName: h }) => {
+        const u = l(a)[`__scope${h}`];
+        return { ...s, ...u };
+      }, {});
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+function Po(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function dt(...e) {
+  return (t) => e.forEach((o) => Po(o, t));
+}
+function xe(...e) {
+  return f.useCallback(dt(...e), e);
+}
+var fe = f.forwardRef((e, t) => {
+  const { children: o, ...n } = e, a = f.Children.toArray(o), i = a.find(Bo);
+  if (i) {
+    const s = i.props.children, l = a.map((h) => h === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : h);
+    return /* @__PURE__ */ r(_e, { ...n, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, l) : null });
+  }
+  return /* @__PURE__ */ r(_e, { ...n, ref: t, children: o });
+});
+fe.displayName = "Slot";
+var _e = f.forwardRef((e, t) => {
+  const { children: o, ...n } = e;
+  if (f.isValidElement(o)) {
+    const a = Vo(o);
+    return f.cloneElement(o, {
+      ...$o(n, o.props),
+      // @ts-ignore
+      ref: t ? dt(t, a) : a
+    });
+  }
+  return f.Children.count(o) > 1 ? f.Children.only(null) : null;
+});
+_e.displayName = "SlotClone";
+var Do = ({ children: e }) => /* @__PURE__ */ r(_, { children: e });
+function Bo(e) {
+  return f.isValidElement(e) && e.type === Do;
+}
+function $o(e, t) {
+  const o = { ...t };
+  for (const n in t) {
+    const a = e[n], i = t[n];
+    /^on[A-Z]/.test(n) ? a && i ? o[n] = (...s) => {
+      i(...s), a(...s);
+    } : a && (o[n] = a) : n === "style" ? o[n] = { ...a, ...i } : n === "className" && (o[n] = [a, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function Vo(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = n && "isReactWarning" in n && n.isReactWarning;
+  return a ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = n && "isReactWarning" in n && n.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+}
+var zo = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], ue = zo.reduce((e, t) => {
+  const o = f.forwardRef((n, a) => {
+    const { asChild: i, ...s } = n, l = i ? fe : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...s, ref: a });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {});
+function Y(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), o === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
+  };
+}
+function Ho(e) {
+  const t = e + "CollectionProvider", [o, n] = Me(t), [a, i] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (d) => {
+    const { scope: c, children: y } = d, T = I.useRef(null), p = I.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ r(a, { scope: c, itemMap: p, collectionRef: T, children: y });
+  };
+  s.displayName = t;
+  const l = e + "CollectionSlot", h = I.forwardRef(
+    (d, c) => {
+      const { scope: y, children: T } = d, p = i(l, y), k = xe(c, p.collectionRef);
+      return /* @__PURE__ */ r(fe, { ref: k, children: T });
+    }
+  );
+  h.displayName = l;
+  const u = e + "CollectionItemSlot", m = "data-radix-collection-item", g = I.forwardRef(
+    (d, c) => {
+      const { scope: y, children: T, ...p } = d, k = I.useRef(null), E = xe(c, k), S = i(u, y);
+      return I.useEffect(() => (S.itemMap.set(k, { ref: k, ...p }), () => void S.itemMap.delete(k))), /* @__PURE__ */ r(fe, { [m]: "", ref: E, children: T });
+    }
+  );
+  g.displayName = u;
+  function b(d) {
+    const c = i(e + "CollectionConsumer", d);
+    return I.useCallback(() => {
+      const y = c.collectionRef.current;
+      if (!y) return [];
+      const T = Array.from(y.querySelectorAll(`[${m}]`));
+      return Array.from(c.itemMap.values()).sort(
+        (p, k) => T.indexOf(p.ref.current) - T.indexOf(k.ref.current)
+      );
+    }, [c.collectionRef, c.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: h, ItemSlot: g },
+    b,
+    n
+  ];
+}
+var Fo = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Go = f.useId || (() => {
+}), Uo = 0;
+function jo(e) {
+  const [t, o] = f.useState(Go());
+  return Fo(() => {
+    o((n) => n ?? String(Uo++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+function Le(e) {
+  const t = f.useRef(e);
+  return f.useEffect(() => {
+    t.current = e;
+  }), f.useMemo(() => (...o) => {
+    var n;
+    return (n = t.current) == null ? void 0 : n.call(t, ...o);
+  }, []);
+}
+function ve({
+  prop: e,
+  defaultProp: t,
+  onChange: o = () => {
+  }
+}) {
+  const [n, a] = Ko({ defaultProp: t, onChange: o }), i = e !== void 0, s = i ? e : n, l = Le(o), h = f.useCallback(
+    (u) => {
+      if (i) {
+        const m = typeof u == "function" ? u(e) : u;
+        m !== e && l(m);
+      } else
+        a(u);
+    },
+    [i, e, a, l]
+  );
+  return [s, h];
+}
+function Ko({
+  defaultProp: e,
+  onChange: t
+}) {
+  const o = f.useState(e), [n] = o, a = f.useRef(n), i = Le(t);
+  return f.useEffect(() => {
+    a.current !== n && (i(n), a.current = n);
+  }, [n, a, i]), o;
+}
+var Wo = f.createContext(void 0);
+function ut(e) {
+  const t = f.useContext(Wo);
+  return e || t || "ltr";
+}
+var Ie = "rovingFocusGroup.onEntryFocus", Yo = { bubbles: !1, cancelable: !0 }, ye = "RovingFocusGroup", [Re, mt, Zo] = Ho(ye), [qo, ht] = Me(
+  ye,
+  [Zo]
+), [Xo, Jo] = qo(ye), gt = f.forwardRef(
+  (e, t) => /* @__PURE__ */ r(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Qo, { ...e, ref: t }) }) })
+);
+gt.displayName = ye;
+var Qo = f.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: o,
+    orientation: n,
+    loop: a = !1,
+    dir: i,
+    currentTabStopId: s,
+    defaultCurrentTabStopId: l,
+    onCurrentTabStopIdChange: h,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: m = !1,
+    ...g
+  } = e, b = f.useRef(null), d = xe(t, b), c = ut(i), [y = null, T] = ve({
+    prop: s,
+    defaultProp: l,
+    onChange: h
+  }), [p, k] = f.useState(!1), E = Le(u), S = mt(o), M = f.useRef(!1), [R, P] = f.useState(0);
+  return f.useEffect(() => {
+    const N = b.current;
+    if (N)
+      return N.addEventListener(Ie, E), () => N.removeEventListener(Ie, E);
+  }, [E]), /* @__PURE__ */ r(
+    Xo,
+    {
+      scope: o,
+      orientation: n,
+      dir: c,
+      loop: a,
+      currentTabStopId: y,
+      onItemFocus: f.useCallback(
+        (N) => T(N),
+        [T]
+      ),
+      onItemShiftTab: f.useCallback(() => k(!0), []),
+      onFocusableItemAdd: f.useCallback(
+        () => P((N) => N + 1),
+        []
+      ),
+      onFocusableItemRemove: f.useCallback(
+        () => P((N) => N - 1),
+        []
+      ),
+      children: /* @__PURE__ */ r(
+        ue.div,
+        {
+          tabIndex: p || R === 0 ? -1 : 0,
+          "data-orientation": n,
+          ...g,
+          ref: d,
+          style: { outline: "none", ...e.style },
+          onMouseDown: Y(e.onMouseDown, () => {
+            M.current = !0;
+          }),
+          onFocus: Y(e.onFocus, (N) => {
+            const re = !M.current;
+            if (N.target === N.currentTarget && re && !p) {
+              const X = new CustomEvent(Ie, Yo);
+              if (N.currentTarget.dispatchEvent(X), !X.defaultPrevented) {
+                const j = S().filter((A) => A.focusable), ne = j.find((A) => A.active), L = j.find((A) => A.id === y), K = [ne, L, ...j].filter(
+                  Boolean
+                ).map((A) => A.ref.current);
+                bt(K, m);
+              }
+            }
+            M.current = !1;
+          }),
+          onBlur: Y(e.onBlur, () => k(!1))
+        }
+      )
+    }
+  );
+}), pt = "RovingFocusGroupItem", ft = f.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: o,
+      focusable: n = !0,
+      active: a = !1,
+      tabStopId: i,
+      ...s
+    } = e, l = jo(), h = i || l, u = Jo(pt, o), m = u.currentTabStopId === h, g = mt(o), { onFocusableItemAdd: b, onFocusableItemRemove: d } = u;
+    return f.useEffect(() => {
+      if (n)
+        return b(), () => d();
+    }, [n, b, d]), /* @__PURE__ */ r(
+      Re.ItemSlot,
+      {
+        scope: o,
+        id: h,
+        focusable: n,
+        active: a,
+        children: /* @__PURE__ */ r(
+          ue.span,
+          {
+            tabIndex: m ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...s,
+            ref: t,
+            onMouseDown: Y(e.onMouseDown, (c) => {
+              n ? u.onItemFocus(h) : c.preventDefault();
+            }),
+            onFocus: Y(e.onFocus, () => u.onItemFocus(h)),
+            onKeyDown: Y(e.onKeyDown, (c) => {
+              if (c.key === "Tab" && c.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (c.target !== c.currentTarget) return;
+              const y = or(c, u.orientation, u.dir);
+              if (y !== void 0) {
+                if (c.metaKey || c.ctrlKey || c.altKey || c.shiftKey) return;
+                c.preventDefault();
+                let T = g().filter((p) => p.focusable).map((p) => p.ref.current);
+                if (y === "last") T.reverse();
+                else if (y === "prev" || y === "next") {
+                  y === "prev" && T.reverse();
+                  const p = T.indexOf(c.currentTarget);
+                  T = u.loop ? rr(T, p + 1) : T.slice(p + 1);
+                }
+                setTimeout(() => bt(T));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+ft.displayName = pt;
+var er = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function tr(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function or(e, t, o) {
+  const n = tr(e.key, o);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
+    return er[n];
+}
+function bt(e, t = !1) {
+  const o = document.activeElement;
+  for (const n of e)
+    if (n === o || (n.focus({ preventScroll: t }), document.activeElement !== o)) return;
+}
+function rr(e, t) {
+  return e.map((o, n) => e[(t + n) % e.length]);
+}
+var nr = gt, ar = ft, ir = "Toggle", vt = f.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...i } = e, [s = !1, l] = ve({
+    prop: o,
+    onChange: a,
+    defaultProp: n
+  });
+  return /* @__PURE__ */ r(
+    ue.button,
+    {
+      type: "button",
+      "aria-pressed": s,
+      "data-state": s ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...i,
+      ref: t,
+      onClick: Y(e.onClick, () => {
+        e.disabled || l(!s);
+      })
+    }
+  );
+});
+vt.displayName = ir;
+var oe = "ToggleGroup", [yt, Tn] = Me(oe, [
+  ht
+]), kt = ht(), Oe = I.forwardRef((e, t) => {
+  const { type: o, ...n } = e;
+  if (o === "single")
+    return /* @__PURE__ */ r(sr, { ...n, ref: t });
+  if (o === "multiple")
+    return /* @__PURE__ */ r(lr, { ...n, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${oe}\``);
+});
+Oe.displayName = oe;
+var [Ct, Tt] = yt(oe), sr = I.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: a = () => {
+    },
+    ...i
+  } = e, [s, l] = ve({
+    prop: o,
+    defaultProp: n,
+    onChange: a
+  });
+  return /* @__PURE__ */ r(
+    Ct,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: s ? [s] : [],
+      onItemActivate: l,
+      onItemDeactivate: I.useCallback(() => l(""), [l]),
+      children: /* @__PURE__ */ r(wt, { ...i, ref: t })
+    }
+  );
+}), lr = I.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: a = () => {
+    },
+    ...i
+  } = e, [s = [], l] = ve({
+    prop: o,
+    defaultProp: n,
+    onChange: a
+  }), h = I.useCallback(
+    (m) => l((g = []) => [...g, m]),
+    [l]
+  ), u = I.useCallback(
+    (m) => l((g = []) => g.filter((b) => b !== m)),
+    [l]
+  );
+  return /* @__PURE__ */ r(
+    Ct,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: s,
+      onItemActivate: h,
+      onItemDeactivate: u,
+      children: /* @__PURE__ */ r(wt, { ...i, ref: t })
+    }
+  );
+});
+Oe.displayName = oe;
+var [cr, dr] = yt(oe), wt = I.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: o,
+      disabled: n = !1,
+      rovingFocus: a = !0,
+      orientation: i,
+      dir: s,
+      loop: l = !0,
+      ...h
+    } = e, u = kt(o), m = ut(s), g = { role: "group", dir: m, ...h };
+    return /* @__PURE__ */ r(cr, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
+      nr,
+      {
+        asChild: !0,
+        ...u,
+        orientation: i,
+        dir: m,
+        loop: l,
+        children: /* @__PURE__ */ r(ue.div, { ...g, ref: t })
+      }
+    ) : /* @__PURE__ */ r(ue.div, { ...g, ref: t }) });
+  }
+), be = "ToggleGroupItem", Et = I.forwardRef(
+  (e, t) => {
+    const o = Tt(be, e.__scopeToggleGroup), n = dr(be, e.__scopeToggleGroup), a = kt(e.__scopeToggleGroup), i = o.value.includes(e.value), s = n.disabled || e.disabled, l = { ...e, pressed: i, disabled: s }, h = I.useRef(null);
+    return n.rovingFocus ? /* @__PURE__ */ r(
+      ar,
+      {
+        asChild: !0,
+        ...a,
+        focusable: !s,
+        active: i,
+        ref: h,
+        children: /* @__PURE__ */ r(We, { ...l, ref: t })
+      }
+    ) : /* @__PURE__ */ r(We, { ...l, ref: t });
+  }
+);
+Et.displayName = be;
+var We = I.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: o, value: n, ...a } = e, i = Tt(be, o), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = i.type === "single" ? s : void 0;
+    return /* @__PURE__ */ r(
+      vt,
+      {
+        ...l,
+        ...a,
+        ref: t,
+        onPressedChange: (h) => {
+          h ? i.onItemActivate(n) : i.onItemDeactivate(n);
+        }
+      }
+    );
+  }
+), ur = Oe, mr = Et;
+const Nt = I.createContext({
+  size: "medium",
+  focusMode: "system",
+  mode: "system"
+}), hr = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const o = [];
+    (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
+  }
+  return t;
+}, gr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), pr = ({ mode: e }) => C({
+  "data-[state=on]:bg-surface-medium": e === "dark",
+  "data-[state=on]:bg-surface-lightest": e === "light",
+  "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
+  "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
+}), fr = ({ size: e }) => C({
+  "h-5 px-2": e === "small",
+  "h-6 px-3": e === "medium",
+  "h-7 px-4": e === "large"
+}), br = ({ mode: e }) => C(
+  Mo,
+  "px-1",
+  "relative",
+  "border-r",
+  "last:border-transparent",
+  "has-[button[aria-checked='true']]:border-transparent",
+  "has-[+_*_button[aria-checked='false']]:border-border-medium",
+  {
+    "border-surface-light": e === "light",
+    "border-surface-darker": e === "dark",
+    "border-surface-light dark:border-surface-darker": e === "system",
+    "border-surface-darker dark:border-surface-light": e === "alt-system"
+  }
+), vr = ({
+  focusMode: e,
+  mode: t,
+  size: o
+}) => ({
+  wrapperClass: br({ mode: t }),
+  itemClass: C(
+    Lo,
+    "flex items-center justify-center bg-transparent",
+    "rounded-sm",
+    "transition duration-200 ease",
+    fr({ size: o }),
+    gr({ focusMode: e }),
+    pr({ mode: t })
+  )
+}), yr = ({
+  mode: e,
+  spacing: t
+}) => C(
+  Ao,
+  hr(t),
+  "inline-flex p-1",
+  "rounded-sm",
+  {
+    "bg-surface-light text-copy-dark": e === "light",
+    "bg-surface-darker text-copy-lighter": e === "dark",
+    "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
+    "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
+  }
+), kr = ({
+  children: e,
+  value: t,
+  onValueChange: o,
+  disabled: n,
+  mode: a = "system",
+  focusMode: i = "system",
+  size: s = "medium",
+  defaultValue: l,
+  spacing: h,
+  ...u
+}) => {
+  const m = yr({ mode: a, spacing: h }), g = { size: s, focusMode: i, mode: a };
+  return /* @__PURE__ */ r(Nt.Provider, { value: g, children: /* @__PURE__ */ r(
+    ur,
+    {
+      disabled: n,
+      className: m,
+      value: t,
+      defaultValue: l,
+      onValueChange: o,
+      ...u,
+      type: "single",
+      children: e
+    }
+  ) });
+}, Cr = ({ value: e, disabled: t }) => {
+  const { size: o, focusMode: n, mode: a } = B(Nt), { itemClass: i, wrapperClass: s } = vr({
+    focusMode: n,
+    mode: a,
+    size: o
+  });
+  return /* @__PURE__ */ r("div", { className: s, children: /* @__PURE__ */ r(
+    mr,
+    {
+      disabled: t,
+      className: i,
+      value: e,
+      children: e
+    }
+  ) });
+};
+/*!
+  @versini/ui-panel v1.0.12
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
+    version: "1.0.12",
+    buildTime: "10/02/2024 06:10 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const o = [];
+    (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
+  }
+  return t;
+}, Pe = "icon", wr = "button", Er = "link", Nr = ({
+  type: e,
+  size: t,
+  labelRight: o,
+  labelLeft: n,
+  align: a
+}) => {
+  const i = "text-sm font-medium max-h-8 py-0", s = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
+  switch (e) {
+    case wr:
+      return C("px-4", {
+        [i]: t === "small",
+        [s]: t === "medium",
+        [l]: t === "large"
+      });
+    case Er:
+      return C("px-4 text-center", {
+        [i]: t === "small",
+        [s]: t === "medium",
+        [l]: t === "large"
+      });
+    case Pe:
+      return C("inline-flex items-center", {
+        "justify-center": a === "center",
+        "justify-start": a === "left",
+        "justify-end": a === "right",
+        "h-6 w-6 p-0": t === "small" && !(o || n),
+        "h-6 px-4 text-sm font-medium": t === "small" && (o || n),
+        "h-8 w-8 p-1": t === "medium" && !(o || n),
+        "h-8 px-4 text-base font-medium": t === "medium" && (o || n),
+        "h-12 w-12 p-2": t === "large" && !(o || n),
+        "h-12 px-4 text-lg font-medium": t === "large" && (o || n)
+      });
+  }
+}, Ir = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: o,
+  variant: n
+}) => {
+  if (t)
+    return "not-prose rounded-full";
+  if (n === "primary")
+    return C("not-prose rounded-full", {
+      truncate: !o,
+      "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 (n === "secondary")
+    return C("not-prose rounded-full", {
+      truncate: !o,
+      "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 (n === "danger")
+    return C("not-prose rounded-full", {
+      truncate: !o,
+      "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"
+    });
+}, Sr = ({
+  mode: e,
+  disabled: t,
+  variant: o
+}) => {
+  if (t)
+    return "";
+  if (o === "primary")
+    return C("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 (o === "secondary")
+    return C("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 (o === "danger")
+    return C("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"
+    });
+}, xr = ({
+  mode: e,
+  disabled: t,
+  variant: o
+}) => {
+  if (t)
+    return "";
+  if (o === "primary")
+    return C("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 (o === "secondary")
+    return C("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 (o === "danger")
+    return C("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"
+    });
+}, _r = ({
+  mode: e,
+  noBorder: t,
+  variant: o
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (o === "primary")
+    return C("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 (o === "secondary")
+    return C("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 (o === "danger")
+    return C("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"
+    });
+}, Rr = ({ focusMode: e }) => C("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"
+}), It = ({
+  type: e,
+  className: t,
+  raw: o,
+  mode: n,
+  focusMode: a,
+  disabled: i,
+  fullWidth: s,
+  size: l,
+  noBorder: h,
+  labelRight: u,
+  labelLeft: m,
+  spacing: g,
+  noBackground: b,
+  variant: d,
+  noTruncate: c,
+  align: y
+}) => (d || (d = "primary"), o ? C(qe, t) : C(
+  qe,
+  t,
+  Tr(g),
+  Ir({ mode: n, variant: d, noBackground: b, noTruncate: c }),
+  Nr({ type: e, size: l, labelRight: u, labelLeft: m, align: y }),
+  _r({ mode: n, variant: d, noBorder: h }),
+  Rr({ focusMode: a }),
+  Sr({ mode: n, variant: d, disabled: i }),
+  xr({ mode: n, variant: d, disabled: i }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  }
+)), Ar = (e, t, o) => {
+  var n;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((n = e == null ? void 0 : e.currentTarget) == null ? void 0 : n.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
+}, De = I.forwardRef((e, t) => {
+  const { onClick: o, noInternalClick: n = !1, ...a } = e;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ref: t,
+      onClick: (i) => {
+        Ar(i, n, o);
+      },
+      ...a
+    }
+  );
+});
+De.displayName = "BaseButton";
+const St = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: o = "system",
+    focusMode: n = "system",
+    fullWidth: a = !1,
+    className: i,
+    type: s = "button",
+    raw: l = !1,
+    noBorder: h = !1,
+    "aria-label": u,
+    label: m,
+    size: g = "medium",
+    labelRight: b,
+    labelLeft: d,
+    spacing: c,
+    noBackground: y = !1,
+    align: T = "center",
+    ...p
+  }, k) => {
+    const E = It({
+      type: Pe,
+      mode: o,
+      focusMode: n,
+      fullWidth: a,
+      disabled: t,
+      raw: l,
+      className: i,
+      noBorder: h,
+      size: g,
+      labelRight: b,
+      labelLeft: d,
+      spacing: c,
+      noBackground: y,
+      align: T
+    }), S = C({
+      "text-copy-accent-dark": o === "light" && !l,
+      "text-copy-light": o === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
+    });
+    return /* @__PURE__ */ v(
+      De,
+      {
+        ref: k,
+        className: E,
+        disabled: t,
+        type: s,
+        "aria-label": u || m,
+        ...p,
+        children: [
+          d && /* @__PURE__ */ r("span", { className: "pr-2", children: d }),
+          /* @__PURE__ */ r("div", { className: S, children: e }),
+          b && /* @__PURE__ */ r("span", { className: "pl-2", children: b })
+        ]
+      }
+    );
+  }
+);
+St.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v1.1.10
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "1.1.10",
+    buildTime: "10/02/2024 06:10 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Mr = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: o = "system",
+    focusMode: n = "system",
+    fullWidth: a = !1,
+    className: i,
+    type: s = "button",
+    raw: l = !1,
+    noBorder: h = !1,
+    "aria-label": u,
+    label: m,
+    size: g = "medium",
+    labelRight: b,
+    labelLeft: d,
+    spacing: c,
+    noBackground: y = !1,
+    align: T = "center",
+    active: p = !1,
+    ...k
+  }, E) => {
+    const S = It({
+      type: Pe,
+      mode: o,
+      focusMode: n,
+      fullWidth: a,
+      disabled: t,
+      raw: l,
+      className: i,
+      noBorder: h,
+      size: g,
+      labelRight: b,
+      labelLeft: d,
+      spacing: c,
+      noBackground: y,
+      align: T
+    }), M = C({
+      "text-copy-accent-dark": o === "light" && !l,
+      "text-copy-light": o === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
+    }), R = p ? C(
+      "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": o === "dark",
+        "after:border-table-light": o === "light",
+        "after:border-table-dark dark:after:border-table-light": o === "system",
+        "after:border-table-light dark:after:border-table-dark": o === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ r("div", { className: R, children: /* @__PURE__ */ v(
+      De,
+      {
+        ref: E,
+        className: S,
+        disabled: t,
+        type: s,
+        "aria-label": u || m,
+        ...k,
+        children: [
+          d && /* @__PURE__ */ r("span", { className: "pr-2", children: d }),
+          /* @__PURE__ */ r("div", { className: M, children: e }),
+          b && /* @__PURE__ */ r("span", { className: "pl-2", children: b })
+        ]
+      }
+    ) });
+  }
+);
+Mr.displayName = "ButtonSort";
+const Lr = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const o = [];
+    (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
+  }
+  return t;
+}, Or = ({
+  children: e,
+  fill: t,
+  viewBox: o,
+  className: n,
+  defaultViewBox: a,
+  defaultClassName: i,
+  spacing: s,
+  title: l,
+  semantic: h = !1,
+  ...u
+}) => {
+  const m = Lr(s), g = C(
+    m,
+    n || i
+  );
+  return /* @__PURE__ */ v(_, { children: [
+    /* @__PURE__ */ r(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: g,
+        viewBox: o || a,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !h,
+        focusable: !1,
+        ...u,
+        children: e
+      }
+    ),
+    l && h && /* @__PURE__ */ r("span", { className: "sr-only", children: l })
+  ] });
+};
+/*!
+  @versini/ui-private v1.4.17
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.17",
+    buildTime: "10/02/2024 06:10 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Pr = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ r(
+  Or,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Close",
+    ...i,
+    children: /* @__PURE__ */ r("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.14.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "1.14.0",
+    buildTime: "10/02/2024 06:10 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ie = "panel", ge = "messagebox", Dr = ({
+  className: e,
+  kind: t,
+  borderMode: o
+}) => ({
+  main: C("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${Ze} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ie,
+    [`${Ze} w-full sm:w-[95%] md:max-w-2xl`]: t === ie && !e,
+    [`${Ye} rounded-lg border-2`]: t === ge,
+    [`${Ye} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ge && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": o === "dark" && t === ie,
+    "sm:border-border-accent": o === "light" && t === ie,
+    "border-border-dark": o === "dark" && t === ge,
+    "border-border-accent": o === "light" && t === ge
+  }),
+  content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
+  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"
+}), he = (e) => ro(
+  () => import("./index.jf7dGfT1.B5RD15ln.js").then((t) => ({
+    default: t[e]
+  }))
+), Br = he("Modal"), $r = he("ModalClose"), Vr = he("ModalContent"), zr = he("ModalDescription"), Hr = he("ModalHeading"), q = ({
+  open: e,
+  onOpenChange: t,
+  title: o,
+  children: n,
+  footer: a,
+  borderMode: i = "light",
+  kind: s = ie,
+  className: l
+}) => {
+  const h = ce(""), u = Dr({ className: l, kind: s, borderMode: i });
+  return U(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
+    e && (document.title = h.current);
+  }), [o, e]), /* @__PURE__ */ r(oo, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(Br, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Vr, { className: u.main, children: [
+    /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ r(
+        $r,
+        {
+          className: u.close,
+          trigger: /* @__PURE__ */ r(
+            St,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ r(Pr, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(Hr, { className: u.header, children: o })
+    ] }),
+    /* @__PURE__ */ r(zr, { className: u.content, children: n }),
+    a && /* @__PURE__ */ r("div", { className: u.footer, children: a })
+  ] }) }) });
+}, Fr = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = de(), i = de();
+  return /* @__PURE__ */ v(_, { children: [
+    /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
+      O,
+      {
+        header: w.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: le(a, {
+          [w.ABOUT.VERSION]: "5.1.0",
+          [w.ABOUT.BUILD_TIMESTAMP]: "10/05/2024 02:51 PM EDT"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      O,
+      {
+        header: w.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: le(i, {
+          [w.ABOUT.VERSION]: o,
+          [pe(w.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(_, { children: n.map((s) => /* @__PURE__ */ r("div", { className: "text-right", children: s }, s)) }),
+          [pe(w.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(_, { children: t.map((s) => /* @__PURE__ */ r("div", { className: "text-right", children: s }, s)) })
+        })
+      }
+    )
+  ] });
+}, Gr = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { serverStats: o } = B(me);
+  return /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: Mt, children: /* @__PURE__ */ r(Fr, { stats: o }) });
+}, Ur = (e) => Qe(e), jr = (e) => {
+  if (!e || e.length === 0)
+    return Ot;
+  const t = e.filter(
+    (o) => {
+      var n, a;
+      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Pt && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
+    }
+  ).map((o) => o.message.processingTime);
+  return Dt({
+    data: t,
+    formatter: Ur
+  });
+}, Kr = ({
+  isAuthenticated: e,
+  stats: t
+}) => {
+  const { state: o } = B(me), n = Bt - Number(o == null ? void 0 : o.usage), a = de(), i = de();
+  return e ? /* @__PURE__ */ v(_, { children: [
+    o && o.messages.length > 0 && /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
+      O,
+      {
+        header: w.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: le(a, {
+          [w.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || se,
+          [w.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
+          [w.CURRENT_STATISTICS.REMAINING_TOKENS]: Lt.format(n),
+          [w.CURRENT_STATISTICS.PROCESSING_TIME]: jr(o == null ? void 0 : o.messages)
+        })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      O,
+      {
+        header: w.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: le(i, {
+          [pe(w.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [w.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
+            t.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, Wr = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const [o, n] = x({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { isAuthenticated: a, getAccessToken: i, user: s } = te();
+  return U(() => {
+    !e || !s || (async () => {
+      try {
+        const l = await H({
+          accessToken: await i(),
+          type: F.GET_CHATS_STATS,
+          params: {
+            userId: s.username
+          }
+        });
+        l.status === 200 && n(l.data);
+      } catch {
+      }
+    })();
+  }, [e, i, s]), /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: et, children: /* @__PURE__ */ r(Kr, { isAuthenticated: a, stats: o }) });
+}, xt = ({
+  showConfirmation: e,
+  setShowConfirmation: t,
+  action: o,
+  children: n,
+  customStrings: a
+}) => /* @__PURE__ */ r(
+  q,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: t,
+    title: a.title,
+    footer: /* @__PURE__ */ v(Ae, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
+        J,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            t(!1);
+          },
+          children: a.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
+        J,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            t(!1), o();
+          },
+          children: a.confirmAction
+        }
+      ) })
+    ] }),
+    children: n
+  }
+);
+var Yr = typeof window < "u", Zr = function(e, t) {
+  return Yr ? 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);
+}, qr = function(e, t) {
+  var o = x(Zr(e)), n = o[0], a = o[1];
+  return U(function() {
+    var i = !0, s = window.matchMedia(e), l = function() {
+      i && a(!!s.matches);
+    };
+    return s.addEventListener("change", l), a(s.matches), function() {
+      i = !1, s.removeEventListener("change", l);
+    };
+  }, [e]), n;
+};
+const Xr = async (e, t, o, n) => {
+  try {
+    const a = await H({
+      accessToken: n,
+      type: F.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    a.status === 200 && (t({
+      type: Vt
+    }), t({
+      type: zt,
+      payload: {
+        id: e.id,
+        model: a.data.model,
+        usage: a.data.usage,
+        messages: a.data.messages
+      }
+    }), o(!1));
+  } catch {
+  }
+}, Xe = (e) => {
+  const t = e[0];
+  return Ht(t == null ? void 0 : t.content, 100);
+}, Jr = ({
+  filteredHistory: e,
+  setFilteredHistory: t,
+  dispatch: o,
+  onOpenChange: n
+}) => {
+  var T;
+  const { user: a, getAccessToken: i } = te(), s = ce({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [l, h] = x(!1), u = qr("(min-width: 480px)"), { state: m, dispatch: g } = B(tt), [, b] = G({
+    key: z + $t,
+    initialValue: m.sortDirection
+  }), d = e.data.sort(
+    (p, k) => {
+      switch (m.sortedCell) {
+        case "timestamp":
+          if (m.sortDirection === D.ASC)
+            return new Date(p[m.sortedCell]).getTime() - new Date(k[m.sortedCell]).getTime();
+          if (m.sortDirection === D.DESC)
+            return new Date(k[m.sortedCell]).getTime() - new Date(p[m.sortedCell]).getTime();
+          break;
+        default:
+          return 0;
+      }
+      return 0;
+    }
+  ), c = (p) => {
+    switch (m.sortDirection) {
+      case !1:
+        b(D.ASC), g({
+          type: ke,
+          payload: {
+            sortedCell: p,
+            sortDirection: D.ASC
+          }
+        });
+        break;
+      case D.ASC:
+        b(D.DESC), g({
+          type: ke,
+          payload: {
+            sortedCell: p,
+            sortDirection: D.DESC
+          }
+        });
+        break;
+      default:
+        b(D.ASC), g({
+          type: ke,
+          payload: {
+            sortedCell: p,
+            sortDirection: D.ASC
+          }
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ v(_, { children: [
+    /* @__PURE__ */ v(
+      xt,
+      {
+        showConfirmation: l,
+        setShowConfirmation: h,
+        action: async () => {
+          const p = s.current;
+          try {
+            const k = await H({
+              accessToken: await i(),
+              type: F.DELETE_CHAT,
+              params: {
+                userId: (a == null ? void 0 : a.username) || "",
+                id: p.id
+              }
+            });
+            k.status === 200 && t({ data: k.data });
+          } catch {
+          }
+        },
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ r("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ v("ul", { className: "m-0", children: [
+            /* @__PURE__ */ v("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ r("span", { className: "text-lg", children: s.current && s.current.timestamp })
+            ] }),
+            /* @__PURE__ */ v("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ r("span", { className: "text-lg", children: (T = s.current) == null ? void 0 : T.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ v(qt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ v(Ne, { children: [
+        u && /* @__PURE__ */ r(V, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ r(
+          Jt,
+          {
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: m.sortDirection,
+            sortedCell: m.sortedCell,
+            onClick: () => {
+              c("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ r(V, { children: "First message" }),
+        /* @__PURE__ */ r(V, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ r(Qt, { children: d.map((p, k) => {
+        var E;
+        return ((E = p == null ? void 0 : p.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ v(Ne, { children: [
+          u && /* @__PURE__ */ r(V, { children: k + 1 }),
+          /* @__PURE__ */ r(
+            V,
+            {
+              component: "th",
+              scope: "row",
+              className: "font-medium text-gray-400 sm:whitespace-nowrap",
+              children: p.timestamp
+            }
+          ),
+          /* @__PURE__ */ r(V, { className: "max-w-[100px] text-white sm:max-w-full", children: Xe(p.messages) }),
+          /* @__PURE__ */ r(V, { children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ r(
+              Q,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Restore chat",
+                onClick: async () => {
+                  const S = await i();
+                  Xr(
+                    p,
+                    o,
+                    n,
+                    S
+                  );
+                },
+                children: /* @__PURE__ */ r(_o, { className: "h-3 w-3", monotone: !0 })
+              }
+            ),
+            /* @__PURE__ */ r(
+              Q,
+              {
+                focusMode: "alt-system",
+                noBorder: !0,
+                label: "Delete chat",
+                onClick: () => {
+                  s.current = {
+                    id: p.id,
+                    timestamp: p.timestamp,
+                    message: Xe(p.messages)
+                  }, h(!l);
+                },
+                children: /* @__PURE__ */ r("div", { className: "text-red-400", children: /* @__PURE__ */ r(No, { className: "h-3 w-3", monotone: !0 }) })
+              }
+            )
+          ] }) })
+        ] }, `${w.HISTORY.TITLE}-${p.id}-${k}`) : null;
+      }) }),
+      /* @__PURE__ */ r(eo, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(V, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: pe(
+        `${e.data.length} chat`,
+        e.data.length
+      ) }) }) }) })
+    ] })
+  ] });
+};
+function Je(e, t) {
+  return t ? e.filter(
+    (o) => o.messages.some(
+      (n) => n.content !== null && n.content.toLowerCase().includes(t.toLowerCase())
+    )
+  ) : e;
+}
+const Qr = ({
+  onOpenChange: e,
+  historyData: t
+}) => {
+  const { isAuthenticated: o } = te(), n = ce(null), { dispatch: a } = B(me), { state: i, dispatch: s } = B(tt), [, l] = G({
+    key: z + Ft,
+    initialValue: i.searchString
+  }), h = no(() => t, [t]), [u, m] = x({
+    data: h
+  }), g = (c) => {
+    const y = Je(h, c);
+    m({
+      data: y
+    }), l(c), s({
+      type: Ut,
+      payload: { searchString: c }
+    });
+  }, b = (c) => {
+    g(c.target.value);
+  }, d = async (c) => {
+    c.preventDefault();
+  };
+  return U(() => {
+    const c = Je(
+      t,
+      i.searchString
+    );
+    m({
+      data: c
+    });
+  }, [t, i.searchString]), o ? u && u.data && /* @__PURE__ */ v(_, { children: [
+    /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: d, children: /* @__PURE__ */ r(
+      Gt,
+      {
+        ref: n,
+        defaultValue: i.searchString,
+        focusMode: "light",
+        name: "Search",
+        label: "Search",
+        onChange: b,
+        spacing: { t: 2, b: 2 },
+        ...i.searchString && {
+          rightElement: /* @__PURE__ */ r(
+            J,
+            {
+              disabled: !i.searchString,
+              mode: "dark",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var c;
+                g(""), (c = n.current) != null && c.value && (n.current.value = "", n.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ r(
+      Jr,
+      {
+        filteredHistory: u,
+        setFilteredHistory: m,
+        dispatch: a,
+        onOpenChange: e
+      }
+    ) })
+  ] }) : null;
+}, en = ({
+  open: e,
+  onOpenChange: t,
+  historyData: o
+}) => /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: jt, children: /* @__PURE__ */ r(Qr, { onOpenChange: t, historyData: o }) });
+/*!
+  @versini/ui-toggle v1.0.7
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
+    version: "1.0.7",
+    buildTime: "09/27/2024 11:56 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const tn = "av-toggle", on = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const o = [];
+    (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
+  }
+  return t;
+}, rn = () => C("peer", "h-6", "w-11", "rounded-full"), nn = ({
+  focusMode: e
+}) => C(
+  "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"
+  }
+), an = () => C(
+  "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"
+), sn = () => C(
+  "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-['']"
+), ln = ({
+  mode: e,
+  noBorder: t
+}) => C({
+  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"
+}), cn = ({
+  mode: e,
+  labelHidden: t
+}) => t ? "sr-only" : C("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"
+}), dn = ({ spacing: e }) => C(
+  tn,
+  "relative flex cursor-pointer items-center",
+  on(e)
+), un = ({
+  mode: e,
+  focusMode: t,
+  labelHidden: o,
+  spacing: n,
+  noBorder: a
+}) => ({
+  toggle: C(
+    rn(),
+    ln({ mode: e, noBorder: a }),
+    nn({ focusMode: t }),
+    sn(),
+    an()
+  ),
+  label: cn({ mode: e, labelHidden: o }),
+  input: "peer sr-only",
+  wrapper: dn({ spacing: n })
+}), Z = ({
+  checked: e = !1,
+  onChange: t,
+  label: o,
+  labelHidden: n = !1,
+  name: a,
+  mode: i = "system",
+  focusMode: s = "system",
+  spacing: l,
+  noBorder: h = !1
+}) => {
+  const u = un({
+    mode: i,
+    focusMode: s,
+    labelHidden: n,
+    spacing: l,
+    noBorder: h
+  }), m = (g) => {
+    t == null || t(g.target.checked);
+  };
+  return /* @__PURE__ */ v("label", { className: u.wrapper, children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        name: a,
+        checked: e,
+        type: "checkbox",
+        className: u.input,
+        onChange: m
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: u.toggle }),
+    /* @__PURE__ */ r("span", { className: u.label, children: o })
+  ] });
+}, mn = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { dispatch: o } = B(me), { getAccessToken: n, user: a } = te(), [i, s] = x({
+    loaded: !1,
+    instructions: "",
+    loadingLocation: !1,
+    location: "",
+    engine: se
+  }), [l, h] = G({
+    key: z + ot,
+    initialValue: !1
+  }), u = async (d) => {
+    d.preventDefault();
+    try {
+      await H({
+        accessToken: await n(),
+        type: F.SET_USER_PREFERENCES,
+        params: {
+          user: a == null ? void 0 : a.username,
+          instructions: i.instructions,
+          location: i.location,
+          engine: i.engine
+        }
+      }), o({
+        type: rt,
+        payload: {
+          engine: i.engine
+        }
+      });
+    } catch {
+    }
+  }, m = async () => {
+    s((d) => ({
+      ...d,
+      location: "...",
+      loadingLocation: !0
+    }));
+    try {
+      const d = Date.now(), c = await Kt(), y = await H({
+        accessToken: await n(),
+        type: F.GET_LOCATION,
+        params: {
+          latitude: c.latitude,
+          longitude: c.longitude
+        }
+      }), p = Date.now() - d;
+      if (p < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - p)), y.status === 200) {
+        const { city: k, state: E, country: S, displayName: M } = y.data, R = k && E && S ? `${k}, ${E}, ${S}` : M;
+        s((P) => ({
+          ...P,
+          loaded: !0,
+          location: R,
+          loadingLocation: !1
+        }));
+      } else
+        s((k) => ({
+          ...k,
+          loaded: !0,
+          location: "",
+          loadingLocation: !1
+        }));
+    } catch {
+    }
+  }, g = (d) => {
+    s((c) => ({
+      ...c,
+      engine: d ? Ce : Te
+    }));
+  }, b = (d) => {
+    s((c) => ({
+      ...c,
+      engine: d ? Te : Ce
+    }));
+  };
+  return U(() => {
+    if (!e || !a) {
+      s({
+        loaded: !1,
+        loadingLocation: !1,
+        instructions: "",
+        location: "",
+        engine: se
+      });
+      return;
+    }
+    (async () => {
+      try {
+        const d = await H({
+          accessToken: await n(),
+          type: F.GET_USER_PREFERENCES,
+          params: {
+            user: a.username
+          }
+        });
+        d.status === 200 && s((c) => ({
+          ...c,
+          loaded: !0,
+          instructions: d.data.instructions || "",
+          location: d.data.location || "",
+          engine: d.data.engine || se
+        }));
+      } catch {
+      }
+    })();
+  }, [a, e]), /* @__PURE__ */ r(_, { children: i.loaded && /* @__PURE__ */ r(
+    q,
+    {
+      open: e,
+      onOpenChange: t,
+      title: "Engine Fine Tuning",
+      footer: /* @__PURE__ */ v(Ae, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
+          J,
+          {
+            mode: "dark",
+            variant: "secondary",
+            focusMode: "light",
+            onClick: () => {
+              t(!1);
+            },
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
+          J,
+          {
+            mode: "dark",
+            variant: "danger",
+            focusMode: "light",
+            onClick: async (d) => {
+              t(!1), await u(d);
+            },
+            children: "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ v(_, { children: [
+        /* @__PURE__ */ v(
+          O,
+          {
+            header: "AI Engine",
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ r("p", { children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  noBorder: !0,
+                  label: "OpenAI",
+                  name: "OpenAI",
+                  onChange: g,
+                  checked: i.engine === Ce
+                }
+              ),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  spacing: { t: 2 },
+                  noBorder: !0,
+                  label: "Anthropic",
+                  name: "Anthropic",
+                  onChange: b,
+                  checked: i.engine === Te
+                }
+              ),
+              /* @__PURE__ */ r("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI. It also cannot take advantage yet of internal helper tools such as the OpenWeather or Google Images plugin." }),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  spacing: { t: 2 },
+                  noBorder: !0,
+                  label: "Show Engine Toggle in Menu",
+                  name: "show-toggle-engine-menu",
+                  onChange: h,
+                  checked: l
+                }
+              ),
+              /* @__PURE__ */ r("p", { className: "text-xs", children: "This option will show the engine toggle in the main menu. This is useful if you want to quickly switch between engines." })
+            ]
+          }
+        ),
+        /* @__PURE__ */ v(
+          O,
+          {
+            spacing: { t: 4 },
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ r("p", { children: "What would you like Sassy Saint to know about you to provide better responses?" }),
+              /* @__PURE__ */ r(
+                Ge,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: i.instructions,
+                  onChange: (d) => {
+                    s((c) => ({
+                      ...c,
+                      loaded: !0,
+                      instructions: d.target.value
+                    }));
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ v(
+          O,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter",
+            spacing: { t: 4 },
+            children: [
+              /* @__PURE__ */ r("p", { children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ r(
+                Ge,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: i.location,
+                  onChange: (d) => {
+                    s((c) => ({
+                      ...c,
+                      loaded: !0,
+                      location: d.target.value
+                    }));
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ r(
+                J,
+                {
+                  spacing: { t: 2 },
+                  size: "small",
+                  noBorder: !0,
+                  disabled: i.loadingLocation,
+                  onClick: m,
+                  children: i.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) });
+}, hn = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const [o, n] = G({
+    key: z + $e,
+    initialValue: !1
+  }), [a, i] = G({
+    key: z + Ve,
+    initialValue: !1
+  }), [s, l] = G({
+    key: z + ze,
+    initialValue: !1
+  }), h = (g) => {
+    n(g);
+  }, u = (g) => {
+    i(g);
+  }, m = (g) => {
+    l(g);
+  };
+  return /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: "Tags", children: /* @__PURE__ */ v(O, { header: w.TAGS.TITLE, className: "prose-dark dark:prose-lighter", children: [
+    /* @__PURE__ */ r("p", { children: w.TAGS.DESCRIPTION }),
+    /* @__PURE__ */ r(
+      Z,
+      {
+        noBorder: !0,
+        label: we[Ee.SUMMARIZE_ARTICLE].label,
+        name: $e,
+        onChange: h,
+        checked: o
+      }
+    ),
+    /* @__PURE__ */ r(
+      Z,
+      {
+        spacing: { t: 2 },
+        noBorder: !0,
+        label: we[Ee.PROOFREAD_CONTENT].label,
+        name: Ve,
+        onChange: u,
+        checked: a
+      }
+    ),
+    /* @__PURE__ */ r(
+      Z,
+      {
+        spacing: { t: 2 },
+        noBorder: !0,
+        label: we[Ee.REPHRASE_CONTENT].label,
+        name: ze,
+        onChange: m,
+        checked: s
+      }
+    )
+  ] }) });
+}, gn = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = te(), [a, i] = G({
+    key: z + Wt,
+    initialValue: !1
+  }), [s, l] = x(!1), [h, u] = x(!1), m = de(), g = (t == null ? void 0 : t.username) || "", b = (y) => {
+    i(y);
+  }, d = () => {
+    l(!s);
+  }, c = () => {
+    u(!h);
+  };
+  return e && g ? /* @__PURE__ */ v(_, { children: [
+    s && /* @__PURE__ */ r(
+      mn,
+      {
+        open: s,
+        onOpenChange: l
+      }
+    ),
+    h && /* @__PURE__ */ r(hn, { open: h, onOpenChange: u }),
+    /* @__PURE__ */ v(
+      O,
+      {
+        header: w.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: [
+          le(m, {
+            [w.PREFERENCES.NAME]: g,
+            [w.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [w.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
+              Z,
+              {
+                noBorder: !0,
+                labelHidden: !0,
+                label: w.PREFERENCES.ENGINE_DETAILS,
+                name: w.PREFERENCES.ENGINE_DETAILS,
+                onChange: b,
+                checked: a
+              }
+            )
+          }),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              spacing: { t: 2 },
+              size: "small",
+              onClick: d,
+              labelLeft: "Engine Fine Tuning",
+              children: /* @__PURE__ */ r(Ue, { className: "size-3", monotone: !0 })
+            }
+          ),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              spacing: { t: 2, l: 2 },
+              size: "small",
+              onClick: c,
+              labelLeft: "Tags",
+              children: /* @__PURE__ */ r(Ue, { className: "size-3", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    n !== Yt.PASSKEY && /* @__PURE__ */ v(
+      O,
+      {
+        spacing: { t: 4 },
+        className: "prose-dark dark:prose-lighter",
+        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(Ae, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(He, { className: "size-8" }) }),
+          /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { children: w.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ r("p", { children: w.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              size: "small",
+              spacing: { t: 2 },
+              onClick: o,
+              labelLeft: w.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ r(He, { className: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, pn = ({
+  open: e,
+  onOpenChange: t
+}) => /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ r(gn, {}) }), wn = () => {
+  const { state: e, dispatch: t, serverStats: o } = B(me), [n, a] = x((e == null ? void 0 : e.engine) || se), [i, s] = x(!1), [l, h] = x(!1), [u, m] = x(!1), [g, b] = x(!1), [d, c] = x([]), [y, T] = x(!1), [p, k] = x({
+    done: !1,
+    progress: !1,
+    timestamp: Date.now()
+  }), [E] = G({
+    key: z + ot,
+    initialValue: !1
+  }), { logout: S, getAccessToken: M, user: R } = te(), P = () => {
+    s(!i);
+  }, N = () => {
+    h(!l);
+  }, re = () => {
+    m(!u);
+  }, X = () => {
+    b(!g);
+  }, j = async (L) => {
+    const K = Date.now();
+    if (L && !(!R || !e || p.progress || p.done === !0 && K - p.timestamp < 5e3)) {
+      k({
+        done: !0,
+        progress: !0,
+        timestamp: K
+      });
+      try {
+        const A = await H({
+          accessToken: await M(),
+          type: F.GET_CHATS,
+          params: {
+            userId: R.username
+          }
+        });
+        A.status === 200 && (c(A.data), k({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        }));
+      } catch {
+        k({
+          done: !0,
+          progress: !1,
+          timestamp: Date.now()
+        });
+      }
+    }
+  }, ne = () => {
+    T(!y);
+  };
+  return U(() => {
+    e && e.engine && e.engine !== n && a(e.engine);
+  }, [e, n]), /* @__PURE__ */ v(_, { children: [
+    /* @__PURE__ */ r(
+      xt,
+      {
+        showConfirmation: y,
+        setShowConfirmation: T,
+        action: S,
+        customStrings: {
+          confirmAction: Fe,
+          cancelAction: "Cancel",
+          title: Fe
+        },
+        children: /* @__PURE__ */ r("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ r(pn, { open: i, onOpenChange: s }),
+    /* @__PURE__ */ r(Wr, { open: l, onOpenChange: h }),
+    /* @__PURE__ */ r(
+      en,
+      {
+        open: u,
+        onOpenChange: m,
+        historyData: d
+      }
+    ),
+    /* @__PURE__ */ r(Gr, { open: g, onOpenChange: b }),
+    /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
+      ct,
+      {
+        mode: "dark",
+        focusMode: "light",
+        trigger: /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r(Ro, {}) }),
+        defaultPlacement: "bottom-end",
+        onOpenChange: j,
+        children: [
+          /* @__PURE__ */ r(
+            W,
+            {
+              label: "Profile",
+              onClick: P,
+              icon: /* @__PURE__ */ r(xo, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            W,
+            {
+              label: et,
+              onClick: N,
+              icon: /* @__PURE__ */ r(Eo, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            W,
+            {
+              label: "History",
+              onClick: re,
+              icon: /* @__PURE__ */ r(Io, {})
+            }
+          ),
+          /* @__PURE__ */ r(
+            W,
+            {
+              label: "About",
+              onClick: X,
+              icon: /* @__PURE__ */ r(So, {})
+            }
+          ),
+          E && o && /* @__PURE__ */ v(_, { children: [
+            /* @__PURE__ */ r(Ke, {}),
+            /* @__PURE__ */ r(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
+              kr,
+              {
+                size: "small",
+                mode: "dark",
+                focusMode: "light",
+                value: n,
+                onValueChange: async (L) => {
+                  if (L)
+                    try {
+                      await H({
+                        accessToken: await M(),
+                        type: F.SET_USER_PREFERENCES,
+                        params: {
+                          user: R == null ? void 0 : R.username,
+                          engine: L
+                        }
+                      }), t({
+                        type: rt,
+                        payload: {
+                          engine: L
+                        }
+                      });
+                    } catch {
+                    }
+                },
+                children: o && o.engines.map((L) => /* @__PURE__ */ r(Cr, { value: L }, L))
+              }
+            ) })
+          ] }),
+          e && e.id && !e.isComponent && /* @__PURE__ */ v(_, { children: [
+            /* @__PURE__ */ r(Ke, {}),
+            /* @__PURE__ */ r(
+              W,
+              {
+                label: "Log out",
+                onClick: ne,
+                icon: /* @__PURE__ */ r("div", { className: "text-red-700", children: /* @__PURE__ */ r(wo, { monotone: !0 }) })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+};
+export {
+  wn as default
+};