@versini/sassysaint 7.1.0 → 7.1.2

package/dist/chunks/{index.Ct43f1gn.js → index.DdXdvpdr.js}

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as D, Fragment as Re } from "react/jsx-runtime";
-import X, { createContext as sr, useReducer as Tt, useRef as x, useCallback as q, useEffect as Y, useContext as St, useSyncExternalStore as ir, useLayoutEffect as Ne, useMemo as Le, useState as z, useId as _t, lazy as cr, Suspense as lr } from "react";
+import X, { createContext as sr, useReducer as It, useRef as x, useCallback as q, useEffect as Y, useContext as St, useSyncExternalStore as ir, useLayoutEffect as Ne, useMemo as Le, useState as z, useId as _t, lazy as cr, Suspense as lr } from "react";
 import p from "clsx";
 var dr = Object.defineProperty, ur = (e, t, r) => t in e ? dr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, We = (e, t, r) => ur(e, typeof t != "symbol" ? t + "" : t, r);
 /*!
@@ -176,7 +176,7 @@ async function fr(e) {
     try {
       d = o.getPublicKeyAlgorithm();
     } catch (c) {
-      Ve("getPublicKeyAlgorithm()", c);
+      Be("getPublicKeyAlgorithm()", c);
     }
   let h;
   if (typeof o.getPublicKey == "function")
@@ -184,14 +184,14 @@ async function fr(e) {
       const c = o.getPublicKey();
       c !== null && (h = G(c));
     } catch (c) {
-      Ve("getPublicKey()", c);
+      Be("getPublicKey()", c);
     }
   let f;
   if (typeof o.getAuthenticatorData == "function")
     try {
       f = G(o.getAuthenticatorData());
     } catch (c) {
-      Ve("getAuthenticatorData()", c);
+      Be("getAuthenticatorData()", c);
     }
   return {
     id: a,
@@ -209,7 +209,7 @@ async function fr(e) {
     authenticatorAttachment: Nt(r.authenticatorAttachment)
   };
 }
-function Ve(e, t) {
+function Be(e, t) {
   console.warn(`The browser extension that intercepted this WebAuthn API call incorrectly implemented ${e}. You should report this error to them.
 `, t);
 }
@@ -359,7 +359,7 @@ function wr(...e) {
     r.set(n, a), a += n.length;
   return r;
 }
-const Ir = (e) => {
+const Tr = (e) => {
   const t = atob(e), r = new Uint8Array(t.length);
   for (let a = 0; a < t.length; a++)
     r[a] = t.charCodeAt(a);
@@ -368,7 +368,7 @@ const Ir = (e) => {
   let t = e;
   t instanceof Uint8Array && (t = ye.decode(t)), t = t.replace(/-/g, "+").replace(/_/g, "/").replace(/\s/g, "");
   try {
-    return Ir(t);
+    return Tr(t);
   } catch {
     throw new TypeError("The input to be decoded is not correctly encoded.");
   }
@@ -404,12 +404,12 @@ let W = class extends P {
   }
 };
 W.code = "ERR_JOSE_NOT_SUPPORTED";
-class Tr extends P {
+class Ir extends P {
   constructor(t = "decryption operation failed", r) {
     super(t, r), this.code = "ERR_JWE_DECRYPTION_FAILED";
   }
 }
-Tr.code = "ERR_JWE_DECRYPTION_FAILED";
+Ir.code = "ERR_JWE_DECRYPTION_FAILED";
 class Sr extends P {
   constructor() {
     super(...arguments), this.code = "ERR_JWE_INVALID";
@@ -470,7 +470,7 @@ function j(e, t = "algorithm.name") {
 function we(e, t) {
   return e.name === t;
 }
-function Be(e) {
+function Ve(e) {
   return parseInt(e.name.slice(4), 10);
 }
 function vr(e) {
@@ -503,7 +503,7 @@ function Cr(e, t, ...r) {
       if (!we(e.algorithm, "HMAC"))
         throw j("HMAC");
       const a = parseInt(t.slice(2), 10);
-      if (Be(e.algorithm.hash) !== a)
+      if (Ve(e.algorithm.hash) !== a)
         throw j(`SHA-${a}`, "algorithm.hash");
       break;
     }
@@ -513,7 +513,7 @@ function Cr(e, t, ...r) {
       if (!we(e.algorithm, "RSASSA-PKCS1-v1_5"))
         throw j("RSASSA-PKCS1-v1_5");
       const a = parseInt(t.slice(2), 10);
-      if (Be(e.algorithm.hash) !== a)
+      if (Ve(e.algorithm.hash) !== a)
         throw j(`SHA-${a}`, "algorithm.hash");
       break;
     }
@@ -523,7 +523,7 @@ function Cr(e, t, ...r) {
       if (!we(e.algorithm, "RSA-PSS"))
         throw j("RSA-PSS");
       const a = parseInt(t.slice(2), 10);
-      if (Be(e.algorithm.hash) !== a)
+      if (Ve(e.algorithm.hash) !== a)
         throw j(`SHA-${a}`, "algorithm.hash");
       break;
     }
@@ -737,7 +737,7 @@ const Ut = (e) => (e == null ? void 0 : e[Symbol.toStringTag]) === "KeyObject",
     default:
       throw new W("Invalid or unsupported EC Key Curve or OKP Key Sub Type");
   }
-}, Vr = async (e, t, r, a, n) => {
+}, Br = async (e, t, r, a, n) => {
   let o, s;
   const i = new Uint8Array(atob(r.replace(e, "")).split("").map((d) => d.charCodeAt(0)));
   switch (a) {
@@ -784,11 +784,11 @@ const Ut = (e) => (e == null ? void 0 : e[Symbol.toStringTag]) === "KeyObject",
       throw new W('Invalid or unsupported "alg" (Algorithm) value');
   }
   return Me.subtle.importKey(t, i, o, !1, s);
-}, Br = (e, t, r) => Vr(/(?:-----(?:BEGIN|END) PUBLIC KEY-----|\s)/g, "spki", e, t);
+}, Vr = (e, t, r) => Br(/(?:-----(?:BEGIN|END) PUBLIC KEY-----|\s)/g, "spki", e, t);
 async function Jr(e, t, r) {
   if (e.indexOf("-----BEGIN PUBLIC KEY-----") !== 0)
     throw new TypeError('"spki" must be SPKI formatted string');
-  return Br(e, t);
+  return Vr(e, t);
 }
 async function Gr(e, t) {
   if (!he(e))
@@ -1196,18 +1196,18 @@ async function ba(e) {
     code_challenge: r
   };
 }
-function Vt(e, t) {
+function Bt(e, t) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
 }
 const ft = (e, t) => {
   const r = JSON.stringify(
     typeof t == "function" ? t() : t
   );
-  window.localStorage.setItem(e, r), Vt(e, r);
+  window.localStorage.setItem(e, r), Bt(e, r);
 }, Ea = (e) => {
-  window.localStorage.removeItem(e), Vt(e, null);
+  window.localStorage.removeItem(e), Bt(e, null);
 }, gt = (e) => window.localStorage.getItem(e), wa = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function Ie({
+function Te({
   key: e,
   initialValue: t
 }) {
@@ -1237,18 +1237,18 @@ function Ie({
 const R = [];
 for (let e = 0; e < 256; ++e)
   R.push((e + 256).toString(16).slice(1));
-function Ia(e, t = 0) {
+function Ta(e, t = 0) {
   return (R[e[t + 0]] + R[e[t + 1]] + R[e[t + 2]] + R[e[t + 3]] + "-" + R[e[t + 4]] + R[e[t + 5]] + "-" + R[e[t + 6]] + R[e[t + 7]] + "-" + R[e[t + 8]] + R[e[t + 9]] + "-" + R[e[t + 10]] + R[e[t + 11]] + R[e[t + 12]] + R[e[t + 13]] + R[e[t + 14]] + R[e[t + 15]]).toLowerCase();
 }
 let Ge;
-const Ta = new Uint8Array(16);
+const Ia = new Uint8Array(16);
 function Sa() {
   if (!Ge) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Ge = crypto.getRandomValues.bind(crypto);
   }
-  return Ge(Ta);
+  return Ge(Ia);
 }
 const _a = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), yt = { randomUUID: _a };
 function Ye(e, t, r) {
@@ -1256,12 +1256,12 @@ function Ye(e, t, r) {
     return yt.randomUUID();
   e = e || {};
   const a = e.random || (e.rng || Sa)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ia(a);
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ta(a);
 }
 const ie = "Your session has expired. For your security, please log in again to continue.", ka = "Your session has been successfully terminated.", Fe = "Login failed. Please try again.", Aa = "Error getting access token, please re-authenticate.", Ra = "You forgot to wrap your component in <AuthProvider>.", Oe = {
   dev: "https://auth.gizmette.local.com:3003",
   prod: "https://mylogin.gizmette.com/auth"
-}, Te = "@@auth@@", fe = "LOADING", ke = "LOGIN", Bt = "LOGOUT", be = "success", F = "failure", Jt = "include", Gt = "POST", Yt = "application/json", Se = {
+}, Ie = "@@auth@@", fe = "LOADING", ke = "LOGIN", Vt = "LOGOUT", be = "success", F = "failure", Jt = "include", Gt = "POST", Yt = "application/json", Se = {
   GET_REGISTRATION_OPTIONS: `mutation GetPasskeyRegistrationOptions(
 	$clientId: String!,
 	$username: String!,
@@ -1650,7 +1650,7 @@ const La = (e) => q(
   user: t.payload.user,
   authenticationType: t.payload.authenticationType,
   logoutReason: ""
-} : (t == null ? void 0 : t.type) === Bt ? {
+} : (t == null ? void 0 : t.type) === Vt ? {
   ...e,
   isLoading: !1,
   isAuthenticated: !1,
@@ -1664,20 +1664,20 @@ const La = (e) => q(
   domain: a = "",
   debug: n = !1
 }) => {
-  const [o, s] = Tt(Ma, {
+  const [o, s] = It(Ma, {
     ...jt,
     debug: n
-  }), i = La(n), d = x(!1), [h, f, , u] = Ie({
-    key: `${Te}::${r}::@@user@@`
-  }), [c, m, , y] = Ie({
-    key: `${Te}::${r}::@@access@@`
-  }), [w, I, , k] = Ie(
+  }), i = La(n), d = x(!1), [h, f, , u] = Te({
+    key: `${Ie}::${r}::@@user@@`
+  }), [c, m, , y] = Te({
+    key: `${Ie}::${r}::@@access@@`
+  }), [w, T, , k] = Te(
     {
-      key: `${Te}::${r}::@@refresh@@`
+      key: `${Ie}::${r}::@@refresh@@`
     }
-  ), [Q, L, , Z] = Ie({
-    key: `${Te}::${r}::@@nonce@@`
-  }), $ = new Da(c, w), V = q(() => {
+  ), [Q, L, , Z] = Te({
+    key: `${Ie}::${r}::@@nonce@@`
+  }), $ = new Da(c, w), B = q(() => {
     i("removeLocalStorage: removing local storage"), u(), y(), k(), Z();
   }, [
     y,
@@ -1691,13 +1691,13 @@ const La = (e) => q(
         "removeStateAndLocalStorage: removing state and local storage with reason: ",
         g
       ), s({
-        type: Bt,
+        type: Vt,
         payload: {
           logoutReason: g || ie
         }
-      }), V(), s({ type: fe, payload: { isLoading: !1 } });
+      }), B(), s({ type: fe, payload: { isLoading: !1 } });
     },
-    [V, i]
+    [B, i]
   ), S = q(
     async (g) => {
       i("invalidateAndLogout: invalidating and logging out");
@@ -1739,7 +1739,7 @@ const La = (e) => q(
       };
   }, [o.isLoading, h, S, i]);
   const M = async (g, E) => {
-    s({ type: fe, payload: { isLoading: !0 } }), V();
+    s({ type: fe, payload: { isLoading: !0 } }), B();
     const b = Ye();
     L(b), i("login: Logging in with password");
     const { code_verifier: ae, code_challenge: or } = await ba(), st = await Oa({
@@ -1760,7 +1760,7 @@ const La = (e) => q(
         domain: a,
         ua: navigator.userAgent
       });
-      return ne.status ? (f(ne.idToken), m(ne.accessToken), I(ne.refreshToken), s({
+      return ne.status ? (f(ne.idToken), m(ne.accessToken), T(ne.refreshToken), s({
         type: ke,
         payload: {
           authenticationType: me.CODE,
@@ -1775,7 +1775,7 @@ const La = (e) => q(
     return !1;
   }, K = async (g) => {
     g == null || g.preventDefault(), await S(ka);
-  }, T = async () => {
+  }, I = async () => {
     const { isAuthenticated: g, user: E } = o;
     try {
       if (g && E && E.userId) {
@@ -1792,7 +1792,7 @@ const La = (e) => q(
           nonce: Q,
           domain: a
         });
-        return b.status && b.status === "success" && b.newAccessToken ? (m(b.newAccessToken), I(b.newRefreshToken), b.newAccessToken) : (i(
+        return b.status && b.status === "success" && b.newAccessToken ? (m(b.newAccessToken), T(b.newRefreshToken), b.newAccessToken) : (i(
           "getAccessToken: invalid refresh token, need to re-authenticate"
         ), await S(ie), "");
       }
@@ -1844,8 +1844,8 @@ const La = (e) => q(
         }), !1;
       }
     return !1;
-  }, B = async () => {
-    s({ type: fe, payload: { isLoading: !0 } }), V();
+  }, V = async () => {
+    s({ type: fe, payload: { isLoading: !0 } }), B();
     const g = Ye();
     L(g), i("loginWithPasskey");
     const E = Ye();
@@ -1874,7 +1874,7 @@ const La = (e) => q(
             sessionExpiration: t,
             ua: navigator.userAgent
           }
-        }), b.data.status === be ? (f(b.data.idToken), m(b.data.accessToken), I(b.data.refreshToken), s({
+        }), b.data.status === be ? (f(b.data.idToken), m(b.data.accessToken), T(b.data.refreshToken), s({
           type: ke,
           payload: {
             authenticationType: me.PASSKEY,
@@ -1909,15 +1909,15 @@ const La = (e) => q(
         ...o,
         login: M,
         logout: K,
-        getAccessToken: T,
+        getAccessToken: I,
         getIdToken: C,
         registeringForPasskey: O,
-        loginWithPasskey: B
+        loginWithPasskey: V
       },
       children: e
     }
   ) });
-}, qt = (e = zt) => St(e), Eo = "user", wo = "assistant", Io = "system", To = "internal", So = "hidden", _o = "I'm having trouble right now. Please try again later.", ko = "OpenAI", Ao = "OpenAI", Ro = "Anthropic", No = "action-search", vo = "action-sort", xo = "action-toggle-prompt", Co = "action-reset-prompt", Oo = "sassy-saint-", Po = "details", Do = "search", Lo = "sort", $o = "private-disclosure", Mo = "==stats==", Ka = "b44c68f0-e5b3-4a1d-a3e3-df8632b0223b", Uo = 10, Ko = 30, Ho = "av-prompt", Wo = "av-prompt-editable", Vo = "size-5 sm:size-4", bt = (e) => Number.isFinite(e) ? e : 0;
+}, qt = (e = zt) => St(e), Eo = "user", wo = "assistant", To = "system", Io = "internal", So = "hidden", _o = "I'm having trouble right now. Please try again later.", ko = "OpenAI", Ao = "OpenAI", Ro = "Anthropic", No = "action-search", vo = "action-sort", xo = "action-toggle-prompt", Co = "action-reset-prompt", Oo = "sassy-saint-", Po = "details", Do = "search", Lo = "sort", $o = "private-disclosure", Mo = "==stats==", Ka = "b44c68f0-e5b3-4a1d-a3e3-df8632b0223b", Uo = 10, Ko = 30, Ho = "av-prompt", Wo = "av-prompt-editable", Bo = "size-5 sm:size-4", bt = (e) => Number.isFinite(e) ? e : 0;
 function Ha(e) {
   return {
     days: Math.trunc(e / 864e5),
@@ -1940,7 +1940,7 @@ function Wa(e) {
     nanoseconds: 0n
   };
 }
-function Va(e) {
+function Ba(e) {
   switch (typeof e) {
     case "number": {
       if (Number.isFinite(e))
@@ -1952,7 +1952,7 @@ function Va(e) {
   }
   throw new TypeError("Expected a finite number or bigint");
 }
-const Ba = (e) => e === 0 || e === 0n, Ja = (e, t) => t === 1 || t === 1n ? e : `${e}s`, Ga = 1e-7, Ya = 24n * 60n * 60n * 1000n;
+const Va = (e) => e === 0 || e === 0n, Ja = (e, t) => t === 1 || t === 1n ? e : `${e}s`, Ga = 1e-7, Ya = 24n * 60n * 60n * 1000n;
 function Fa(e, t) {
   const r = typeof e == "bigint";
   if (!r && !Number.isFinite(e))
@@ -1965,7 +1965,7 @@ function Fa(e, t) {
     const c = Math.floor(f * 10 ** u + Ga);
     return (Math.round(c) / 10 ** u).toFixed(u);
   }, s = (f, u, c, m) => {
-    if (!((n.length === 0 || !t.colonNotation) && Ba(f) && !(t.colonNotation && c === "m"))) {
+    if (!((n.length === 0 || !t.colonNotation) && Va(f) && !(t.colonNotation && c === "m"))) {
       if (m ?? (m = String(f)), t.colonNotation) {
         const y = m.includes(".") ? m.split(".")[0].length : m.length, w = n.length > 0 ? 2 : 1;
         m = "0".repeat(Math.max(0, w - y)) + m;
@@ -1973,14 +1973,14 @@ function Fa(e, t) {
         m += t.verbose ? " " + Ja(u, f) : c;
       n.push(m);
     }
-  }, i = Va(e), d = BigInt(i.days);
+  }, i = Ba(e), d = BigInt(i.days);
   if (t.hideYearAndDays ? s(BigInt(d) * 24n + BigInt(i.hours), "hour", "h") : (t.hideYear ? s(d, "day", "d") : (s(d / 365n, "year", "y"), s(d % 365n, "day", "d")), s(Number(i.hours), "hour", "h")), s(Number(i.minutes), "minute", "m"), !t.hideSeconds)
     if (t.separateMilliseconds || t.formatSubMilliseconds || !t.colonNotation && e < 1e3) {
       const f = Number(i.seconds), u = Number(i.milliseconds), c = Number(i.microseconds), m = Number(i.nanoseconds);
       if (s(f, "second", "s"), t.formatSubMilliseconds)
         s(u, "millisecond", "ms"), s(c, "microsecond", "µs"), s(m, "nanosecond", "ns");
       else {
-        const y = u + c / 1e3 + m / 1e6, w = typeof t.millisecondsDecimalDigits == "number" ? t.millisecondsDecimalDigits : 0, I = y >= 1 ? Math.round(y) : Math.ceil(y), k = w ? y.toFixed(w) : I;
+        const y = u + c / 1e3 + m / 1e6, w = typeof t.millisecondsDecimalDigits == "number" ? t.millisecondsDecimalDigits : 0, T = y >= 1 ? Math.round(y) : Math.ceil(y), k = w ? y.toFixed(w) : T;
         s(
           Number.parseFloat(k),
           "millisecond",
@@ -1997,7 +1997,7 @@ function Fa(e, t) {
   const h = t.colonNotation ? ":" : " ";
   return typeof t.unitCount == "number" && (n = n.slice(0, Math.max(t.unitCount, 1))), a + n.join(h);
 }
-const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.local.com" : "gizmette.com", Bo = async () => {
+const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.local.com" : "gizmette.com", Vo = async () => {
   const e = {
     /**
      * A boolean value that indicates the application would
@@ -2049,7 +2049,12 @@ const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.
 }, Jo = (e, t) => t ? Object.keys(t).map((r) => /* @__PURE__ */ l("dl", { className: "my-0", children: /* @__PURE__ */ D("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ l("dt", { className: "my-1 inline-block font-bold text-copy-dark dark:text-copy-lighter", children: r }),
   /* @__PURE__ */ l("dd", { className: "my-1 inline-block", children: t[r] })
-] }) }, `${e}-${r}`)) : null, Go = (e) => e > 0 ? Fa(e, {
+] }) }, `${e}-${r}`)) : null, Go = new Intl.NumberFormat("en", {
+  style: "decimal",
+  signDisplay: "never",
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 0
+}), Yo = (e) => e > 0 ? Fa(e, {
   secondsDecimalDigits: 2,
   unitCount: 2
 }) : "N/A", Xa = ({
@@ -2061,7 +2066,7 @@ const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.
   t
 ), Qa = ({
   extraClass: e
-}) => p("px-2 sm:px-0", e), Yo = (e, t) => t === 1 ? e : `${e}s`, Fo = (e, t) => {
+}) => p("px-2 sm:px-0", e), Fo = (e, t) => t === 1 ? e : `${e}s`, jo = (e, t) => {
   let r;
   return (...a) => {
     window.clearTimeout(r), r = window.setTimeout(() => e(...a), t);
@@ -2327,7 +2332,7 @@ const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.
   noTruncate: m,
   align: y,
   radius: w,
-  animated: I
+  animated: T
 }) => (c || (c = "primary"), r ? p(Et, t) : p(
   Et,
   rn({
@@ -2344,7 +2349,7 @@ const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.
     labelRight: h,
     labelLeft: f,
     align: y,
-    animated: I
+    animated: T
   }),
   tn({ type: e, size: i, labelRight: h, labelLeft: f }),
   cn({ mode: a, variant: c, noBorder: d }),
@@ -2356,7 +2361,7 @@ const ja = process.env.NODE_ENV === "production", za = !ja, qa = za ? "gizmette.
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
   p({
-    "transition-[width] duration-300 ease-in-out": e === Ke && I
+    "transition-[width] duration-300 ease-in-out": e === Ke && T
   }),
   t
 )), mn = (e, t, r) => {
@@ -2486,13 +2491,13 @@ const gn = {
     labelLeft: m,
     noBackground: y = !1,
     align: w = "center",
-    radius: I = "large",
+    radius: T = "large",
     variant: k = "primary",
     iconClassName: Q,
     animated: L = !1,
     ...Z
   }, $) => {
-    const V = Xt({
+    const B = Xt({
       type: Ke,
       mode: r,
       focusMode: a,
@@ -2506,28 +2511,28 @@ const gn = {
       labelLeft: m,
       noBackground: y,
       align: w,
-      radius: I,
+      radius: T,
       variant: k,
       animated: L
-    }), U = dn({ mode: r, raw: i, iconClassName: Q }), S = un({ animated: L }), [M, K] = je(), [T, C] = je(), [O, B] = je(), g = x(0), E = x(null), b = pn([$, E]);
+    }), U = dn({ mode: r, raw: i, iconClassName: Q }), S = un({ animated: L }), [M, K] = je(), [I, C] = je(), [O, V] = je(), g = x(0), E = x(null), b = pn([$, E]);
     return Ne(() => {
-      O && O.current && L && (g.current = B.width + yn[u] + (d ? 0 : bn));
-    }, [B, O, u, d, L]), Ne(() => {
-      E && E.current && L && (c && M && K.width > 0 ? (M.current && (M.current.style.opacity = "100"), E.current.style.width = `${K.width + g.current}px`) : m && C.width > 0 ? (T.current && (T.current.style.opacity = "100"), E.current.style.width = `${C.width + g.current}px`) : (M.current && (M.current.style.opacity = "0"), T.current && (T.current.style.opacity = "0"), E.current.style.width = `${gn[u]}px`));
+      O && O.current && L && (g.current = V.width + yn[u] + (d ? 0 : bn));
+    }, [V, O, u, d, L]), Ne(() => {
+      E && E.current && L && (c && M && K.width > 0 ? (M.current && (M.current.style.opacity = "100"), E.current.style.width = `${K.width + g.current}px`) : m && C.width > 0 ? (I.current && (I.current.style.opacity = "100"), E.current.style.width = `${C.width + g.current}px`) : (M.current && (M.current.style.opacity = "0"), I.current && (I.current.style.opacity = "0"), E.current.style.width = `${gn[u]}px`));
     }, [
       K,
       c,
       M,
       C,
       m,
-      T,
+      I,
       u,
       L
     ]), /* @__PURE__ */ D(
       nt,
       {
         ref: b,
-        className: V,
+        className: B,
         disabled: t,
         type: s,
         "aria-label": h || f,
@@ -2537,7 +2542,7 @@ const gn = {
             wt,
             {
               label: m,
-              labelRef: T,
+              labelRef: I,
               labelClass: S,
               labelInnerClass: "pr-2"
             }
@@ -2633,7 +2638,7 @@ function wn(e) {
   const t = _t();
   return `${e}${t}`;
 }
-const In = ({
+const Tn = ({
   className: e,
   headerClassName: t,
   bodyClassName: r,
@@ -2673,7 +2678,7 @@ const In = ({
     footer: f
   };
 };
-function Tn({
+function In({
   id: e,
   content: t,
   userAriaLabelledby: r,
@@ -2696,7 +2701,7 @@ const Sn = ({
   ...u
 }) => {
   let c = null, m = null;
-  const y = typeof e == "string", w = wn(Ae), I = In({
+  const y = typeof e == "string", w = wn(Ae), T = Tn({
     className: o,
     headerClassName: t,
     bodyClassName: s,
@@ -2705,26 +2710,26 @@ const Sn = ({
     compact: h,
     noBorder: f
   });
-  return y ? (c = w, m = c) : !y && e && i ? (c = null, m = i) : !y && e && !i ? (c = w, m = c) : (c = null, m = i || null), /* @__PURE__ */ l("div", { className: I.wrapper, children: /* @__PURE__ */ D(
+  return y ? (c = w, m = c) : !y && e && i ? (c = null, m = i) : !y && e && !i ? (c = w, m = c) : (c = null, m = i || null), /* @__PURE__ */ l("div", { className: T.wrapper, children: /* @__PURE__ */ D(
     "section",
     {
       ...m && {
         "aria-labelledby": m
       },
-      className: I.body,
+      className: T.body,
       ...u,
       children: [
         /* @__PURE__ */ l(
-          Tn,
+          In,
           {
             ...c && { id: c },
             content: e,
-            className: I.header,
+            className: T.header,
             userAriaLabelledby: i
           }
         ),
         /* @__PURE__ */ l("div", { children: n }),
-        r ? /* @__PURE__ */ l("div", { className: I.footer, children: r }) : null
+        r ? /* @__PURE__ */ l("div", { className: T.footer, children: r }) : null
       ]
     }
   ) });
@@ -3146,7 +3151,7 @@ const er = "SET_ANNOUNCEMENT", tr = "CLEAR_ANNOUNCEMENT", Un = {
   t({
     type: tr
   }), typeof e == "function" && e();
-}, It = ({
+}, Tt = ({
   children: e,
   clearAnnouncementDelay: t,
   clearAnnouncementTimeoutRef: r,
@@ -3172,13 +3177,13 @@ const er = "SET_ANNOUNCEMENT", tr = "CLEAR_ANNOUNCEMENT", Un = {
   onAnnouncementClear: o,
   dispatch: s
 }) => {
-  clearTimeout(t.current), r ? t.current = setTimeout(It, r, {
+  clearTimeout(t.current), r ? t.current = setTimeout(Tt, r, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: n,
     onAnnouncementClear: o,
     dispatch: s
-  }) : It({
+  }) : Tt({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: n,
@@ -3197,7 +3202,7 @@ function rr({
   visible: i,
   ...d
 }) {
-  const h = x(null), f = x(null), [u, c] = Tt(Kn, {
+  const h = x(null), f = x(null), [u, c] = It(Kn, {
     announcement: null
   });
   let m = r;
@@ -3244,14 +3249,14 @@ try {
   });
 } catch {
 }
-const Vn = ({
+const Bn = ({
   mode: e
 }) => p({
   "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"
-}), Bn = ({
+}), Vn = ({
   focusMode: e
 }) => p("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -3356,8 +3361,8 @@ const Vn = ({
     Zt,
     u,
     "rounded-md text-base px-4",
-    Vn({ mode: s }),
-    Bn({ focusMode: i }),
+    Bn({ mode: s }),
+    Vn({ focusMode: i }),
     Jn({ noBorder: n, error: o }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": a
@@ -3373,14 +3378,14 @@ const Vn = ({
     raw: r,
     mode: s,
     disabled: a
-  }), I = r ? void 0 : p("absolute right-3", h);
+  }), T = r ? void 0 : p("absolute right-3", h);
   return {
     wrapper: f,
     input: c,
     accessibleLabel: m,
     visibleLabel: y,
     helperText: w,
-    rightElement: I
+    rightElement: T
   };
 }, ot = X.forwardRef(
   ({
@@ -3400,11 +3405,11 @@ const Vn = ({
     type: m = "text",
     helperText: y = "",
     rightElement: w,
-    rightElementClassName: I,
+    rightElementClassName: T,
     size: k = "md",
     ...Q
   }, L) => {
-    const [Z, $] = $n(), [V, U] = z(0), S = Mn({ id: e, prefix: `${Zt}-` }), M = `${t} error, ${y}`, K = x(null), T = x(null), C = {
+    const [Z, $] = $n(), [B, U] = z(0), S = Mn({ id: e, prefix: `${Zt}-` }), M = `${t} error, ${y}`, K = x(null), I = x(null), C = {
       xs: { label: "-25px", helperText: "30px" },
       sm: { label: "-29px", helperText: "34px" },
       md: { label: "-33px", helperText: "38px" },
@@ -3420,14 +3425,14 @@ const Vn = ({
       noBorder: f,
       mode: i,
       size: k,
-      rightElementClassName: I
+      rightElementClassName: T
     });
     return Ne(() => {
       $ && $.width && U($.width + 18 + 10);
     }, [$]), Ne(() => {
-      var B, g;
+      var V, g;
       const { label: E, helperText: b } = C[k];
-      (B = K == null ? void 0 : K.current) == null || B.style.setProperty("--av-text-input-label", E), (g = T == null ? void 0 : T.current) == null || g.style.setProperty(
+      (V = K == null ? void 0 : K.current) == null || V.style.setProperty("--av-text-input-label", E), (g = I == null ? void 0 : I.current) == null || g.style.setProperty(
         "--av-text-input-helper-text",
         b
       );
@@ -3453,7 +3458,7 @@ const Vn = ({
           className: O.input,
           ...y && { "aria-describedby": `${S}-helper` },
           ...a && { "aria-invalid": "true" },
-          ...w && !n && { style: { paddingRight: V } },
+          ...w && !n && { style: { paddingRight: B } },
           ...Q
         }
       ),
@@ -3470,7 +3475,7 @@ const Vn = ({
       y && /* @__PURE__ */ l(
         "div",
         {
-          ref: T,
+          ref: I,
           id: `${S}-helper`,
           className: O.helperText,
           children: y
@@ -3514,32 +3519,32 @@ const zn = 500, qn = 5e3, Xn = 2e4, ar = X.forwardRef(
     const [c, m] = z(!0), [y, w] = z({
       message: null,
       politeness: null
-    }), I = x(!0), k = x(null), Q = x(null), L = jn([u, Q]), Z = c ? "Show" : "Hide", $ = () => {
-      k.current && clearTimeout(k.current), I.current || (k.current = setTimeout(() => {
-        I.current = !0, m(!0), w({
+    }), T = x(!0), k = x(null), Q = x(null), L = jn([u, Q]), Z = c ? "Show" : "Hide", $ = () => {
+      k.current && clearTimeout(k.current), T.current || (k.current = setTimeout(() => {
+        T.current = !0, m(!0), w({
           announcementTimeout: qn,
           politeness: "polite",
           message: `${r} hiding characters`
         }), n && n(!0);
       }, Xn));
-    }, V = (T) => {
-      T.preventDefault();
-      const C = !I.current;
-      I.current = C, $(), m(C), w({
+    }, B = (I) => {
+      I.preventDefault();
+      const C = !T.current;
+      T.current = C, $(), m(C), w({
         announcementTimeout: zn,
         politeness: "assertive",
         message: C ? "Characters hidden" : "Characters showing"
       }), n && n(C);
-    }, U = (T) => {
+    }, U = (I) => {
       var C;
-      const { relatedTarget: O } = T, B = (C = Q.current) == null ? void 0 : C.parentElement;
-      B != null && B.contains(O) || d && d();
-    }, S = (T) => {
-      $(), s && s(T), U(T);
-    }, M = (T) => {
-      $(), i && i(T);
-    }, K = (T) => {
-      $(), o && o(T);
+      const { relatedTarget: O } = I, V = (C = Q.current) == null ? void 0 : C.parentElement;
+      V != null && V.contains(O) || d && d();
+    }, S = (I) => {
+      $(), s && s(I), U(I);
+    }, M = (I) => {
+      $(), i && i(I);
+    }, K = (I) => {
+      $(), o && o(I);
     };
     return Y(() => () => {
       k.current && clearTimeout(k.current);
@@ -3559,7 +3564,7 @@ const zn = 500, qn = 5e3, Xn = 2e4, ar = X.forwardRef(
           rightElement: X.cloneElement(h, {
             ref: u,
             label: Z,
-            onClick: V,
+            onClick: B,
             onBlur: U,
             disabled: t
           }),
@@ -3592,7 +3597,7 @@ try {
   });
 } catch {
 }
-const Qn = "ASK! ME! ANYTHING!", nr = "Callisto", Zn = "Log in", eo = "Sign in with a Passkey", jo = "Log out", to = "Password", zo = "Profile", qo = "Settings", Xo = "Chat history", Qo = "About", Zo = "Type your question here", es = "{{clipboard}}", ts = `Sometimes, ${nr} hallucinates. Review important details.`, rs = "Prompts are pre-filled buttons available on the main screen, to help you quickly start requests. The label is used for the button, and the content is what will be inserted in the chat when the button is pressed. You can use the special placeholder {{clipboard}} to automatically insert the content of your clipboard.", as = {
+const Qn = "ASK! ME! ANYTHING!", nr = "Callisto", Zn = "Log in", eo = "Sign in with a Passkey", zo = "Log out", to = "Password", qo = "Profile", Xo = "Settings", Qo = "Chat history", Zo = "About", es = "Type your question here", ts = "{{clipboard}}", rs = `Sometimes, ${nr} hallucinates. Review important details.`, as = "Prompts are pre-filled buttons available on the main screen, to help you quickly start requests. The label is used for the button, and the content is what will be inserted in the chat when the button is pressed. You can use the special placeholder {{clipboard}} to automatically insert the content of your clipboard.", ns = {
   PREFERENCES: {
     TITLE: "User profile",
     NAME: "Name",
@@ -3625,8 +3630,12 @@ const Qn = "ASK! ME! ANYTHING!", nr = "Callisto", Zn = "Log in", eo = "Sign in w
     PROVIDER: "AI model",
     PLUGIN: "Plugin"
   },
-  SETTINGS_PROVIDER: {
-    TITLE: "AI Provider"
+  SETTINGS_PROMPTS: {
+    TITLE: "Prompts"
+  },
+  SETTINGS_DETAILS: {
+    TITLE: "Chat Details",
+    INSTRUCTION: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more."
   }
 }, ro = () => /* @__PURE__ */ D("div", { className: "flex items-center justify-center", children: [
   /* @__PURE__ */ l("div", { className: "basis-1/4", children: /* @__PURE__ */ l(_n, {}) }),
@@ -3756,29 +3765,29 @@ const Qn = "ASK! ME! ANYTHING!", nr = "Callisto", Zn = "Log in", eo = "Sign in w
   ) });
 }, no = new URL(document.location.href).searchParams, oo = !!no.get("debug") || !1, so = cr(() => import(
   /* webpackChunkName: "LazyApp" */
-  "./App.Ds0uId3o.js"
+  "./App.CBWEb0V8.js"
 ).then((e) => e.App)), io = ({ isComponent: e }) => {
   const { isAuthenticated: t } = qt();
   return t ? /* @__PURE__ */ l(lr, { fallback: /* @__PURE__ */ l("div", {}), children: /* @__PURE__ */ l(so, { isComponent: e }) }) : /* @__PURE__ */ l(ao, {});
 }, co = ({
   isComponent: e = !1,
   domain: t = qa
-}) => /* @__PURE__ */ l(Ua, { clientId: Ka, domain: t, debug: oo, children: /* @__PURE__ */ l(io, { isComponent: e }) }), ns = ({ domain: e }) => /* @__PURE__ */ l(co, { isComponent: !0, domain: e });
+}) => /* @__PURE__ */ l(Ua, { clientId: Ka, domain: t, debug: oo, children: /* @__PURE__ */ l(io, { isComponent: e }) }), os = ({ domain: e }) => /* @__PURE__ */ l(co, { isComponent: !0, domain: e });
 export {
-  Qo as ABOUT_TITLE,
+  Zo as ABOUT_TITLE,
   Co as ACTION_RESET_PROMPT,
   No as ACTION_SEARCH,
   vo as ACTION_SORT,
   xo as ACTION_TOGGLE_PROMPT,
   nr as APP_NAME,
   Qt as C,
-  as as CARDS,
-  es as CLIPBOARD_PROMPT,
+  ns as CARDS,
+  ts as CLIPBOARD_PROMPT,
   ko as DEFAULT_AI_PROVIDER,
-  Vo as DEFAULT_ICON_ACTION_SIZE,
+  Bo as DEFAULT_ICON_ACTION_SIZE,
   _o as ERROR_MESSAGE,
-  ts as FOOTER_DISCLAIMER,
-  Xo as HISTORY_TITLE,
+  rs as FOOTER_DISCLAIMER,
+  Qo as HISTORY_TITLE,
   Ko as INFINITE_SCROLL_LIMIT,
   Uo as INFINITE_SCROLL_THRESHOLD,
   Cn as L,
@@ -3787,11 +3796,11 @@ export {
   $o as LOCAL_STORAGE_PRIVATE_DISCLOSURE,
   Do as LOCAL_STORAGE_SEARCH,
   Lo as LOCAL_STORAGE_SORT,
-  jo as LOG_OUT,
+  zo as LOG_OUT,
   ro as Logo,
   me as M,
-  zo as PROFILE_TITLE,
-  rs as PROMPTS_DESCRIPTION,
+  qo as PROFILE_TITLE,
+  as as PROMPTS_DESCRIPTION,
   Ho as PROMPT_CLASSNAME,
   Wo as PROMPT_EDITABLE_AREA_CLASSNAME,
   Ro as PROVIDER_ANTHROPIC,
@@ -3799,24 +3808,25 @@ export {
   Sn as R,
   wo as ROLE_ASSISTANT,
   So as ROLE_HIDDEN,
-  To as ROLE_INTERNAL,
-  Io as ROLE_SYSTEM,
+  Io as ROLE_INTERNAL,
+  To as ROLE_SYSTEM,
   Eo as ROLE_USER,
-  qo as SETTINGS_TITLE,
+  Xo as SETTINGS_TITLE,
   Mo as STATS_SEPARATOR,
-  ns as SassySaint,
-  Zo as TYPE_QUESTION,
-  Fo as debounce,
-  Go as durationFormatter,
+  os as SassySaint,
+  es as TYPE_QUESTION,
+  jo as debounce,
+  Yo as durationFormatter,
   He as f,
   ot as fe,
-  Bo as getCurrentGeoLocation,
+  Vo as getCurrentGeoLocation,
   Qa as getMainPaddingClass,
   Xa as getMessageContaintWrapperClass,
   Za as isElectron,
   re as j,
   An as l,
-  Yo as pluralize,
+  Go as numberFormatter,
+  Fo as pluralize,
   vn as r,
   Pe as re,
   Jo as renderDataAsList,