@versini/sassysaint 6.0.3 → 6.1.0

package/dist/chunks/HeaderToolbar.VQAMrnVQ.js

@@ -0,0 +1,1725 @@
+import { jsxs as i, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { g as D, un as $, R as B, CARDS as N, renderDataAsList as de, pluralize as ue, ABOUT_TITLE as Qe, INFINITE_SCROLL_LIMIT as Se, INFINITE_SCROLL_THRESHOLD as ve, LOCAL_STORAGE_PREFIX as ke, LOCAL_STORAGE_SORT as Je, Y as ae, ACTION_RESET as Ze, ACTION_RESTORE as et, ACTION_SORT as Ae, LOCAL_STORAGE_SEARCH as tt, HISTORY_TITLE as rt, ye as be, C as X, ACTION_SEARCH as nt, debounce as at, M as ot, L as q, j as P, l as Ie, durationFormatter as st, PROFILE_TITLE as lt, PROMPTS_DESCRIPTION as ct, DEFAULT_AI_ENGINE as it, LOCAL_STORAGE_CHAT_DETAILS as dt, SETTINGS_TITLE as ut, ENGINE_OPENAI as W, ENGINE_ANTHROPIC as ee, APP_NAME as mt, getCurrentGeoLocation as ht, LOG_OUT as _e } from "./index.DUNIGQ5_.js";
+import { i as me, useServerCapabilities as pt, Ie as le, HistoryContext as Me, E as Ee, ConfirmationPanel as Oe, ge as ft, he as gt, ue as ge, le as O, ye as yt, me as bt, p as xt, z as kt, be as Et, serviceCall as oe, SERVICE_TYPES as se, f as te, AppContext as Pe, useChatsHistory as Ct, useUserChatStats as Tt, useUserPreferences as ze, m as Nt, _e as wt, me$1 as St, R as re, P as vt } from "./App.CVKf39VG.js";
+import At, { useRef as S, useState as E, useContext as he, useCallback as Be, useEffect as V, Fragment as It, useLayoutEffect as ne, useMemo as He, useId as _t, useReducer as Rt } from "react";
+import y from "clsx";
+const Lt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Back",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          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-224 0-111-80.7-203.1-186.7-220.9-1.8-.3-3.6-.4-5.3-.4-15.3 0-28.9 11.1-31.5 26.7-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 160-79.2 0-145.1-57.6-157.8-133.3-2.9-17.4-19.4-29.2-36.9-26.3-15.6 2.6-26.7 16.2-26.7 31.5z",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M32 0h160c17.7 0 32 14.3 32 32s-14.3 32-32 32h-82.7l233.3 233.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32S0 209.7 0 192V32C0 14.3 14.3 0 32 0" })
+    ]
+  }
+), Mt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Delete",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M32 96v352c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16z",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
+    ]
+  }
+), Ot = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "History",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 57.9V168c0 13.3 10.7 24 24 24h110.1c21.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.4-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.9",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
+    ]
+  }
+), Pt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Info",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0m192-8c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24m96-88a32 32 0 1 1-64 0 32 32 0 1 1 64 0",
+          opacity: ".4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64m-64 120c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24" })
+    ]
+  }
+), zt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Profile",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m64 272c0-44.2 35.8-80 80-80h64c44.2 0 80 35.8 80 80 0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16m176-176a64 64 0 1 1-128 0 64 64 0 1 1 128 0m112-16c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16",
+          opacity: ".4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128m-32 32c-44.2 0-80 35.8-80 80 0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80z" })
+    ]
+  }
+), Bt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Restore",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M128 80v16h64V80c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16h-16v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
+    ]
+  }
+), Ht = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ e(
+  D,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Settings",
+    ...r,
+    children: /* @__PURE__ */ e("path", { d: "M432 256a48 48 0 1 1-96 0 48 48 0 1 1 96 0m-160 0a48 48 0 1 1-96 0 48 48 0 1 1 96 0M64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96" })
+  }
+), Dt = ({
+  className: t,
+  viewBox: a,
+  title: o,
+  monotone: n,
+  ...r
+}) => /* @__PURE__ */ i(
+  D,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: t,
+    title: o || "Sliders",
+    ...r,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 96c0-17.7 14.3-32 32-32h86.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h246.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h54.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m233.3-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H233.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H265.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32h-54.7c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32z",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0m80-160a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0M192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64m0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160" })
+    ]
+  }
+), $t = () => {
+  const { getAccessToken: t } = $(), a = me(), o = me(), {
+    data: n,
+    error: r,
+    isLoading: l
+  } = pt({
+    getAccessToken: t
+  }), s = (n == null ? void 0 : n.plugins) || [], d = (n == null ? void 0 : n.version) || "", u = (n == null ? void 0 : n.models) || [];
+  return /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
+      B,
+      {
+        header: N.ABOUT.TITLE_CLIENT,
+        className: "prose-dark dark:prose-lighter",
+        children: de(a, {
+          [N.ABOUT.VERSION]: "6.1.0",
+          [N.ABOUT.BUILD_TIMESTAMP]: "01/23/2025 11:39 AM EST"
+        })
+      }
+    ) }),
+    r || l ? null : /* @__PURE__ */ e(
+      B,
+      {
+        header: N.ABOUT.TITLE_SERVER,
+        className: "prose-dark dark:prose-lighter",
+        children: de(o, {
+          [N.ABOUT.VERSION]: d,
+          [ue(N.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ e(z, { children: u.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) }),
+          [ue(N.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ e(z, { children: s.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) })
+        })
+      }
+    )
+  ] });
+}, Vt = ({
+  open: t,
+  onOpenChange: a
+}) => /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: Qe, children: /* @__PURE__ */ e($t, {}) }), Ft = async (t, a, o, n) => {
+  try {
+    const r = await oe({
+      accessToken: n,
+      type: se.GET_CHAT,
+      params: {
+        id: t.id
+      }
+    });
+    r.status === 200 && (a({
+      type: Ze
+    }), a({
+      type: et,
+      payload: {
+        id: t.id,
+        model: r.data.model,
+        usage: r.data.usage,
+        messages: r.data.messages
+      }
+    }), o(!1));
+  } catch {
+  }
+}, Gt = ({
+  filteredHistory: t,
+  dispatch: a,
+  onOpenChange: o,
+  mutate: n
+}) => {
+  var A;
+  const { user: r, getAccessToken: l } = $(), s = S(null), d = S({
+    id: 0,
+    timestamp: "",
+    message: ""
+  }), [u, h] = E(!1), [f, b] = E(
+    Se + ve
+  ), { state: x, dispatch: c } = he(Me), [, p] = Ee({
+    key: ke + Je,
+    initialValue: x.sortDirection
+  }), T = (m) => {
+    switch (x.sortDirection) {
+      case te.ASC:
+        p(te.DESC), c({
+          type: Ae,
+          payload: {
+            sortedCell: m,
+            sortDirection: te.DESC
+          }
+        });
+        break;
+      default:
+        p(te.ASC), c({
+          type: Ae,
+          payload: {
+            sortedCell: m,
+            sortDirection: te.ASC
+          }
+        });
+        break;
+    }
+  }, C = async () => {
+    const m = d.current;
+    try {
+      await oe({
+        accessToken: await l(),
+        type: se.DELETE_CHAT,
+        params: {
+          userId: (r == null ? void 0 : r.username) || "",
+          id: m.id
+        }
+      }), n();
+    } catch {
+    }
+  }, g = Be((m) => {
+    m[0].isIntersecting && b((R) => R + Se);
+  }, []);
+  return V(() => {
+    const m = {
+      // root: null,
+      rootMargin: "20px"
+    }, w = new IntersectionObserver(g, m);
+    s.current && w.observe(s.current);
+  }), /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ i(
+      Oe,
+      {
+        showConfirmation: u,
+        setShowConfirmation: h,
+        action: C,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ i("ul", { className: "m-0", children: [
+            /* @__PURE__ */ i("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-lg", children: d.current && d.current.timestamp })
+            ] }),
+            /* @__PURE__ */ i("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-lg", children: (A = d.current) == null ? void 0 : A.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(ft, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ i(ge, { children: [
+        /* @__PURE__ */ e(O, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ e(
+          yt,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: "timestamp",
+            align: "left",
+            sortDirection: x.sortDirection,
+            sortedCell: x.sortedCell,
+            onClick: () => {
+              T("timestamp");
+            },
+            children: "Date"
+          }
+        ),
+        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e(bt, { children: t.slice(0, f).map((m, w) => {
+        var R, j;
+        return ((R = m == null ? void 0 : m.messages) == null ? void 0 : R.length) > 0 ? /* @__PURE__ */ i(It, { children: [
+          w === f - ve && /* @__PURE__ */ e("tr", { ref: s }),
+          /* @__PURE__ */ i(ge, { children: [
+            /* @__PURE__ */ e(O, { children: w + 1 }),
+            /* @__PURE__ */ e(
+              O,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                children: m.timestamp.split(",")[0]
+              }
+            ),
+            /* @__PURE__ */ e(
+              O,
+              {
+                className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                style: {
+                  wordBreak: "break-word"
+                },
+                children: m.messages.length > 0 ? (j = m.messages[0]) == null ? void 0 : j.content : ""
+              }
+            ),
+            /* @__PURE__ */ i(
+              O,
+              {
+                component: "th",
+                scope: "row",
+                className: "text-gray-400",
+                align: "center",
+                children: [
+                  m.model && m.model.startsWith("claude") && /* @__PURE__ */ e(xt, { size: "size-4 sm:size-5" }),
+                  m.model && m.model.startsWith("gpt") && /* @__PURE__ */ e(kt, { size: "size-4 sm:size-5" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(O, { align: "right", children: [
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  className: "mr-2",
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Restore chat",
+                  onClick: async () => {
+                    const L = await l();
+                    Ft(
+                      m,
+                      a,
+                      o,
+                      L
+                    );
+                  },
+                  children: /* @__PURE__ */ e(Bt, { size: "size-3", monotone: !0 })
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Delete chat",
+                  onClick: () => {
+                    var L;
+                    d.current = {
+                      id: m.id,
+                      timestamp: m.timestamp,
+                      message: m.messages.length > 0 ? (L = m.messages[0]) == null ? void 0 : L.content : ""
+                    }, h(!u);
+                  },
+                  children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Mt, { size: "size-3", monotone: !0 }) })
+                }
+              )
+            ] })
+          ] })
+        ] }, `${N.HISTORY.TITLE}-${m.id}-${w}`) : null;
+      }) }),
+      /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(O, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
+        `${t.length} chat`,
+        t.length
+      ) }) }) }) })
+    ] })
+  ] });
+}, Ut = ({
+  open: t,
+  onOpenChange: a
+}) => {
+  const { getAccessToken: o, user: n } = $(), { state: r, dispatch: l } = he(Pe), { state: s, dispatch: d } = he(Me), { data: u, mutate: h } = Ct({
+    keys: [
+      n == null ? void 0 : n.username,
+      s.searchString,
+      s.sortDirection,
+      (r == null ? void 0 : r.lastTriggeredTimestamp) || 0
+    ],
+    getAccessToken: o
+  }), f = S(null), [, b] = Ee({
+    key: ke + tt,
+    initialValue: s.searchString
+  }), [x, c] = E([]);
+  V(() => {
+    u && c(u);
+  }, [u]);
+  const p = async (g) => {
+    b(g), d({
+      type: nt,
+      payload: { searchString: g }
+    });
+  }, T = at((g) => {
+    p(g.target.value.trim());
+  }, 500);
+  return /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
+      g.preventDefault();
+    }, children: /* @__PURE__ */ e(
+      be,
+      {
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoCorrect: "off",
+        ref: f,
+        defaultValue: s.searchString,
+        focusMode: "light",
+        mode: "dark",
+        name: "Search",
+        label: "Search",
+        onChange: T,
+        className: "mt-2 mb-2",
+        ...s.searchString && {
+          rightElement: /* @__PURE__ */ e(
+            X,
+            {
+              type: "button",
+              disabled: !s.searchString,
+              mode: "light",
+              focusMode: "light",
+              noBorder: !0,
+              size: "small",
+              onClick: () => {
+                var g;
+                p(""), (g = f.current) != null && g.value && (f.current.value = "", f.current.focus());
+              },
+              children: "Reset"
+            }
+          )
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ e(
+      Gt,
+      {
+        mutate: h,
+        filteredHistory: x,
+        dispatch: l,
+        onOpenChange: a
+      }
+    ) })
+  ] }) });
+}, Yt = ({ stats: t }) => {
+  const { isAuthenticated: a, user: o, registeringForPasskey: n, authenticationType: r } = $(), l = me(), s = me(), d = (o == null ? void 0 : o.username) || "";
+  return a && d ? /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ e(
+      B,
+      {
+        header: N.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: de(l, {
+          [N.PREFERENCES.NAME]: d,
+          [N.PREFERENCES.EMAIL]: (o == null ? void 0 : o.email) || ""
+        })
+      }
+    ),
+    r !== ot.PASSKEY && /* @__PURE__ */ i(
+      B,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ i(q, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Ie, { size: "size-8" }) }),
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ e("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              size: "small",
+              className: "mt-2",
+              onClick: n,
+              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ e(Ie, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      B,
+      {
+        header: N.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        children: de(s, {
+          [ue(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [N.MAIN_STATISTICS.PROCESSING_TIME]: st(
+            t.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
+}, jt = ({
+  open: t,
+  onOpenChange: a
+}) => {
+  const { getAccessToken: o, user: n } = $(), {
+    data: r,
+    error: l,
+    isLoading: s
+  } = Tt({
+    keys: [n == null ? void 0 : n.username],
+    getAccessToken: o
+  });
+  return l || s ? null : /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: lt, children: /* @__PURE__ */ e(Yt, { stats: r }) });
+};
+/*!
+  @versini/ui-textarea v3.0.10
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "3.0.10",
+    buildTime: "01/20/2025 10:07 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const De = "av-text-area", Kt = "av-text-area-wrapper", ye = "av-text-area-helper-text", Wt = "av-text-area__control--right", Xt = "av-text-area__control--left";
+function qt() {
+  const t = S(!1);
+  return V(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), Be(() => t.current, []);
+}
+function Qt(t) {
+  return He(() => t.every((a) => a == null) ? () => {
+  } : (a) => {
+    t.forEach((o) => {
+      typeof o == "function" ? o(a) : o != null && (o.current = a);
+    });
+  }, t);
+}
+const Jt = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function Re(t) {
+  const a = qt(), o = S(0), n = S(null), [r, l] = E(Jt), s = He(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const u = d[0];
+    u && (cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+      n.current && a() && l(u.contentRect);
+    }));
+  }), [a]);
+  return V(() => (n.current && (s == null || s.observe(n.current, t)), () => {
+    s == null || s.disconnect(), o.current && cancelAnimationFrame(o.current);
+  }), [s, t]), [n, r];
+}
+function Zt({
+  value: t,
+  defaultValue: a,
+  finalValue: o,
+  onChange: n = () => {
+  },
+  initialControlledDelay: r = 0
+}) {
+  const [l, s] = E(!1), [d, u] = E(
+    a !== void 0 ? a : o
+  ), h = (f) => {
+    u(f), n == null || n(f);
+  };
+  return V(() => {
+    (async () => t !== void 0 && !l && r > 0 && (await new Promise(
+      (f) => setTimeout(f, r)
+    ), s(!0)))();
+  }, [t, r, l]), t !== void 0 ? !l && r > 0 ? ["", n, !0] : [t, n, !0] : [d, h, !1];
+}
+function er(t) {
+  const a = _t();
+  if (!t)
+    return a;
+  if (typeof t == "number" || typeof t == "string")
+    return `${t}${a}`;
+  if (typeof t == "object") {
+    const { id: o, prefix: n = "" } = t;
+    return typeof o == "number" || typeof o == "string" ? `${n}${o}` : `${n}${a}`;
+  }
+}
+const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
+  alert: null,
+  alertdialog: null,
+  log: "polite",
+  marquee: null,
+  progressbar: null,
+  status: "polite",
+  timer: "assertive"
+}, rr = (t, a) => {
+  switch (a == null ? void 0 : a.type) {
+    case $e:
+      return {
+        ...t,
+        announcement: a.payload
+      };
+    case Ve:
+      return {
+        ...t,
+        announcement: null
+      };
+    default:
+      return t;
+  }
+}, nr = ({
+  onAnnouncementClear: t,
+  dispatch: a
+}) => {
+  a({
+    type: Ve
+  }), typeof t == "function" && t();
+}, Le = ({
+  children: t,
+  clearAnnouncementDelay: a,
+  clearAnnouncementTimeoutRef: o,
+  onAnnouncementClear: n,
+  dispatch: r
+}) => {
+  clearTimeout(o.current), t !== null && r({
+    type: $e,
+    payload: t
+  }), a && (o.current = setTimeout(
+    () => nr({
+      onAnnouncementClear: n,
+      dispatch: r
+    }),
+    a
+  ));
+}, ar = ({
+  children: t,
+  announcementTimeoutRef: a,
+  announcementDelay: o,
+  clearAnnouncementDelay: n,
+  clearAnnouncementTimeoutRef: r,
+  onAnnouncementClear: l,
+  dispatch: s
+}) => {
+  clearTimeout(a.current), o ? a.current = setTimeout(Le, o, {
+    children: t,
+    clearAnnouncementDelay: n,
+    clearAnnouncementTimeoutRef: r,
+    onAnnouncementClear: l,
+    dispatch: s
+  }) : Le({
+    children: t,
+    clearAnnouncementDelay: n,
+    clearAnnouncementTimeoutRef: r,
+    onAnnouncementClear: l,
+    dispatch: s
+  });
+};
+function or({
+  children: t,
+  className: a,
+  politeness: o,
+  role: n = null,
+  announcementDelay: r,
+  clearAnnouncementDelay: l,
+  onAnnouncementClear: s,
+  visible: d,
+  ...u
+}) {
+  const h = S(null), f = S(null), [b, x] = Rt(rr, {
+    announcement: null
+  });
+  let c = o;
+  typeof c > "u" && (c = n ? tr[n] : "assertive"), V(() => {
+    ar({
+      announcementTimeoutRef: h,
+      announcementDelay: r,
+      children: t,
+      clearAnnouncementDelay: l,
+      clearAnnouncementTimeoutRef: f,
+      onAnnouncementClear: s,
+      dispatch: x
+    });
+  }, [
+    t,
+    r,
+    l,
+    s
+  ]);
+  const p = y(a, {
+    "sr-only": !d
+  });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-live": c,
+      ...n && { role: n },
+      className: p,
+      ...u,
+      children: b.announcement
+    }
+  );
+}
+/*!
+  @versini/ui-liveregion v1.3.7
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "1.3.7",
+    buildTime: "01/20/2025 10:07 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", lr = ({ mode: t }) => y({
+  "bg-surface-darker text-copy-lighter caret-copy-light": t === "dark",
+  "bg-surface-lighter text-copy-dark caret-copy-dark": t === "light",
+  "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": t === "system",
+  "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": t === "alt-system"
+}), cr = ({
+  focusMode: t
+}) => y("focus:outline focus:outline-2 focus:outline-offset-2", {
+  "focus:outline-focus-dark": t === "dark",
+  "focus:outline-focus-light": t === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
+}), ir = ({
+  noBorder: t,
+  error: a
+}) => y("border-2", {
+  "border-border-dark": !t && !a,
+  "focus:border-border-dark": !t && a,
+  "border-border-error-dark": !t && a,
+  "border-transparent": t
+}), dr = ({
+  disabled: t,
+  raw: a,
+  error: o,
+  mode: n,
+  leftElement: r,
+  rightElement: l
+}) => {
+  if (a)
+    return "";
+  if (t)
+    return y(
+      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
+      {
+        "translate-x-[12px]": l === !0 && !r || !l && !r
+      }
+    );
+  if (!o)
+    return y(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": l === !0 && !r || !l && !r,
+        "text-copy-medium": n === "dark",
+        "text-copy-dark": n === "light",
+        "text-copy-dark dark:text-copy-medium": n === "system",
+        "text-copy-medium dark:text-copy-dark": n === "alt-system"
+      }
+    );
+  if (o)
+    return y(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": l === !0 && !r || !l && !r,
+        "text-copy-medium": n === "dark",
+        "text-copy-error-dark": n === "light",
+        "text-copy-error-dark dark:text-copy-error-light": n === "system",
+        "text-copy-medium dark:text-copy-error-dark": n === "alt-system"
+      }
+    );
+}, ur = ({
+  error: t,
+  raw: a,
+  mode: o,
+  disabled: n
+}) => {
+  if (a)
+    return "";
+  if (n)
+    return y(
+      ye,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!t)
+    return y(ye, "absolute px-2 font-medium", {
+      "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 y(ye, "absolute px-2 font-medium", {
+      "text-copy-error-light": o === "dark",
+      "text-copy-error-dark": o === "light",
+      "text-copy-error-dark dark:text-copy-error-light": o === "system",
+      "dark:text-copy-error-dark text-copy-error-light": o === "alt-system"
+    });
+}, mr = ({
+  className: t,
+  textAreaClassName: a,
+  raw: o,
+  focusMode: n,
+  disabled: r,
+  noBorder: l,
+  error: s,
+  mode: d,
+  leftElement: u,
+  rightElement: h
+}) => {
+  const f = o ? t : y(
+    "relative flex w-full flex-col justify-center",
+    Kt,
+    t
+  ), b = o ? y(a) : y(
+    De,
+    a,
+    sr(),
+    lr({ mode: d }),
+    cr({ focusMode: n }),
+    ir({
+      noBorder: l,
+      error: s
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": r
+    }
+  ), x = o ? void 0 : "sr-only", c = dr({
+    disabled: r,
+    raw: o,
+    error: s,
+    mode: d,
+    rightElement: h,
+    leftElement: u
+  }), p = ur({
+    error: s,
+    raw: o,
+    mode: d,
+    disabled: r
+  }), T = o ? void 0 : y(Wt, "absolute"), C = o ? void 0 : y(Xt, "absolute");
+  return {
+    wrapper: f,
+    textArea: b,
+    accessibleLabel: x,
+    visibleLabel: c,
+    helperText: p,
+    rightElement: T,
+    leftElement: C
+  };
+}, hr = ({
+  scrollHeight: t,
+  currentHeight: a,
+  currentLabelOffset: o = 0,
+  currentHelperTextOffset: n = 0
+}) => {
+  let r, l;
+  if (t > 0 && t !== a) {
+    const s = t - a, d = Math.abs(s / 24);
+    r = o + -1 * Math.sign(s) * (12 * d), l = n + Math.sign(s) * (12 * d);
+  }
+  return {
+    labelOffset: r,
+    helperTextOffset: l,
+    scrollHeight: t
+  };
+}, xe = At.forwardRef(
+  ({
+    id: t,
+    name: a,
+    label: o,
+    error: n = !1,
+    raw: r = !1,
+    className: l,
+    textAreaClassName: s,
+    mode: d = "system",
+    focusMode: u = "system",
+    value: h,
+    defaultValue: f,
+    disabled: b = !1,
+    noBorder: x = !1,
+    labelId: c,
+    helperText: p = "",
+    helperTextOnFocus: T = !1,
+    rightElement: C,
+    leftElement: g,
+    onChange: A,
+    onFocus: m,
+    onBlur: w,
+    ...R
+  }, j) => {
+    var L;
+    const I = S(null), ce = Qt([j, I]), [k, _] = Re(), [Q, F] = Re(), K = S(80), G = S(-25), M = S(null), J = S(30), Z = S(null), U = er({ id: t, prefix: `${De}-` }), [Ce, Fe] = E(0), [Te, Ge] = E(0), [Ue, Ne] = E(
+      !!(!T && p)
+    ), Ye = `${a} error, ${p}`, Y = mr({
+      className: l,
+      textAreaClassName: s,
+      error: n,
+      raw: r,
+      focusMode: u,
+      disabled: b,
+      noBorder: x,
+      mode: d,
+      rightElement: !!C,
+      leftElement: !!g
+    }), [H, je] = Zt({
+      value: h,
+      initialControlledDelay: 20,
+      defaultValue: f,
+      onChange: (v) => {
+        A && A({
+          target: {
+            value: v
+          }
+        });
+      }
+    }), Ke = (v) => {
+      je(v.target.value);
+    }, We = (v) => {
+      T && p && Ne(!0), m && m(v);
+    }, Xe = (v) => {
+      T && p && !H && Ne(!1), w && w(v);
+    };
+    return ne(() => {
+      _ && _.width && Fe(_.width + 18 + 10);
+    }, [_]), ne(() => {
+      F && F.width && Ge(F.width + 18 + 10);
+    }, [F]), ne(() => {
+      r || I && I.current && H !== void 0 && (I.current.style.height = "inherit", I.current.style.height = I.current.scrollHeight + "px");
+    }, [H, r]), ne(() => {
+      r || setTimeout(() => {
+        var v;
+        (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          H ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [H, r]), ne(() => {
+      var v, we;
+      if (!r && I && I.current && H !== void 0) {
+        const { labelOffset: pe, helperTextOffset: fe, scrollHeight: qe } = hr({
+          scrollHeight: I.current.scrollHeight,
+          currentHeight: K.current,
+          currentLabelOffset: G.current,
+          currentHelperTextOffset: J.current
+        });
+        pe && (G.current = pe, (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
+          "--av-text-area-label",
+          `${pe}px`
+        )), fe && (J.current = fe, (we = Z == null ? void 0 : Z.current) == null || we.style.setProperty(
+          "--av-text-area-helper-text",
+          `${fe}px`
+        )), K.current = qe || K.current;
+      }
+    }, [H, r]), F.width > 0 && ((L = M == null ? void 0 : M.current) == null || L.style.setProperty(
+      "--tw-translate-x",
+      `${12 + F.width + 5}px`
+    )), /* @__PURE__ */ i("div", { className: Y.wrapper, children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: U,
+          id: c,
+          className: Y.accessibleLabel,
+          children: o
+        }
+      ),
+      g && /* @__PURE__ */ e(
+        "div",
+        {
+          ref: Q,
+          className: Y.leftElement,
+          children: g
+        }
+      ),
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          ref: ce,
+          id: U,
+          name: a,
+          disabled: b,
+          placeholder: r ? void 0 : " ",
+          className: Y.textArea,
+          rows: 1,
+          ...p && { "aria-describedby": `${U}-helper` },
+          ...n && { "aria-invalid": "true" },
+          ...C && !g && !r && { style: { paddingRight: Ce } },
+          ...g && !C && !r && { style: { paddingLeft: Te } },
+          ...C && g && !r && {
+            style: {
+              paddingRight: Ce,
+              paddingLeft: Te
+            }
+          },
+          value: H,
+          onChange: Ke,
+          onFocus: We,
+          onBlur: Xe,
+          ...R
+        }
+      ),
+      !r && /* @__PURE__ */ e(
+        "label",
+        {
+          ref: M,
+          "aria-hidden": !0,
+          htmlFor: U,
+          className: `${Y.visibleLabel}`,
+          children: o
+        }
+      ),
+      Ue && /* @__PURE__ */ e(
+        "div",
+        {
+          ref: Z,
+          id: `${U}-helper`,
+          className: Y.helperText,
+          children: p
+        }
+      ),
+      C && /* @__PURE__ */ e(
+        "div",
+        {
+          ref: k,
+          className: Y.rightElement,
+          children: C
+        }
+      ),
+      n && p && /* @__PURE__ */ e(or, { politeness: "polite", clearAnnouncementDelay: 500, children: Ye })
+    ] });
+  }
+);
+xe.displayName = "TextArea";
+/*!
+  @versini/ui-toggle v3.0.8
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
+    version: "3.0.8",
+    buildTime: "01/20/2025 01:49 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr = ({
+  focusMode: t
+}) => y(
+  "peer-focus:outline",
+  "peer-focus:outline-2",
+  "peer-focus:outline-offset-2",
+  {
+    "peer-focus:outline-focus-dark": t === "dark",
+    "peer-focus:outline-focus-light": t === "light",
+    "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": t === "alt-system",
+    "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": t === "system"
+  }
+), yr = () => y(
+  "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"
+), br = () => y(
+  "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-['']"
+), xr = ({
+  mode: t,
+  noBorder: a
+}) => y({
+  border: !a,
+  "border-border-dark bg-surface-medium": t === "light",
+  "border-border-light bg-surface-darker": t === "dark",
+  "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": t === "alt-system",
+  "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": t === "system"
+}), kr = ({
+  mode: t,
+  labelHidden: a
+}) => a ? "sr-only" : y("ml-2 text-sm", {
+  "text-copy-dark": t === "light",
+  "text-copy-lighter": t === "dark",
+  "text-copy-lighter dark:text-copy-dark": t === "alt-system",
+  "text-copy-dark dark:text-copy-lighter": t === "system"
+}), Er = ({ className: t }) => y(
+  pr,
+  "relative flex cursor-pointer items-center",
+  t
+), Cr = ({
+  mode: t,
+  focusMode: a,
+  labelHidden: o,
+  className: n,
+  noBorder: r
+}) => ({
+  toggle: y(
+    fr(),
+    xr({ mode: t, noBorder: r }),
+    gr({ focusMode: a }),
+    br(),
+    yr()
+  ),
+  label: kr({ mode: t, labelHidden: o }),
+  input: "peer sr-only",
+  wrapper: Er({ className: n })
+}), ie = ({
+  checked: t = !1,
+  onChange: a,
+  label: o,
+  labelHidden: n = !1,
+  name: r,
+  mode: l = "system",
+  focusMode: s = "system",
+  className: d,
+  noBorder: u = !1
+}) => {
+  const h = Cr({
+    mode: l,
+    focusMode: s,
+    labelHidden: n,
+    className: d,
+    noBorder: u
+  }), f = (b) => {
+    a == null || a(b.target.checked);
+  };
+  return /* @__PURE__ */ i("label", { className: h.wrapper, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        name: r,
+        checked: t,
+        type: "checkbox",
+        className: h.input,
+        onChange: f
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: h.toggle }),
+    /* @__PURE__ */ e("span", { className: h.label, children: o })
+  ] });
+}, Tr = ({
+  open: t,
+  onOpenChange: a
+}) => {
+  const { getAccessToken: o, user: n } = $(), {
+    data: r,
+    error: l,
+    isLoading: s,
+    mutate: d
+  } = ze({
+    keys: [n == null ? void 0 : n.username],
+    getAccessToken: o
+  }), [u, h] = E({
+    prompts: []
+  }), f = ({
+    slot: c,
+    checked: p,
+    label: T,
+    content: C
+  }) => {
+    h((g) => {
+      const A = g.prompts, m = {
+        slot: c,
+        label: T,
+        content: C,
+        enabled: p
+      }, w = A.findIndex((R) => R.slot === c);
+      return w === -1 ? {
+        ...g,
+        prompts: [...A, { ...m, slot: c }]
+      } : (A[w] = m, {
+        ...g,
+        prompts: [...A]
+      });
+    });
+  }, b = async (c) => {
+    c.preventDefault();
+    try {
+      await oe({
+        accessToken: await o(),
+        type: se.SET_USER_PREFERENCES,
+        params: {
+          user: n == null ? void 0 : n.username,
+          tags: u.prompts
+        }
+      });
+    } catch {
+    }
+  }, x = () => {
+    d({ ...r }), a(!1);
+  };
+  return V(() => {
+    r != null && r.tags && h({ prompts: r.tags });
+  }, [r]), l || s ? null : /* @__PURE__ */ i(
+    le,
+    {
+      open: t,
+      onOpenChange: x,
+      title: "Prompts",
+      footer: /* @__PURE__ */ i(
+        q,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+              X,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: x,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+              X,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (c) => {
+                  a(!1), await b(c);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e("p", { children: ct }),
+        u.prompts && u.prompts.map((c) => /* @__PURE__ */ i(
+          B,
+          {
+            header: `Prompt ${c.slot + 1}`,
+            className: "prose-dark dark:prose-lighter mb-2",
+            children: [
+              /* @__PURE__ */ i(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
+                  be,
+                  {
+                    label: "Label",
+                    name: `prompt${c.slot}-label`,
+                    value: c.label,
+                    onChange: (p) => {
+                      f({
+                        slot: c.slot,
+                        checked: c.enabled,
+                        label: p.target.value,
+                        content: c.content
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
+                  be,
+                  {
+                    label: "Content",
+                    name: `prompt${c.slot}-content`,
+                    value: c.content,
+                    onChange: (p) => {
+                      f({
+                        slot: c.slot,
+                        checked: c.enabled,
+                        label: c.label,
+                        content: p.target.value
+                      });
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e(
+                ie,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enabled",
+                  name: c.slot.toString(),
+                  onChange: (p) => {
+                    f({
+                      slot: c.slot,
+                      checked: p,
+                      label: c.label,
+                      content: c.content
+                    });
+                  },
+                  checked: c.enabled
+                }
+              )
+            ]
+          },
+          `prompt-slot-${c.slot}`
+        ))
+      ]
+    }
+  );
+}, Nr = ({
+  open: t,
+  onOpenChange: a
+}) => {
+  const { getAccessToken: o, user: n } = $(), {
+    data: r,
+    error: l,
+    isLoading: s,
+    mutate: d
+  } = ze({
+    keys: [n == null ? void 0 : n.username],
+    getAccessToken: o
+  }), [u, h] = E(!1), [f, b] = E({
+    loadingLocation: !1
+  }), [x, c] = E(""), [p, T] = E(""), [C, g] = E(it), [A, m] = Ee({
+    key: ke + dt,
+    initialValue: !1
+  }), w = (k) => {
+    m(k);
+  }, R = async (k) => {
+    k.preventDefault();
+    try {
+      await oe({
+        accessToken: await o(),
+        type: se.SET_USER_PREFERENCES,
+        params: {
+          user: n == null ? void 0 : n.username,
+          instructions: x,
+          location: p,
+          engine: C
+        }
+      }), d(), b({
+        loadingLocation: !1
+      });
+    } catch {
+    }
+  }, j = async () => {
+    b({
+      loadingLocation: !0
+    }), T("...");
+    try {
+      const k = Date.now(), _ = await ht(), Q = await oe({
+        accessToken: await o(),
+        type: se.GET_LOCATION,
+        params: {
+          latitude: _.latitude,
+          longitude: _.longitude
+        }
+      }), K = Date.now() - k;
+      if (K < 2e3 && await new Promise((G) => setTimeout(G, 2e3 - K)), Q.status === 200) {
+        const { city: G, state: M, country: J, displayName: Z } = Q.data, U = G && M && J ? `${G}, ${M}, ${J}` : Z;
+        b({
+          loadingLocation: !1
+        }), T(U);
+      } else
+        b({
+          loadingLocation: !1
+        });
+    } catch {
+    }
+  }, L = (k, _) => {
+    g(k ? _ : _ === W ? ee : W);
+  }, I = () => {
+    h(!u);
+  }, ce = () => {
+    d({ ...r }), a(!1);
+  };
+  return V(() => {
+    r != null && r.instructions && c(r.instructions), r != null && r.location && T(r.location), r != null && r.engine && g(r.engine);
+  }, [r]), l || s ? null : /* @__PURE__ */ e(
+    le,
+    {
+      open: t,
+      onOpenChange: ce,
+      title: ut,
+      footer: /* @__PURE__ */ i(
+        q,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+              X,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: ce,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+              X,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (k) => {
+                  a(!1), await R(k);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ i(z, { children: [
+        u && /* @__PURE__ */ e(Tr, { open: u, onOpenChange: h }),
+        /* @__PURE__ */ i(
+          B,
+          {
+            header: N.SETTINGS_ENGINE.TITLE,
+            className: "prose-dark dark:prose-lighter",
+            children: [
+              /* @__PURE__ */ e("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ e(
+                ie,
+                {
+                  noBorder: !0,
+                  label: W,
+                  name: W,
+                  onChange: (k) => L(k, W),
+                  checked: C === W
+                }
+              ),
+              /* @__PURE__ */ e(
+                ie,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: ee,
+                  name: ee,
+                  onChange: (k) => L(k, ee),
+                  checked: C === ee
+                }
+              ),
+              /* @__PURE__ */ e("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__ */ e(
+                ie,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Message Statistics",
+                  name: "show-message-statistics",
+                  onChange: w,
+                  checked: A
+                }
+              ),
+              /* @__PURE__ */ e("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  onClick: I,
+                  labelLeft: "Edit Custom Prompts",
+                  children: /* @__PURE__ */ e(Nt, { size: "size-3", monotone: !0 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          B,
+          {
+            header: "Custom Instructions",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ i("p", { className: "text-sm", children: [
+                "What would you like ",
+                /* @__PURE__ */ e("em", { children: mt }),
+                " to know about you to provide better responses?"
+              ] }),
+              /* @__PURE__ */ e(
+                xe,
+                {
+                  mode: "alt-system",
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  name: "customInstructions",
+                  label: "Custom Instructions",
+                  value: x,
+                  onChange: (k) => {
+                    c(k.target.value);
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          B,
+          {
+            header: "Location",
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ e("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ e(
+                xe,
+                {
+                  mode: "alt-system",
+                  name: "location",
+                  label: "Location",
+                  value: p,
+                  onChange: (k) => {
+                    T(k.target.value);
+                  },
+                  helperText: "Enter your location or press auto-detect."
+                }
+              ),
+              /* @__PURE__ */ e(
+                X,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  noBorder: !0,
+                  disabled: f.loadingLocation,
+                  onClick: j,
+                  children: f.loadingLocation ? "Detecting..." : "Auto-detect"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}, _r = () => {
+  const { logout: t } = $(), { state: a } = he(Pe), [o, n] = E(!1), [r, l] = E(!1), [s, d] = E(!1), [u, h] = E(!1), [f, b] = E(!1), x = () => {
+    n(!o);
+  }, c = () => {
+    l(!r);
+  }, p = () => {
+    d(!s);
+  }, T = () => {
+    h(!u);
+  }, C = () => {
+    b(!f);
+  };
+  return /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ e(
+      Oe,
+      {
+        showConfirmation: f,
+        setShowConfirmation: b,
+        action: t,
+        customStrings: {
+          confirmAction: _e,
+          cancelAction: "Cancel",
+          title: _e
+        },
+        children: /* @__PURE__ */ e("p", { children: "Are you sure you want to log out?" })
+      }
+    ),
+    /* @__PURE__ */ e(jt, { open: o, onOpenChange: n }),
+    /* @__PURE__ */ e(Nr, { open: r, onOpenChange: l }),
+    s && /* @__PURE__ */ e(Ut, { open: s, onOpenChange: d }),
+    /* @__PURE__ */ e(Vt, { open: u, onOpenChange: h }),
+    /* @__PURE__ */ e("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ e(q, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+      wt,
+      {
+        label: "Profile, Settings, etc.",
+        mode: "light",
+        placement: "left",
+        trigger: /* @__PURE__ */ i(
+          St,
+          {
+            mode: "dark",
+            focusMode: "light",
+            trigger: /* @__PURE__ */ e(ae, { label: "Settings", children: /* @__PURE__ */ e(Ht, {}) }),
+            defaultPlacement: "bottom-end",
+            children: [
+              /* @__PURE__ */ e(
+                re,
+                {
+                  label: "Profile",
+                  onClick: x,
+                  icon: /* @__PURE__ */ e(zt, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                re,
+                {
+                  label: "Settings",
+                  onClick: c,
+                  icon: /* @__PURE__ */ e(Dt, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                re,
+                {
+                  label: "History",
+                  onClick: p,
+                  icon: /* @__PURE__ */ e(Ot, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                re,
+                {
+                  label: "About",
+                  onClick: T,
+                  icon: /* @__PURE__ */ e(Pt, {})
+                }
+              ),
+              a && a.id && !a.isComponent && /* @__PURE__ */ i(z, { children: [
+                /* @__PURE__ */ e(vt, {}),
+                /* @__PURE__ */ e(
+                  re,
+                  {
+                    label: "Log out",
+                    onClick: C,
+                    icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Lt, { monotone: !0 }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ) }) }) }) }) })
+  ] });
+};
+export {
+  _r as default
+};