@versini/sassysaint 5.5.29 → 5.5.31

package/dist/chunks/HeaderToolbar.BL6VBjoM.js

@@ -0,0 +1,2508 @@
+import { jsxs as h, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { g as D, un as G, R as $, CARDS as C, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as ht, L as X, j as A, C as F, INFINITE_SCROLL_LIMIT as Be, INFINITE_SCROLL_THRESHOLD as Oe, LOCAL_STORAGE_PREFIX as _e, LOCAL_STORAGE_SORT as gt, P as le, ACTION_RESET as pt, ACTION_RESTORE as ft, ACTION_SORT as Pe, LOCAL_STORAGE_SEARCH as bt, HISTORY_TITLE as yt, ye as Ee, ACTION_SEARCH as kt, debounce as vt, M as xt, z as $e, durationFormatter as Nt, PROFILE_TITLE as wt, PROMPTS_DESCRIPTION as Et, DEFAULT_AI_ENGINE as Ct, LOCAL_STORAGE_CHAT_DETAILS as Tt, SETTINGS_TITLE as _t, ENGINE_OPENAI as Q, ENGINE_ANTHROPIC as re, APP_NAME as It, getCurrentGeoLocation as St, LOG_OUT as De } from "./index.jHs4IE9w.js";
+import { i as pe, useServerCapabilities as Lt, HistoryContext as je, E as Ie, ge as At, he as Rt, ue as Ne, ie as P, ye as zt, me as Mt, p as Bt, i$1 as Ot, be as Pt, serviceCall as ce, SERVICE_TYPES as ie, f as ae, AppContext as We, useChatsHistory as $t, useUserChatStats as Dt, useUserPreferences as Ye, me$1 as Vt, R as oe, P as Ht } from "./App.3S5z9eA2.js";
+import * as S from "react";
+import be, { useId as Se, useRef as _, useEffect as V, useState as w, useContext as fe, useCallback as Ke, Fragment as Ut, useLayoutEffect as ne, useMemo as Xe, useReducer as Ft } from "react";
+import m from "clsx";
+import { useMergeRefs as Gt, FloatingPortal as jt, FloatingOverlay as Wt, FloatingFocusManager as Yt, useFloating as Kt, useClick as Xt, useDismiss as qt, useRole as Qt, useInteractions as Jt } from "@floating-ui/react";
+const Zt = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Back",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), er = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Delete",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), tr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Edit",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), rr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "History",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), ar = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Info",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), or = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Profile",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), nr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Restore",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+), sr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ a(
+  D,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Settings",
+    ...n,
+    children: /* @__PURE__ */ a("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" })
+  }
+), lr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ h(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Sliders",
+    ...n,
+    children: [
+      /* @__PURE__ */ a(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: o ? "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__ */ a(
+        "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"
+        }
+      )
+    ]
+  }
+);
+/*!
+  @versini/ui-panel v1.3.7
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
+    version: "1.3.7",
+    buildTime: "01/13/2025 05:57 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe = "button", Ce = "link", cr = ({
+  type: e,
+  size: r,
+  labelRight: t,
+  labelLeft: o,
+  align: n
+}) => {
+  const s = "max-h-8 py-0 px-2", l = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
+  switch (e) {
+    case qe:
+    case Ce:
+      return m({
+        [s]: r === "small",
+        [l]: r === "medium",
+        [c]: r === "large"
+      });
+    case ye:
+      return m("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": r === "small" && !(t || o),
+        "h-6 px-2": r === "small" && (t || o),
+        "h-8 w-8 p-1": r === "medium" && !(t || o),
+        "h-8 px-3": r === "medium" && (t || o),
+        "h-12 w-12 p-2": r === "large" && !(t || o),
+        "h-12 px-4": r === "large" && (t || o)
+      });
+  }
+}, ir = ({
+  type: e,
+  size: r,
+  labelRight: t,
+  labelLeft: o
+}) => {
+  const n = "text-sm font-medium", s = "text-base font-medium", l = "text-lg font-medium";
+  switch (e) {
+    case qe:
+    case Ce:
+      return m({
+        "text-center": e === Ce,
+        [n]: r === "small",
+        [s]: r === "medium",
+        [l]: r === "large"
+      });
+    case ye:
+      return m({
+        [n]: r === "small" && (t || o),
+        [s]: r === "medium" && (t || o),
+        [l]: r === "large" && (t || o)
+      });
+  }
+}, dr = ({
+  mode: e,
+  noBackground: r,
+  noTruncate: t,
+  variant: o
+}) => {
+  if (r)
+    return "not-prose";
+  if (o === "primary")
+    return m("not-prose", {
+      truncate: !t,
+      "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 (o === "secondary")
+    return m("not-prose", {
+      truncate: !t,
+      "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 (o === "danger")
+    return m("not-prose", {
+      truncate: !t,
+      "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 (o === "selected")
+    return m("not-prose text-copy-lighter", {
+      truncate: !t
+    });
+}, mr = ({
+  mode: e,
+  noBackground: r,
+  variant: t
+}) => {
+  if (!r) {
+    if (t === "primary")
+      return m({
+        "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 (t === "secondary")
+      return m({
+        "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 (t === "danger")
+      return m({
+        "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 (t === "selected")
+      return "bg-action-selected-dark";
+  }
+}, ur = ({
+  radius: e
+}) => m({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), hr = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return m("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 (t === "secondary")
+    return m("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 (t === "danger")
+    return m("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 (t === "selected")
+    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
+}, gr = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return m("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 (t === "secondary")
+    return m("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 (t === "danger")
+    return m("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 (t === "selected")
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, pr = ({
+  mode: e,
+  noBorder: r,
+  variant: t
+}) => {
+  if (r)
+    return "border border-transparent";
+  if (t === "primary")
+    return m("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 (t === "secondary")
+    return m("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 (t === "danger")
+    return m("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 (t === "selected")
+    return "border border-border-selected-dark";
+}, fr = ({
+  focusMode: e
+}) => m("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"
+}), Qe = ({
+  type: e,
+  className: r,
+  raw: t,
+  mode: o,
+  focusMode: n,
+  disabled: s,
+  fullWidth: l,
+  size: c,
+  noBorder: u,
+  labelRight: d,
+  labelLeft: p,
+  noBackground: k,
+  variant: g,
+  noTruncate: i,
+  align: f,
+  radius: v
+}) => (g || (g = "primary"), t ? m(Ue, r) : m(
+  Ue,
+  dr({
+    mode: o,
+    variant: g,
+    noBackground: k,
+    noTruncate: i
+  }),
+  mr({ mode: o, noBackground: k, variant: g }),
+  ur({ radius: v }),
+  cr({
+    type: e,
+    size: c,
+    labelRight: d,
+    labelLeft: p,
+    align: f
+  }),
+  ir({ type: e, size: c, labelRight: d, labelLeft: p }),
+  pr({ mode: o, variant: g, noBorder: u }),
+  fr({ focusMode: n }),
+  hr({ mode: o, variant: g, disabled: s }),
+  gr({ mode: o, variant: g, disabled: s }),
+  {
+    "w-full": l,
+    "disabled:cursor-not-allowed disabled:opacity-50": s
+  },
+  r
+)), br = (e, r, t) => {
+  var o;
+  !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((o = e == null ? void 0 : e.currentTarget) == null ? void 0 : o.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
+}, Le = be.forwardRef((e, r) => {
+  const { onClick: t, noInternalClick: o = !1, ...n } = e;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: r,
+      onClick: (s) => {
+        br(s, o, t);
+      },
+      ...n
+    }
+  );
+});
+Le.displayName = "BaseButton";
+const Je = be.forwardRef(
+  ({
+    children: e,
+    disabled: r = !1,
+    mode: t = "system",
+    focusMode: o = "system",
+    fullWidth: n = !1,
+    className: s,
+    type: l = "button",
+    raw: c = !1,
+    noBorder: u = !1,
+    "aria-label": d,
+    label: p,
+    size: k = "medium",
+    labelRight: g,
+    labelLeft: i,
+    noBackground: f = !1,
+    align: v = "center",
+    radius: y = "large",
+    variant: x = "primary",
+    ...T
+  }, b) => {
+    const E = Qe({
+      type: ye,
+      mode: t,
+      focusMode: o,
+      fullWidth: n,
+      disabled: r,
+      raw: c,
+      className: s,
+      noBorder: u,
+      size: k,
+      labelRight: g,
+      labelLeft: i,
+      noBackground: f,
+      align: v,
+      radius: y,
+      variant: x
+    }), I = m({
+      "text-copy-accent-dark": (t === "light" || t === "alt-system") && !c,
+      "text-copy-light": (t === "dark" || t === "system") && !c,
+      "dark:text-copy-light": t === "alt-system" && !c,
+      "dark:text-copy-accent-dark": t === "system" && !c
+    });
+    return /* @__PURE__ */ h(
+      Le,
+      {
+        ref: b,
+        className: E,
+        disabled: r,
+        type: l,
+        "aria-label": d || p,
+        ...T,
+        children: [
+          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
+          /* @__PURE__ */ a("div", { className: I, children: e }),
+          g && /* @__PURE__ */ a("span", { className: "pl-2", children: g })
+        ]
+      }
+    );
+  }
+);
+Je.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v4.0.7
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "4.0.7",
+    buildTime: "01/13/2025 05:57 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const yr = be.forwardRef(
+  ({
+    children: e,
+    disabled: r = !1,
+    mode: t = "system",
+    focusMode: o = "system",
+    fullWidth: n = !1,
+    className: s,
+    type: l = "button",
+    raw: c = !1,
+    noBorder: u = !1,
+    "aria-label": d,
+    label: p,
+    size: k = "medium",
+    labelRight: g,
+    labelLeft: i,
+    noBackground: f = !1,
+    align: v = "center",
+    active: y = !1,
+    radius: x = "large",
+    ...T
+  }, b) => {
+    const E = Qe({
+      type: ye,
+      mode: t,
+      focusMode: o,
+      fullWidth: n,
+      disabled: r,
+      raw: c,
+      className: s,
+      noBorder: u,
+      size: k,
+      labelRight: g,
+      labelLeft: i,
+      noBackground: f,
+      align: v,
+      radius: x
+    }), I = m({
+      "text-copy-accent-dark": t === "light" && !c,
+      "text-copy-light": t === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
+    }), H = y ? m(
+      "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": t === "dark",
+        "after:border-table-light": t === "light",
+        "after:border-table-dark dark:after:border-table-light": t === "system",
+        "after:border-table-light dark:after:border-table-dark": t === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ a("div", { className: H, children: /* @__PURE__ */ h(
+      Le,
+      {
+        ref: b,
+        className: E,
+        disabled: r,
+        type: l,
+        "aria-label": d || p,
+        ...T,
+        children: [
+          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
+          /* @__PURE__ */ a("div", { className: I, children: e }),
+          g && /* @__PURE__ */ a("span", { className: "pl-2", children: g })
+        ]
+      }
+    ) });
+  }
+);
+yr.displayName = "ButtonSort";
+const kr = ({
+  children: e,
+  fill: r,
+  viewBox: t,
+  className: o,
+  defaultViewBox: n,
+  size: s,
+  title: l,
+  semantic: c = !1,
+  ...u
+}) => {
+  const d = m(s, o);
+  return /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ a(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: d,
+        viewBox: t || n,
+        fill: r || "currentColor",
+        role: "img",
+        "aria-hidden": !c,
+        focusable: !1,
+        ...u,
+        children: e
+      }
+    ),
+    l && c && /* @__PURE__ */ a("span", { className: "sr-only", children: l })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v4.0.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.0.1",
+    buildTime: "01/13/2025 05:57 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const vr = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ a(
+  kr,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Close",
+    ...n,
+    children: /* @__PURE__ */ a("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.4.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.4.0",
+    buildTime: "01/13/2025 05:57 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ze = S.createContext(null);
+function xr({
+  initialOpen: e = !1,
+  open: r,
+  onOpenChange: t
+} = {}) {
+  const [o, n] = S.useState(e), [s, l] = S.useState(), [c, u] = S.useState(), d = r ?? o, p = t ?? n, k = Kt({
+    open: d,
+    onOpenChange: p
+  }), g = k.context, i = Xt(g, {
+    enabled: r == null
+  }), f = qt(g, {
+    outsidePress: !1,
+    outsidePressEvent: "mousedown"
+  }), v = Qt(g), y = Jt([i, f, v]);
+  return S.useMemo(
+    () => ({
+      open: d,
+      setOpen: p,
+      ...y,
+      ...k,
+      labelId: s,
+      descriptionId: c,
+      setLabelId: l,
+      setDescriptionId: u
+    }),
+    [d, p, y, k, s, c]
+  );
+}
+const ke = () => {
+  const e = S.useContext(Ze);
+  if (e == null)
+    throw new Error("Modal components must be wrapped in <Modal />");
+  return e;
+};
+function Nr({
+  children: e,
+  ...r
+}) {
+  const t = xr(r);
+  return /* @__PURE__ */ a(Ze.Provider, { value: t, children: e });
+}
+const wr = S.forwardRef(function(e, r) {
+  const { context: t, ...o } = ke(), n = Gt([o.refs.setFloating, r]);
+  if (!t.open)
+    return null;
+  const { overlayBackground: s, ...l } = e, c = m("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
+  });
+  return /* @__PURE__ */ a(jt, { children: /* @__PURE__ */ a(Wt, { className: c, lockScroll: !0, children: /* @__PURE__ */ a(Yt, { context: t, children: /* @__PURE__ */ a(
+    "div",
+    {
+      ref: n,
+      "aria-labelledby": o.labelId,
+      "aria-describedby": o.descriptionId,
+      ...o.getFloatingProps(l),
+      children: l.children
+    }
+  ) }) }) });
+}), Er = S.forwardRef(function({ children: e, ...r }, t) {
+  const { setLabelId: o } = ke(), n = Se();
+  return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("h1", { ...r, ref: t, id: n, children: e });
+}), Cr = S.forwardRef(function({ children: e, ...r }, t) {
+  const { setDescriptionId: o } = ke(), n = Se();
+  return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("div", { ...r, ref: t, id: n, children: e });
+}), Tr = S.forwardRef(function(e, r) {
+  const { setOpen: t } = ke(), { trigger: o, className: n, ...s } = e, l = S.useCallback(() => t(!1), [t]);
+  return /* @__PURE__ */ a("div", { className: n, children: S.cloneElement(o, {
+    ref: r,
+    onClick: l,
+    ...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/13/2025 05:57 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const se = "panel", me = "messagebox", _r = ({
+  className: e,
+  kind: r,
+  borderMode: t
+}) => ({
+  main: m("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${He} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === se,
+    [`${He} w-full sm:w-[95%] md:max-w-2xl`]: r === se && !e,
+    [`${Ve} rounded-lg border-2`]: r === me,
+    [`${Ve} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === me && !e,
+    [`${e}`]: !!e,
+    "sm:border-border-dark": t === "dark" && r === se,
+    "sm:border-border-accent": t === "light" && r === se,
+    "border-border-dark": t === "dark" && r === me,
+    "border-border-accent": t === "light" && r === me
+  }),
+  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"
+}), J = ({
+  open: e,
+  onOpenChange: r,
+  title: t,
+  children: o,
+  footer: n,
+  borderMode: s = "light",
+  kind: l = se,
+  className: c
+}) => {
+  const u = _(""), d = _r({ className: c, kind: l, borderMode: s });
+  return V(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
+    e && (document.title = u.current);
+  }), [t, e]), /* @__PURE__ */ a(M, { children: e && /* @__PURE__ */ a(Nr, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(wr, { className: d.main, children: [
+    /* @__PURE__ */ h("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ a(
+        Tr,
+        {
+          className: d.close,
+          trigger: /* @__PURE__ */ a(
+            Je,
+            {
+              mode: "dark",
+              focusMode: "light",
+              noBorder: !0,
+              label: "Close",
+              children: /* @__PURE__ */ a(vr, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a(Er, { className: d.header, children: t })
+    ] }),
+    /* @__PURE__ */ a(Cr, { className: d.content, children: o }),
+    n && /* @__PURE__ */ a("div", { className: d.footer, children: n })
+  ] }) }) });
+}, Ir = () => {
+  const { getAccessToken: e } = G(), r = pe(), t = pe(), {
+    data: o,
+    error: n,
+    isLoading: s
+  } = Lt({
+    getAccessToken: e
+  }), l = (o == null ? void 0 : o.plugins) || [], c = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
+  return /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ a("div", { className: "mb-4", children: /* @__PURE__ */ a(
+      $,
+      {
+        header: C.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: he(r, {
+          [C.ABOUT.VERSION]: "5.20.0",
+          [C.ABOUT.BUILD_TIMESTAMP]: "01/13/2025 09:51 AM EST"
+        })
+      }
+    ) }),
+    n || s ? null : /* @__PURE__ */ a(
+      $,
+      {
+        header: C.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: he(t, {
+          [C.ABOUT.VERSION]: c,
+          [ge(C.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ a(M, { children: u.map((d) => /* @__PURE__ */ a("div", { className: "text-right", children: d }, d)) }),
+          [ge(C.ABOUT.PLUGIN, l.length)]: /* @__PURE__ */ a(M, { children: l.map((d) => /* @__PURE__ */ a("div", { className: "text-right", children: d }, d)) })
+        })
+      }
+    )
+  ] });
+}, Sr = ({
+  open: e,
+  onOpenChange: r
+}) => /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: ht, children: /* @__PURE__ */ a(Ir, {}) }), et = ({
+  showConfirmation: e,
+  setShowConfirmation: r,
+  action: t,
+  children: o,
+  customStrings: n
+}) => /* @__PURE__ */ a(
+  J,
+  {
+    kind: "messagebox",
+    open: e,
+    onOpenChange: r,
+    title: n.title,
+    footer: /* @__PURE__ */ h(X, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+        F,
+        {
+          mode: "dark",
+          variant: "secondary",
+          focusMode: "light",
+          onClick: () => {
+            r(!1);
+          },
+          children: n.cancelAction
+        }
+      ) }),
+      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+        F,
+        {
+          mode: "dark",
+          variant: "danger",
+          focusMode: "light",
+          onClick: () => {
+            r(!1), t();
+          },
+          children: n.confirmAction
+        }
+      ) })
+    ] }),
+    children: o
+  }
+), Lr = async (e, r, t, o) => {
+  try {
+    const n = await ce({
+      accessToken: o,
+      type: ie.GET_CHAT,
+      params: {
+        id: e.id
+      }
+    });
+    n.status === 200 && (r({
+      type: pt
+    }), r({
+      type: ft,
+      payload: {
+        id: e.id,
+        model: n.data.model,
+        usage: n.data.usage,
+        messages: n.data.messages
+      }
+    }), t(!1));
+  } catch {
+  }
+}, Ar = ({
+  filteredHistory: e,
+  dispatch: r,
+  onOpenChange: t,
+  mutate: o
+}) => {
+  var T;
+  const { user: n, getAccessToken: s } = G(), l = _(null), c = _({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [u, d] = w(!1), [p, k] = w(
+    Be + Oe
+  ), { state: g, dispatch: i } = fe(je), [, f] = Ie({
+    key: _e + gt,
+    initialValue: g.sortDirection
+  }), v = (b) => {
+    switch (g.sortDirection) {
+      case ae.ASC:
+        f(ae.DESC), i({
+          type: Pe,
+          payload: {
+            sortedCell: b,
+            sortDirection: ae.DESC
+          }
+        });
+        break;
+      default:
+        f(ae.ASC), i({
+          type: Pe,
+          payload: {
+            sortedCell: b,
+            sortDirection: ae.ASC
+          }
+        });
+        break;
+    }
+  }, y = async () => {
+    const b = c.current;
+    try {
+      await ce({
+        accessToken: await s(),
+        type: ie.DELETE_CHAT,
+        params: {
+          userId: (n == null ? void 0 : n.username) || "",
+          id: b.id
+        }
+      }), o();
+    } catch {
+    }
+  }, x = Ke((b) => {
+    b[0].isIntersecting && k((I) => I + Be);
+  }, []);
+  return V(() => {
+    const b = {
+      // root: null,
+      rootMargin: "20px"
+    }, E = new IntersectionObserver(x, b);
+    l.current && E.observe(l.current);
+  }), /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ h(
+      et,
+      {
+        showConfirmation: u,
+        setShowConfirmation: d,
+        action: y,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ a("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ h("ul", { className: "m-0", children: [
+            /* @__PURE__ */ h("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ a("span", { className: "text-lg", children: c.current && c.current.timestamp })
+            ] }),
+            /* @__PURE__ */ h("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ a("span", { className: "text-lg", children: (T = c.current) == null ? void 0 : T.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ h(At, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ a(Rt, { children: /* @__PURE__ */ h(Ne, { children: [
+        /* @__PURE__ */ a(P, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ a(
+          zt,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: g.sortDirection,
+            sortedCell: g.sortedCell,
+            onClick: () => {
+              v("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ a(Mt, { children: e.slice(0, p).map((b, E) => {
+        var I, H;
+        return ((I = b == null ? void 0 : b.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ h(Ut, { children: [
+          E === p - Oe && /* @__PURE__ */ a("tr", { ref: l }),
+          /* @__PURE__ */ h(Ne, { children: [
+            /* @__PURE__ */ a(P, { children: E + 1 }),
+            /* @__PURE__ */ a(
+              P,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                children: b.timestamp.split(",")[0]
+              }
+            ),
+            /* @__PURE__ */ a(
+              P,
+              {
+                className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                style: {
+                  wordBreak: "break-word"
+                },
+                children: b.messages.length > 0 ? (H = b.messages[0]) == null ? void 0 : H.content : ""
+              }
+            ),
+            /* @__PURE__ */ h(
+              P,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400",
+                align: "center",
+                children: [
+                  b.model && b.model.startsWith("claude") && /* @__PURE__ */ a(Bt, { size: "size-4 sm:size-5" }),
+                  b.model && b.model.startsWith("gpt") && /* @__PURE__ */ a(Ot, { size: "size-4 sm:size-5" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ h(P, { align: "right", children: [
+              /* @__PURE__ */ a(
+                le,
+                {
+                  className: "mr-2",
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Restore chat",
+                  onClick: async () => {
+                    const B = await s();
+                    Lr(
+                      b,
+                      r,
+                      t,
+                      B
+                    );
+                  },
+                  children: /* @__PURE__ */ a(nr, { size: "size-3", monotone: !0 })
+                }
+              ),
+              /* @__PURE__ */ a(
+                le,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Delete chat",
+                  onClick: () => {
+                    var B;
+                    c.current = {
+                      id: b.id,
+                      timestamp: b.timestamp,
+                      message: b.messages.length > 0 ? (B = b.messages[0]) == null ? void 0 : B.content : ""
+                    }, d(!u);
+                  },
+                  children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(er, { size: "size-3", monotone: !0 }) })
+                }
+              )
+            ] })
+          ] })
+        ] }, `${C.HISTORY.TITLE}-${b.id}-${E}`) : null;
+      }) }),
+      /* @__PURE__ */ a(Pt, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(P, { colSpan: 1e3, children: /* @__PURE__ */ a("div", { children: ge(
+        `${e.length} chat`,
+        e.length
+      ) }) }) }) })
+    ] })
+  ] });
+}, Rr = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const { getAccessToken: t, user: o } = G(), { dispatch: n } = fe(We), { state: s, dispatch: l } = fe(je), { data: c, mutate: u } = $t({
+    keys: [
+      o == null ? void 0 : o.username,
+      s.searchString,
+      s.sortDirection
+    ],
+    getAccessToken: t
+  }), d = _(null), [, p] = Ie({
+    key: _e + bt,
+    initialValue: s.searchString
+  }), [k, g] = w([]);
+  V(() => {
+    c && g(c);
+  }, [c]);
+  const i = async (y) => {
+    p(y), l({
+      type: kt,
+      payload: { searchString: y }
+    });
+  }, f = vt((y) => {
+    i(y.target.value.trim());
+  }, 500);
+  return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ a("form", { autoComplete: "off", onSubmit: async (y) => {
+      y.preventDefault();
+    }, children: /* @__PURE__ */ a(
+      Ee,
+      {
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoCorrect: "off",
+        ref: d,
+        defaultValue: s.searchString,
+        focusMode: "light",
+        mode: "dark",
+        name: "Search",
+        label: "Search",
+        onChange: f,
+        className: "mt-2 mb-2",
+        ...s.searchString && {
+          rightElement: /* @__PURE__ */ a(
+            F,
+            {
+              type: "button",
+              disabled: !s.searchString,
+              mode: "light",
+              focusMode: "light",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var y;
+                i(""), (y = d.current) != null && y.value && (d.current.value = "", d.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ a(
+      Ar,
+      {
+        mutate: u,
+        filteredHistory: k,
+        dispatch: n,
+        onOpenChange: r
+      }
+    ) })
+  ] }) });
+}, zr = ({ stats: e }) => {
+  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), s = pe(), l = pe(), c = (t == null ? void 0 : t.username) || "";
+  return r && c ? /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ a(
+      $,
+      {
+        header: C.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: he(s, {
+          [C.PREFERENCES.NAME]: c,
+          [C.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || ""
+        })
+      }
+    ),
+    n !== xt.PASSKEY && /* @__PURE__ */ h(
+      $,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        header: /* @__PURE__ */ a("h2", { className: "m-0", children: /* @__PURE__ */ h(X, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a($e, { size: "size-8" }) }),
+          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { children: C.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ a("p", { children: C.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ a(
+            le,
+            {
+              size: "small",
+              className: "mt-2",
+              onClick: o,
+              labelLeft: C.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ a($e, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      $,
+      {
+        header: C.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        children: he(l, {
+          [ge(C.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [C.MAIN_STATISTICS.PROCESSING_TIME]: Nt(
+            e.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, Mr = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const { getAccessToken: t, user: o } = G(), {
+    data: n,
+    error: s,
+    isLoading: l
+  } = Dt({
+    keys: [o == null ? void 0 : o.username],
+    getAccessToken: t
+  });
+  return s || l ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(zr, { stats: n }) });
+};
+/*!
+  @versini/ui-textarea v3.0.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "3.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const tt = "av-text-area", Br = "av-text-area-wrapper", we = "av-text-area-helper-text", Or = "av-text-area__control--right", Pr = "av-text-area__control--left";
+function $r() {
+  const e = _(!1);
+  return V(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), Ke(() => e.current, []);
+}
+function Dr(e) {
+  return Xe(() => e.every((r) => r == null) ? () => {
+  } : (r) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(r) : t != null && (t.current = r);
+    });
+  }, e);
+}
+const Vr = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function Fe(e) {
+  const r = $r(), t = _(0), o = _(null), [n, s] = w(Vr), l = Xe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+    const u = c[0];
+    u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      o.current && r() && s(u.contentRect);
+    }));
+  }), [r]);
+  return V(() => (o.current && (l == null || l.observe(o.current, e)), () => {
+    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [l, e]), [o, n];
+}
+function Hr({
+  value: e,
+  defaultValue: r,
+  finalValue: t,
+  onChange: o = () => {
+  },
+  initialControlledDelay: n = 0
+}) {
+  const [s, l] = w(!1), [c, u] = w(
+    r !== void 0 ? r : t
+  ), d = (p) => {
+    u(p), o == null || o(p);
+  };
+  return V(() => {
+    (async () => e !== void 0 && !s && n > 0 && (await new Promise(
+      (p) => setTimeout(p, n)
+    ), l(!0)))();
+  }, [e, n, s]), e !== void 0 ? !s && n > 0 ? ["", o, !0] : [e, o, !0] : [c, d, !1];
+}
+function Ur(e) {
+  const r = Se();
+  if (!e)
+    return r;
+  if (typeof e == "number" || typeof e == "string")
+    return `${e}${r}`;
+  if (typeof e == "object") {
+    const { id: t, prefix: o = "" } = e;
+    return typeof t == "number" || typeof t == "string" ? `${o}${t}` : `${o}${r}`;
+  }
+}
+const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
+  alert: null,
+  alertdialog: null,
+  log: "polite",
+  marquee: null,
+  progressbar: null,
+  status: "polite",
+  timer: "assertive"
+}, Gr = (e, r) => {
+  switch (r == null ? void 0 : r.type) {
+    case rt:
+      return {
+        ...e,
+        announcement: r.payload
+      };
+    case at:
+      return {
+        ...e,
+        announcement: null
+      };
+    default:
+      return e;
+  }
+}, jr = ({
+  onAnnouncementClear: e,
+  dispatch: r
+}) => {
+  r({
+    type: at
+  }), typeof e == "function" && e();
+}, Ge = ({
+  children: e,
+  clearAnnouncementDelay: r,
+  clearAnnouncementTimeoutRef: t,
+  onAnnouncementClear: o,
+  dispatch: n
+}) => {
+  clearTimeout(t.current), e !== null && n({
+    type: rt,
+    payload: e
+  }), r && (t.current = setTimeout(
+    () => jr({
+      onAnnouncementClear: o,
+      dispatch: n
+    }),
+    r
+  ));
+}, Wr = ({
+  children: e,
+  announcementTimeoutRef: r,
+  announcementDelay: t,
+  clearAnnouncementDelay: o,
+  clearAnnouncementTimeoutRef: n,
+  onAnnouncementClear: s,
+  dispatch: l
+}) => {
+  clearTimeout(r.current), t ? r.current = setTimeout(Ge, t, {
+    children: e,
+    clearAnnouncementDelay: o,
+    clearAnnouncementTimeoutRef: n,
+    onAnnouncementClear: s,
+    dispatch: l
+  }) : Ge({
+    children: e,
+    clearAnnouncementDelay: o,
+    clearAnnouncementTimeoutRef: n,
+    onAnnouncementClear: s,
+    dispatch: l
+  });
+};
+function Yr({
+  children: e,
+  className: r,
+  politeness: t,
+  role: o = null,
+  announcementDelay: n,
+  clearAnnouncementDelay: s,
+  onAnnouncementClear: l,
+  visible: c,
+  ...u
+}) {
+  const d = _(null), p = _(null), [k, g] = Ft(Gr, {
+    announcement: null
+  });
+  let i = t;
+  typeof i > "u" && (i = o ? Fr[o] : "assertive"), V(() => {
+    Wr({
+      announcementTimeoutRef: d,
+      announcementDelay: n,
+      children: e,
+      clearAnnouncementDelay: s,
+      clearAnnouncementTimeoutRef: p,
+      onAnnouncementClear: l,
+      dispatch: g
+    });
+  }, [
+    e,
+    n,
+    s,
+    l
+  ]);
+  const f = m(r, {
+    "sr-only": !c
+  });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "aria-live": i,
+      ...o && { role: o },
+      className: f,
+      ...u,
+      children: k.announcement
+    }
+  );
+}
+/*!
+  @versini/ui-liveregion v1.3.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "1.3.1",
+    buildTime: "01/06/2025 08:00 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Xr = ({ mode: e }) => m({
+  "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
+  "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
+  "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
+  "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
+}), qr = ({
+  focusMode: e
+}) => m("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"
+}), Qr = ({
+  noBorder: e,
+  error: r
+}) => m("border-2", {
+  "border-border-dark": !e && !r,
+  "focus:border-border-dark": !e && r,
+  "border-border-error-dark": !e && r,
+  "border-transparent": e
+}), Jr = ({
+  disabled: e,
+  raw: r,
+  error: t,
+  mode: o,
+  leftElement: n,
+  rightElement: s
+}) => {
+  if (r)
+    return "";
+  if (e)
+    return m(
+      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
+      {
+        "translate-x-[12px]": s === !0 && !n || !s && !n
+      }
+    );
+  if (!t)
+    return m(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": s === !0 && !n || !s && !n,
+        "text-copy-medium": o === "dark",
+        "text-copy-dark": o === "light",
+        "text-copy-dark dark:text-copy-medium": o === "system",
+        "text-copy-medium dark:text-copy-dark": o === "alt-system"
+      }
+    );
+  if (t)
+    return m(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": s === !0 && !n || !s && !n,
+        "text-copy-medium": o === "dark",
+        "text-copy-error-dark": o === "light",
+        "text-copy-error-dark dark:text-copy-error-light": o === "system",
+        "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
+      }
+    );
+}, Zr = ({
+  error: e,
+  raw: r,
+  mode: t,
+  disabled: o
+}) => {
+  if (r)
+    return "";
+  if (o)
+    return m(
+      we,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    return m(we, "absolute px-2 font-medium", {
+      "text-copy-medium": t === "dark",
+      "text-copy-dark": t === "light",
+      "text-copy-dark dark:text-copy-medium": t === "system",
+      "text-copy-medium dark:text-copy-dark": t === "alt-system"
+    });
+  if (e)
+    return m(we, "absolute px-2 font-medium", {
+      "text-copy-error-light": t === "dark",
+      "text-copy-error-dark": t === "light",
+      "text-copy-error-dark dark:text-copy-error-light": t === "system",
+      "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
+    });
+}, ea = ({
+  className: e,
+  textAreaClassName: r,
+  raw: t,
+  focusMode: o,
+  disabled: n,
+  noBorder: s,
+  error: l,
+  mode: c,
+  leftElement: u,
+  rightElement: d
+}) => {
+  const p = t ? e : m(
+    "relative flex w-full flex-col justify-center",
+    Br,
+    e
+  ), k = t ? m(r) : m(
+    tt,
+    r,
+    Kr(),
+    Xr({ mode: c }),
+    qr({ focusMode: o }),
+    Qr({
+      noBorder: s,
+      error: l
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": n
+    }
+  ), g = t ? void 0 : "sr-only", i = Jr({
+    disabled: n,
+    raw: t,
+    error: l,
+    mode: c,
+    rightElement: d,
+    leftElement: u
+  }), f = Zr({
+    error: l,
+    raw: t,
+    mode: c,
+    disabled: n
+  }), v = t ? void 0 : m(Or, "absolute"), y = t ? void 0 : m(Pr, "absolute");
+  return {
+    wrapper: p,
+    textArea: k,
+    accessibleLabel: g,
+    visibleLabel: i,
+    helperText: f,
+    rightElement: v,
+    leftElement: y
+  };
+}, ta = ({
+  scrollHeight: e,
+  currentHeight: r,
+  currentLabelOffset: t = 0,
+  currentHelperTextOffset: o = 0
+}) => {
+  let n, s;
+  if (e > 0 && e !== r) {
+    const l = e - r, c = Math.abs(l / 24);
+    n = t + -1 * Math.sign(l) * (12 * c), s = o + Math.sign(l) * (12 * c);
+  }
+  return {
+    labelOffset: n,
+    helperTextOffset: s,
+    scrollHeight: e
+  };
+}, Te = be.forwardRef(
+  ({
+    id: e,
+    name: r,
+    label: t,
+    error: o = !1,
+    raw: n = !1,
+    className: s,
+    textAreaClassName: l,
+    mode: c = "system",
+    focusMode: u = "system",
+    value: d,
+    defaultValue: p,
+    disabled: k = !1,
+    noBorder: g = !1,
+    labelId: i,
+    helperText: f = "",
+    helperTextOnFocus: v = !1,
+    rightElement: y,
+    leftElement: x,
+    onChange: T,
+    onFocus: b,
+    onBlur: E,
+    ...I
+  }, H) => {
+    var B;
+    const R = _(null), de = Dr([H, R]), [N, z] = Fe(), [Z, j] = Fe(), q = _(80), W = _(-25), O = _(null), ee = _(30), te = _(null), Y = Ur({ id: e, prefix: `${tt}-` }), [Ae, ot] = w(0), [Re, nt] = w(0), [st, ze] = w(
+      !!(!v && f)
+    ), lt = `${r} error, ${f}`, K = ea({
+      className: s,
+      textAreaClassName: l,
+      error: o,
+      raw: n,
+      focusMode: u,
+      disabled: k,
+      noBorder: g,
+      mode: c,
+      rightElement: !!y,
+      leftElement: !!x
+    }), [U, ct] = Hr({
+      value: d,
+      initialControlledDelay: 20,
+      defaultValue: p,
+      onChange: (L) => {
+        T && T({
+          target: {
+            value: L
+          }
+        });
+      }
+    }), it = (L) => {
+      ct(L.target.value);
+    }, dt = (L) => {
+      v && f && ze(!0), b && b(L);
+    }, mt = (L) => {
+      v && f && !U && ze(!1), E && E(L);
+    };
+    return ne(() => {
+      z && z.width && ot(z.width + 18 + 10);
+    }, [z]), ne(() => {
+      j && j.width && nt(j.width + 18 + 10);
+    }, [j]), ne(() => {
+      n || R && R.current && U !== void 0 && (R.current.style.height = "inherit", R.current.style.height = R.current.scrollHeight + "px");
+    }, [U, n]), ne(() => {
+      n || setTimeout(() => {
+        var L;
+        (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          U ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [U, n]), ne(() => {
+      var L, Me;
+      if (!n && R && R.current && U !== void 0) {
+        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = ta({
+          scrollHeight: R.current.scrollHeight,
+          currentHeight: q.current,
+          currentLabelOffset: W.current,
+          currentHelperTextOffset: ee.current
+        });
+        ve && (W.current = ve, (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+          "--av-text-area-label",
+          `${ve}px`
+        )), xe && (ee.current = xe, (Me = te == null ? void 0 : te.current) == null || Me.style.setProperty(
+          "--av-text-area-helper-text",
+          `${xe}px`
+        )), q.current = ut || q.current;
+      }
+    }, [U, n]), j.width > 0 && ((B = O == null ? void 0 : O.current) == null || B.style.setProperty(
+      "--tw-translate-x",
+      `${12 + j.width + 5}px`
+    )), /* @__PURE__ */ h("div", { className: K.wrapper, children: [
+      /* @__PURE__ */ a(
+        "label",
+        {
+          htmlFor: Y,
+          id: i,
+          className: K.accessibleLabel,
+          children: t
+        }
+      ),
+      x && /* @__PURE__ */ a(
+        "div",
+        {
+          ref: Z,
+          className: K.leftElement,
+          children: x
+        }
+      ),
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          ref: de,
+          id: Y,
+          name: r,
+          disabled: k,
+          placeholder: n ? void 0 : " ",
+          className: K.textArea,
+          rows: 1,
+          ...f && { "aria-describedby": `${Y}-helper` },
+          ...o && { "aria-invalid": "true" },
+          ...y && !x && !n && { style: { paddingRight: Ae } },
+          ...x && !y && !n && { style: { paddingLeft: Re } },
+          ...y && x && !n && {
+            style: {
+              paddingRight: Ae,
+              paddingLeft: Re
+            }
+          },
+          value: U,
+          onChange: it,
+          onFocus: dt,
+          onBlur: mt,
+          ...I
+        }
+      ),
+      !n && /* @__PURE__ */ a(
+        "label",
+        {
+          ref: O,
+          "aria-hidden": !0,
+          htmlFor: Y,
+          className: `${K.visibleLabel}`,
+          children: t
+        }
+      ),
+      st && /* @__PURE__ */ a(
+        "div",
+        {
+          ref: te,
+          id: `${Y}-helper`,
+          className: K.helperText,
+          children: f
+        }
+      ),
+      y && /* @__PURE__ */ a(
+        "div",
+        {
+          ref: N,
+          className: K.rightElement,
+          children: y
+        }
+      ),
+      o && f && /* @__PURE__ */ a(Yr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
+    ] });
+  }
+);
+Te.displayName = "TextArea";
+/*!
+  @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 ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa = ({
+  focusMode: e
+}) => m(
+  "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"
+  }
+), na = () => m(
+  "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"
+), sa = () => m(
+  "after:left-[2px]",
+  "after:top-[2px]",
+  "after:border",
+  "after:border-surface-light dark:after:border-surface-medium",
+  "after:bg-surface-light dark:after:bg-surface-medium",
+  "after:absolute",
+  "after:h-5",
+  "after:w-5",
+  "after:rounded-full",
+  "after:transition-all",
+  "after:content-['']"
+), la = ({
+  mode: e,
+  noBorder: r
+}) => m({
+  border: !r,
+  "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"
+}), ca = ({
+  mode: e,
+  labelHidden: r
+}) => r ? "sr-only" : m("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"
+}), ia = ({ className: e }) => m(
+  ra,
+  "relative flex cursor-pointer items-center",
+  e
+), da = ({
+  mode: e,
+  focusMode: r,
+  labelHidden: t,
+  className: o,
+  noBorder: n
+}) => ({
+  toggle: m(
+    aa(),
+    la({ mode: e, noBorder: n }),
+    oa({ focusMode: r }),
+    sa(),
+    na()
+  ),
+  label: ca({ mode: e, labelHidden: t }),
+  input: "peer sr-only",
+  wrapper: ia({ className: o })
+}), ue = ({
+  checked: e = !1,
+  onChange: r,
+  label: t,
+  labelHidden: o = !1,
+  name: n,
+  mode: s = "system",
+  focusMode: l = "system",
+  className: c,
+  noBorder: u = !1
+}) => {
+  const d = da({
+    mode: s,
+    focusMode: l,
+    labelHidden: o,
+    className: c,
+    noBorder: u
+  }), p = (k) => {
+    r == null || r(k.target.checked);
+  };
+  return /* @__PURE__ */ h("label", { className: d.wrapper, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        name: n,
+        checked: e,
+        type: "checkbox",
+        className: d.input,
+        onChange: p
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: d.toggle }),
+    /* @__PURE__ */ a("span", { className: d.label, children: t })
+  ] });
+}, ma = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const { getAccessToken: t, user: o } = G(), {
+    data: n,
+    error: s,
+    isLoading: l,
+    mutate: c
+  } = Ye({
+    keys: [o == null ? void 0 : o.username],
+    getAccessToken: t
+  }), [u, d] = w({
+    prompts: []
+  }), p = ({
+    slot: i,
+    checked: f,
+    label: v,
+    content: y
+  }) => {
+    d((x) => {
+      const T = x.prompts, b = {
+        slot: i,
+        label: v,
+        content: y,
+        enabled: f
+      }, E = T.findIndex((I) => I.slot === i);
+      return E === -1 ? {
+        ...x,
+        prompts: [...T, { ...b, slot: i }]
+      } : (T[E] = b, {
+        ...x,
+        prompts: [...T]
+      });
+    });
+  }, k = async (i) => {
+    i.preventDefault();
+    try {
+      await ce({
+        accessToken: await t(),
+        type: ie.SET_USER_PREFERENCES,
+        params: {
+          user: o == null ? void 0 : o.username,
+          tags: u.prompts
+        }
+      });
+    } catch {
+    }
+  }, g = () => {
+    c({ ...n }), r(!1);
+  };
+  return V(() => {
+    n != null && n.tags && d({ prompts: n.tags });
+  }, [n]), s || l ? null : /* @__PURE__ */ h(
+    J,
+    {
+      open: e,
+      onOpenChange: g,
+      title: "Prompts",
+      footer: /* @__PURE__ */ h(
+        X,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+              F,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: g,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+              F,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (i) => {
+                  r(!1), await k(i);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ a("p", { children: Et }),
+        u.prompts && u.prompts.map((i) => /* @__PURE__ */ h(
+          $,
+          {
+            header: `Prompt ${i.slot + 1}`,
+            className: "prose-dark dark:prose-lighter mb-2",
+            children: [
+              /* @__PURE__ */ h(X, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                  Ee,
+                  {
+                    label: "Label",
+                    name: `prompt${i.slot}-label`,
+                    value: i.label,
+                    onChange: (f) => {
+                      p({
+                        slot: i.slot,
+                        checked: i.enabled,
+                        label: f.target.value,
+                        content: i.content
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                  Ee,
+                  {
+                    label: "Content",
+                    name: `prompt${i.slot}-content`,
+                    value: i.content,
+                    onChange: (f) => {
+                      p({
+                        slot: i.slot,
+                        checked: i.enabled,
+                        label: i.label,
+                        content: f.target.value
+                      });
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ a(
+                ue,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enabled",
+                  name: i.slot.toString(),
+                  onChange: (f) => {
+                    p({
+                      slot: i.slot,
+                      checked: f,
+                      label: i.label,
+                      content: i.content
+                    });
+                  },
+                  checked: i.enabled
+                }
+              )
+            ]
+          },
+          `prompt-slot-${i.slot}`
+        ))
+      ]
+    }
+  );
+}, ua = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const { getAccessToken: t, user: o } = G(), {
+    data: n,
+    error: s,
+    isLoading: l,
+    mutate: c
+  } = Ye({
+    keys: [o == null ? void 0 : o.username],
+    getAccessToken: t
+  }), [u, d] = w(!1), [p, k] = w({
+    loadingLocation: !1
+  }), [g, i] = w(""), [f, v] = w(""), [y, x] = w(Ct), [T, b] = Ie({
+    key: _e + Tt,
+    initialValue: !1
+  }), E = (N) => {
+    b(N);
+  }, I = async (N) => {
+    N.preventDefault();
+    try {
+      await ce({
+        accessToken: await t(),
+        type: ie.SET_USER_PREFERENCES,
+        params: {
+          user: o == null ? void 0 : o.username,
+          instructions: g,
+          location: f,
+          engine: y
+        }
+      }), c(), k({
+        loadingLocation: !1
+      });
+    } catch {
+    }
+  }, H = async () => {
+    k({
+      loadingLocation: !0
+    }), v("...");
+    try {
+      const N = Date.now(), z = await St(), Z = await ce({
+        accessToken: await t(),
+        type: ie.GET_LOCATION,
+        params: {
+          latitude: z.latitude,
+          longitude: z.longitude
+        }
+      }), q = Date.now() - N;
+      if (q < 2e3 && await new Promise((W) => setTimeout(W, 2e3 - q)), Z.status === 200) {
+        const { city: W, state: O, country: ee, displayName: te } = Z.data, Y = W && O && ee ? `${W}, ${O}, ${ee}` : te;
+        k({
+          loadingLocation: !1
+        }), v(Y);
+      } else
+        k({
+          loadingLocation: !1
+        });
+    } catch {
+    }
+  }, B = (N, z) => {
+    x(N ? z : z === Q ? re : Q);
+  }, R = () => {
+    d(!u);
+  }, de = () => {
+    c({ ...n }), r(!1);
+  };
+  return V(() => {
+    n != null && n.instructions && i(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && x(n.engine);
+  }, [n]), s || l ? null : /* @__PURE__ */ a(
+    J,
+    {
+      open: e,
+      onOpenChange: de,
+      title: _t,
+      footer: /* @__PURE__ */ h(
+        X,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+              F,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: de,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
+              F,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (N) => {
+                  r(!1), await I(N);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ h(M, { children: [
+        u && /* @__PURE__ */ a(ma, { open: u, onOpenChange: d }),
+        /* @__PURE__ */ h(
+          $,
+          {
+            header: C.SETTINGS_ENGINE.TITLE,
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ a("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ a(
+                ue,
+                {
+                  noBorder: !0,
+                  label: Q,
+                  name: Q,
+                  onChange: (N) => B(N, Q),
+                  checked: y === Q
+                }
+              ),
+              /* @__PURE__ */ a(
+                ue,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: re,
+                  name: re,
+                  onChange: (N) => B(N, re),
+                  checked: y === re
+                }
+              ),
+              /* @__PURE__ */ a("p", { className: "text-sm", children: 'This "Show Message Statistics" option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more.' }),
+              /* @__PURE__ */ a(
+                ue,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Message Statistics",
+                  name: "show-message-statistics",
+                  onChange: E,
+                  checked: T
+                }
+              ),
+              /* @__PURE__ */ a("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
+              /* @__PURE__ */ a(
+                le,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  onClick: R,
+                  labelLeft: "Edit Custom Prompts",
+                  children: /* @__PURE__ */ a(tr, { size: "size-3", monotone: !0 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(
+          $,
+          {
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ h("p", { className: "text-sm", children: [
+                "What would you like ",
+                /* @__PURE__ */ a("em", { children: It }),
+                " to know about you to provide better responses?"
+              ] }),
+              /* @__PURE__ */ a(
+                Te,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: g,
+                  onChange: (N) => {
+                    i(N.target.value);
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(
+          $,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ a("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ a(
+                Te,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: f,
+                  onChange: (N) => {
+                    v(N.target.value);
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ a(
+                F,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  noBorder: !0,
+                  disabled: p.loadingLocation,
+                  onClick: H,
+                  children: p.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, ka = () => {
+  const { logout: e } = G(), { state: r } = fe(We), [t, o] = w(!1), [n, s] = w(!1), [l, c] = w(!1), [u, d] = w(!1), [p, k] = w(!1), g = () => {
+    o(!t);
+  }, i = () => {
+    s(!n);
+  }, f = () => {
+    c(!l);
+  }, v = () => {
+    d(!u);
+  }, y = () => {
+    k(!p);
+  };
+  return /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ a(
+      et,
+      {
+        showConfirmation: p,
+        setShowConfirmation: k,
+        action: e,
+        customStrings: {
+          confirmAction: De,
+          cancelAction: "Cancel",
+          title: De
+        },
+        children: /* @__PURE__ */ a("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ a(Mr, { open: t, onOpenChange: o }),
+    /* @__PURE__ */ a(ua, { open: n, onOpenChange: s }),
+    l && /* @__PURE__ */ a(Rr, { open: l, onOpenChange: c }),
+    /* @__PURE__ */ a(Sr, { open: u, onOpenChange: d }),
+    /* @__PURE__ */ a("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ a(X, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ h(
+      Vt,
+      {
+        mode: "dark",
+        focusMode: "light",
+        trigger: /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(sr, {}) }),
+        defaultPlacement: "bottom-end",
+        children: [
+          /* @__PURE__ */ a(
+            oe,
+            {
+              label: "Profile",
+              onClick: g,
+              icon: /* @__PURE__ */ a(or, {})
+            }
+          ),
+          /* @__PURE__ */ a(
+            oe,
+            {
+              label: "Settings",
+              onClick: i,
+              icon: /* @__PURE__ */ a(lr, {})
+            }
+          ),
+          /* @__PURE__ */ a(
+            oe,
+            {
+              label: "History",
+              onClick: f,
+              icon: /* @__PURE__ */ a(rr, {})
+            }
+          ),
+          /* @__PURE__ */ a(
+            oe,
+            {
+              label: "About",
+              onClick: v,
+              icon: /* @__PURE__ */ a(ar, {})
+            }
+          ),
+          r && r.id && !r.isComponent && /* @__PURE__ */ h(M, { children: [
+            /* @__PURE__ */ a(Ht, {}),
+            /* @__PURE__ */ a(
+              oe,
+              {
+                label: "Log out",
+                onClick: y,
+                icon: /* @__PURE__ */ a("div", { className: "text-red-700", children: /* @__PURE__ */ a(Zt, { monotone: !0 }) })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) }) }) }) })
+  ] });
+};
+export {
+  ka as default
+};