@versini/sassysaint 8.37.1 → 8.37.3

package/dist/chunks/{HistoryEntry.DFC6n6w2.js → HistoryEntry.DlmduxI9.js}

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