@versini/sassysaint 5.4.7 → 5.4.9

package/dist/chunks/LazyHeader.CbHns6B6.js

@@ -0,0 +1,2974 @@
+import { jsx as o, jsxs as y, Fragment as _ } from "react/jsx-runtime";
+import { g as B, R as P, CARDS as T, renderDataAsList as oe, pluralize as he, AppContext as se, ABOUT_TITLE as Dt, DEFAULT_AI_ENGINE as te, numberFormatter as $t, durationFormatter as Qe, NA as Vt, ROLE_ASSISTANT as Ft, extractAverage as Ht, GPT4_MAX_TOKENS as Gt, un as W, STATS as Xe, L as q, j as L, C as F, HistoryContext as Je, LOCAL_STORAGE_PREFIX as ie, LOCAL_STORAGE_SORT as Ut, O as j, ACTION_RESET as et, ACTION_RESTORE as jt, ACTION_SORT as $e, LOCAL_STORAGE_SEARCH as Kt, ye as xe, ACTION_SEARCH as Wt, debounce as Yt, HISTORY_TITLE as qt, LOCAL_STORAGE_ENGINE_TOGGLE as tt, ENGINE_OPENAI as Ne, ENGINE_ANTHROPIC as me, APP_NAME as Zt, ACTION_ENGINE as rt, getCurrentGeoLocation as Qt, TagsContext as Xt, TAGS_DESCRIPTION as Jt, ACTION_SET_TAGS as er, LOCAL_STORAGE_CHAT_DETAILS as tr, M as rr, i as Ve, PROFILE_TITLE as or, LOG_OUT as Fe } from "./index.CzNemj1t.js";
+import { serviceCall as D, SERVICE_TYPES as $, E as le, ce as ar, se as nr, he as we, be as sr, oe as V, ge as ir, ne as lr, f as U, Le as He, h as Ge } from "./index.CPH8aJ8U.js";
+import * as f from "react";
+import E, { useId as Ae, forwardRef as ot, useState as I, useRef as Z, useContext as O, useEffect as H } from "react";
+import k from "clsx";
+import { useFloatingTree as at, useFloatingNodeId as cr, useListItem as nt, useFloating as st, offset as dr, flip as ur, shift as mr, autoUpdate as hr, useClick as it, useRole as lt, useDismiss as ct, useListNavigation as gr, useTypeahead as fr, useInteractions as dt, useMergeRefs as Me, FloatingNode as pr, FloatingList as br, FloatingPortal as ut, FloatingFocusManager as mt, FloatingTree as vr, FloatingOverlay as yr } from "@floating-ui/react";
+const ht = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ o(
+  B,
+  {
+    defaultViewBox: "0 0 256 176",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Anthropic",
+    ...n,
+    children: /* @__PURE__ */ o("path", { d: "m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z" })
+  }
+), kr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Back",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ 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" })
+    ]
+  }
+), Cr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Chart",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ 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" })
+    ]
+  }
+), Nr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Delete",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ 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" })
+    ]
+  }
+), wr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "History",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ 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" })
+    ]
+  }
+), Tr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Info",
+    ...n,
+    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,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ o(
+  B,
+  {
+    defaultViewBox: "0 0 24 24",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "OpenAI",
+    ...n,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z"
+      }
+    )
+  }
+), xr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Profile",
+    ...n,
+    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" })
+    ]
+  }
+), Er = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ y(
+  B,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Restore",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ 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" })
+    ]
+  }
+), Ir = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ o(
+  B,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Settings",
+    ...n,
+    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" })
+  }
+);
+function ae(e) {
+  return Ae();
+}
+const Ee = f.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), Ue = (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";
+}, ft = ot(
+  ({
+    trigger: e,
+    children: t,
+    label: r = "Open menu",
+    defaultPlacement: a = "bottom-start",
+    onOpenChange: n,
+    mode: i = "system",
+    focusMode: s = "system",
+    ...l
+  }, g) => {
+    const [c, u] = I(!1), [p, b] = I(!1), [h, m] = I(null), d = Z([]), v = Z([]), N = O(Ee), C = at(), w = cr(), S = nt(), { floatingStyles: A, refs: M, context: R } = st({
+      nodeId: w,
+      open: c,
+      onOpenChange: (J) => {
+        u(J), n == null || n(J);
+      },
+      placement: a,
+      strategy: "fixed",
+      middleware: [dr({ mainAxis: 10 }), ur(), mr()],
+      whileElementsMounted: hr
+    }), x = it(R, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), ce = lt(R, { role: "menu" }), de = ct(R, { bubbles: !0 }), X = gr(R, {
+      listRef: d,
+      activeIndex: h,
+      nested: !1,
+      onNavigate: m,
+      loop: !0
+    }), ye = fr(R, {
+      listRef: v,
+      onMatch: c ? m : void 0,
+      activeIndex: h
+    }), { getReferenceProps: ke, getFloatingProps: Ce, getItemProps: z } = dt([x, ce, de, X, ye]), De = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Bt = De ? {
+      noInternalClick: De,
+      focusMode: s,
+      mode: i
+    } : {}, zt = E.cloneElement(
+      e,
+      {
+        ...Bt,
+        "aria-label": r,
+        "data-open": c ? "" : void 0,
+        "data-focus-inside": p ? "" : void 0,
+        ref: Me([M.setReference, S.ref, g]),
+        ...ke(
+          N.getItemProps({
+            ...l
+          })
+        )
+      }
+    );
+    return H(() => {
+      if (!C)
+        return;
+      function J() {
+        u(!1), n == null || n(!1);
+      }
+      return C.events.on("click", J), () => {
+        C.events.off("click", J);
+      };
+    }, [C, n]), H(() => {
+      c && C && C.events.emit("menuopen", { nodeId: w });
+    }, [C, c, w]), /* @__PURE__ */ y(pr, { id: w, children: [
+      zt,
+      /* @__PURE__ */ o(
+        Ee.Provider,
+        {
+          value: {
+            activeIndex: h,
+            setActiveIndex: m,
+            getItemProps: z,
+            setHasFocusInside: b,
+            isOpen: c
+          },
+          children: /* @__PURE__ */ o(br, { elementsRef: d, labelsRef: v, children: c && /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(
+            mt,
+            {
+              context: R,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ o(
+                "div",
+                {
+                  ref: M.setFloating,
+                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
+                  style: A,
+                  ...Ce(),
+                  children: t
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), Ie = ot((e, t) => /* @__PURE__ */ o(vr, { children: /* @__PURE__ */ o(ft, { ...e, ref: t }) }));
+Ie.displayName = "Menu";
+ft.displayName = "MenuComponent";
+const G = f.forwardRef(
+  ({
+    label: e,
+    disabled: t,
+    icon: r,
+    raw: a = !1,
+    children: n,
+    ignoreClick: i = !1,
+    ...s
+  }, l) => {
+    let g = "";
+    const c = f.useContext(Ee), u = nt({ label: t ? null : e }), p = at(), b = Me([u.ref, l]);
+    return a && n ? /* @__PURE__ */ o(
+      "div",
+      {
+        role: "menuitem",
+        ...c.getItemProps({
+          onClick(h) {
+            var m;
+            i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
+          }
+        }),
+        children: n
+      }
+    ) : (r && (g = "pl-2"), /* @__PURE__ */ y(
+      "button",
+      {
+        ...s,
+        ref: b,
+        role: "menuitem",
+        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-2 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,
+        ...c.getItemProps({
+          onClick(h) {
+            var m;
+            i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
+          },
+          onFocus(h) {
+            var m;
+            (m = s.onFocus) == null || m.call(s, h), c.setHasFocusInside(!0);
+          }
+        }),
+        children: [
+          r,
+          e && /* @__PURE__ */ o("span", { className: g, children: e })
+        ]
+      }
+    ));
+  }
+);
+G.displayName = "MenuItem";
+const Sr = ({ className: e, ...t }) => {
+  const r = k(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ o("div", { className: r, ...t });
+};
+/*!
+  @versini/ui-menu v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-togglegroup v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const _r = "av-togglegroup", Rr = "av-togglegroup-item-wrapper", Ar = "av-togglegroup-item";
+function Le(e, t = []) {
+  let r = [];
+  function a(i, s) {
+    const l = f.createContext(s), g = r.length;
+    r = [...r, s];
+    const c = (p) => {
+      var b;
+      const { scope: h, children: m, ...d } = p, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[g]) || l, N = f.useMemo(() => d, Object.values(d));
+      return /* @__PURE__ */ o(v.Provider, { value: N, children: m });
+    };
+    c.displayName = i + "Provider";
+    function u(p, b) {
+      var h;
+      const m = ((h = b == null ? void 0 : b[e]) == null ? void 0 : h[g]) || l, d = f.useContext(m);
+      if (d) return d;
+      if (s !== void 0) return s;
+      throw new Error(`\`${p}\` must be used within \`${i}\``);
+    }
+    return [c, u];
+  }
+  const n = () => {
+    const i = r.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 n.scopeName = e, [a, Mr(n, ...t)];
+}
+function Mr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
+    const a = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(n) {
+      const i = a.reduce((s, { useScope: l, scopeName: g }) => {
+        const c = l(n)[`__scope${g}`];
+        return { ...s, ...c };
+      }, {});
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+    };
+  };
+  return r.scopeName = t.scopeName, r;
+}
+function je(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function pt(...e) {
+  return (t) => {
+    let r = !1;
+    const a = e.map((n) => {
+      const i = je(n, t);
+      return !r && typeof i == "function" && (r = !0), i;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < a.length; n++) {
+          const i = a[n];
+          typeof i == "function" ? i() : je(e[n], null);
+        }
+      };
+  };
+}
+function Se(...e) {
+  return f.useCallback(pt(...e), e);
+}
+var ge = f.forwardRef((e, t) => {
+  const { children: r, ...a } = e, n = f.Children.toArray(r), i = n.find(Pr);
+  if (i) {
+    const s = i.props.children, l = n.map((g) => g === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : g);
+    return /* @__PURE__ */ o(_e, { ...a, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, l) : null });
+  }
+  return /* @__PURE__ */ o(_e, { ...a, ref: t, children: r });
+});
+ge.displayName = "Slot";
+var _e = f.forwardRef((e, t) => {
+  const { children: r, ...a } = e;
+  if (f.isValidElement(r)) {
+    const n = Br(r);
+    return f.cloneElement(r, {
+      ...Or(a, r.props),
+      // @ts-ignore
+      ref: t ? pt(t, n) : n
+    });
+  }
+  return f.Children.count(r) > 1 ? f.Children.only(null) : null;
+});
+_e.displayName = "SlotClone";
+var Lr = ({ children: e }) => /* @__PURE__ */ o(_, { children: e });
+function Pr(e) {
+  return f.isValidElement(e) && e.type === Lr;
+}
+function Or(e, t) {
+  const r = { ...t };
+  for (const a in t) {
+    const n = e[a], i = t[a];
+    /^on[A-Z]/.test(a) ? n && i ? r[a] = (...s) => {
+      i(...s), n(...s);
+    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...i } : a === "className" && (r[a] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function Br(e) {
+  var t, r;
+  let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
+  return n ? e.ref : (a = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var zr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], ne = zr.reduce((e, t) => {
+  const r = f.forwardRef((a, n) => {
+    const { asChild: i, ...s } = a, l = i ? ge : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(l, { ...s, ref: n });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function K(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), r === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
+  };
+}
+function Dr(e) {
+  const t = e + "CollectionProvider", [r, a] = Le(t), [n, i] = r(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (h) => {
+    const { scope: m, children: d } = h, v = E.useRef(null), N = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: m, itemMap: N, collectionRef: v, children: d });
+  };
+  s.displayName = t;
+  const l = e + "CollectionSlot", g = E.forwardRef(
+    (h, m) => {
+      const { scope: d, children: v } = h, N = i(l, d), C = Se(m, N.collectionRef);
+      return /* @__PURE__ */ o(ge, { ref: C, children: v });
+    }
+  );
+  g.displayName = l;
+  const c = e + "CollectionItemSlot", u = "data-radix-collection-item", p = E.forwardRef(
+    (h, m) => {
+      const { scope: d, children: v, ...N } = h, C = E.useRef(null), w = Se(m, C), S = i(c, d);
+      return E.useEffect(() => (S.itemMap.set(C, { ref: C, ...N }), () => void S.itemMap.delete(C))), /* @__PURE__ */ o(ge, { [u]: "", ref: w, children: v });
+    }
+  );
+  p.displayName = c;
+  function b(h) {
+    const m = i(e + "CollectionConsumer", h);
+    return E.useCallback(() => {
+      const d = m.collectionRef.current;
+      if (!d) return [];
+      const v = Array.from(d.querySelectorAll(`[${u}]`));
+      return Array.from(m.itemMap.values()).sort(
+        (N, C) => v.indexOf(N.ref.current) - v.indexOf(C.ref.current)
+      );
+    }, [m.collectionRef, m.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: g, ItemSlot: p },
+    b,
+    a
+  ];
+}
+var $r = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Vr = f.useId || (() => {
+}), Fr = 0;
+function Hr(e) {
+  const [t, r] = f.useState(Vr());
+  return $r(() => {
+    r((a) => a ?? String(Fr++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+function Pe(e) {
+  const t = f.useRef(e);
+  return f.useEffect(() => {
+    t.current = e;
+  }), f.useMemo(() => (...r) => {
+    var a;
+    return (a = t.current) == null ? void 0 : a.call(t, ...r);
+  }, []);
+}
+function pe({
+  prop: e,
+  defaultProp: t,
+  onChange: r = () => {
+  }
+}) {
+  const [a, n] = Gr({ defaultProp: t, onChange: r }), i = e !== void 0, s = i ? e : a, l = Pe(r), g = f.useCallback(
+    (c) => {
+      if (i) {
+        const u = typeof c == "function" ? c(e) : c;
+        u !== e && l(u);
+      } else
+        n(c);
+    },
+    [i, e, n, l]
+  );
+  return [s, g];
+}
+function Gr({
+  defaultProp: e,
+  onChange: t
+}) {
+  const r = f.useState(e), [a] = r, n = f.useRef(a), i = Pe(t);
+  return f.useEffect(() => {
+    n.current !== a && (i(a), n.current = a);
+  }, [a, n, i]), r;
+}
+var Ur = f.createContext(void 0);
+function bt(e) {
+  const t = f.useContext(Ur);
+  return e || t || "ltr";
+}
+var Te = "rovingFocusGroup.onEntryFocus", jr = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Re, vt, Kr] = Dr(be), [Wr, yt] = Le(
+  be,
+  [Kr]
+), [Yr, qr] = Wr(be), kt = f.forwardRef(
+  (e, t) => /* @__PURE__ */ o(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Zr, { ...e, ref: t }) }) })
+);
+kt.displayName = be;
+var Zr = f.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: r,
+    orientation: a,
+    loop: n = !1,
+    dir: i,
+    currentTabStopId: s,
+    defaultCurrentTabStopId: l,
+    onCurrentTabStopIdChange: g,
+    onEntryFocus: c,
+    preventScrollOnEntryFocus: u = !1,
+    ...p
+  } = e, b = f.useRef(null), h = Se(t, b), m = bt(i), [d = null, v] = pe({
+    prop: s,
+    defaultProp: l,
+    onChange: g
+  }), [N, C] = f.useState(!1), w = Pe(c), S = vt(r), A = f.useRef(!1), [M, R] = f.useState(0);
+  return f.useEffect(() => {
+    const x = b.current;
+    if (x)
+      return x.addEventListener(Te, w), () => x.removeEventListener(Te, w);
+  }, [w]), /* @__PURE__ */ o(
+    Yr,
+    {
+      scope: r,
+      orientation: a,
+      dir: m,
+      loop: n,
+      currentTabStopId: d,
+      onItemFocus: f.useCallback(
+        (x) => v(x),
+        [v]
+      ),
+      onItemShiftTab: f.useCallback(() => C(!0), []),
+      onFocusableItemAdd: f.useCallback(
+        () => R((x) => x + 1),
+        []
+      ),
+      onFocusableItemRemove: f.useCallback(
+        () => R((x) => x - 1),
+        []
+      ),
+      children: /* @__PURE__ */ o(
+        ne.div,
+        {
+          tabIndex: N || M === 0 ? -1 : 0,
+          "data-orientation": a,
+          ...p,
+          ref: h,
+          style: { outline: "none", ...e.style },
+          onMouseDown: K(e.onMouseDown, () => {
+            A.current = !0;
+          }),
+          onFocus: K(e.onFocus, (x) => {
+            const ce = !A.current;
+            if (x.target === x.currentTarget && ce && !N) {
+              const de = new CustomEvent(Te, jr);
+              if (x.currentTarget.dispatchEvent(de), !de.defaultPrevented) {
+                const X = S().filter((z) => z.focusable), ye = X.find((z) => z.active), ke = X.find((z) => z.id === d), Ce = [ye, ke, ...X].filter(
+                  Boolean
+                ).map((z) => z.ref.current);
+                wt(Ce, u);
+              }
+            }
+            A.current = !1;
+          }),
+          onBlur: K(e.onBlur, () => C(!1))
+        }
+      )
+    }
+  );
+}), Ct = "RovingFocusGroupItem", Nt = f.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: r,
+      focusable: a = !0,
+      active: n = !1,
+      tabStopId: i,
+      ...s
+    } = e, l = Hr(), g = i || l, c = qr(Ct, r), u = c.currentTabStopId === g, p = vt(r), { onFocusableItemAdd: b, onFocusableItemRemove: h } = c;
+    return f.useEffect(() => {
+      if (a)
+        return b(), () => h();
+    }, [a, b, h]), /* @__PURE__ */ o(
+      Re.ItemSlot,
+      {
+        scope: r,
+        id: g,
+        focusable: a,
+        active: n,
+        children: /* @__PURE__ */ o(
+          ne.span,
+          {
+            tabIndex: u ? 0 : -1,
+            "data-orientation": c.orientation,
+            ...s,
+            ref: t,
+            onMouseDown: K(e.onMouseDown, (m) => {
+              a ? c.onItemFocus(g) : m.preventDefault();
+            }),
+            onFocus: K(e.onFocus, () => c.onItemFocus(g)),
+            onKeyDown: K(e.onKeyDown, (m) => {
+              if (m.key === "Tab" && m.shiftKey) {
+                c.onItemShiftTab();
+                return;
+              }
+              if (m.target !== m.currentTarget) return;
+              const d = Jr(m, c.orientation, c.dir);
+              if (d !== void 0) {
+                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
+                m.preventDefault();
+                let v = p().filter((N) => N.focusable).map((N) => N.ref.current);
+                if (d === "last") v.reverse();
+                else if (d === "prev" || d === "next") {
+                  d === "prev" && v.reverse();
+                  const N = v.indexOf(m.currentTarget);
+                  v = c.loop ? eo(v, N + 1) : v.slice(N + 1);
+                }
+                setTimeout(() => wt(v));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Nt.displayName = Ct;
+var Qr = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Xr(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function Jr(e, t, r) {
+  const a = Xr(e.key, r);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
+    return Qr[a];
+}
+function wt(e, t = !1) {
+  const r = document.activeElement;
+  for (const a of e)
+    if (a === r || (a.focus({ preventScroll: t }), document.activeElement !== r)) return;
+}
+function eo(e, t) {
+  return e.map((r, a) => e[(t + a) % e.length]);
+}
+var to = kt, ro = Nt, oo = "Toggle", Tt = f.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...i } = e, [s = !1, l] = pe({
+    prop: r,
+    onChange: n,
+    defaultProp: a
+  });
+  return /* @__PURE__ */ o(
+    ne.button,
+    {
+      type: "button",
+      "aria-pressed": s,
+      "data-state": s ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...i,
+      ref: t,
+      onClick: K(e.onClick, () => {
+        e.disabled || l(!s);
+      })
+    }
+  );
+});
+Tt.displayName = oo;
+var Q = "ToggleGroup", [xt, ha] = Le(Q, [
+  yt
+]), Et = yt(), Oe = E.forwardRef((e, t) => {
+  const { type: r, ...a } = e;
+  if (r === "single")
+    return /* @__PURE__ */ o(ao, { ...a, ref: t });
+  if (r === "multiple")
+    return /* @__PURE__ */ o(no, { ...a, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
+});
+Oe.displayName = Q;
+var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
+  const {
+    value: r,
+    defaultValue: a,
+    onValueChange: n = () => {
+    },
+    ...i
+  } = e, [s, l] = pe({
+    prop: r,
+    defaultProp: a,
+    onChange: n
+  });
+  return /* @__PURE__ */ o(
+    It,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: s ? [s] : [],
+      onItemActivate: l,
+      onItemDeactivate: E.useCallback(() => l(""), [l]),
+      children: /* @__PURE__ */ o(_t, { ...i, ref: t })
+    }
+  );
+}), no = E.forwardRef((e, t) => {
+  const {
+    value: r,
+    defaultValue: a,
+    onValueChange: n = () => {
+    },
+    ...i
+  } = e, [s = [], l] = pe({
+    prop: r,
+    defaultProp: a,
+    onChange: n
+  }), g = E.useCallback(
+    (u) => l((p = []) => [...p, u]),
+    [l]
+  ), c = E.useCallback(
+    (u) => l((p = []) => p.filter((b) => b !== u)),
+    [l]
+  );
+  return /* @__PURE__ */ o(
+    It,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: s,
+      onItemActivate: g,
+      onItemDeactivate: c,
+      children: /* @__PURE__ */ o(_t, { ...i, ref: t })
+    }
+  );
+});
+Oe.displayName = Q;
+var [so, io] = xt(Q), _t = E.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: r,
+      disabled: a = !1,
+      rovingFocus: n = !0,
+      orientation: i,
+      dir: s,
+      loop: l = !0,
+      ...g
+    } = e, c = Et(r), u = bt(s), p = { role: "group", dir: u, ...g };
+    return /* @__PURE__ */ o(so, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
+      to,
+      {
+        asChild: !0,
+        ...c,
+        orientation: i,
+        dir: u,
+        loop: l,
+        children: /* @__PURE__ */ o(ne.div, { ...p, ref: t })
+      }
+    ) : /* @__PURE__ */ o(ne.div, { ...p, ref: t }) });
+  }
+), fe = "ToggleGroupItem", Rt = E.forwardRef(
+  (e, t) => {
+    const r = St(fe, e.__scopeToggleGroup), a = io(fe, e.__scopeToggleGroup), n = Et(e.__scopeToggleGroup), i = r.value.includes(e.value), s = a.disabled || e.disabled, l = { ...e, pressed: i, disabled: s }, g = E.useRef(null);
+    return a.rovingFocus ? /* @__PURE__ */ o(
+      ro,
+      {
+        asChild: !0,
+        ...n,
+        focusable: !s,
+        active: i,
+        ref: g,
+        children: /* @__PURE__ */ o(Ke, { ...l, ref: t })
+      }
+    ) : /* @__PURE__ */ o(Ke, { ...l, ref: t });
+  }
+);
+Rt.displayName = fe;
+var Ke = E.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: r, value: a, ...n } = e, i = St(fe, r), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = i.type === "single" ? s : void 0;
+    return /* @__PURE__ */ o(
+      Tt,
+      {
+        ...l,
+        ...n,
+        ref: t,
+        onPressedChange: (g) => {
+          g ? i.onItemActivate(a) : i.onItemDeactivate(a);
+        }
+      }
+    );
+  }
+), lo = Oe, co = Rt;
+const At = E.createContext({
+  size: "medium",
+  focusMode: "system",
+  mode: "system"
+}), uo = ({ focusMode: e }) => k("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"
+}), mo = ({ mode: e }) => k({
+  "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"
+}), ho = ({ size: e }) => k({
+  "h-5 px-2": e === "small",
+  "h-6 px-3": e === "medium",
+  "h-7 px-4": e === "large"
+}), go = ({ mode: e }) => k(
+  Rr,
+  "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"
+  }
+), fo = ({
+  focusMode: e,
+  mode: t,
+  size: r
+}) => ({
+  wrapperClass: go({ mode: t }),
+  itemClass: k(
+    Ar,
+    "flex items-center justify-center bg-transparent",
+    "rounded-sm",
+    "transition duration-200 ease",
+    ho({ size: r }),
+    uo({ focusMode: e }),
+    mo({ mode: t })
+  )
+}), po = ({
+  mode: e,
+  className: t
+}) => k(
+  _r,
+  "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"
+  },
+  t
+), bo = ({
+  children: e,
+  value: t,
+  onValueChange: r,
+  disabled: a,
+  mode: n = "system",
+  focusMode: i = "system",
+  size: s = "medium",
+  defaultValue: l,
+  className: g,
+  ...c
+}) => {
+  const u = po({ mode: n, className: g }), p = { size: s, focusMode: i, mode: n };
+  return /* @__PURE__ */ o(At.Provider, { value: p, children: /* @__PURE__ */ o(
+    lo,
+    {
+      disabled: a,
+      className: u,
+      value: t,
+      defaultValue: l,
+      onValueChange: r,
+      ...c,
+      type: "single",
+      children: e
+    }
+  ) });
+}, vo = ({ value: e, disabled: t }) => {
+  const { size: r, focusMode: a, mode: n } = O(At), { itemClass: i, wrapperClass: s } = fo({
+    focusMode: a,
+    mode: n,
+    size: r
+  });
+  return /* @__PURE__ */ o("div", { className: s, children: /* @__PURE__ */ o(
+    co,
+    {
+      disabled: t,
+      className: i,
+      value: e,
+      children: e
+    }
+  ) });
+};
+/*!
+  @versini/ui-panel v1.2.5
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
+    version: "1.2.5",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo = "button", ko = "link", Co = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  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 yo:
+      return k("px-4", {
+        [i]: t === "small",
+        [s]: t === "medium",
+        [l]: t === "large"
+      });
+    case ko:
+      return k("px-4 text-center", {
+        [i]: t === "small",
+        [s]: t === "medium",
+        [l]: t === "large"
+      });
+    case Be:
+      return k("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !(r || a),
+        "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
+        "h-8 w-8 p-1": t === "medium" && !(r || a),
+        "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
+        "h-12 w-12 p-2": t === "large" && !(r || a),
+        "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
+      });
+  }
+}, No = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a,
+  radius: n
+}) => {
+  if (t)
+    return k("not-prose", {
+      "rounded-full": n === "large",
+      "rounded-md": n === "medium",
+      "rounded-sm": n === "small"
+    });
+  if (a === "primary")
+    return k("not-prose", {
+      "rounded-full": n === "large",
+      "rounded-md": n === "medium",
+      "rounded-sm": n === "small",
+      truncate: !r,
+      "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 (a === "secondary")
+    return k("not-prose", {
+      "rounded-full": n === "large",
+      "rounded-md": n === "medium",
+      "rounded-sm": n === "small",
+      truncate: !r,
+      "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 (a === "danger")
+    return k("not-prose", {
+      "rounded-full": n === "large",
+      "rounded-md": n === "medium",
+      "rounded-sm": n === "small",
+      truncate: !r,
+      "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"
+    });
+  if (a === "selected")
+    return k("not-prose", {
+      "rounded-full": n === "large",
+      "rounded-md": n === "medium",
+      "rounded-sm": n === "small",
+      truncate: !r,
+      "bg-action-selected-dark text-copy-light": e === "dark",
+      "bg-action-selected-light text-copy-lighter": e === "light",
+      "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
+      "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
+    });
+}, wo = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return k("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 (r === "secondary")
+    return k("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 (r === "danger")
+    return k("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"
+    });
+  if (r === "selected")
+    return k("hover:text-copy-light-hover", {
+      "hover:bg-action-selected-dark-hover": e === "dark",
+      "hover:bg-action-selected-light-hover": e === "light",
+      "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
+      "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
+    });
+}, To = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return k("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 (r === "secondary")
+    return k("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 (r === "danger")
+    return k("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"
+    });
+  if (r === "selected")
+    return k("active:text-copy-lighter-active", {
+      "active:bg-action-selected-dark-active": e === "dark",
+      "active:bg-action-selected-light-active": e === "light",
+      "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
+      "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
+    });
+}, xo = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return k("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 (r === "secondary")
+    return k("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 (r === "danger")
+    return k("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"
+    });
+  if (r === "selected")
+    return k("border", {
+      "border-border-selected-dark": e === "dark",
+      "border-border-selected-medium": e === "light",
+      "border-border-selected-dark dark:border-border-selected-medium": e === "system",
+      "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
+    });
+}, Eo = ({
+  focusMode: e
+}) => k("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"
+}), Mt = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: i,
+  fullWidth: s,
+  size: l,
+  noBorder: g,
+  labelRight: c,
+  labelLeft: u,
+  noBackground: p,
+  variant: b,
+  noTruncate: h,
+  align: m,
+  radius: d
+}) => (b || (b = "primary"), r ? k(qe, t) : k(
+  qe,
+  No({
+    mode: a,
+    variant: b,
+    noBackground: p,
+    noTruncate: h,
+    radius: d
+  }),
+  Co({ type: e, size: l, labelRight: c, labelLeft: u, align: m }),
+  xo({ mode: a, variant: b, noBorder: g }),
+  Eo({ focusMode: n }),
+  wo({ mode: a, variant: b, disabled: i }),
+  To({ mode: a, variant: b, disabled: i }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  },
+  t
+)), Io = (e, t, r) => {
+  var a;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
+}, ze = E.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      ref: t,
+      onClick: (i) => {
+        Io(i, a, r);
+      },
+      ...n
+    }
+  );
+});
+ze.displayName = "BaseButton";
+const Lt = E.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: i,
+    type: s = "button",
+    raw: l = !1,
+    noBorder: g = !1,
+    "aria-label": c,
+    label: u,
+    size: p = "medium",
+    labelRight: b,
+    labelLeft: h,
+    noBackground: m = !1,
+    align: d = "center",
+    radius: v = "large",
+    ...N
+  }, C) => {
+    const w = Mt({
+      type: Be,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: l,
+      className: i,
+      noBorder: g,
+      size: p,
+      labelRight: b,
+      labelLeft: h,
+      noBackground: m,
+      align: d,
+      radius: v
+    }), S = k({
+      "text-copy-accent-dark": r === "light" && !l,
+      "text-copy-light": r === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+    });
+    return /* @__PURE__ */ y(
+      ze,
+      {
+        ref: C,
+        className: w,
+        disabled: t,
+        type: s,
+        "aria-label": c || u,
+        ...N,
+        children: [
+          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ o("div", { className: S, children: e }),
+          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
+        ]
+      }
+    );
+  }
+);
+Lt.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const So = E.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: i,
+    type: s = "button",
+    raw: l = !1,
+    noBorder: g = !1,
+    "aria-label": c,
+    label: u,
+    size: p = "medium",
+    labelRight: b,
+    labelLeft: h,
+    noBackground: m = !1,
+    align: d = "center",
+    active: v = !1,
+    radius: N = "large",
+    ...C
+  }, w) => {
+    const S = Mt({
+      type: Be,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: l,
+      className: i,
+      noBorder: g,
+      size: p,
+      labelRight: b,
+      labelLeft: h,
+      noBackground: m,
+      align: d,
+      radius: N
+    }), A = k({
+      "text-copy-accent-dark": r === "light" && !l,
+      "text-copy-light": r === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+    }), M = v ? k(
+      "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": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ y(
+      ze,
+      {
+        ref: w,
+        className: S,
+        disabled: t,
+        type: s,
+        "aria-label": c || u,
+        ...C,
+        children: [
+          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ o("div", { className: A, children: e }),
+          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
+        ]
+      }
+    ) });
+  }
+);
+So.displayName = "ButtonSort";
+const _o = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: n,
+  defaultClassName: i,
+  title: s,
+  semantic: l = !1,
+  ...g
+}) => {
+  const c = k(a || i);
+  return /* @__PURE__ */ y(_, { children: [
+    /* @__PURE__ */ o(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: c,
+        viewBox: r || n,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !l,
+        focusable: !1,
+        ...g,
+        children: e
+      }
+    ),
+    s && l && /* @__PURE__ */ o("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ro = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ o(
+  _o,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Close",
+    ...n,
+    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 v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Pt = f.createContext(null);
+function Ao({
+  initialOpen: e = !1,
+  open: t,
+  onOpenChange: r
+} = {}) {
+  const [a, n] = f.useState(e), [i, s] = f.useState(), [l, g] = f.useState(), c = t ?? a, u = r ?? n, p = st({
+    open: c,
+    onOpenChange: u
+  }), b = p.context, h = it(b, {
+    enabled: t == null
+  }), m = ct(b, {
+    outsidePress: !1,
+    outsidePressEvent: "mousedown"
+  }), d = lt(b), v = dt([h, m, d]);
+  return f.useMemo(
+    () => ({
+      open: c,
+      setOpen: u,
+      ...v,
+      ...p,
+      labelId: i,
+      descriptionId: l,
+      setLabelId: s,
+      setDescriptionId: g
+    }),
+    [c, u, v, p, i, l]
+  );
+}
+const ve = () => {
+  const e = f.useContext(Pt);
+  if (e == null)
+    throw new Error("Modal components must be wrapped in <Modal />");
+  return e;
+};
+function Mo({
+  children: e,
+  ...t
+}) {
+  const r = Ao(t);
+  return /* @__PURE__ */ o(Pt.Provider, { value: r, children: e });
+}
+const Lo = f.forwardRef(function(e, t) {
+  const { context: r, ...a } = ve(), n = Me([a.refs.setFloating, t]);
+  if (!r.open)
+    return null;
+  const { overlayBackground: i, ...s } = e, l = k("grid place-items-center", {
+    [`${i}`]: i,
+    "bg-black sm:bg-black/[.8]": !i
+  });
+  return /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(yr, { className: l, lockScroll: !0, children: /* @__PURE__ */ o(mt, { context: r, children: /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      "aria-labelledby": a.labelId,
+      "aria-describedby": a.descriptionId,
+      ...a.getFloatingProps(s),
+      children: s.children
+    }
+  ) }) }) });
+}), Po = f.forwardRef(function({ children: e, ...t }, r) {
+  const { setLabelId: a } = ve(), n = Ae();
+  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
+}), Oo = f.forwardRef(function({ children: e, ...t }, r) {
+  const { setDescriptionId: a } = ve(), n = Ae();
+  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
+}), Bo = f.forwardRef(function(e, t) {
+  const { setOpen: r } = ve(), { trigger: a, className: n, ...i } = e, s = f.useCallback(() => r(!1), [r]);
+  return /* @__PURE__ */ o("div", { className: n, children: f.cloneElement(a, {
+    ref: t,
+    onClick: s,
+    ...i
+  }) });
+});
+/*!
+  @versini/ui-modal v1.1.2
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
+    version: "1.1.2",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ee = "panel", ue = "messagebox", zo = ({
+  className: e,
+  kind: t,
+  borderMode: r
+}) => ({
+  main: k("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${Ye} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ee,
+    [`${Ye} w-full sm:w-[95%] md:max-w-2xl`]: t === ee && !e,
+    [`${We} rounded-lg border-2`]: t === ue,
+    [`${We} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": r === "dark" && t === ee,
+    "sm:border-border-accent": r === "light" && t === ee,
+    "border-border-dark": r === "dark" && t === ue,
+    "border-border-accent": r === "light" && t === ue
+  }),
+  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"
+}), Y = ({
+  open: e,
+  onOpenChange: t,
+  title: r,
+  children: a,
+  footer: n,
+  borderMode: i = "light",
+  kind: s = ee,
+  className: l
+}) => {
+  const g = Z(""), c = zo({ className: l, kind: s, borderMode: i });
+  return H(() => (e && (g.current = document.title, document.title = `${r} | ${g.current}`), () => {
+    e && (document.title = g.current);
+  }), [r, e]), /* @__PURE__ */ o(_, { children: e && /* @__PURE__ */ o(Mo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Lo, { className: c.main, children: [
+    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ o(
+        Bo,
+        {
+          className: c.close,
+          trigger: /* @__PURE__ */ o(
+            Lt,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ o(Ro, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(Po, { className: c.header, children: r })
+    ] }),
+    /* @__PURE__ */ o(Oo, { className: c.content, children: a }),
+    n && /* @__PURE__ */ o("div", { className: c.footer, children: n })
+  ] }) }) });
+}, Do = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = ae(), i = ae();
+  return /* @__PURE__ */ y(_, { children: [
+    /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
+      P,
+      {
+        header: T.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: oe(n, {
+          [T.ABOUT.VERSION]: "5.10.2",
+          [T.ABOUT.BUILD_TIMESTAMP]: "12/29/2024 07:54 PM EST"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      P,
+      {
+        header: T.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: oe(i, {
+          [T.ABOUT.VERSION]: r,
+          [he(T.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(_, { children: a.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) }),
+          [he(T.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(_, { children: t.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) })
+        })
+      }
+    )
+  ] });
+}, $o = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { serverStats: r } = O(se);
+  return /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(Do, { stats: r }) });
+}, Vo = (e) => Qe(e), Fo = (e) => {
+  if (!e || e.length === 0)
+    return Vt;
+  const t = e.filter(
+    (r) => {
+      var a, n;
+      return ((a = r == null ? void 0 : r.message) == null ? void 0 : a.role) === Ft && typeof ((n = r == null ? void 0 : r.message) == null ? void 0 : n.processingTime) == "number";
+    }
+  ).map((r) => r.message.processingTime);
+  return Ht({
+    data: t,
+    formatter: Vo
+  });
+}, Ho = ({
+  isAuthenticated: e,
+  stats: t
+}) => {
+  const { state: r } = O(se), a = Gt - Number(r == null ? void 0 : r.usage), n = ae(), i = ae();
+  return e ? /* @__PURE__ */ y(_, { children: [
+    r && r.messages.length > 0 && /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
+      P,
+      {
+        header: T.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: oe(n, {
+          [T.CURRENT_STATISTICS.MODEL_NAME]: (r == null ? void 0 : r.model) || te,
+          [T.CURRENT_STATISTICS.TOKENS_USED]: r == null ? void 0 : r.usage,
+          [T.CURRENT_STATISTICS.REMAINING_TOKENS]: $t.format(a),
+          [T.CURRENT_STATISTICS.PROCESSING_TIME]: Fo(r == null ? void 0 : r.messages)
+        })
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      P,
+      {
+        header: T.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: oe(i, {
+          [he(T.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [T.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
+            t.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, Go = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const [r, a] = I({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { isAuthenticated: n, getAccessToken: i, user: s } = W();
+  return H(() => {
+    !e || !s || (async () => {
+      try {
+        const l = await D({
+          accessToken: await i(),
+          type: $.GET_CHATS_STATS,
+          params: {
+            userId: s.username
+          }
+        });
+        l.status === 200 && a(l.data);
+      } catch {
+      }
+    })();
+  }, [e, i, s]), /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: Xe, children: /* @__PURE__ */ o(Ho, { isAuthenticated: n, stats: r }) });
+}, Ot = ({
+  showConfirmation: e,
+  setShowConfirmation: t,
+  action: r,
+  children: a,
+  customStrings: n
+}) => /* @__PURE__ */ o(
+  Y,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: t,
+    title: n.title,
+    footer: /* @__PURE__ */ y(q, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+        F,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            t(!1);
+          },
+          children: n.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+        F,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            t(!1), r();
+          },
+          children: n.confirmAction
+        }
+      ) })
+    ] }),
+    children: a
+  }
+), Uo = async (e, t, r, a) => {
+  try {
+    const n = await D({
+      accessToken: a,
+      type: $.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    n.status === 200 && (t({
+      type: et
+    }), t({
+      type: jt,
+      payload: {
+        id: e.id,
+        model: n.data.model,
+        usage: n.data.usage,
+        messages: n.data.messages
+      }
+    }), r(!1));
+  } catch {
+  }
+}, jo = ({
+  filteredHistory: e,
+  setFilteredHistory: t,
+  dispatch: r,
+  onOpenChange: a
+}) => {
+  var m;
+  const { user: n, getAccessToken: i } = W(), s = Z({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [l, g] = I(!1), { state: c, dispatch: u } = O(Je), [, p] = le({
+    key: ie + Ut,
+    initialValue: c.sortDirection
+  }), b = (d) => {
+    switch (c.sortDirection) {
+      case U.ASC:
+        p(U.DESC), u({
+          type: $e,
+          payload: {
+            sortedCell: d,
+            sortDirection: U.DESC
+          }
+        });
+        break;
+      default:
+        p(U.ASC), u({
+          type: $e,
+          payload: {
+            sortedCell: d,
+            sortDirection: U.ASC
+          }
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ y(_, { children: [
+    /* @__PURE__ */ y(
+      Ot,
+      {
+        showConfirmation: l,
+        setShowConfirmation: g,
+        action: async () => {
+          const d = s.current;
+          try {
+            const v = await D({
+              accessToken: await i(),
+              type: $.DELETE_CHAT,
+              params: {
+                userId: (n == null ? void 0 : n.username) || "",
+                id: d.id,
+                limit: 1,
+                searchString: c.searchString,
+                direction: c.sortDirection,
+                truncateSize: 100
+              }
+            });
+            v.status === 200 && t({ data: v.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__ */ y("ul", { className: "m-0", children: [
+            /* @__PURE__ */ y("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ o("span", { className: "text-lg", children: s.current && s.current.timestamp })
+            ] }),
+            /* @__PURE__ */ y("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ o("span", { className: "text-lg", children: (m = s.current) == null ? void 0 : m.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ y(
+      ar,
+      {
+        stickyHeader: !0,
+        stickyFooter: !0,
+        compact: !0,
+        wrapperClassName: "max-h-[60vh] min-h-[60vh]",
+        children: [
+          /* @__PURE__ */ o(nr, { children: /* @__PURE__ */ y(we, { children: [
+            /* @__PURE__ */ o(
+              sr,
+              {
+                buttonClassName: "text-xs sm:text-sm",
+                cellId: "timestamp",
+                align: "left",
+                sortDirection: c.sortDirection,
+                sortedCell: c.sortedCell,
+                onClick: () => {
+                  b("timestamp");
+                },
+                children: "Date"
+              }
+            ),
+            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ o(ir, { children: e.data.map((d, v) => {
+            var N, C;
+            return ((N = d == null ? void 0 : d.messages) == null ? void 0 : N.length) > 0 ? /* @__PURE__ */ y(we, { children: [
+              /* @__PURE__ */ o(
+                V,
+                {
+                  component: "th",
+                  scope: "row",
+                  className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                  children: d.timestamp
+                }
+              ),
+              /* @__PURE__ */ o(
+                V,
+                {
+                  className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                  style: {
+                    wordBreak: "break-word"
+                  },
+                  children: d.messages.length > 0 ? (C = d.messages[0]) == null ? void 0 : C.content : ""
+                }
+              ),
+              /* @__PURE__ */ o(V, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(q, { alignHorizontal: "center", children: [
+                d.model && d.model.startsWith("claude") && /* @__PURE__ */ o(ht, { className: "size-4 sm:size-5" }),
+                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { className: "size-4 sm:size-5" })
+              ] }) }),
+              /* @__PURE__ */ o(V, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ o(
+                  j,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Restore chat",
+                    onClick: async () => {
+                      const w = await i();
+                      Uo(
+                        d,
+                        r,
+                        a,
+                        w
+                      );
+                    },
+                    children: /* @__PURE__ */ o(Er, { className: "h-3 w-3", monotone: !0 })
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  j,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Delete chat",
+                    onClick: () => {
+                      var w;
+                      s.current = {
+                        id: d.id,
+                        timestamp: d.timestamp,
+                        message: d.messages.length > 0 ? (w = d.messages[0]) == null ? void 0 : w.content : ""
+                      }, g(!l);
+                    },
+                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Nr, { className: "h-3 w-3", monotone: !0 }) })
+                  }
+                )
+              ] }) })
+            ] }, `${T.HISTORY.TITLE}-${d.id}-${v}`) : null;
+          }) }),
+          /* @__PURE__ */ o(lr, { children: /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o(V, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: he(
+            `${e.data.length} chat`,
+            e.data.length
+          ) }) }) }) })
+        ]
+      }
+    )
+  ] });
+}, Ze = async ({
+  searchString: e,
+  username: t,
+  accessToken: r,
+  direction: a = U.ASC
+}) => {
+  if (!t)
+    return [];
+  try {
+    const n = await D({
+      accessToken: r,
+      type: $.GET_CHATS,
+      params: {
+        userId: t,
+        searchString: e,
+        limit: 1,
+        direction: a,
+        truncateSize: 100
+      }
+    });
+    if (n.status === 200)
+      return n.data;
+  } catch {
+    return [];
+  }
+  return [];
+}, Ko = ({ onOpenChange: e }) => {
+  const { isAuthenticated: t, getAccessToken: r, user: a } = W(), n = Z(null), i = Z(!1), { dispatch: s } = O(se), { state: l, dispatch: g } = O(Je), [, c] = le({
+    key: ie + Kt,
+    initialValue: l.searchString
+  }), [u, p] = I({
+    data: [],
+    sortedDirection: l.sortDirection
+  }), b = async (d) => {
+    const v = await r(), N = await Ze({
+      searchString: d,
+      username: a == null ? void 0 : a.username,
+      accessToken: v,
+      direction: l.sortDirection
+    });
+    p({
+      data: N,
+      sortedDirection: l.sortDirection
+    }), c(d), g({
+      type: Wt,
+      payload: { searchString: d }
+    });
+  }, h = Yt((d) => {
+    b(d.target.value);
+  }, 500), m = async (d) => {
+    d.preventDefault();
+  };
+  return H(() => {
+    i.current || (async () => {
+      i.current = !0;
+      const d = await r(), v = await Ze({
+        searchString: l.searchString,
+        username: a == null ? void 0 : a.username,
+        accessToken: d,
+        direction: l.sortDirection
+      });
+      p({
+        data: v,
+        sortedDirection: l.sortDirection
+      });
+    })();
+  }), H(() => {
+    if (l.sortDirection !== u.sortedDirection) {
+      const d = [...u.data].sort((v, N) => {
+        if (l.sortedCell === "timestamp") {
+          const C = new Date(v[l.sortedCell]).getTime(), w = new Date(N[l.sortedCell]).getTime();
+          return l.sortDirection === U.ASC ? C - w : w - C;
+        }
+        return 0;
+      });
+      p({
+        data: d,
+        sortedDirection: l.sortDirection
+      });
+    }
+  }, [u, l]), t ? u && u.data && /* @__PURE__ */ y(_, { children: [
+    /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: m, children: /* @__PURE__ */ o(
+      xe,
+      {
+        autoComplete: "off",
+        autoCorrect: "off",
+        ref: n,
+        defaultValue: l.searchString,
+        focusMode: "light",
+        mode: "dark",
+        name: "Search",
+        label: "Search",
+        onChange: h,
+        className: "mt-2 mb-2",
+        ...l.searchString && {
+          rightElement: /* @__PURE__ */ o(
+            F,
+            {
+              disabled: !l.searchString,
+              mode: "light",
+              focusMode: "light",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var d;
+                b(""), (d = n.current) != null && d.value && (n.current.value = "", n.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
+      jo,
+      {
+        filteredHistory: u,
+        setFilteredHistory: p,
+        dispatch: s,
+        onOpenChange: e
+      }
+    ) })
+  ] }) : null;
+}, Wo = ({
+  open: e,
+  onOpenChange: t
+}) => /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Ko, { onOpenChange: t }) });
+/*!
+  @versini/ui-toggle v2.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo = ({
+  focusMode: e
+}) => k(
+  "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"
+  }
+), Qo = () => k(
+  "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"
+), Xo = () => k(
+  "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-['']"
+), Jo = ({
+  mode: e,
+  noBorder: t
+}) => k({
+  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"
+}), ea = ({
+  mode: e,
+  labelHidden: t
+}) => t ? "sr-only" : k("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"
+}), ta = ({ className: e }) => k(
+  Yo,
+  "relative flex cursor-pointer items-center",
+  e
+), ra = ({
+  mode: e,
+  focusMode: t,
+  labelHidden: r,
+  className: a,
+  noBorder: n
+}) => ({
+  toggle: k(
+    qo(),
+    Jo({ mode: e, noBorder: n }),
+    Zo({ focusMode: t }),
+    Xo(),
+    Qo()
+  ),
+  label: ea({ mode: e, labelHidden: r }),
+  input: "peer sr-only",
+  wrapper: ta({ className: a })
+}), re = ({
+  checked: e = !1,
+  onChange: t,
+  label: r,
+  labelHidden: a = !1,
+  name: n,
+  mode: i = "system",
+  focusMode: s = "system",
+  className: l,
+  noBorder: g = !1
+}) => {
+  const c = ra({
+    mode: i,
+    focusMode: s,
+    labelHidden: a,
+    className: l,
+    noBorder: g
+  }), u = (p) => {
+    t == null || t(p.target.checked);
+  };
+  return /* @__PURE__ */ y("label", { className: c.wrapper, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        name: n,
+        checked: e,
+        type: "checkbox",
+        className: c.input,
+        onChange: u
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: c.toggle }),
+    /* @__PURE__ */ o("span", { className: c.label, children: r })
+  ] });
+}, oa = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { dispatch: r } = O(se), { getAccessToken: a, user: n } = W(), [i, s] = I({
+    loaded: !1,
+    instructions: "",
+    loadingLocation: !1,
+    location: "",
+    engine: te
+  }), [l, g] = le({
+    key: ie + tt,
+    initialValue: !1
+  }), c = async (h) => {
+    h.preventDefault();
+    try {
+      await D({
+        accessToken: await a(),
+        type: $.SET_USER_PREFERENCES,
+        params: {
+          user: n == null ? void 0 : n.username,
+          instructions: i.instructions,
+          location: i.location,
+          engine: i.engine
+        }
+      }), r({
+        type: rt,
+        payload: {
+          engine: i.engine
+        }
+      });
+    } catch {
+    }
+  }, u = async () => {
+    s((h) => ({
+      ...h,
+      location: "...",
+      loadingLocation: !0
+    }));
+    try {
+      const h = Date.now(), m = await Qt(), d = await D({
+        accessToken: await a(),
+        type: $.GET_LOCATION,
+        params: {
+          latitude: m.latitude,
+          longitude: m.longitude
+        }
+      }), N = Date.now() - h;
+      if (N < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - N)), d.status === 200) {
+        const { city: C, state: w, country: S, displayName: A } = d.data, M = C && w && S ? `${C}, ${w}, ${S}` : A;
+        s((R) => ({
+          ...R,
+          loaded: !0,
+          location: M,
+          loadingLocation: !1
+        }));
+      } else
+        s((C) => ({
+          ...C,
+          loaded: !0,
+          location: "",
+          loadingLocation: !1
+        }));
+    } catch {
+    }
+  }, p = (h) => {
+    s((m) => ({
+      ...m,
+      engine: h ? Ne : me
+    }));
+  }, b = (h) => {
+    s((m) => ({
+      ...m,
+      engine: h ? me : Ne
+    }));
+  };
+  return H(() => {
+    if (!e || !n) {
+      s({
+        loaded: !1,
+        loadingLocation: !1,
+        instructions: "",
+        location: "",
+        engine: te
+      });
+      return;
+    }
+    (async () => {
+      try {
+        const h = await D({
+          accessToken: await a(),
+          type: $.GET_USER_PREFERENCES,
+          params: {
+            user: n.username
+          }
+        });
+        h.status === 200 && s((m) => ({
+          ...m,
+          loaded: !0,
+          instructions: h.data.instructions || "",
+          location: h.data.location || "",
+          engine: h.data.engine || te
+        }));
+      } catch {
+      }
+    })();
+  }, [n, e]), /* @__PURE__ */ o(_, { children: i.loaded && /* @__PURE__ */ o(
+    Y,
+    {
+      open: e,
+      onOpenChange: t,
+      title: "Engine Fine Tuning",
+      footer: /* @__PURE__ */ y(
+        q,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: () => {
+                  t(!1);
+                },
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (h) => {
+                  t(!1), await c(h);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ y(_, { children: [
+        /* @__PURE__ */ y(
+          P,
+          {
+            header: "AI Engine",
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ o("p", { children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ o(
+                re,
+                {
+                  noBorder: !0,
+                  label: "OpenAI",
+                  name: "OpenAI",
+                  onChange: p,
+                  checked: i.engine === Ne
+                }
+              ),
+              /* @__PURE__ */ o(
+                re,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Anthropic",
+                  name: "Anthropic",
+                  onChange: b,
+                  checked: i.engine === me
+                }
+              ),
+              /* @__PURE__ */ o("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
+              /* @__PURE__ */ o(
+                re,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Quick Engine Toggle",
+                  name: "show-toggle-engine-menu",
+                  onChange: g,
+                  checked: l
+                }
+              ),
+              /* @__PURE__ */ o("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
+            ]
+          }
+        ),
+        /* @__PURE__ */ y(
+          P,
+          {
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ y("p", { children: [
+                "What would you like ",
+                /* @__PURE__ */ o("em", { children: Zt }),
+                " to know about you to provide better responses?"
+              ] }),
+              /* @__PURE__ */ o(
+                He,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: i.instructions,
+                  onChange: (h) => {
+                    s((m) => ({
+                      ...m,
+                      loaded: !0,
+                      instructions: h.target.value
+                    }));
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ y(
+          P,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ o("p", { children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ o(
+                He,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: i.location,
+                  onChange: (h) => {
+                    s((m) => ({
+                      ...m,
+                      loaded: !0,
+                      location: h.target.value
+                    }));
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ o(
+                F,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  noBorder: !0,
+                  disabled: i.loadingLocation,
+                  onClick: u,
+                  children: i.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) });
+}, aa = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { state: r, dispatch: a } = O(Xt), { getAccessToken: n, user: i } = W(), [s, l] = I({
+    tags: [...r.tags]
+  }), g = ({
+    slot: u,
+    checked: p,
+    label: b,
+    content: h
+  }) => {
+    l((m) => {
+      const d = m.tags, v = {
+        slot: u,
+        label: b,
+        content: h,
+        enabled: p
+      }, N = d.findIndex((C) => C.slot === u);
+      return N === -1 ? {
+        ...m,
+        tags: [...d, { ...v, slot: u }]
+      } : (d[N] = v, {
+        ...m,
+        tags: [...d]
+      });
+    });
+  }, c = async (u) => {
+    u.preventDefault();
+    try {
+      await D({
+        accessToken: await n(),
+        type: $.SET_USER_PREFERENCES,
+        params: {
+          user: i == null ? void 0 : i.username,
+          tags: s.tags
+        }
+      }), a({
+        type: er,
+        payload: {
+          tags: s.tags
+        }
+      });
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ y(
+    Y,
+    {
+      open: e,
+      onOpenChange: t,
+      title: "Tags",
+      footer: /* @__PURE__ */ y(
+        q,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: () => {
+                  t(!1);
+                },
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (u) => {
+                  t(!1), await c(u);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ o("p", { children: Jt }),
+        s.tags && s.tags.map((u) => /* @__PURE__ */ y(
+          P,
+          {
+            header: `Tag ${u.slot + 1}`,
+            className: "prose-dark dark:prose-lighter mb-2",
+            children: [
+              /* @__PURE__ */ y(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ o(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                  xe,
+                  {
+                    label: "Label",
+                    name: `tag${u.slot}-label`,
+                    value: u.label,
+                    onChange: (p) => {
+                      g({
+                        slot: u.slot,
+                        checked: u.enabled,
+                        label: p.target.value,
+                        content: u.content
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                  xe,
+                  {
+                    label: "Content",
+                    name: `tag${u.slot}-content`,
+                    value: u.content,
+                    onChange: (p) => {
+                      g({
+                        slot: u.slot,
+                        checked: u.enabled,
+                        label: u.label,
+                        content: p.target.value
+                      });
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ o(
+                re,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enabled",
+                  name: u.slot.toString(),
+                  onChange: (p) => {
+                    g({
+                      slot: u.slot,
+                      checked: p,
+                      label: u.label,
+                      content: u.content
+                    });
+                  },
+                  checked: u.enabled
+                }
+              )
+            ]
+          },
+          `tag-slot-${u.slot}`
+        ))
+      ]
+    }
+  );
+}, na = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: r, authenticationType: a } = W(), [n, i] = le({
+    key: ie + tr,
+    initialValue: !1
+  }), [s, l] = I(!1), [g, c] = I(!1), u = ae(), p = (t == null ? void 0 : t.username) || "", b = (d) => {
+    i(d);
+  }, h = () => {
+    l(!s);
+  }, m = () => {
+    c(!g);
+  };
+  return e && p ? /* @__PURE__ */ y(_, { children: [
+    s && /* @__PURE__ */ o(
+      oa,
+      {
+        open: s,
+        onOpenChange: l
+      }
+    ),
+    g && /* @__PURE__ */ o(aa, { open: g, onOpenChange: c }),
+    /* @__PURE__ */ y(
+      P,
+      {
+        header: T.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: [
+          oe(u, {
+            [T.PREFERENCES.NAME]: p,
+            [T.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [T.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ o(
+              re,
+              {
+                noBorder: !0,
+                labelHidden: !0,
+                label: T.PREFERENCES.ENGINE_DETAILS,
+                name: T.PREFERENCES.ENGINE_DETAILS,
+                onChange: b,
+                checked: n
+              }
+            )
+          }),
+          /* @__PURE__ */ o(
+            j,
+            {
+              className: "mt-2",
+              size: "small",
+              onClick: h,
+              labelLeft: "Engine Fine Tuning",
+              children: /* @__PURE__ */ o(Ge, { className: "size-3", monotone: !0 })
+            }
+          ),
+          /* @__PURE__ */ o(
+            j,
+            {
+              className: "mt-2 ml-2",
+              size: "small",
+              onClick: m,
+              labelLeft: "Tags",
+              children: /* @__PURE__ */ o(Ge, { className: "size-3", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    a !== rr.PASSKEY && /* @__PURE__ */ y(
+      P,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ y(q, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(Ve, { className: "size-8" }) }),
+          /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ o("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ o(
+            j,
+            {
+              size: "small",
+              className: "mt-2",
+              onClick: r,
+              labelLeft: T.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ o(Ve, { className: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, sa = ({
+  open: e,
+  onOpenChange: t
+}) => /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: or, children: /* @__PURE__ */ o(na, {}) }), ga = () => {
+  const { state: e, dispatch: t, serverStats: r } = O(se), [a, n] = I((e == null ? void 0 : e.engine) || te), [i, s] = I(!1), [l, g] = I(!1), [c, u] = I(!1), [p, b] = I(!1), [h, m] = I(!1), [d] = le({
+    key: ie + tt,
+    initialValue: !1
+  }), { logout: v, getAccessToken: N, user: C } = W(), w = () => {
+    s(!i);
+  }, S = () => {
+    g(!l);
+  }, A = () => {
+    u(!c);
+  }, M = () => {
+    b(!p);
+  }, R = () => {
+    m(!h);
+  };
+  return H(() => {
+    e && e.engine && e.engine !== a && n(e.engine);
+  }, [e, a]), /* @__PURE__ */ y(_, { children: [
+    /* @__PURE__ */ o(
+      Ot,
+      {
+        showConfirmation: h,
+        setShowConfirmation: m,
+        action: v,
+        customStrings: {
+          confirmAction: Fe,
+          cancelAction: "Cancel",
+          title: Fe
+        },
+        children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ o(sa, { open: i, onOpenChange: s }),
+    /* @__PURE__ */ o(Go, { open: l, onOpenChange: g }),
+    /* @__PURE__ */ o(Wo, { open: c, onOpenChange: u }),
+    /* @__PURE__ */ o($o, { open: p, onOpenChange: b }),
+    /* @__PURE__ */ y("div", { className: "relative", children: [
+      d && r && /* @__PURE__ */ o("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ o(
+        Ie,
+        {
+          mode: "dark",
+          focusMode: "light",
+          trigger: /* @__PURE__ */ o(j, { children: e && e.engine === me ? /* @__PURE__ */ o(ht, {}) : /* @__PURE__ */ o(gt, {}) }),
+          defaultPlacement: "bottom-start",
+          children: /* @__PURE__ */ o(G, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
+            bo,
+            {
+              size: "small",
+              mode: "dark",
+              focusMode: "light",
+              value: a,
+              onValueChange: async (x) => {
+                if (x)
+                  try {
+                    await D({
+                      accessToken: await N(),
+                      type: $.SET_USER_PREFERENCES,
+                      params: {
+                        user: C == null ? void 0 : C.username,
+                        engine: x
+                      }
+                    }), t({
+                      type: rt,
+                      payload: {
+                        engine: x
+                      }
+                    }), t({
+                      type: et
+                    });
+                  } catch {
+                  }
+              },
+              children: r && r.engines.map((x) => /* @__PURE__ */ o(vo, { value: x }, x))
+            }
+          ) })
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ y(
+        Ie,
+        {
+          mode: "dark",
+          focusMode: "light",
+          trigger: /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(Ir, {}) }),
+          defaultPlacement: "bottom-end",
+          children: [
+            /* @__PURE__ */ o(
+              G,
+              {
+                label: "Profile",
+                onClick: w,
+                icon: /* @__PURE__ */ o(xr, {})
+              }
+            ),
+            /* @__PURE__ */ o(
+              G,
+              {
+                label: Xe,
+                onClick: S,
+                icon: /* @__PURE__ */ o(Cr, {})
+              }
+            ),
+            /* @__PURE__ */ o(
+              G,
+              {
+                label: "History",
+                onClick: A,
+                icon: /* @__PURE__ */ o(wr, {})
+              }
+            ),
+            /* @__PURE__ */ o(
+              G,
+              {
+                label: "About",
+                onClick: M,
+                icon: /* @__PURE__ */ o(Tr, {})
+              }
+            ),
+            e && e.id && !e.isComponent && /* @__PURE__ */ y(_, { children: [
+              /* @__PURE__ */ o(Sr, {}),
+              /* @__PURE__ */ o(
+                G,
+                {
+                  label: "Log out",
+                  onClick: R,
+                  icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(kr, { monotone: !0 }) })
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  ga as default
+};