@versini/sassysaint 8.76.0 → 8.77.0

package/dist/chunks/{SettingsEntry.DrmBVh-w.js → SettingsEntry.DffchAfB.js}

@@ -1,51 +1,51 @@
 import { jsxs as s, jsx as t, Fragment as A } from "react/jsx-runtime";
-import { n as Pe, useEntitlements as Be, useUserPreferences as Ge, C as ce, LOCAL_STORAGE_OLED_MODE as Ue, LOCAL_STORAGE_FULL_SCREEN as Fe, canEvaluateModels as Ve, H as We, getCacheInfo as $e, isServiceWorkerEnabled as ze, SETTINGS_TITLE as He, S as p, CARDS as r, b as je, C$1 as R, PROMPTS_DESCRIPTION as Ye, L as qe, j as ie, applyOledMode as de, getCurrentGeoLocation as Ke, graphQLRequest as me, handleServiceWorkerToggle as Qe, SERVICE_TYPES as ue } from "./index.Czv_1MTM.js";
-import { AppContext as Je, useCapability as he, E as pe, oe as Xe, G as l, APP_SET_OLED_MODE as Ee, APP_SET_FULL_SCREEN as Se } from "./App.CtFpHv2O.js";
-import { Re as Ne } from "./index.BNusLsEn.js";
+import { n as Pe, useEntitlements as Be, useUserPreferences as Ue, C as ce, useLocalStorage as ie, LOCAL_STORAGE_OLED_MODE as Ge, LOCAL_STORAGE_FULL_SCREEN as Fe, canEvaluateModels as Ve, H as We, getCacheInfo as $e, isServiceWorkerEnabled as ze, SETTINGS_TITLE as He, Card as p, CARDS as r, b as je, Button as x, PROMPTS_DESCRIPTION as Ye, L as qe, j as de, applyOledMode as me, getCurrentGeoLocation as Ke, graphQLRequest as ue, handleServiceWorkerToggle as Qe, SERVICE_TYPES as he } from "./index.BcYESdDV.js";
+import { AppContext as Je, useCapability as pe, Panel as Xe, Toggle as l, APP_SET_OLED_MODE as Ee, APP_SET_FULL_SCREEN as Se } from "./App.CusyBC2e.js";
+import { TextArea as Ne } from "./index.AVBqcs3f.js";
 import { useContext as Ze, useState as n, useMemo as et, useCallback as tt, useEffect as ge } from "react";
 const lt = ({
   open: fe,
-  onOpenChange: x
+  onOpenChange: R
 }) => {
   const { getAccessToken: y, user: P } = Pe(), { allowedModels: k, status: B } = Be(), { dispatch: g } = Ze(Je), {
     data: o,
     isSuccess: Te,
-    refetch: G
-  } = Ge({
+    refetch: U
+  } = Ue({
     user: P?.username,
     getAccessToken: y
-  }), [U, f] = n({
+  }), [G, f] = n({
     loadingLocation: !1
   }), [w, F] = n({
     prompts: []
-  }), [V, W] = n(""), [$, T] = n(""), [z, H] = n(!1), [j, Y] = n(!1), [C, q] = n(!1), [I, K] = n(!1), [Q, J] = n(!1), [D, X] = n(!1), [E, Z] = n(null), [ee, te] = n(!1), [oe, se] = n(!1), ae = he(ce.TOOL.MEMORIES), ne = he(ce.ADDON.REASONING), [i, Ce] = pe({
-    key: Ue,
+  }), [V, W] = n(""), [$, T] = n(""), [z, H] = n(!1), [j, Y] = n(!1), [C, q] = n(!1), [I, K] = n(!1), [Q, J] = n(!1), [L, X] = n(!1), [E, Z] = n(null), [ee, te] = n(!1), [oe, se] = n(!1), ae = pe(ce.TOOL.MEMORIES), ne = pe(ce.ADDON.REASONING), [i, Ce] = ie({
+    key: Ge,
     initialValue: !1
-  }), [m, Ie] = pe({
+  }), [m, Ie] = ie({
     key: Fe,
     initialValue: !1
-  }), [u, L] = n(!1), [S, _] = n(!1), be = et(() => Ve(k, B) ? We(k) : !1, [k, B]), ye = (e) => {
+  }), [u, D] = n(!1), [S, _] = n(!1), be = et(() => Ve(k, B) ? We(k) : !1, [k, B]), ye = (e) => {
     se(e);
   }, ke = (e) => {
     H(e);
   }, we = (e) => {
     ae && Y(e);
-  }, De = (e) => {
-    K(e);
   }, Le = (e) => {
+    K(e);
+  }, De = (e) => {
     ne && J(e);
   }, _e = (e) => {
     X(e);
   }, Me = (e) => {
-    L(e);
+    D(e);
   }, Oe = (e) => {
     _(e);
   }, ve = async (e) => {
     e.preventDefault();
     try {
-      await me({
+      await ue({
         accessToken: await y(),
-        type: ue.SET_USER_PREFERENCES,
+        type: he.SET_USER_PREFERENCES,
         params: {
           user: P?.username,
           instructions: V,
@@ -56,21 +56,21 @@ const lt = ({
            * model preference so the user relies solely on provider defaults.
            * Empty string signals to backend to use provider's default model.
            */
-          model: D && o?.model || "",
+          model: L && o?.model || "",
           tags: w.prompts,
           sendOnEnter: z,
           useMemory: j,
           showDetails: oe,
           showReasoningButton: Q,
-          useNestedModelSelection: D
+          useNestedModelSelection: L
         }
-      }), I !== C && (await Qe(I), q(I)), u !== i && (Ce(u), de(u), g({
+      }), I !== C && (await Qe(I), q(I)), u !== i && (Ce(u), me(u), g({
         type: Ee,
         payload: { oledMode: u }
       })), S !== m && (Ie(S), g({
         type: Se,
         payload: { fullScreen: S }
-      })), G(), f({
+      })), U(), f({
         loadingLocation: !1
       });
     } catch {
@@ -80,32 +80,32 @@ const lt = ({
       loadingLocation: !0
     }), T("...");
     try {
-      const e = Date.now(), a = await Ke(), b = await me({
+      const e = Date.now(), a = await Ke(), b = await ue({
         accessToken: await y(),
-        type: ue.GET_LOCATION,
+        type: he.GET_LOCATION,
         params: {
           latitude: a.latitude,
           longitude: a.longitude
         }
       }), h = Date.now() - e;
-      h < 2e3 && await new Promise((xe) => setTimeout(xe, 2e3 - h));
-      const { city: d, state: c, country: N, displayName: v } = b.data, Re = d && c && N ? `${d}, ${c}, ${N}` : v;
+      h < 2e3 && await new Promise((Re) => setTimeout(Re, 2e3 - h));
+      const { city: d, state: c, country: N, displayName: v } = b.data, xe = d && c && N ? `${d}, ${c}, ${N}` : v;
       f({
         loadingLocation: !1
-      }), T(Re);
+      }), T(xe);
     } catch {
       f({
         loadingLocation: !1
       });
     }
   }, re = () => {
-    u !== i && (L(i), de(i), g({
+    u !== i && (D(i), me(i), g({
       type: Ee,
       payload: { oledMode: i }
     })), S !== m && (_(m), g({
       type: Se,
       payload: { fullScreen: m }
-    })), G(), x(!1);
+    })), U(), R(!1);
   }, M = ({
     enabled: e = !1,
     privateChat: a = !1,
@@ -144,7 +144,7 @@ const lt = ({
       return;
     o.instructions && W(o.instructions), o.location && T(o.location), o.tags && F({ prompts: o.tags }), o.sendOnEnter !== void 0 && H(o.sendOnEnter), o.useMemory !== void 0 && Y(o.useMemory), o.showDetails !== void 0 && se(o.showDetails), o.showReasoningButton !== void 0 && J(o.showReasoningButton), o.useNestedModelSelection !== void 0 && X(o.useNestedModelSelection);
     const e = ze();
-    q(e), K(e), L(i), _(m);
+    q(e), K(e), D(i), _(m);
   }, [o, i, m]), ge(() => {
     C ? le() : Z(null);
   }, [C, le]), Te ? /* @__PURE__ */ s(
@@ -162,8 +162,8 @@ const lt = ({
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(
-              R,
+            /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
+              x,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -173,13 +173,13 @@ const lt = ({
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(
-              R,
+            /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(
+              x,
               {
                 mode: "dark",
                 focusMode: "light",
                 onClick: async (e) => {
-                  x(!1), await ve(e);
+                  R(!1), await ve(e);
                 },
                 children: "Save"
               }
@@ -292,15 +292,15 @@ const lt = ({
                 }
               ),
               /* @__PURE__ */ t(
-                R,
+                x,
                 {
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
                   variant: "secondary",
-                  disabled: U.loadingLocation,
+                  disabled: G.loadingLocation,
                   onClick: Ae,
-                  children: U.loadingLocation ? "Detecting..." : "Auto-detect"
+                  children: G.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -404,7 +404,7 @@ const lt = ({
                     className: "mt-2",
                     label: "Show Reasoning Button",
                     name: "show-reasoning-button",
-                    onChange: Le,
+                    onChange: De,
                     checked: Q
                   }
                 )
@@ -420,7 +420,7 @@ const lt = ({
                     label: "Enable Model Selection",
                     name: "use-nested-model-selection",
                     onChange: _e,
-                    checked: D
+                    checked: L
                   }
                 )
               ] }),
@@ -459,7 +459,7 @@ const lt = ({
                   className: "mt-2",
                   label: "Enable Assets Caching",
                   name: "enable-service-worker",
-                  onChange: De,
+                  onChange: Le,
                   checked: I
                 }
               ),

package/dist/chunks/Table.DBfFG7qO.js

@@ -0,0 +1,359 @@
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { ButtonSort_private as f } from "./index.BcYESdDV.js";
+import o from "clsx";
+import v, { useContext as b } from "react";
+import { e as k } from "./App.CusyBC2e.js";
+/*!
+  @versini/ui-icons v4.15.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.15.1",
+    buildTime: "11/03/2025 07:21 PM EST",
+    homepage: "https://github.com/aversini/ui-icons",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-svgicon v4.3.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.3.0",
+    buildTime: "11/03/2025 07:21 PM EST",
+    homepage: "https://github.com/aversini/ui-icons",
+    license: "MIT"
+  });
+} catch {
+}
+const N = ({ children: e, fill: a, viewBox: t, className: s, defaultViewBox: r, size: d, title: n, semantic: i = !1, ...c }) => {
+  const m = o(d, s);
+  return /* @__PURE__ */ y("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: m,
+    viewBox: t || r,
+    fill: a || "currentColor",
+    role: "img",
+    "aria-hidden": !i,
+    focusable: !1,
+    ...c,
+    children: [
+      n && i && /* @__PURE__ */ l("title", {
+        children: n
+      }),
+      e
+    ]
+  });
+}, C = ({ className: e, viewBox: a, title: t, monotone: s, ...r }) => /* @__PURE__ */ y(N, {
+  defaultViewBox: "0 0 576 512",
+  size: "size-5",
+  viewBox: a,
+  className: e,
+  title: t || "Sort",
+  ...r,
+  children: [
+    /* @__PURE__ */ l("path", {
+      d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l41.3-41.4V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.3l41.4 41.4c12.5 12.5 32.8 12.5 45.3 0 6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96c-6.3-6.4-14.5-9.5-22.7-9.5s-16.4 3.1-22.6 9.4z",
+      opacity: s ? "1" : "0.4"
+    }),
+    /* @__PURE__ */ l("path", {
+      d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7l-41.4-41.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z"
+    })
+  ]
+}), I = ({ className: e, viewBox: a, title: t, monotone: s, ...r }) => /* @__PURE__ */ y(N, {
+  defaultViewBox: "0 0 576 512",
+  size: "size-5",
+  viewBox: a,
+  className: e,
+  title: t || "Sort Down",
+  ...r,
+  children: [
+    /* @__PURE__ */ l("path", {
+      d: "M288 64c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32",
+      opacity: s ? "1" : "0.4"
+    }),
+    /* @__PURE__ */ l("path", {
+      d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32S96 46.3 96 64v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4"
+    })
+  ]
+}), S = ({ className: e, viewBox: a, title: t, monotone: s, ...r }) => /* @__PURE__ */ y(N, {
+  defaultViewBox: "0 0 576 512",
+  size: "size-5",
+  viewBox: a,
+  className: e,
+  title: t || "Sort Up",
+  ...r,
+  children: [
+    /* @__PURE__ */ l("path", {
+      d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32",
+      opacity: s ? "1" : "0.4"
+    }),
+    /* @__PURE__ */ l("path", {
+      d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32"
+    })
+  ]
+}), p = v.createContext({
+  mode: "light",
+  cellWrapper: "thead",
+  stickyHeader: !1,
+  stickyFooter: !1,
+  compact: !1
+}), x = "thead", u = "tfoot", _ = "tbody", V = ({
+  mode: e,
+  className: a,
+  wrapperClassName: t,
+  stickyHeader: s,
+  stickyFooter: r
+}) => ({
+  wrapper: o(
+    "not-prose relative w-full rounded-lg shadow-md",
+    {
+      "overflow-x-auto": !s && !r,
+      "overflow-y-scroll": s || r,
+      "bg-surface-darker": e === "dark" || e === "system",
+      "bg-surface-light": e === "light" || e === "alt-system",
+      "dark:bg-surface-light": e === "system",
+      "dark:bg-surface-darker": e === "alt-system",
+      "text-copy-light": e === "dark",
+      "text-copy-dark": e === "light",
+      "text-copy-light dark:text-copy-dark": e === "system",
+      "text-copy-dark dark:text-copy-light": e === "alt-system"
+    },
+    t
+  ),
+  table: o("my-0 w-full text-left text-sm", a, {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  }),
+  caption: o("py-2 text-sm font-bold", {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  })
+}), z = ({
+  className: e,
+  stickyHeader: a,
+  mode: t
+}) => o(
+  {
+    "sticky top-0 z-10": a,
+    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "dark",
+    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && t === "system",
+    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && t === "light",
+    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && t === "alt-system"
+  },
+  e
+), B = ({
+  className: e,
+  stickyFooter: a,
+  mode: t
+}) => o(
+  {
+    "sticky bottom-0 z-10": a,
+    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "dark",
+    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && t === "system",
+    "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && t === "light",
+    "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && t === "alt-system"
+  },
+  e
+), H = ({
+  mode: e,
+  className: a,
+  cellWrapper: t
+}) => t === x || t === u ? o(
+  {
+    "bg-table-head-dark": e === "dark" || e === "system",
+    "bg-table-head-light": e === "light" || e === "alt-system",
+    "dark:bg-table-head-light": e === "system",
+    "dark:bg-table-head-dark": e === "alt-system"
+  },
+  a
+) : o(
+  "border-b last:border-0",
+  {
+    "border-table-dark": e === "dark" || e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": t === _ && e === "dark",
+    "border-table-light": e === "light" || e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even": t === _ && e === "light",
+    "dark:border-table-light": e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === _ && e === "system",
+    "dark:border-table-dark": e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === _ && e === "alt-system"
+  },
+  a
+), M = ({
+  cellWrapper: e,
+  className: a,
+  compact: t,
+  mode: s,
+  align: r
+}) => ({
+  alignClasses: o({
+    "flex justify-start text-left": r === "left",
+    "flex justify-center text-center": r === "center",
+    "flex justify-end text-right": r === "right"
+  }),
+  mainClasses: o(
+    {
+      "text-copy-light": s === "dark" || s === "system",
+      "text-copy-dark": s === "light" || s === "alt-system",
+      "dark:text-copy-dark": s === "system",
+      "dark:text-copy-light": s === "alt-system",
+      "px-4 py-3": !t && (e === x || e === u),
+      "p-4": !t && e === _,
+      "px-2 py-1.5": t
+    },
+    a
+  )
+}), W = ({
+  buttonClassName: e
+}) => o("rounded-none text-sm", e), U = ({
+  children: e,
+  mode: a = "system",
+  caption: t,
+  compact: s,
+  summary: r,
+  className: d,
+  wrapperClassName: n,
+  maxHeight: i,
+  stickyHeader: c,
+  stickyFooter: m,
+  ...h
+}) => {
+  const g = V({
+    mode: a,
+    className: d,
+    wrapperClassName: n,
+    stickyHeader: c,
+    stickyFooter: m
+  });
+  return /* @__PURE__ */ l(
+    p.Provider,
+    {
+      value: { mode: a, stickyHeader: c, stickyFooter: m, compact: s },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: g.wrapper,
+          ...i && {
+            style: { maxHeight: i }
+          },
+          children: /* @__PURE__ */ y("table", { className: g.table, summary: r, ...h, children: [
+            t && /* @__PURE__ */ l("caption", { className: g.caption, children: t }),
+            e
+          ] })
+        }
+      )
+    }
+  );
+}, O = ({
+  children: e,
+  className: a,
+  ...t
+}) => {
+  const s = b(p);
+  s.cellWrapper = x;
+  const r = z({
+    className: a,
+    mode: s.mode,
+    stickyHeader: s.stickyHeader
+  });
+  return /* @__PURE__ */ l("thead", { className: r, ...t, children: e });
+}, G = ({
+  children: e,
+  className: a,
+  ...t
+}) => {
+  const s = b(p);
+  s.cellWrapper = u;
+  const r = B({
+    className: a,
+    mode: s.mode,
+    stickyFooter: s.stickyFooter
+  });
+  return /* @__PURE__ */ l("tfoot", { className: r, ...t, children: e });
+}, L = ({ children: e, ...a }) => {
+  const t = b(p);
+  return t.cellWrapper = _, /* @__PURE__ */ l("tbody", { ...a, children: e });
+}, P = ({
+  children: e,
+  className: a,
+  ...t
+}) => {
+  const s = b(p), r = H({
+    mode: s.mode,
+    cellWrapper: s.cellWrapper,
+    className: a
+  });
+  return /* @__PURE__ */ l("tr", { className: r, ...t, children: e });
+}, E = ({
+  children: e,
+  component: a,
+  className: t,
+  align: s,
+  ...r
+}) => {
+  const d = b(p), n = a || (d.cellWrapper === x ? "th" : "td"), { mainClasses: i, alignClasses: c } = M({
+    cellWrapper: d.cellWrapper,
+    className: t,
+    mode: d.mode,
+    compact: d.compact,
+    align: s
+  });
+  return s ? /* @__PURE__ */ l(n, { className: i, ...r, children: /* @__PURE__ */ l("div", { className: c, children: e }) }) : /* @__PURE__ */ l(n, { className: i, ...r, children: e });
+}, A = ({
+  align: e,
+  children: a,
+  buttonClassName: t,
+  className: s,
+  component: r,
+  focusMode: d = "alt-system",
+  mode: n = "alt-system",
+  onClick: i,
+  sortDirection: c,
+  sortedCell: m,
+  cellId: h,
+  ...g
+}) => {
+  const w = W({ buttonClassName: t });
+  return /* @__PURE__ */ l(
+    E,
+    {
+      component: r,
+      className: s,
+      role: "columnheader",
+      "aria-sort": c === k.ASC && m === h ? "ascending" : c === k.DESC && m === h ? "descending" : "other",
+      ...g,
+      children: /* @__PURE__ */ l(
+        f,
+        {
+          active: m === h,
+          className: w,
+          onClick: i,
+          align: e,
+          noBorder: !0,
+          focusMode: d,
+          mode: n,
+          fullWidth: !0,
+          labelRight: a,
+          children: c === k.ASC && m === h ? /* @__PURE__ */ l(S, { className: "size-4", monotone: !0 }) : c === k.DESC && m === h ? /* @__PURE__ */ l(I, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(C, { className: "size-4", monotone: !0 })
+        }
+      )
+    }
+  );
+};
+export {
+  G as D,
+  A as F,
+  P as G,
+  L as H,
+  E as M,
+  U as W,
+  O as j
+};

package/dist/chunks/{UsageEntry.O3YdUF30.js → UsageEntry.C73mIvmD.js}

@@ -1,31 +1,31 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { n as f, i as v, useUserChatStats as _, useChatsUsage as z, USAGE_TITLE as B, S as g, renderDataAsList as P, CARDS as a, L as p, j as C, C$1 as i, pluralize as h } from "./index.Czv_1MTM.js";
-import { oe as H } from "./App.CtFpHv2O.js";
-import { useState as A, Suspense as K, lazy as j } from "react";
+import { n as f, useUniqueId as v, useUserChatStats as _, useChatsUsage as z, USAGE_TITLE as B, Card as g, renderDataAsList as P, CARDS as a, L as p, j as A, Button as i, pluralize as m } from "./index.BcYESdDV.js";
+import { Panel as H } from "./App.CusyBC2e.js";
+import { useState as C, Suspense as K, lazy as j } from "react";
 const s = [0, 3, 6, 9], n = {
   TOKEN: "token",
   MODEL: "model"
 }, w = j(() => import(
   /* webpackChunkName: "LazyChart" */
-  "./Chart.DD1RkG8X.js"
+  "./Chart.bKur3H71.js"
 )), R = ({
   open: k,
   onOpenChange: E
 }) => {
-  const { getAccessToken: u, user: T } = f(), N = v(), { data: t, isSuccess: x } = _({
+  const { getAccessToken: h, user: T } = f(), N = v(), { data: t, isSuccess: x } = _({
     user: T?.username,
-    getAccessToken: u
+    getAccessToken: h
   }), { data: r, isSuccess: M } = z({
     user: T?.username,
-    getAccessToken: u
-  }), O = Math.floor((/* @__PURE__ */ new Date()).getMonth() / 3) * 3, [c, S] = A(O), [o, I] = A(n.MODEL), U = (d) => {
+    getAccessToken: h
+  }), O = Math.floor((/* @__PURE__ */ new Date()).getMonth() / 3) * 3, [c, I] = C(O), [o, S] = C(n.MODEL), U = (d) => {
     d.preventDefault();
-    const m = (s.indexOf(c) + 1) % s.length;
-    S(s[m]);
+    const u = (s.indexOf(c) + 1) % s.length;
+    I(s[u]);
   }, D = (d) => {
     d.preventDefault();
-    const m = (s.indexOf(c) - 1 + s.length) % s.length;
-    S(s[m]);
+    const u = (s.indexOf(c) - 1 + s.length) % s.length;
+    I(s[u]);
   };
   return /* @__PURE__ */ l(
     H,
@@ -45,12 +45,12 @@ const s = [0, 3, 6, 9], n = {
             children: x ? P(
               N,
               {
-                [h(a.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-                [h(
+                [m(a.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+                [m(
                   a.MAIN_STATISTICS.TOTAL_PRIVATE,
                   t.privateChats
                 )]: t.privateChats,
-                [h(
+                [m(
                   a.MAIN_STATISTICS.TOTAL_DELETED,
                   t.deletedChats
                 )]: t.deletedChats
@@ -66,11 +66,11 @@ const s = [0, 3, 6, 9], n = {
             className: "prose-dark dark:prose-lighter mt-4 min-h-[555px]",
             noBorder: !0,
             children: M && r && r.tokenUsage && r.tokenUsage.series && r.tokenUsage.series.length ? /* @__PURE__ */ l(K, { fallback: /* @__PURE__ */ e("div", {}), children: [
-              /* @__PURE__ */ e(p, { className: "mb-2", alignHorizontal: "center", children: /* @__PURE__ */ l(C, { children: [
+              /* @__PURE__ */ e(p, { className: "mb-2", alignHorizontal: "center", children: /* @__PURE__ */ l(A, { children: [
                 /* @__PURE__ */ e(
                   i,
                   {
-                    onClick: () => I(n.MODEL),
+                    onClick: () => S(n.MODEL),
                     size: "small",
                     noBorder: !0,
                     mode: o === n.MODEL ? "dark" : "light",
@@ -81,7 +81,7 @@ const s = [0, 3, 6, 9], n = {
                 /* @__PURE__ */ e(
                   i,
                   {
-                    onClick: () => I(n.TOKEN),
+                    onClick: () => S(n.TOKEN),
                     size: "small",
                     noBorder: !0,
                     mode: o === n.TOKEN ? "dark" : "light",
@@ -97,7 +97,7 @@ const s = [0, 3, 6, 9], n = {
                   viewMode: o
                 }
               ),
-              /* @__PURE__ */ e(p, { className: "mt-2", alignHorizontal: "center", children: /* @__PURE__ */ l(C, { children: [
+              /* @__PURE__ */ e(p, { className: "mt-2", alignHorizontal: "center", children: /* @__PURE__ */ l(A, { children: [
                 /* @__PURE__ */ e(
                   i,
                   {