@versini/sassysaint 5.5.26 → 5.5.27

package/dist/chunks/HeaderToolbar.KloFL3xh.js

@@ -0,0 +1,2305 @@
+import { jsx as t, jsxs as m, Fragment as z } from "react/jsx-runtime";
+import { g as M, un as P, R as B, CARDS as C, renderDataAsList as ie, pluralize as de, ABOUT_TITLE as lt, L as H, j as _, C as U, INFINITE_SCROLL_LIMIT as Le, INFINITE_SCROLL_THRESHOLD as ze, LOCAL_STORAGE_PREFIX as oe, LOCAL_STORAGE_SORT as ct, P as W, ACTION_RESET as De, ACTION_RESTORE as it, ACTION_SORT as Me, LOCAL_STORAGE_SEARCH as dt, HISTORY_TITLE as mt, ye, ACTION_SEARCH as ht, debounce as ut, M as gt, z as Re, durationFormatter as pt, PROFILE_TITLE as ft, PROMPTS_DESCRIPTION as bt, DEFAULT_AI_ENGINE as yt, LOCAL_STORAGE_ENGINE_TOGGLE as Ve, LOCAL_STORAGE_CHAT_DETAILS as kt, SETTINGS_TITLE as vt, ENGINE_OPENAI as F, ENGINE_ANTHROPIC as D, APP_NAME as Nt, getCurrentGeoLocation as xt, LOG_OUT as Ae } from "./index.DbvpSzKK.js";
+import * as I from "react";
+import he, { useId as we, forwardRef as Ue, useState as E, useRef as Y, useContext as K, useEffect as G, useCallback as wt, Fragment as Ct } from "react";
+import u from "clsx";
+import { useFloatingTree as He, useFloatingNodeId as Et, useListItem as Ge, useFloating as je, offset as It, flip as Tt, shift as St, autoUpdate as _t, useClick as We, useRole as Ye, useDismiss as Ke, useListNavigation as Lt, useTypeahead as zt, useInteractions as Ze, useMergeRefs as Ce, FloatingNode as Mt, FloatingList as Rt, FloatingPortal as qe, FloatingFocusManager as Qe, FloatingTree as At, FloatingOverlay as Bt } from "@floating-ui/react";
+import { useServerCapabilities as Pt, HistoryContext as Xe, E as re, ge as Ot, he as $t, ue as be, ie as R, ye as Ft, me as Dt, be as Vt, serviceCall as Z, SERVICE_TYPES as q, f as ee, AppContext as Ee, useChatsHistory as Ut, useUserChatStats as Ht, useUserPreferences as Ie, Fe as Be, NewChatButton as Gt } from "./App.IeJvle-0.js";
+const ke = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  M,
+  {
+    defaultViewBox: "0 0 24 24",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Anthropic",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z" })
+  }
+), jt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Back",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M66.6 320c0 1.8 .1 3.5 .4 5.3C84.9 431.3 177 512 288 512c123.7 0 224-100.3 224-224c0-111-80.7-203.1-186.7-220.9c-1.8-.3-3.6-.4-5.3-.4c-15.3 0-28.9 11.1-31.5 26.7c-2.9 17.4 8.8 33.9 26.3 36.9C390.4 142.9 448 208.8 448 288c0 88.4-71.6 160-160 160c-79.2 0-145.1-57.6-157.8-133.3c-2.9-17.4-19.4-29.2-36.9-26.3c-15.6 2.6-26.7 16.2-26.7 31.5z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M32 0L192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-82.7 0L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3 64 192c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 32C0 14.3 14.3 0 32 0z"
+        }
+      )
+    ]
+  }
+), Wt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Delete",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M32 96l0 352c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-352L32 96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0z"
+        }
+      )
+    ]
+  }
+), Yt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Edit",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M0 160c0-53 43-96 96-96l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-96c0-17.7 14.3-32 32-32s32 14.3 32 32l0 96c0 53-43 96-96 96L96 512c-53 0-96-43-96-96L0 160z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z"
+        }
+      )
+    ]
+  }
+), Kt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "History",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M0 57.9L0 168c0 13.3 10.7 24 24 24l110.1 0c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 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.9z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M256 128c13.3 0 24 10.7 24 24l0 94.1 65 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-17l0-104c0-13.3 10.7-24 24-24z"
+        }
+      )
+    ]
+  }
+), Zt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Info",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: "0.4",
+          d: "M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm192-8c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24zm96-88a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24z"
+        }
+      )
+    ]
+  }
+), ve = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  M,
+  {
+    defaultViewBox: "0 0 24 24",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "OpenAI",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" })
+  }
+), qt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Profile",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: "0.4",
+          d: "M0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM64 368c0-44.2 35.8-80 80-80l64 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16L80 384c-8.8 0-16-7.2-16-16zM240 192a64 64 0 1 1 -128 0 64 64 0 1 1 128 0zm112-16c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          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 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0z"
+        }
+      )
+    ]
+  }
+), Qt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Restore",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M128 80l0 16 64 0 0-16c0-8.8 7.2-16 16-16l224 0c8.8 0 16 7.2 16 16l0 224c0 8.8-7.2 16-16 16l-16 0 0 64 16 0c44.2 0 80-35.8 80-80l0-224c0-44.2-35.8-80-80-80L208 0c-44.2 0-80 35.8-80 80z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 128zm32 64l192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L96 256c-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+        }
+      )
+    ]
+  }
+), Xt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  M,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Settings",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
+  }
+), Jt = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  M,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Sliders",
+    ...n,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: r ? "1" : "0.4",
+          d: "M0 96C0 78.3 14.3 64 32 64l86.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l246.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 288c-17.7 0-32-14.3-32-32zM0 416c0-17.7 14.3-32 32-32l54.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 448c-17.7 0-32-14.3-32-32zm233.3-32L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32z"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0A80 80 0 1 0 80 416a80 80 0 1 0 160 0zm80-160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160z"
+        }
+      )
+    ]
+  }
+);
+function me(e) {
+  return we();
+}
+const Ne = I.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+}), Pe = (e) => {
+  if (typeof e == "string")
+    return e;
+  if (typeof e == "function")
+    return e.displayName || e.name || "Component";
+  if (typeof e == "object" && e !== null && "type" in e) {
+    const o = e.type;
+    if (typeof o == "function" || typeof o == "object")
+      return o.displayName || o.name || "Component";
+  }
+  return "Element";
+}, Je = Ue(
+  ({
+    trigger: e,
+    children: o,
+    label: a = "Open menu",
+    defaultPlacement: r = "bottom-start",
+    onOpenChange: n,
+    mode: s = "system",
+    focusMode: d = "system",
+    ...l
+  }, g) => {
+    const [c, b] = E(!1), [k, h] = E(!1), [i, y] = E(null), v = Y([]), f = Y([]), T = K(Ne), N = He(), p = Et(), w = Ge(), { floatingStyles: S, refs: A, context: L } = je({
+      nodeId: p,
+      open: c,
+      onOpenChange: ($) => {
+        b($), n == null || n($);
+      },
+      placement: r,
+      strategy: "fixed",
+      middleware: [It({ mainAxis: 10 }), Tt(), St()],
+      whileElementsMounted: _t
+    }), pe = We(L, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), ne = Ye(L, { role: "menu" }), fe = Ke(L, { bubbles: !0 }), se = Lt(L, {
+      listRef: v,
+      activeIndex: i,
+      nested: !1,
+      onNavigate: y,
+      loop: !0
+    }), x = zt(L, {
+      listRef: f,
+      onMatch: c ? y : void 0,
+      activeIndex: i
+    }), { getReferenceProps: O, getFloatingProps: X, getItemProps: _e } = Ze([pe, ne, fe, se, x]), J = Pe(e) === "Button" || Pe(e) === "ButtonIcon", j = J ? {
+      noInternalClick: J,
+      focusMode: d,
+      mode: s
+    } : {}, le = he.cloneElement(
+      e,
+      {
+        ...j,
+        "aria-label": a,
+        "data-open": c ? "" : void 0,
+        "data-focus-inside": k ? "" : void 0,
+        ref: Ce([A.setReference, w.ref, g]),
+        ...O(
+          T.getItemProps({
+            ...l
+          })
+        )
+      }
+    );
+    return G(() => {
+      if (!N)
+        return;
+      function $() {
+        b(!1), n == null || n(!1);
+      }
+      return N.events.on("click", $), () => {
+        N.events.off("click", $);
+      };
+    }, [N, n]), G(() => {
+      c && N && N.events.emit("menuopen", { nodeId: p });
+    }, [N, c, p]), /* @__PURE__ */ m(Mt, { id: p, children: [
+      le,
+      /* @__PURE__ */ t(
+        Ne.Provider,
+        {
+          value: {
+            activeIndex: i,
+            setActiveIndex: y,
+            getItemProps: _e,
+            setHasFocusInside: h,
+            isOpen: c
+          },
+          children: /* @__PURE__ */ t(Rt, { elementsRef: v, labelsRef: f, children: c && /* @__PURE__ */ t(qe, { children: /* @__PURE__ */ t(
+            Qe,
+            {
+              context: L,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: A.setFloating,
+                  className: "rounded-md bg-surface-light shadow-sm shadow-border-dark outline-none p-4 sm:p-2",
+                  style: S,
+                  ...X(),
+                  children: o
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), Te = Ue((e, o) => /* @__PURE__ */ t(At, { children: /* @__PURE__ */ t(Je, { ...e, ref: o }) }));
+Te.displayName = "Menu";
+Je.displayName = "MenuComponent";
+const V = I.forwardRef(
+  ({
+    label: e,
+    disabled: o,
+    icon: a,
+    raw: r = !1,
+    children: n,
+    ignoreClick: s = !1,
+    selected: d = !1,
+    ...l
+  }, g) => {
+    let c = "";
+    const b = I.useContext(Ne), k = Ge({ label: o ? null : e }), h = He(), i = Ce([k.ref, g]);
+    if (r && n)
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          role: "menuitem",
+          ...b.getItemProps({
+            onClick(v) {
+              var f;
+              s || ((f = l.onClick) == null || f.call(l, v), h == null || h.events.emit("click"));
+            }
+          }),
+          children: n
+        }
+      );
+    a && (c = "pl-2");
+    const y = u(
+      "m-0 first:mt-0 mt-2 sm:mt-1 px-2 py-1 flex w-full rounded-md border border-transparent 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",
+      {
+        "bg-surface-medium text-copy-lighter font-bold": !o && d,
+        "bg-none": !o && !d,
+        "focus:text-copy-dark": d
+      }
+    );
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        ...l,
+        ref: i,
+        role: "menuitem",
+        className: y,
+        tabIndex: 0,
+        disabled: o,
+        ...b.getItemProps({
+          onClick(v) {
+            var f;
+            s || ((f = l.onClick) == null || f.call(l, v), h == null || h.events.emit("click"));
+          },
+          onFocus(v) {
+            var f;
+            (f = l.onFocus) == null || f.call(l, v), b.setHasFocusInside(!0);
+          }
+        }),
+        children: [
+          a,
+          e && /* @__PURE__ */ t("span", { className: c, children: e })
+        ]
+      }
+    );
+  }
+);
+V.displayName = "MenuItem";
+const ea = ({ className: e, ...o }) => {
+  const a = u(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ t("div", { className: a, ...o });
+}, ta = ({
+  className: e,
+  ...o
+}) => {
+  const a = u(e, "py-1 px-2 text-sm text-copy-medium");
+  return /* @__PURE__ */ t("div", { className: a, ...o });
+};
+/*!
+  @versini/ui-menu v3.2.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
+    version: "3.2.0",
+    buildTime: "01/07/2025 04:41 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-panel v1.3.4
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
+    version: "1.3.4",
+    buildTime: "01/06/2025 08:01 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Oe = "av-messagebox", $e = "av-panel", Fe = "av-button", ue = "icon", et = "button", xe = "link", aa = ({
+  type: e,
+  size: o,
+  labelRight: a,
+  labelLeft: r,
+  align: n
+}) => {
+  const s = "max-h-8 py-0 px-2", d = "max-h-9 py-1 px-3", l = "max-h-12 py-2 px-4";
+  switch (e) {
+    case et:
+    case xe:
+      return u({
+        [s]: o === "small",
+        [d]: o === "medium",
+        [l]: o === "large"
+      });
+    case ue:
+      return u("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": o === "small" && !(a || r),
+        "h-6 px-2": o === "small" && (a || r),
+        "h-8 w-8 p-1": o === "medium" && !(a || r),
+        "h-8 px-3": o === "medium" && (a || r),
+        "h-12 w-12 p-2": o === "large" && !(a || r),
+        "h-12 px-4": o === "large" && (a || r)
+      });
+  }
+}, oa = ({
+  type: e,
+  size: o,
+  labelRight: a,
+  labelLeft: r
+}) => {
+  const n = "text-sm font-medium", s = "text-base font-medium", d = "text-lg font-medium";
+  switch (e) {
+    case et:
+    case xe:
+      return u({
+        "text-center": e === xe,
+        [n]: o === "small",
+        [s]: o === "medium",
+        [d]: o === "large"
+      });
+    case ue:
+      return u({
+        [n]: o === "small" && (a || r),
+        [s]: o === "medium" && (a || r),
+        [d]: o === "large" && (a || r)
+      });
+  }
+}, ra = ({
+  mode: e,
+  noBackground: o,
+  noTruncate: a,
+  variant: r
+}) => {
+  if (o)
+    return "not-prose";
+  if (r === "primary")
+    return u("not-prose", {
+      truncate: !a,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (r === "secondary")
+    return u("not-prose", {
+      truncate: !a,
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
+    });
+  if (r === "danger")
+    return u("not-prose", {
+      truncate: !a,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (r === "selected")
+    return u("not-prose text-copy-lighter", {
+      truncate: !a
+    });
+}, na = ({
+  mode: e,
+  noBackground: o,
+  variant: a
+}) => {
+  if (!o) {
+    if (a === "primary")
+      return u({
+        "bg-action-dark": e === "dark",
+        "bg-action-light": e === "light",
+        "bg-action-dark dark:bg-action-light": e === "system",
+        "bg-action-light dark:bg-action-dark": e === "alt-system"
+      });
+    if (a === "secondary")
+      return u({
+        "bg-action-dark": e === "light",
+        "bg-action-light": e === "dark",
+        "bg-action-dark dark:bg-action-light": e === "alt-system",
+        "bg-action-light dark:bg-action-dark": e === "system"
+      });
+    if (a === "danger")
+      return u({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (a === "selected")
+      return "bg-action-selected-dark";
+  }
+}, sa = ({
+  radius: e
+}) => u({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), la = ({
+  mode: e,
+  disabled: o,
+  variant: a
+}) => {
+  if (o)
+    return "";
+  if (a === "primary")
+    return u("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "dark",
+      "hover:bg-action-light-hover": e === "light",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
+    });
+  if (a === "secondary")
+    return u("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "light",
+      "hover:bg-action-light-hover": e === "dark",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
+    });
+  if (a === "danger")
+    return u("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 (a === "selected")
+    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
+}, ca = ({
+  mode: e,
+  disabled: o,
+  variant: a
+}) => {
+  if (o)
+    return "";
+  if (a === "primary")
+    return u("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "dark",
+      "active:bg-action-light-active": e === "light",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
+    });
+  if (a === "secondary")
+    return u("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "light",
+      "active:bg-action-light-active": e === "dark",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
+    });
+  if (a === "danger")
+    return u("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 (a === "selected")
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, ia = ({
+  mode: e,
+  noBorder: o,
+  variant: a
+}) => {
+  if (o)
+    return "border border-transparent";
+  if (a === "primary")
+    return u("border", {
+      "border-border-dark": e === "dark",
+      "border-border-accent": e === "light",
+      "border-border-dark dark:border-border-accent": e === "system",
+      "border-border-accent dark:border-border-dark": e === "alt-system"
+    });
+  if (a === "secondary")
+    return u("border", {
+      "border-border-dark": e === "light",
+      "border-border-accent": e === "dark",
+      "border-border-dark dark:border-border-accent": e === "alt-system",
+      "border-border-accent dark:border-border-dark": e === "system"
+    });
+  if (a === "danger")
+    return u("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 (a === "selected")
+    return "border border-border-selected-dark";
+}, da = ({
+  focusMode: e
+}) => u("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"
+}), tt = ({
+  type: e,
+  className: o,
+  raw: a,
+  mode: r,
+  focusMode: n,
+  disabled: s,
+  fullWidth: d,
+  size: l,
+  noBorder: g,
+  labelRight: c,
+  labelLeft: b,
+  noBackground: k,
+  variant: h,
+  noTruncate: i,
+  align: y,
+  radius: v
+}) => (h || (h = "primary"), a ? u(Fe, o) : u(
+  Fe,
+  ra({
+    mode: r,
+    variant: h,
+    noBackground: k,
+    noTruncate: i
+  }),
+  na({ mode: r, noBackground: k, variant: h }),
+  sa({ radius: v }),
+  aa({
+    type: e,
+    size: l,
+    labelRight: c,
+    labelLeft: b,
+    align: y
+  }),
+  oa({ type: e, size: l, labelRight: c, labelLeft: b }),
+  ia({ mode: r, variant: h, noBorder: g }),
+  da({ focusMode: n }),
+  la({ mode: r, variant: h, disabled: s }),
+  ca({ mode: r, variant: h, disabled: s }),
+  {
+    "w-full": d,
+    "disabled:cursor-not-allowed disabled:opacity-50": s
+  },
+  o
+)), ma = (e, o, a) => {
+  var r;
+  !o && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.focus) == "function" && e.currentTarget.focus(), typeof a == "function" && a(e);
+}, Se = he.forwardRef((e, o) => {
+  const { onClick: a, noInternalClick: r = !1, ...n } = e;
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      ref: o,
+      onClick: (s) => {
+        ma(s, r, a);
+      },
+      ...n
+    }
+  );
+});
+Se.displayName = "BaseButton";
+const at = he.forwardRef(
+  ({
+    children: e,
+    disabled: o = !1,
+    mode: a = "system",
+    focusMode: r = "system",
+    fullWidth: n = !1,
+    className: s,
+    type: d = "button",
+    raw: l = !1,
+    noBorder: g = !1,
+    "aria-label": c,
+    label: b,
+    size: k = "medium",
+    labelRight: h,
+    labelLeft: i,
+    noBackground: y = !1,
+    align: v = "center",
+    radius: f = "large",
+    variant: T = "primary",
+    ...N
+  }, p) => {
+    const w = tt({
+      type: ue,
+      mode: a,
+      focusMode: r,
+      fullWidth: n,
+      disabled: o,
+      raw: l,
+      className: s,
+      noBorder: g,
+      size: k,
+      labelRight: h,
+      labelLeft: i,
+      noBackground: y,
+      align: v,
+      radius: f,
+      variant: T
+    }), S = u({
+      "text-copy-accent-dark": a === "light" && !l,
+      "text-copy-light": a === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": a === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": a === "system" && !l
+    });
+    return /* @__PURE__ */ m(
+      Se,
+      {
+        ref: p,
+        className: w,
+        disabled: o,
+        type: d,
+        "aria-label": c || b,
+        ...N,
+        children: [
+          i && /* @__PURE__ */ t("span", { className: "pr-2", children: i }),
+          /* @__PURE__ */ t("div", { className: S, children: e }),
+          h && /* @__PURE__ */ t("span", { className: "pl-2", children: h })
+        ]
+      }
+    );
+  }
+);
+at.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v4.0.4
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "4.0.4",
+    buildTime: "01/06/2025 08:01 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ha = he.forwardRef(
+  ({
+    children: e,
+    disabled: o = !1,
+    mode: a = "system",
+    focusMode: r = "system",
+    fullWidth: n = !1,
+    className: s,
+    type: d = "button",
+    raw: l = !1,
+    noBorder: g = !1,
+    "aria-label": c,
+    label: b,
+    size: k = "medium",
+    labelRight: h,
+    labelLeft: i,
+    noBackground: y = !1,
+    align: v = "center",
+    active: f = !1,
+    radius: T = "large",
+    ...N
+  }, p) => {
+    const w = tt({
+      type: ue,
+      mode: a,
+      focusMode: r,
+      fullWidth: n,
+      disabled: o,
+      raw: l,
+      className: s,
+      noBorder: g,
+      size: k,
+      labelRight: h,
+      labelLeft: i,
+      noBackground: y,
+      align: v,
+      radius: T
+    }), S = u({
+      "text-copy-accent-dark": a === "light" && !l,
+      "text-copy-light": a === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": a === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": a === "system" && !l
+    }), A = f ? u(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": a === "dark",
+        "after:border-table-light": a === "light",
+        "after:border-table-dark dark:after:border-table-light": a === "system",
+        "after:border-table-light dark:after:border-table-dark": a === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ t("div", { className: A, children: /* @__PURE__ */ m(
+      Se,
+      {
+        ref: p,
+        className: w,
+        disabled: o,
+        type: d,
+        "aria-label": c || b,
+        ...N,
+        children: [
+          i && /* @__PURE__ */ t("span", { className: "pr-2", children: i }),
+          /* @__PURE__ */ t("div", { className: S, children: e }),
+          h && /* @__PURE__ */ t("span", { className: "pl-2", children: h })
+        ]
+      }
+    ) });
+  }
+);
+ha.displayName = "ButtonSort";
+const ua = ({
+  children: e,
+  fill: o,
+  viewBox: a,
+  className: r,
+  defaultViewBox: n,
+  size: s,
+  title: d,
+  semantic: l = !1,
+  ...g
+}) => {
+  const c = u(s, r);
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ t(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: c,
+        viewBox: a || n,
+        fill: o || "currentColor",
+        role: "img",
+        "aria-hidden": !l,
+        focusable: !1,
+        ...g,
+        children: e
+      }
+    ),
+    d && l && /* @__PURE__ */ t("span", { className: "sr-only", children: d })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v4.0.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ga = ({
+  className: e,
+  viewBox: o,
+  title: a,
+  monotone: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  ua,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: o,
+    className: e,
+    title: a || "Close",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
+  }
+);
+/*!
+  @versini/ui-icons v4.2.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ot = I.createContext(null);
+function pa({
+  initialOpen: e = !1,
+  open: o,
+  onOpenChange: a
+} = {}) {
+  const [r, n] = I.useState(e), [s, d] = I.useState(), [l, g] = I.useState(), c = o ?? r, b = a ?? n, k = je({
+    open: c,
+    onOpenChange: b
+  }), h = k.context, i = We(h, {
+    enabled: o == null
+  }), y = Ke(h, {
+    outsidePress: !1,
+    outsidePressEvent: "mousedown"
+  }), v = Ye(h), f = Ze([i, y, v]);
+  return I.useMemo(
+    () => ({
+      open: c,
+      setOpen: b,
+      ...f,
+      ...k,
+      labelId: s,
+      descriptionId: l,
+      setLabelId: d,
+      setDescriptionId: g
+    }),
+    [c, b, f, k, s, l]
+  );
+}
+const ge = () => {
+  const e = I.useContext(ot);
+  if (e == null)
+    throw new Error("Modal components must be wrapped in <Modal />");
+  return e;
+};
+function fa({
+  children: e,
+  ...o
+}) {
+  const a = pa(o);
+  return /* @__PURE__ */ t(ot.Provider, { value: a, children: e });
+}
+const ba = I.forwardRef(function(e, o) {
+  const { context: a, ...r } = ge(), n = Ce([r.refs.setFloating, o]);
+  if (!a.open)
+    return null;
+  const { overlayBackground: s, ...d } = e, l = u("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
+  });
+  return /* @__PURE__ */ t(qe, { children: /* @__PURE__ */ t(Bt, { className: l, lockScroll: !0, children: /* @__PURE__ */ t(Qe, { context: a, children: /* @__PURE__ */ t(
+    "div",
+    {
+      ref: n,
+      "aria-labelledby": r.labelId,
+      "aria-describedby": r.descriptionId,
+      ...r.getFloatingProps(d),
+      children: d.children
+    }
+  ) }) }) });
+}), ya = I.forwardRef(function({ children: e, ...o }, a) {
+  const { setLabelId: r } = ge(), n = we();
+  return I.useLayoutEffect(() => (r(n), () => r(void 0)), [n, r]), /* @__PURE__ */ t("h1", { ...o, ref: a, id: n, children: e });
+}), ka = I.forwardRef(function({ children: e, ...o }, a) {
+  const { setDescriptionId: r } = ge(), n = we();
+  return I.useLayoutEffect(() => (r(n), () => r(void 0)), [n, r]), /* @__PURE__ */ t("div", { ...o, ref: a, id: n, children: e });
+}), va = I.forwardRef(function(e, o) {
+  const { setOpen: a } = ge(), { trigger: r, className: n, ...s } = e, d = I.useCallback(() => a(!1), [a]);
+  return /* @__PURE__ */ t("div", { className: n, children: I.cloneElement(r, {
+    ref: o,
+    onClick: d,
+    ...s
+  }) });
+});
+/*!
+  @versini/ui-modal v1.2.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
+    version: "1.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const te = "panel", ce = "messagebox", Na = ({
+  className: e,
+  kind: o,
+  borderMode: a
+}) => ({
+  main: u("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${$e} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: o === te,
+    [`${$e} w-full sm:w-[95%] md:max-w-2xl`]: o === te && !e,
+    [`${Oe} rounded-lg border-2`]: o === ce,
+    [`${Oe} w-[95%] sm:w-[50%] md:max-w-2xl`]: o === ce && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": a === "dark" && o === te,
+    "sm:border-border-accent": a === "light" && o === te,
+    "border-border-dark": a === "dark" && o === ce,
+    "border-border-accent": a === "light" && o === ce
+  }),
+  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"
+}), Q = ({
+  open: e,
+  onOpenChange: o,
+  title: a,
+  children: r,
+  footer: n,
+  borderMode: s = "light",
+  kind: d = te,
+  className: l
+}) => {
+  const g = Y(""), c = Na({ className: l, kind: d, borderMode: s });
+  return G(() => (e && (g.current = document.title, document.title = `${a} | ${g.current}`), () => {
+    e && (document.title = g.current);
+  }), [a, e]), /* @__PURE__ */ t(z, { children: e && /* @__PURE__ */ t(fa, { open: e, onOpenChange: o, children: /* @__PURE__ */ m(ba, { className: c.main, children: [
+    /* @__PURE__ */ m("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ t(
+        va,
+        {
+          className: c.close,
+          trigger: /* @__PURE__ */ t(
+            at,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ t(ga, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(ya, { className: c.header, children: a })
+    ] }),
+    /* @__PURE__ */ t(ka, { className: c.content, children: r }),
+    n && /* @__PURE__ */ t("div", { className: c.footer, children: n })
+  ] }) }) });
+}, xa = () => {
+  const { getAccessToken: e } = P(), o = me(), a = me(), {
+    data: r,
+    error: n,
+    isLoading: s
+  } = Pt({
+    getAccessToken: e
+  }), d = (r == null ? void 0 : r.plugins) || [], l = (r == null ? void 0 : r.version) || "", g = (r == null ? void 0 : r.models) || [];
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(
+      B,
+      {
+        header: C.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: ie(o, {
+          [C.ABOUT.VERSION]: "5.19.13",
+          [C.ABOUT.BUILD_TIMESTAMP]: "01/07/2025 04:59 PM EST"
+        })
+      }
+    ) }),
+    n || s ? null : /* @__PURE__ */ t(
+      B,
+      {
+        header: C.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: ie(a, {
+          [C.ABOUT.VERSION]: l,
+          [de(C.ABOUT.ENGINE, g.length)]: /* @__PURE__ */ t(z, { children: g.map((c) => /* @__PURE__ */ t("div", { className: "text-right", children: c }, c)) }),
+          [de(C.ABOUT.PLUGIN, d.length)]: /* @__PURE__ */ t(z, { children: d.map((c) => /* @__PURE__ */ t("div", { className: "text-right", children: c }, c)) })
+        })
+      }
+    )
+  ] });
+}, wa = ({
+  open: e,
+  onOpenChange: o
+}) => /* @__PURE__ */ t(Q, { open: e, onOpenChange: o, title: lt, children: /* @__PURE__ */ t(xa, {}) }), rt = ({
+  showConfirmation: e,
+  setShowConfirmation: o,
+  action: a,
+  children: r,
+  customStrings: n
+}) => /* @__PURE__ */ t(
+  Q,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: o,
+    title: n.title,
+    footer: /* @__PURE__ */ m(H, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+        U,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            o(!1);
+          },
+          children: n.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+        U,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            o(!1), a();
+          },
+          children: n.confirmAction
+        }
+      ) })
+    ] }),
+    children: r
+  }
+), Ca = async (e, o, a, r) => {
+  try {
+    const n = await Z({
+      accessToken: r,
+      type: q.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    n.status === 200 && (o({
+      type: De
+    }), o({
+      type: it,
+      payload: {
+        id: e.id,
+        model: n.data.model,
+        usage: n.data.usage,
+        messages: n.data.messages
+      }
+    }), a(!1));
+  } catch {
+  }
+}, Ea = ({
+  filteredHistory: e,
+  dispatch: o,
+  onOpenChange: a,
+  mutate: r
+}) => {
+  var N;
+  const { user: n, getAccessToken: s } = P(), d = Y(null), l = Y({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [g, c] = E(!1), [b, k] = E(
+    Le + ze
+  ), { state: h, dispatch: i } = K(Xe), [, y] = re({
+    key: oe + ct,
+    initialValue: h.sortDirection
+  }), v = (p) => {
+    switch (h.sortDirection) {
+      case ee.ASC:
+        y(ee.DESC), i({
+          type: Me,
+          payload: {
+            sortedCell: p,
+            sortDirection: ee.DESC
+          }
+        });
+        break;
+      default:
+        y(ee.ASC), i({
+          type: Me,
+          payload: {
+            sortedCell: p,
+            sortDirection: ee.ASC
+          }
+        });
+        break;
+    }
+  }, f = async () => {
+    const p = l.current;
+    try {
+      await Z({
+        accessToken: await s(),
+        type: q.DELETE_CHAT,
+        params: {
+          userId: (n == null ? void 0 : n.username) || "",
+          id: p.id
+        }
+      }), r();
+    } catch {
+    }
+  }, T = wt((p) => {
+    p[0].isIntersecting && k((S) => S + Le);
+  }, []);
+  return G(() => {
+    const p = {
+      // root: null,
+      rootMargin: "20px"
+    }, w = new IntersectionObserver(T, p);
+    d.current && w.observe(d.current);
+  }), /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ m(
+      rt,
+      {
+        showConfirmation: g,
+        setShowConfirmation: c,
+        action: f,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ t("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ m("ul", { className: "m-0", children: [
+            /* @__PURE__ */ m("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: l.current && l.current.timestamp })
+            ] }),
+            /* @__PURE__ */ m("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: (N = l.current) == null ? void 0 : N.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ m(Ot, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ t($t, { children: /* @__PURE__ */ m(be, { children: [
+        /* @__PURE__ */ t(R, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ t(
+          Ft,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: h.sortDirection,
+            sortedCell: h.sortedCell,
+            onClick: () => {
+              v("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ t(R, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ t(R, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ t(R, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ t(Dt, { children: e.slice(0, b).map((p, w) => {
+        var S, A;
+        return ((S = p == null ? void 0 : p.messages) == null ? void 0 : S.length) > 0 ? /* @__PURE__ */ m(Ct, { children: [
+          w === b - ze && /* @__PURE__ */ t("tr", { ref: d }),
+          /* @__PURE__ */ m(be, { children: [
+            /* @__PURE__ */ t(R, { children: w + 1 }),
+            /* @__PURE__ */ t(
+              R,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                children: p.timestamp.split(",")[0]
+              }
+            ),
+            /* @__PURE__ */ t(
+              R,
+              {
+                className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                style: {
+                  wordBreak: "break-word"
+                },
+                children: p.messages.length > 0 ? (A = p.messages[0]) == null ? void 0 : A.content : ""
+              }
+            ),
+            /* @__PURE__ */ m(
+              R,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400",
+                align: "center",
+                children: [
+                  p.model && p.model.startsWith("claude") && /* @__PURE__ */ t(ke, { size: "size-4 sm:size-5" }),
+                  p.model && p.model.startsWith("gpt") && /* @__PURE__ */ t(ve, { size: "size-4 sm:size-5" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ m(R, { align: "right", children: [
+              /* @__PURE__ */ t(
+                W,
+                {
+                  className: "mr-2",
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Restore chat",
+                  onClick: async () => {
+                    const L = await s();
+                    Ca(
+                      p,
+                      o,
+                      a,
+                      L
+                    );
+                  },
+                  children: /* @__PURE__ */ t(Qt, { size: "size-3", monotone: !0 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                W,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Delete chat",
+                  onClick: () => {
+                    var L;
+                    l.current = {
+                      id: p.id,
+                      timestamp: p.timestamp,
+                      message: p.messages.length > 0 ? (L = p.messages[0]) == null ? void 0 : L.content : ""
+                    }, c(!g);
+                  },
+                  children: /* @__PURE__ */ t("div", { className: "text-red-400", children: /* @__PURE__ */ t(Wt, { size: "size-3", monotone: !0 }) })
+                }
+              )
+            ] })
+          ] })
+        ] }, `${C.HISTORY.TITLE}-${p.id}-${w}`) : null;
+      }) }),
+      /* @__PURE__ */ t(Vt, { children: /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(R, { colSpan: 1e3, children: /* @__PURE__ */ t("div", { children: de(
+        `${e.length} chat`,
+        e.length
+      ) }) }) }) })
+    ] })
+  ] });
+}, Ia = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { getAccessToken: a, user: r } = P(), { dispatch: n } = K(Ee), { state: s, dispatch: d } = K(Xe), { data: l, mutate: g } = Ut({
+    keys: [
+      r == null ? void 0 : r.username,
+      s.searchString,
+      s.sortDirection
+    ],
+    getAccessToken: a
+  }), c = Y(null), [, b] = re({
+    key: oe + dt,
+    initialValue: s.searchString
+  }), [k, h] = E([]);
+  G(() => {
+    l && h(l);
+  }, [l]);
+  const i = async (f) => {
+    b(f), d({
+      type: ht,
+      payload: { searchString: f }
+    });
+  }, y = ut((f) => {
+    i(f.target.value.trim());
+  }, 500);
+  return /* @__PURE__ */ t(Q, { open: e, onOpenChange: o, title: mt, children: /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ t("form", { autoComplete: "off", onSubmit: async (f) => {
+      f.preventDefault();
+    }, children: /* @__PURE__ */ t(
+      ye,
+      {
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoCorrect: "off",
+        ref: c,
+        defaultValue: s.searchString,
+        focusMode: "light",
+        mode: "dark",
+        name: "Search",
+        label: "Search",
+        onChange: y,
+        className: "mt-2 mb-2",
+        ...s.searchString && {
+          rightElement: /* @__PURE__ */ t(
+            U,
+            {
+              type: "button",
+              disabled: !s.searchString,
+              mode: "light",
+              focusMode: "light",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var f;
+                i(""), (f = c.current) != null && f.value && (c.current.value = "", c.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ t(
+      Ea,
+      {
+        mutate: g,
+        filteredHistory: k,
+        dispatch: n,
+        onOpenChange: o
+      }
+    ) })
+  ] }) });
+}, Ta = ({ stats: e }) => {
+  const { isAuthenticated: o, user: a, registeringForPasskey: r, authenticationType: n } = P(), s = me(), d = me(), l = (a == null ? void 0 : a.username) || "";
+  return o && l ? /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ t(
+      B,
+      {
+        header: C.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: ie(s, {
+          [C.PREFERENCES.NAME]: l,
+          [C.PREFERENCES.EMAIL]: (a == null ? void 0 : a.email) || ""
+        })
+      }
+    ),
+    n !== gt.PASSKEY && /* @__PURE__ */ m(
+      B,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        header: /* @__PURE__ */ t("h2", { className: "m-0", children: /* @__PURE__ */ m(H, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(Re, { size: "size-8" }) }),
+          /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t("div", { children: C.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ t("p", { children: C.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ t(
+            W,
+            {
+              size: "small",
+              className: "mt-2",
+              onClick: r,
+              labelLeft: C.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ t(Re, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      B,
+      {
+        header: C.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        children: ie(d, {
+          [de(C.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [C.MAIN_STATISTICS.PROCESSING_TIME]: pt(
+            e.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, Sa = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { getAccessToken: a, user: r } = P(), {
+    data: n,
+    error: s,
+    isLoading: d
+  } = Ht({
+    keys: [r == null ? void 0 : r.username],
+    getAccessToken: a
+  });
+  return s || d ? null : /* @__PURE__ */ t(Q, { open: e, onOpenChange: o, title: ft, children: /* @__PURE__ */ t(Ta, { stats: n }) });
+};
+/*!
+  @versini/ui-toggle v3.0.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
+    version: "3.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const _a = "av-toggle", La = () => u("peer", "h-6", "w-11", "rounded-full"), za = ({
+  focusMode: e
+}) => u(
+  "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"
+  }
+), Ma = () => u(
+  "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"
+), Ra = () => u(
+  "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-['']"
+), Aa = ({
+  mode: e,
+  noBorder: o
+}) => u({
+  border: !o,
+  "border-border-dark bg-surface-medium": e === "light",
+  "border-border-light bg-surface-darker": e === "dark",
+  "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
+  "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
+}), Ba = ({
+  mode: e,
+  labelHidden: o
+}) => o ? "sr-only" : u("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"
+}), Pa = ({ className: e }) => u(
+  _a,
+  "relative flex cursor-pointer items-center",
+  e
+), Oa = ({
+  mode: e,
+  focusMode: o,
+  labelHidden: a,
+  className: r,
+  noBorder: n
+}) => ({
+  toggle: u(
+    La(),
+    Aa({ mode: e, noBorder: n }),
+    za({ focusMode: o }),
+    Ra(),
+    Ma()
+  ),
+  label: Ba({ mode: e, labelHidden: a }),
+  input: "peer sr-only",
+  wrapper: Pa({ className: r })
+}), ae = ({
+  checked: e = !1,
+  onChange: o,
+  label: a,
+  labelHidden: r = !1,
+  name: n,
+  mode: s = "system",
+  focusMode: d = "system",
+  className: l,
+  noBorder: g = !1
+}) => {
+  const c = Oa({
+    mode: s,
+    focusMode: d,
+    labelHidden: r,
+    className: l,
+    noBorder: g
+  }), b = (k) => {
+    o == null || o(k.target.checked);
+  };
+  return /* @__PURE__ */ m("label", { className: c.wrapper, children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        name: n,
+        checked: e,
+        type: "checkbox",
+        className: c.input,
+        onChange: b
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: c.toggle }),
+    /* @__PURE__ */ t("span", { className: c.label, children: a })
+  ] });
+}, $a = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { getAccessToken: a, user: r } = P(), {
+    data: n,
+    error: s,
+    isLoading: d,
+    mutate: l
+  } = Ie({
+    keys: [r == null ? void 0 : r.username],
+    getAccessToken: a
+  }), [g, c] = E({
+    prompts: []
+  }), b = ({
+    slot: i,
+    checked: y,
+    label: v,
+    content: f
+  }) => {
+    c((T) => {
+      const N = T.prompts, p = {
+        slot: i,
+        label: v,
+        content: f,
+        enabled: y
+      }, w = N.findIndex((S) => S.slot === i);
+      return w === -1 ? {
+        ...T,
+        prompts: [...N, { ...p, slot: i }]
+      } : (N[w] = p, {
+        ...T,
+        prompts: [...N]
+      });
+    });
+  }, k = async (i) => {
+    i.preventDefault();
+    try {
+      await Z({
+        accessToken: await a(),
+        type: q.SET_USER_PREFERENCES,
+        params: {
+          user: r == null ? void 0 : r.username,
+          tags: g.prompts
+        }
+      });
+    } catch {
+    }
+  }, h = () => {
+    l({ ...n }), o(!1);
+  };
+  return G(() => {
+    n != null && n.tags && c({ prompts: n.tags });
+  }, [n]), s || d ? null : /* @__PURE__ */ m(
+    Q,
+    {
+      open: e,
+      onOpenChange: h,
+      title: "Prompts",
+      footer: /* @__PURE__ */ m(
+        H,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+              U,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: h,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+              U,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (i) => {
+                  o(!1), await k(i);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ t("p", { children: bt }),
+        g.prompts && g.prompts.map((i) => /* @__PURE__ */ m(
+          B,
+          {
+            header: `Prompt ${i.slot + 1}`,
+            className: "prose-dark dark:prose-lighter mb-2",
+            children: [
+              /* @__PURE__ */ m(H, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ t(_, { span: 12, children: /* @__PURE__ */ t(
+                  ye,
+                  {
+                    label: "Label",
+                    name: `prompt${i.slot}-label`,
+                    value: i.label,
+                    onChange: (y) => {
+                      b({
+                        slot: i.slot,
+                        checked: i.enabled,
+                        label: y.target.value,
+                        content: i.content
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ t(_, { span: 12, children: /* @__PURE__ */ t(
+                  ye,
+                  {
+                    label: "Content",
+                    name: `prompt${i.slot}-content`,
+                    value: i.content,
+                    onChange: (y) => {
+                      b({
+                        slot: i.slot,
+                        checked: i.enabled,
+                        label: i.label,
+                        content: y.target.value
+                      });
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enabled",
+                  name: i.slot.toString(),
+                  onChange: (y) => {
+                    b({
+                      slot: i.slot,
+                      checked: y,
+                      label: i.label,
+                      content: i.content
+                    });
+                  },
+                  checked: i.enabled
+                }
+              )
+            ]
+          },
+          `prompt-slot-${i.slot}`
+        ))
+      ]
+    }
+  );
+}, Fa = ({
+  open: e,
+  onOpenChange: o
+}) => {
+  const { getAccessToken: a, user: r } = P(), {
+    data: n,
+    error: s,
+    isLoading: d,
+    mutate: l
+  } = Ie({
+    keys: [r == null ? void 0 : r.username],
+    getAccessToken: a
+  }), [g, c] = E(!1), [b, k] = E({
+    loadingLocation: !1
+  }), [h, i] = E(""), [y, v] = E(""), [f, T] = E(yt), [N, p] = re({
+    key: oe + Ve,
+    initialValue: !1
+  }), [w, S] = re({
+    key: oe + kt,
+    initialValue: !1
+  }), A = (x) => {
+    S(x);
+  }, L = async (x) => {
+    x.preventDefault();
+    try {
+      await Z({
+        accessToken: await a(),
+        type: q.SET_USER_PREFERENCES,
+        params: {
+          user: r == null ? void 0 : r.username,
+          instructions: h,
+          location: y,
+          engine: f
+        }
+      }), l(), k({
+        loadingLocation: !1
+      });
+    } catch {
+    }
+  }, pe = async () => {
+    k({
+      loadingLocation: !0
+    }), v("...");
+    try {
+      const x = Date.now(), O = await xt(), X = await Z({
+        accessToken: await a(),
+        type: q.GET_LOCATION,
+        params: {
+          latitude: O.latitude,
+          longitude: O.longitude
+        }
+      }), J = Date.now() - x;
+      if (J < 2e3 && await new Promise((j) => setTimeout(j, 2e3 - J)), X.status === 200) {
+        const { city: j, state: le, country: $, displayName: nt } = X.data, st = j && le && $ ? `${j}, ${le}, ${$}` : nt;
+        k({
+          loadingLocation: !1
+        }), v(st);
+      } else
+        k({
+          loadingLocation: !1
+        });
+    } catch {
+    }
+  }, ne = (x, O) => {
+    T(x ? O : O === F ? D : F);
+  }, fe = () => {
+    c(!g);
+  }, se = () => {
+    l({ ...n }), o(!1);
+  };
+  return G(() => {
+    n != null && n.instructions && i(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && T(n.engine);
+  }, [n]), s || d ? null : /* @__PURE__ */ t(
+    Q,
+    {
+      open: e,
+      onOpenChange: se,
+      title: vt,
+      footer: /* @__PURE__ */ m(
+        H,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+              U,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: se,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+              U,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (x) => {
+                  o(!1), await L(x);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ m(z, { children: [
+        g && /* @__PURE__ */ t($a, { open: g, onOpenChange: c }),
+        /* @__PURE__ */ m(
+          B,
+          {
+            header: C.SETTINGS_ENGINE.TITLE,
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ t("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  noBorder: !0,
+                  label: F,
+                  name: F,
+                  onChange: (x) => ne(x, F),
+                  checked: f === F
+                }
+              ),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: D,
+                  name: D,
+                  onChange: (x) => ne(x, D),
+                  checked: f === D
+                }
+              ),
+              /* @__PURE__ */ t("p", { className: "text-sm", children: "This option introduces a new menu at the top of the screen, enabling you to quickly switch between engines." }),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Quick Engine Toggle Menu",
+                  name: "show-toggle-engine-menu",
+                  onChange: p,
+                  checked: N
+                }
+              ),
+              /* @__PURE__ */ t("p", { className: "text-sm", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
+              /* @__PURE__ */ t(
+                ae,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Message Statistics",
+                  name: "show-message-statistics",
+                  onChange: A,
+                  checked: w
+                }
+              ),
+              /* @__PURE__ */ t("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
+              /* @__PURE__ */ t(
+                W,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  onClick: fe,
+                  labelLeft: "Edit Custom Prompts",
+                  children: /* @__PURE__ */ t(Yt, { size: "size-3", monotone: !0 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ m(
+          B,
+          {
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ m("p", { className: "text-sm", children: [
+                "What would you like ",
+                /* @__PURE__ */ t("em", { children: Nt }),
+                " to know about you to provide better responses?"
+              ] }),
+              /* @__PURE__ */ t(
+                Be,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: h,
+                  onChange: (x) => {
+                    i(x.target.value);
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ m(
+          B,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ t("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ t(
+                Be,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: y,
+                  onChange: (x) => {
+                    v(x.target.value);
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ t(
+                U,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  noBorder: !0,
+                  disabled: b.loadingLocation,
+                  onClick: pe,
+                  children: b.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, Da = () => {
+  const { state: e, dispatch: o } = K(Ee), { getAccessToken: a, user: r } = P(), [n] = re({
+    key: oe + Ve,
+    initialValue: !1
+  }), {
+    data: s,
+    error: d,
+    isLoading: l,
+    mutate: g
+  } = Ie({
+    keys: [r == null ? void 0 : r.username],
+    getAccessToken: a
+  }), c = async (b) => {
+    try {
+      await Z({
+        accessToken: await a(),
+        type: q.SET_USER_PREFERENCES,
+        params: {
+          user: r == null ? void 0 : r.username,
+          engine: b
+        }
+      }), g({ ...s }), e && (e == null ? void 0 : e.messages.length) > 0 && o({
+        type: De
+      });
+    } catch {
+    }
+  };
+  return d || l ? null : n && s && /* @__PURE__ */ t(_, { children: /* @__PURE__ */ m(
+    Te,
+    {
+      mode: "dark",
+      focusMode: "light",
+      trigger: /* @__PURE__ */ t(W, { className: "mr-2", children: s && s.engine === D ? /* @__PURE__ */ t(ke, {}) : /* @__PURE__ */ t(ve, {}) }),
+      defaultPlacement: "bottom-start",
+      children: [
+        /* @__PURE__ */ t(ta, { children: "Engines" }),
+        /* @__PURE__ */ t(
+          V,
+          {
+            selected: s && s.engine === F,
+            label: "OpenAI",
+            icon: /* @__PURE__ */ t(ve, {}),
+            onClick: () => c(F)
+          }
+        ),
+        /* @__PURE__ */ t(
+          V,
+          {
+            selected: s && s.engine === D,
+            label: "Anthropic",
+            icon: /* @__PURE__ */ t(ke, {}),
+            onClick: () => c(D)
+          }
+        )
+      ]
+    }
+  ) });
+}, Ya = () => {
+  const { logout: e } = P(), { state: o } = K(Ee), [a, r] = E(!1), [n, s] = E(!1), [d, l] = E(!1), [g, c] = E(!1), [b, k] = E(!1), h = () => {
+    r(!a);
+  }, i = () => {
+    s(!n);
+  }, y = () => {
+    l(!d);
+  }, v = () => {
+    c(!g);
+  }, f = () => {
+    k(!b);
+  };
+  return /* @__PURE__ */ m(z, { children: [
+    /* @__PURE__ */ t(
+      rt,
+      {
+        showConfirmation: b,
+        setShowConfirmation: k,
+        action: e,
+        customStrings: {
+          confirmAction: Ae,
+          cancelAction: "Cancel",
+          title: Ae
+        },
+        children: /* @__PURE__ */ t("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ t(Sa, { open: a, onOpenChange: r }),
+    /* @__PURE__ */ t(Fa, { open: n, onOpenChange: s }),
+    d && /* @__PURE__ */ t(Ia, { open: d, onOpenChange: l }),
+    /* @__PURE__ */ t(wa, { open: g, onOpenChange: c }),
+    /* @__PURE__ */ t("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ m(H, { alignHorizontal: "space-between", alignVertical: "center", children: [
+      /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(Gt, { mode: "dark", radius: "large" }) }),
+      /* @__PURE__ */ t(_, { children: /* @__PURE__ */ m(H, { children: [
+        /* @__PURE__ */ t(Da, {}),
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ m(
+          Te,
+          {
+            mode: "dark",
+            focusMode: "light",
+            trigger: /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(Xt, {}) }),
+            defaultPlacement: "bottom-end",
+            children: [
+              /* @__PURE__ */ t(
+                V,
+                {
+                  label: "Profile",
+                  onClick: h,
+                  icon: /* @__PURE__ */ t(qt, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                V,
+                {
+                  label: "Settings",
+                  onClick: i,
+                  icon: /* @__PURE__ */ t(Jt, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                V,
+                {
+                  label: "History",
+                  onClick: y,
+                  icon: /* @__PURE__ */ t(Kt, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                V,
+                {
+                  label: "About",
+                  onClick: v,
+                  icon: /* @__PURE__ */ t(Zt, {})
+                }
+              ),
+              o && o.id && !o.isComponent && /* @__PURE__ */ m(z, { children: [
+                /* @__PURE__ */ t(ea, {}),
+                /* @__PURE__ */ t(
+                  V,
+                  {
+                    label: "Log out",
+                    onClick: f,
+                    icon: /* @__PURE__ */ t("div", { className: "text-red-700", children: /* @__PURE__ */ t(jt, { monotone: !0 }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        ) })
+      ] }) })
+    ] }) })
+  ] });
+};
+export {
+  Ya as default
+};