@versini/sassysaint 8.39.10 → 8.40.0

package/dist/chunks/{HistoryEntry.DzQ2MSaZ.js → HistoryEntry.B9fK7Ffl.js}

@@ -1,169 +1,169 @@
-import { jsxs as m, jsx as e, Fragment as Q } from "react/jsx-runtime";
-import { I, INFINITE_SCROLL_THRESHOLD as V, CARDS as Z, pluralize as ee, ue as w, numberFormatter as te, isProbablyMobile as se, n as B, INFINITE_SCROLL_LIMIT as b, LOCAL_STORAGE_PREFIX as $, LOCAL_STORAGE_SORT as re, APP_CLASSNAME as ae, ACTION_SORT as z, TOAST_CHAT_DELETED as oe, TOAST_PROVIDER_CHANGED as ne, LOCAL_STORAGE_SEARCH as ce, HISTORY_TITLE as ie, pe as le, debounce as de, ACTION_SEARCH as me } from "./index.Dym4y9es.js";
-import { De as he, He as ue, qe as O, Ge as pe, Fe as Ce, Pe as u, Ye as L, st as H, de as Se, a as Te, p as ge, p$1 as xe, y as fe, a$1 as ye, i$1 as Ee, HistoryContext as F, ChatContext as G, useAiChat as Ae, E as Y, useUserPreferences as Ne, ConfirmationPanel as Re, LazyToastContainerWrapper as ve, mutateCall as P, SERVICE_TYPES as U, showErrorToast as De, setNewProvider as Oe, CHAT_SET_PROVIDER as we, showSuccessToast as Me, CHAT_SET_STATUS as ke, E$1 as N, useChatsHistory as Ie, tt as _e, a$2 as be } from "./App.fCKFZhqI.js";
-import { Fragment as ze, useRef as M, useState as R, useContext as v, useCallback as Le, useEffect as k } from "react";
-const He = ({
+import { jsxs as h, jsx as e, Fragment as ne } from "react/jsx-runtime";
+import { I as z, ue$1 as A, Ae as M, INFINITE_SCROLL_THRESHOLD as F, CARDS as ce, pluralize as ie, ue as I, numberFormatter as le, de, isProbablyMobile as me, E as he, a as ue, i as Ce, n as Y, INFINITE_SCROLL_LIMIT as U, LOCAL_STORAGE_PREFIX as v, LOCAL_STORAGE_SORT_TIMESTAMP as pe, LOCAL_STORAGE_SORT_TOKEN_USAGE as Se, LOCAL_STORAGE_SORT as Te, APP_CLASSNAME as ge, ACTION_SORT as Ee, TOAST_CHAT_DELETED as xe, TOAST_PROVIDER_CHANGED as fe, LOCAL_STORAGE_SEARCH as ye, HISTORY_TITLE as Ae, pe$1 as De, debounce as Oe, ACTION_SEARCH as Re } from "./index.CrPLofea.js";
+import { De as Ne, He as ve, qe as k, Ge as we, Fe as Me, Pe as p, Ye as V, st as $, a as _e, p as ke, p$1 as Ie, HistoryContext as K, ChatContext as W, useAiChat as be, E as w, E$1 as y, useUserPreferences as Le, ConfirmationPanel as ze, LazyToastContainerWrapper as He, mutateCall as B, SERVICE_TYPES as G, showErrorToast as Pe, setNewProvider as Ue, CHAT_SET_PROVIDER as Ve, showSuccessToast as $e, CHAT_SET_STATUS as Be, useChatsHistory as Ge, tt as Fe, a$1 as Ye } from "./App.B9gc6fg7.js";
+import { Fragment as Ke, useRef as b, useState as L, useContext as _, useCallback as We, useEffect as j } from "react";
+const je = ({
   className: c,
-  viewBox: a,
-  title: l,
-  monotone: d,
+  viewBox: o,
+  title: d,
+  monotone: m,
   ...i
-}) => /* @__PURE__ */ m(
-  I,
+}) => /* @__PURE__ */ h(
+  z,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: c,
-    title: l || "Delete",
+    title: d || "Delete",
     ...i,
     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: d ? "1" : "0.4"
+          opacity: m ? "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" })
     ]
   }
-), Pe = ({
+), qe = ({
   className: c,
-  viewBox: a,
-  title: l,
-  monotone: d,
+  viewBox: o,
+  title: d,
+  monotone: m,
   ...i
-}) => /* @__PURE__ */ m(
-  I,
+}) => /* @__PURE__ */ h(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: c,
-    title: l || "Restore",
+    title: d || "Restore",
     ...i,
     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: d ? "1" : "0.4"
+          opacity: m ? "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" })
     ]
   }
-), Ue = ({
+), Xe = ({
   className: c,
-  viewBox: a,
-  title: l,
-  monotone: d,
+  viewBox: o,
+  title: d,
+  monotone: m,
   ...i
-}) => /* @__PURE__ */ m(
-  I,
+}) => /* @__PURE__ */ h(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: c,
-    title: l || "Search",
+    title: d || "Search",
     ...i,
     children: [
       /* @__PURE__ */ e(
         "path",
         {
           d: "M0 208a208 208 0 1 0 416 0 208 208 0 1 0-416 0m352 0a144 144 0 1 1-288 0 144 144 0 1 1 288 0",
-          opacity: d ? "1" : "0.4"
+          opacity: m ? "1" : "0.4"
         }
       ),
       /* @__PURE__ */ e("path", { d: "m330.7 376 126.7 126.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L376 330.7c-12.7 17.3-28 32.6-45.3 45.3" })
     ]
   }
-), Ve = {
-  [Ee]: xe,
-  [ye]: ge,
-  [fe]: Te
+), Je = {
+  [Ce]: Ie,
+  [ue]: ke,
+  [he]: _e
 }, r = {
   ROW: "row",
-  TIMESTAMP: "timestamp",
+  TIMESTAMP: A,
   SUMMARY: "summary",
   PROVIDER: "provider",
-  TOKEN_USAGE: "tokenUsage",
+  TOKEN_USAGE: M,
   ACTIONS: "actions"
-}, Be = [
+}, Qe = [
   r.ROW,
   r.TIMESTAMP,
   r.SUMMARY,
   r.ACTIONS
-], $e = [
+], Ze = [
   r.ROW,
   r.SUMMARY,
   r.TIMESTAMP,
   r.TOKEN_USAGE,
   r.PROVIDER,
   r.ACTIONS
-], Fe = ({
+], et = ({
   filteredHistory: c,
-  historyState: a,
-  lastEntryToLoad: l,
-  onClickSort: d,
+  historyState: o,
+  lastEntryToLoad: d,
+  onClickSort: m,
   onClickRestore: i,
-  onClickDelete: g,
+  onClickDelete: E,
   infinityScrollMarkerRef: x
 }) => {
-  const o = se() ? Be : $e, A = (t) => {
+  const l = me() ? Qe : Ze, D = (t) => {
     switch (t) {
       case r.ROW:
-        return /* @__PURE__ */ e(u, { className: "sr-only", children: "Row" }, t);
+        return /* @__PURE__ */ e(p, { className: "sr-only", children: "Row" }, t);
       case r.TIMESTAMP:
         return /* @__PURE__ */ e(
-          L,
+          V,
           {
             buttonClassName: "text-xs sm:text-sm",
-            cellId: "timestamp",
+            cellId: A,
             align: "left",
-            sortDirection: a.sortDirection,
-            sortedCell: a.sortedCell,
+            sortDirection: o.sortDirection,
+            sortedCell: o.sortedCell,
             onClick: () => {
-              d("timestamp");
+              m(A);
             },
             children: "Date"
           },
           t
         );
       case r.SUMMARY:
-        return /* @__PURE__ */ e(u, { className: "text-xs sm:text-sm", children: "Summary" }, t);
+        return /* @__PURE__ */ e(p, { className: "text-xs sm:text-sm", children: "Summary" }, t);
       case r.PROVIDER:
-        return /* @__PURE__ */ e(u, { className: "text-xs sm:text-sm", children: "Provider" }, t);
+        return /* @__PURE__ */ e(p, { className: "text-xs sm:text-sm", children: "Provider" }, t);
       case r.TOKEN_USAGE:
         return /* @__PURE__ */ e(
-          L,
+          V,
           {
             buttonClassName: "text-xs sm:text-sm",
-            cellId: "tokenUsage",
+            cellId: M,
             align: "right",
-            sortDirection: a.sortDirection,
-            sortedCell: a.sortedCell,
+            sortDirection: o.sortDirection,
+            sortedCell: o.sortedCell,
             onClick: () => {
-              d("tokenUsage");
+              m(M);
             },
             children: "Tokens"
           },
           t
         );
       case r.ACTIONS:
-        return /* @__PURE__ */ e(u, { className: "text-xs sm:text-sm text-right", children: "Actions" }, t);
+        return /* @__PURE__ */ e(p, { className: "text-xs sm:text-sm text-right", children: "Actions" }, t);
       default:
         return null;
     }
   }, f = (t, s, T) => {
     switch (t) {
       case r.ROW:
-        return /* @__PURE__ */ e(u, { children: T + 1 }, t);
+        return /* @__PURE__ */ e(p, { children: T + 1 }, t);
       case r.TIMESTAMP:
         return /* @__PURE__ */ e(
-          u,
+          p,
           {
             component: "th",
             scope: "row",
@@ -173,34 +173,34 @@ const He = ({
           t
         );
       case r.SUMMARY: {
-        const C = s.summary || (s.messages.length > 0 ? s.messages[0]?.content : "");
+        const S = s.summary || (s.messages.length > 0 ? s.messages[0]?.content : "");
         return /* @__PURE__ */ e(
-          u,
+          p,
           {
             className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
             style: {
               wordBreak: "break-word"
             },
-            children: C
+            children: S
           },
           t
         );
       }
       case r.PROVIDER: {
-        const C = s.model ? Se(s.model) : null, y = C ? Ve[C] : null;
+        const S = s.model ? de(s.model) : null, O = S ? Je[S] : null;
         return /* @__PURE__ */ e(
-          u,
+          p,
           {
             component: "th",
             scope: "row",
             className: "text-gray-400",
             align: "center",
-            children: y ? /* @__PURE__ */ e(
-              y,
+            children: O ? /* @__PURE__ */ e(
+              O,
               {
                 size: "size-4 sm:size-5",
                 semantic: !0,
-                title: s.model || C
+                title: s.model || S
               }
             ) : null
           },
@@ -209,24 +209,24 @@ const He = ({
       }
       case r.TOKEN_USAGE:
         return /* @__PURE__ */ e(
-          u,
+          p,
           {
             className: "text-gray-400 text-xs sm:text-sm",
             align: "right",
-            children: s.tokenUsage ? te.format(s.tokenUsage) : "0"
+            children: s.tokenUsage ? le.format(s.tokenUsage) : "0"
           },
           t
         );
       case r.ACTIONS:
-        return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ m("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+        return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ h("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
           /* @__PURE__ */ e(
-            H,
+            $,
             {
               label: "Restore chat",
               mode: "alt-system",
               placement: "top",
               trigger: /* @__PURE__ */ e(
-                w,
+                I,
                 {
                   focusMode: "alt-system",
                   noBorder: !0,
@@ -236,19 +236,19 @@ const He = ({
                   onClick: async () => {
                     await i(s);
                   },
-                  children: /* @__PURE__ */ e(Pe, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ e(qe, { size: "size-3", monotone: !0 })
                 }
               )
             }
           ),
           /* @__PURE__ */ e(
-            H,
+            $,
             {
               label: "Delete chat",
               mode: "alt-system",
               placement: "top",
               trigger: /* @__PURE__ */ e(
-                w,
+                I,
                 {
                   focusMode: "alt-system",
                   noBorder: !0,
@@ -256,9 +256,9 @@ const He = ({
                   variant: "primary",
                   iconClassName: "text-red-700 dark:text-red-500",
                   onClick: () => {
-                    g(s);
+                    E(s);
                   },
-                  children: /* @__PURE__ */ e(He, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ e(je, { size: "size-3", monotone: !0 })
                 }
               )
             }
@@ -268,133 +268,152 @@ const He = ({
         return null;
     }
   };
-  return /* @__PURE__ */ m(he, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-    /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(O, { children: o.map((t) => A(t)) }) }),
-    /* @__PURE__ */ e(pe, { children: c.slice(0, l).map((t, s) => t?.messages?.length > 0 ? /* @__PURE__ */ m(ze, { children: [
-      s === l - V && /* @__PURE__ */ e("tr", { ref: x }),
-      /* @__PURE__ */ e(O, { children: o.map(
+  return /* @__PURE__ */ h(Ne, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+    /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(k, { children: l.map((t) => D(t)) }) }),
+    /* @__PURE__ */ e(we, { children: c.slice(0, d).map((t, s) => t?.messages?.length > 0 ? /* @__PURE__ */ h(Ke, { children: [
+      s === d - F && /* @__PURE__ */ e("tr", { ref: x }),
+      /* @__PURE__ */ e(k, { children: l.map(
         (T) => f(T, t, s)
       ) })
-    ] }, `${Z.HISTORY.TITLE}-${t.id}-${s}`) : null) }),
-    /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(u, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ee(
+    ] }, `${ce.HISTORY.TITLE}-${t.id}-${s}`) : null) }),
+    /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(p, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ie(
       `${c.length} chat`,
       c.length
     ) }) }) }) })
   ] });
-}, Ge = ({
+}, tt = ({
   filteredHistory: c,
-  dispatch: a,
-  onOpenChange: l,
-  mutate: d
+  dispatch: o,
+  onOpenChange: d,
+  mutate: m
 }) => {
-  const { user: i, getAccessToken: g } = B(), x = M(null), h = M({
+  const { user: i, getAccessToken: E } = Y(), x = b(null), u = b({
     id: "",
     timestamp: "",
     message: ""
-  }), [o, A] = R(!1), [f, t] = R(
-    b + V
-  ), { state: s, dispatch: T } = v(F), {
-    state: { provider: C },
-    setChatId: y,
-    setInitialMessages: D
-  } = v(G), { setInput: _ } = Ae(), [, S] = Y({
-    key: $ + re,
-    initialValue: s.sortDirection
-  }), { refetch: W } = Ne({
+  }), [l, D] = L(!1), [f, t] = L(
+    U + F
+  ), { state: s, dispatch: T } = _(K), S = {
+    searchString: s.searchString || "",
+    sortDirection: s.sortDirection || y.DESC,
+    sortedCell: s.sortedCell || A
+  }, {
+    state: { provider: O },
+    setChatId: g,
+    setInitialMessages: q
+  } = _(W), { setInput: X } = be(), [H, P] = w({
+    key: v + pe,
+    initialValue: y.DESC
+  }), [J, Q] = w({
+    key: v + Se,
+    initialValue: y.ASC
+  }), [, Z] = w({
+    key: v + Te,
+    initialValue: A
+  }), { refetch: ee } = Le({
     user: i?.username,
-    getAccessToken: g
-  }), K = (n) => {
-    switch (s.sortDirection) {
-      case N.ASC:
-        S(N.DESC), T({
-          type: z,
-          payload: {
-            sortedCell: n,
-            sortDirection: N.DESC
-          }
-        });
+    getAccessToken: E
+  }), te = (a) => {
+    const C = s.sortedCell === a;
+    let n, R;
+    switch (a) {
+      case A:
+        R = P, n = C ? s.sortDirection : H;
+        break;
+      case M:
+        R = Q, n = C ? s.sortDirection : J;
         break;
       default:
-        S(N.ASC), T({
-          type: z,
-          payload: {
-            sortedCell: n,
-            sortDirection: N.ASC
-          }
-        });
+        R = P, n = C ? s.sortDirection : H;
         break;
     }
-  }, j = async () => {
-    const n = h.current;
+    let N;
+    switch (n) {
+      case y.ASC:
+        N = y.DESC;
+        break;
+      default:
+        N = y.ASC;
+        break;
+    }
+    R(N), Z(a), T({
+      type: Ee,
+      payload: {
+        sortedCell: a,
+        sortDirection: N
+      }
+    });
+  }, se = async () => {
+    const a = u.current;
     try {
-      await P({
-        accessToken: await g(),
-        type: U.DELETE_CHAT,
+      await B({
+        accessToken: await E(),
+        type: G.DELETE_CHAT,
         params: {
           userId: i?.username || "",
-          id: n.id
+          id: a.id
         }
-      }), d(""), await De(oe, {
+      }), m(""), await Pe(xe, {
         autoClose: 2e3,
         containerId: "history-table"
       });
     } catch {
     }
-  }, q = async (n) => {
+  }, re = async (a) => {
     try {
-      const E = await g(), p = await P({
-        accessToken: E,
-        type: U.GET_CHAT,
+      const C = await E(), n = await B({
+        accessToken: C,
+        type: G.GET_CHAT,
         params: {
-          id: n.id
+          id: a.id
         }
       });
-      p.status === 200 && (p.data.provider !== C && (await Oe({
-        provider: p.data.provider,
-        accessToken: E,
+      n.status === 200 && (n.data.provider !== O && (await Ue({
+        provider: n.data.provider,
+        accessToken: C,
         username: i?.username || ""
-      }), a({
-        type: we,
+      }), o({
+        type: Ve,
         payload: {
-          provider: p.data.provider
+          provider: n.data.provider
         }
-      }), W(), await Me(
-        `${ne} ${p.data.provider}`,
+      }), ee(), await $e(
+        `${fe} ${n.data.provider}`,
         {
           containerId: "toggle-provider"
         }
-      )), a({
-        type: ke,
+      )), o({
+        type: Be,
         payload: {
           restoring: !0,
-          restoredModel: p.data?.model || "",
-          restoredUsage: p.data?.tokenUsage || 0
+          restoredModel: n.data?.model || "",
+          restoredUsage: n.data?.tokenUsage || 0
         }
-      }), _(""), y(n.id), D(p.data.messages), l(!1));
+      }), X(""), g(a.id), q(n.data.messages), d(!1));
     } catch {
     }
-  }, X = (n) => {
-    h.current = {
-      id: n.id,
-      timestamp: n.timestamp,
-      message: n.messages.length > 0 ? n.messages[0]?.content : ""
-    }, A(!o);
-  }, J = Le((n) => {
-    n[0].isIntersecting && t((p) => p + b);
+  }, ae = (a) => {
+    u.current = {
+      id: a.id,
+      timestamp: a.timestamp,
+      message: a.messages.length > 0 ? a.messages[0]?.content : ""
+    }, D(!l);
+  }, oe = We((a) => {
+    a[0].isIntersecting && t((n) => n + U);
   }, []);
-  return k(() => {
-    const n = {
+  return j(() => {
+    const a = {
       // root: null,
       rootMargin: "20px"
-    }, E = new IntersectionObserver(J, n);
-    x.current && E.observe(x.current);
-  }), /* @__PURE__ */ m(Q, { children: [
-    /* @__PURE__ */ m(
-      Re,
+    }, C = new IntersectionObserver(oe, a);
+    x.current && C.observe(x.current);
+  }), /* @__PURE__ */ h(ne, { children: [
+    /* @__PURE__ */ h(
+      ze,
       {
-        showConfirmation: o,
-        setShowConfirmation: A,
-        action: j,
+        showConfirmation: l,
+        setShowConfirmation: D,
+        action: se,
         customStrings: {
           confirmAction: "Delete",
           cancelAction: "Cancel",
@@ -402,78 +421,74 @@ const He = ({
         },
         children: [
           /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ m("ul", { className: "m-0", children: [
-            /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ h("ul", { className: "m-0", children: [
+            /* @__PURE__ */ h("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: h.current && h.current.timestamp })
+              /* @__PURE__ */ e("span", { className: "text-lg", children: u.current && u.current.timestamp })
             ] }),
-            /* @__PURE__ */ m("li", { children: [
+            /* @__PURE__ */ h("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: h.current?.message })
+              /* @__PURE__ */ e("span", { className: "text-lg", children: u.current?.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e("div", { className: ae, children: /* @__PURE__ */ e(ve, { containerId: "history-table" }) }),
+    /* @__PURE__ */ e("div", { className: ge, children: /* @__PURE__ */ e(He, { containerId: "history-table" }) }),
     /* @__PURE__ */ e(
-      Fe,
+      et,
       {
         filteredHistory: c,
-        historyState: s,
+        historyState: S,
         lastEntryToLoad: f,
-        onClickSort: K,
-        onClickRestore: q,
-        onClickDelete: X,
+        onClickSort: te,
+        onClickRestore: re,
+        onClickDelete: ae,
         infinityScrollMarkerRef: x
       }
     )
   ] });
-}, qe = ({
+}, nt = ({
   open: c,
-  onOpenChange: a
+  onOpenChange: o
 }) => {
-  const { getAccessToken: l, user: d } = B(), { dispatch: i } = v(G), [g, x] = R([]), h = M(null), { state: o, dispatch: A } = v(F), [f, t] = R(
-    o.sortDirection
-  ), { data: s, refetch: T } = Ie({
+  const { getAccessToken: d, user: m } = Y(), { dispatch: i } = _(W), [E, x] = L([]), u = b(null), { state: l, dispatch: D } = _(K), { data: f, refetch: t } = Ge({
     enabled: c,
-    user: d?.username || "",
-    searchString: o.searchString,
-    sortDirection: f,
-    sortedCell: o.sortedCell,
-    getAccessToken: l
-  }), [, C] = Y({
-    key: $ + ce,
-    initialValue: o.searchString
+    user: m?.username || "",
+    searchString: l.searchString || "",
+    sortDirection: l.sortDirection || y.DESC,
+    sortedCell: l.sortedCell || A,
+    getAccessToken: d
+  }), [, s] = w({
+    key: v + ye,
+    initialValue: l.searchString
   });
-  k(() => {
-    o.sortDirection !== f && t(o.sortDirection);
-  }, [o, f]), k(() => {
-    s && x(s);
-  }, [s]);
-  const y = async (S) => {
-    C(S), A({
-      type: me,
-      payload: { searchString: S }
+  j(() => {
+    f && x(f);
+  }, [f]);
+  const T = async (g) => {
+    s(g), D({
+      type: Re,
+      payload: { searchString: g }
     });
-  }, D = de((S) => {
-    y(S.target.value.trim());
+  }, S = Oe((g) => {
+    T(g.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ m(
-    _e,
+  return /* @__PURE__ */ h(
+    Fe,
     {
       open: c,
-      onOpenChange: a,
-      title: ie,
+      onOpenChange: o,
+      title: Ae,
       animation: !0,
       animationType: "fade",
       children: [
-        /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (S) => {
-          S.preventDefault();
+        /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
+          g.preventDefault();
         }, children: /* @__PURE__ */ e(
-          le,
+          De,
           {
             placeholder: "Search",
             labelHidden: !0,
@@ -481,37 +496,37 @@ const He = ({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
-            ref: h,
-            defaultValue: o.searchString,
+            ref: u,
+            defaultValue: l.searchString,
             focusMode: "light",
             mode: "light",
             name: "Search",
             label: "Search",
-            onChange: D,
+            onChange: S,
             className: "my-2",
             rightElement: /* @__PURE__ */ e("div", { className: "text-copy-dark", children: /* @__PURE__ */ e(
-              w,
+              I,
               {
                 mode: "dark",
                 focusMode: "dark",
                 label: "Search",
                 size: "small",
                 onClick: () => {
-                  y(""), h.current?.value && (h.current.value = "", h.current.focus());
+                  T(""), u.current?.value && (u.current.value = "", u.current.focus());
                 },
-                disabled: o.searchString === "",
-                children: o.searchString !== "" ? /* @__PURE__ */ e(be, { monotone: !0, size: "size-3" }) : /* @__PURE__ */ e(Ue, { monotone: !0, size: "size-3" })
+                disabled: l.searchString === "",
+                children: l.searchString !== "" ? /* @__PURE__ */ e(Ye, { monotone: !0, size: "size-3" }) : /* @__PURE__ */ e(Xe, { monotone: !0, size: "size-3" })
               }
             ) })
           }
         ) }),
         /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row max-h-[75vh] min-h-[60vh]", children: /* @__PURE__ */ e(
-          Ge,
+          tt,
           {
-            mutate: T,
-            filteredHistory: g,
+            mutate: t,
+            filteredHistory: E,
             dispatch: i,
-            onOpenChange: a
+            onOpenChange: o
           }
         ) })
       ]
@@ -519,5 +534,5 @@ const He = ({
   );
 };
 export {
-  qe as HistoryPanel
+  nt as HistoryPanel
 };