@versini/sassysaint 8.57.0 → 8.58.0

package/dist/chunks/{Chart.BYV6EqEz.js → Chart.D-VIQysU.js}

@@ -1,7 +1,7 @@
 import { jsx as Ap } from "react/jsx-runtime";
-import { getDefaultExportFromCjs as ln } from "./App.D-eIGXB_.js";
+import { getDefaultExportFromCjs as ln } from "./App.B8ehtPCy.js";
 import Cp, { useState as Pp, useEffect as Op } from "react";
-import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.C5_-KbC2.js";
+import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.D3golFwx.js";
 var ls = { exports: {} }, Ip = ls.exports, on;
 function Dp() {
   return on || (on = 1, (function(ke, ne) {

package/dist/chunks/{ChatBubbleAssistant.Cos_gf6Y.js → ChatBubbleAssistant.CyJgR8J8.js}

@@ -1,10 +1,10 @@
 import { jsx as M } from "react/jsx-runtime";
-import { n as N, useUserPreferences as O, convertCamelCaseToReadable as P, numberFormatter as R, pluralize as y, ne as L } from "./index.C5_-KbC2.js";
-import { BUBBLE_FOOTER_EMPTY as _ } from "./index.M7cagQ1Z.js";
+import { n as N, useUserPreferences as O, convertCamelCaseToReadable as P, numberFormatter as R, pluralize as y, ne as L } from "./index.D3golFwx.js";
+import { BUBBLE_FOOTER_EMPTY as _ } from "./index.CVdabB4A.js";
 import w from "clsx";
 import v, { useState as b, useRef as A, useEffect as U, useContext as B } from "react";
-import { ChatContext as G, AsyncBubble as E } from "./App.D-eIGXB_.js";
-import { useMarkdown as D } from "./useMarkdown.B-G3RHi6.js";
+import { ChatContext as G, AsyncBubble as E } from "./App.B8ehtPCy.js";
+import { useMarkdown as D } from "./useMarkdown.B9WkUC07.js";
 const j = 2, q = j * 1e3, x = "", I = (e) => e * (2 - e);
 function W(e, n = !0) {
   const [a, p] = b(0), [i, C] = b(0), [t, T] = b(e), r = A(0), s = A(0);

package/dist/chunks/{ChatBubbleUser.Bk0Fip7I.js → ChatBubbleUser.tWOit_f_.js}

@@ -1,8 +1,8 @@
 import { jsx as n, Fragment as b, jsxs as A } from "react/jsx-runtime";
 import { useState as C, useMemo as u, isValidElement as p, useEffect as I } from "react";
-import { AsyncBubble as w } from "./App.D-eIGXB_.js";
-import { useMarkdown as _ } from "./useMarkdown.B-G3RHi6.js";
-import { C as M } from "./index.C5_-KbC2.js";
+import { AsyncBubble as w } from "./App.B8ehtPCy.js";
+import { useMarkdown as _ } from "./useMarkdown.B9WkUC07.js";
+import { C as M } from "./index.D3golFwx.js";
 const R = 200, N = ({
   string: e,
   idealLength: r = R

package/dist/chunks/ChatHistoryTable.2v_Tv5Xj.js

@@ -0,0 +1,317 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { I as g, de as N, Oe as C, INFINITE_SCROLL_THRESHOLD as y, CARDS as A, pluralize as E, te as p, numberFormatter as k, ue as b, isProbablyMobile as D, y as U, i$1 as B, E as I } from "./index.D3golFwx.js";
+import { st as u, p$1 as P, z as L, p$2 as V } from "./App.B8ehtPCy.js";
+import h from "clsx";
+import { Fragment as $ } from "react";
+import { j as _, D as H, G as M, H as Y, U as F, M as a, F as R, l as G } from "./Table.CAzmyLPU.js";
+const K = ({
+  className: c,
+  viewBox: l,
+  title: o,
+  monotone: i,
+  ...n
+}) => /* @__PURE__ */ m(
+  g,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: l,
+    className: c,
+    title: o || "Restore",
+    ...n,
+    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: i ? "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" })
+    ]
+  }
+), W = ({
+  className: c,
+  viewBox: l,
+  title: o,
+  monotone: i,
+  ...n
+}) => /* @__PURE__ */ m(
+  g,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: l,
+    className: c,
+    title: o || "Star in Circle",
+    ...n,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0m111.4-47c1.9-5.8 6.9-10 12.9-10.9 27-3.9 54-7.9 81.1-11.8 12.1-24.5 24.2-49 36.2-73.4 2.7-5.5 8.3-8.9 14.3-8.9s11.7 3.5 14.3 8.9c12.1 24.5 24.2 49 36.2 73.4 27 3.9 54 7.9 81 11.8 6 .9 11 5.1 12.9 10.9s.3 12.2-4 16.4l-58.6 57.2 13.8 80.7c1 6-1.4 12.1-6.4 15.6-2.8 2-6.1 3.1-9.4 3.1-2.5 0-5.1-.6-7.4-1.8-24.2-12.7-48.3-25.4-72.5-38.1-24.2 12.7-48.3 25.4-72.5 38.1-2.3 1.2-4.9 1.8-7.4 1.8-3.3 0-6.6-1-9.4-3.1-4.9-3.6-7.4-9.6-6.4-15.6l13.8-80.7-58.6-57.2c-4.4-4.3-5.9-10.6-4-16.4z",
+          opacity: ".4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M270.3 112.9c-2.7-5.5-8.3-8.9-14.3-8.9s-11.7 3.5-14.3 8.9l-36.2 73.4-81.1 11.8c-6 .9-11 5.1-12.9 10.9s-.3 12.2 4 16.4l58.6 57.2-13.8 80.7c-1 6 1.4 12.1 6.4 15.6s11.5 4.1 16.9 1.2l72.4-38 72.5 38.1c5.4 2.8 11.9 2.4 16.9-1.2s7.4-9.6 6.4-15.6L338 282.7l58.6-57.2c4.4-4.3 5.9-10.6 4-16.4s-6.9-10-12.9-10.9l-81-11.8-36.2-73.4z" })
+    ]
+  }
+), j = ({
+  className: c,
+  viewBox: l,
+  title: o,
+  monotone: i,
+  ...n
+}) => /* @__PURE__ */ m(
+  g,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: l,
+    className: c,
+    title: o || "Star in Circle",
+    ...n,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M32 256a224 224 0 1 0 448 0 224 224 0 1 0-448 0m79.4-47c1.9-5.8 6.9-10 12.9-10.9l81-11.8 36.2-73.4c2.7-5.5 8.3-8.9 14.3-8.9s11.7 3.5 14.3 8.9l36.2 73.4 81.1 11.8c6 .9 11 5.1 12.9 10.9s.3 12.2-4 16.4l-58.6 57.2 13.8 80.7c1 6-1.4 12.1-6.4 15.6s-11.5 4.1-16.9 1.2l-72.2-38-72.5 38.1c-5.4 2.8-11.9 2.4-16.8-1.2s-7.4-9.6-6.4-15.6l13.8-80.7-58.6-57.2c-4.4-4.3-5.9-10.6-4-16.4z",
+          opacity: ".4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m14.3-399.1c-2.7-5.5-8.3-8.9-14.3-8.9s-11.7 3.5-14.3 8.9l-36.2 73.4-81 11.8c-6 .9-11 5.1-12.9 10.9s-.3 12.2 4 16.4l58.6 57.2-13.8 80.7c-1 6 1.4 12.1 6.4 15.6s11.5 4.1 16.8 1.2l72.4-38 72.5 38.1c5.4 2.8 11.9 2.4 16.9-1.2s7.4-9.6 6.4-15.6L338 282.7l58.6-57.2c4.4-4.3 5.9-10.6 4-16.4s-6.9-10-12.9-10.9l-81.1-11.8-36.2-73.4zm-40 95.1 25.7-51.8 25.6 51.9c2.3 4.7 6.8 8 12 8.8l57.3 8.3-41.5 40.4c-3.8 3.7-5.5 9-4.6 14.2l9.8 57.1-51.2-26.9c-4.7-2.5-10.2-2.5-14.9 0l-51.2 26.9 9.8-57.1c.9-5.2-.8-10.5-4.6-14.2L161 225.1l57.3-8.3c5.2-.8 9.7-4 12-8.8" })
+    ]
+  }
+), q = {
+  [I]: V,
+  [B]: L,
+  [U]: P
+}, t = {
+  ROW: "row",
+  TIMESTAMP: N,
+  SUMMARY: "summary",
+  PROVIDER: "provider",
+  TOKEN_USAGE: C,
+  ACTIONS: "actions"
+}, J = [
+  t.ROW,
+  t.TIMESTAMP,
+  t.SUMMARY,
+  t.ACTIONS
+], Q = [
+  t.ROW,
+  t.SUMMARY,
+  t.TIMESTAMP,
+  t.TOKEN_USAGE,
+  t.PROVIDER,
+  t.ACTIONS
+], le = ({
+  filteredHistory: c,
+  historyState: l,
+  lastEntryToLoad: o,
+  onClickSort: i,
+  onClickRestore: n,
+  onClickDelete: w,
+  onClickFavorite: O,
+  infinityScrollMarkerRef: S
+}) => {
+  const v = D() ? J : Q, T = (s) => {
+    switch (s) {
+      case t.ROW:
+        return /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }, s);
+      case t.TIMESTAMP:
+        return /* @__PURE__ */ e(
+          R,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: N,
+            align: "left",
+            sortDirection: l.sortDirection,
+            sortedCell: l.sortedCell,
+            onClick: () => {
+              i(N);
+            },
+            children: "Date"
+          },
+          s
+        );
+      case t.SUMMARY:
+        return /* @__PURE__ */ e(a, { className: "text-xs sm:text-sm", children: "Summary" }, s);
+      case t.PROVIDER:
+        return /* @__PURE__ */ e(a, { className: "text-xs sm:text-sm", children: "Provider" }, s);
+      case t.TOKEN_USAGE:
+        return /* @__PURE__ */ e(
+          R,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: C,
+            align: "right",
+            sortDirection: l.sortDirection,
+            sortedCell: l.sortedCell,
+            onClick: () => {
+              i(C);
+            },
+            children: "Tokens"
+          },
+          s
+        );
+      case t.ACTIONS:
+        return /* @__PURE__ */ e(a, { className: "text-xs sm:text-sm text-right", children: "Actions" }, s);
+      default:
+        return null;
+    }
+  }, z = (s, r, x) => {
+    switch (s) {
+      case t.ROW:
+        return /* @__PURE__ */ e(a, { children: x + 1 }, s);
+      case t.TIMESTAMP:
+        return /* @__PURE__ */ e(
+          a,
+          {
+            component: "th",
+            scope: "row",
+            className: h(
+              "dark:text-gray-400",
+              "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
+            ),
+            children: r.timestamp.split(",")[0]
+          },
+          s
+        );
+      case t.SUMMARY: {
+        const d = r.summary || (r.messages.length > 0 ? r.messages[0]?.content : "");
+        return /* @__PURE__ */ e(
+          a,
+          {
+            className: h(
+              "dark:text-white",
+              "max-w-[100px] sm:max-w-full text-xs sm:text-sm"
+            ),
+            style: {
+              wordBreak: "break-word"
+            },
+            children: d
+          },
+          s
+        );
+      }
+      case t.PROVIDER: {
+        const d = r.model ? b(r.model) : null, f = d ? q[d] : null;
+        return /* @__PURE__ */ e(
+          a,
+          {
+            component: "th",
+            scope: "row",
+            className: h("dark:text-gray-400"),
+            align: "center",
+            children: f ? /* @__PURE__ */ e(
+              f,
+              {
+                size: "size-4 sm:size-5",
+                semantic: !0,
+                title: r.model || d
+              }
+            ) : null
+          },
+          s
+        );
+      }
+      case t.TOKEN_USAGE:
+        return /* @__PURE__ */ e(
+          a,
+          {
+            className: h("dark:text-gray-400", "text-xs sm:text-sm"),
+            align: "right",
+            children: r.tokenUsage ? k.format(r.tokenUsage) : "0"
+          },
+          s
+        );
+      case t.ACTIONS:
+        return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ m("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+          /* @__PURE__ */ e(
+            u,
+            {
+              label: "Restore chat",
+              mode: "alt-system",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                p,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Restore chat",
+                  variant: "primary",
+                  iconClassName: "text-green-800 dark:text-green-500",
+                  onClick: async () => {
+                    await n(r);
+                  },
+                  children: /* @__PURE__ */ e(K, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            u,
+            {
+              label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
+              mode: "alt-system",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                p,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
+                  variant: "primary",
+                  onClick: async () => {
+                    await O(r);
+                  },
+                  children: r.favoriteChat ? /* @__PURE__ */ e(W, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ e(j, { size: "size-4", monotone: !0 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            u,
+            {
+              label: "Delete chat",
+              mode: "alt-system",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                p,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Delete chat",
+                  variant: "primary",
+                  iconClassName: "text-red-700 dark:text-red-500",
+                  onClick: () => {
+                    w(r);
+                  },
+                  children: /* @__PURE__ */ e(G, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          )
+        ] }) }, s);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ m(_, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+    /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(M, { children: v.map((s) => T(s)) }) }),
+    /* @__PURE__ */ e(Y, { children: c.slice(0, o).map((s, r) => s?.messages?.length > 0 ? /* @__PURE__ */ m($, { children: [
+      r === o - y && /* @__PURE__ */ e("tr", { ref: S }),
+      /* @__PURE__ */ e(M, { children: v.map(
+        (x) => z(x, s, r)
+      ) })
+    ] }, `${A.HISTORY.TITLE}-${s.id}-${r}`) : null) }),
+    /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: E(
+      `${c.length} chat`,
+      c.length
+    ) }) }) }) })
+  ] });
+};
+export {
+  le as ChatHistoryTable
+};

package/dist/chunks/HistoryEntry.Dh5bLuYX.js

@@ -0,0 +1,332 @@
+import { jsxs as n, jsx as t, Fragment as Q } from "react/jsx-runtime";
+import { I as Z, n as P, INFINITE_SCROLL_LIMIT as G, INFINITE_SCROLL_THRESHOLD as ee, LOCAL_STORAGE_PREFIX as y, LOCAL_STORAGE_SORT_TIMESTAMP as te, LOCAL_STORAGE_SORT_TOKEN_USAGE as re, LOCAL_STORAGE_SORT as ae, de as L, useUserPreferences as se, APP_CLASSNAME as oe, mutateCall as b, SERVICE_TYPES as x, setNewProvider as ie, ACTION_SORT as ne, Oe as ce, TOAST_CHAT_DELETED as le, TOAST_PROVIDER_CHANGED as de, useChatsHistory as he, LOCAL_STORAGE_SEARCH as me, LOCAL_STORAGE_FAVORITES_ONLY as ue, HISTORY_TITLE as Ce, S as Se, Y as pe, debounce as Te, C as fe, ACTION_SEARCH as ye } from "./index.D3golFwx.js";
+import { HistoryContext as z, ChatContext as M, useAiChat as Ee, E, e as m, ConfirmationPanel as ge, LazyToastContainerWrapper as Ae, showErrorToast as _e, CHAT_SET_PROVIDER as Oe, showSuccessToast as De, CHAT_SET_STATUS as ve, se as Le, O as Re } from "./App.B8ehtPCy.js";
+import { useRef as H, useState as F, useContext as R, useCallback as ke, useEffect as U, Suspense as Ie, lazy as we } from "react";
+const Ne = ({
+  className: l,
+  viewBox: h,
+  title: T,
+  monotone: u,
+  ...d
+}) => /* @__PURE__ */ n(
+  Z,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: h,
+    className: l,
+    title: T || "Search",
+    ...d,
+    children: [
+      /* @__PURE__ */ t(
+        "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: u ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), be = we(
+  () => import(
+    /* webpackChunkName: "history-table" */
+    "./ChatHistoryTable.2v_Tv5Xj.js"
+  ).then((l) => ({ default: l.ChatHistoryTable }))
+), xe = ({
+  filteredHistory: l,
+  dispatch: h,
+  onOpenChange: T,
+  mutate: u
+}) => {
+  const { user: d, getAccessToken: C } = P(), S = H(null), o = H({
+    id: "",
+    timestamp: "",
+    message: ""
+  }), [c, g] = F(!1), [p, k] = F(
+    G + ee
+  ), { state: i, dispatch: A } = R(z), I = {
+    searchString: i.searchString || "",
+    sortDirection: i.sortDirection || m.DESC,
+    sortedCell: i.sortedCell || L
+  }, {
+    state: { provider: f },
+    setChatId: w,
+    setInitialMessages: _
+  } = R(M), { setInput: N } = Ee(), [O, D] = E({
+    key: y + te,
+    initialValue: m.DESC
+  }), [s, B] = E({
+    key: y + re,
+    initialValue: m.ASC
+  }), [, Y] = E({
+    key: y + ae,
+    initialValue: L
+  }), { refetch: j } = se({
+    user: d?.username,
+    getAccessToken: C
+  }), $ = (e) => {
+    const a = i.sortedCell === e;
+    let r, v;
+    switch (e) {
+      case L:
+        v = D, r = a ? i.sortDirection : O;
+        break;
+      case ce:
+        v = B, r = a ? i.sortDirection : s;
+        break;
+      default:
+        v = D, r = a ? i.sortDirection : O;
+        break;
+    }
+    const V = r === m.ASC ? m.DESC : m.ASC;
+    v(V), Y(e), A({
+      type: ne,
+      payload: {
+        sortedCell: e,
+        sortDirection: V
+      }
+    });
+  }, K = async () => {
+    const e = o.current;
+    try {
+      await b({
+        accessToken: await C(),
+        type: x.DELETE_CHAT,
+        params: {
+          userId: d?.username || "",
+          id: e.id
+        }
+      }), u(""), await _e(le, {
+        autoClose: 2e3,
+        containerId: "history-table"
+      });
+    } catch {
+    }
+  }, W = async (e) => {
+    try {
+      const a = await C(), r = await b({
+        accessToken: a,
+        type: x.GET_CHAT,
+        params: {
+          id: e.id
+        }
+      });
+      r.status === 200 && (r.data.provider !== f && (await ie({
+        provider: r.data.provider,
+        accessToken: a,
+        username: d?.username || ""
+      }), h({
+        type: Oe,
+        payload: {
+          provider: r.data.provider
+        }
+      }), j(), await De(
+        `${de} ${r.data.provider}`,
+        {
+          containerId: "toggle-provider"
+        }
+      )), h({
+        type: ve,
+        payload: {
+          restoring: !0,
+          restoredModel: r.data?.model || "",
+          restoredUsage: r.data?.tokenUsage || 0
+        }
+      }), N(""), w(e.id), _(r.data.messages), T(!1));
+    } catch {
+    }
+  }, X = (e) => {
+    o.current = {
+      id: e.id,
+      timestamp: e.timestamp,
+      message: e.messages.length > 0 ? e.messages[0]?.content : ""
+    }, g(!c);
+  }, q = async (e) => {
+    try {
+      (await b({
+        accessToken: await C(),
+        type: x.TOGGLE_FAVORITE_CHAT,
+        params: {
+          userId: d?.username || "",
+          id: e.id
+        }
+      })).status === 200 && u("");
+    } catch {
+    }
+  }, J = ke((e) => {
+    e[0].isIntersecting && k((r) => r + G);
+  }, []);
+  return U(() => {
+    const e = {
+      // root: null,
+      rootMargin: "20px"
+    }, a = new IntersectionObserver(J, e);
+    S.current && a.observe(S.current);
+  }), /* @__PURE__ */ n(Q, { children: [
+    /* @__PURE__ */ n(
+      ge,
+      {
+        showConfirmation: c,
+        setShowConfirmation: g,
+        action: K,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: [
+          /* @__PURE__ */ t("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+          /* @__PURE__ */ n("ul", { className: "m-0", children: [
+            /* @__PURE__ */ n("li", { children: [
+              "Timestamp:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: o.current && o.current.timestamp })
+            ] }),
+            /* @__PURE__ */ n("li", { children: [
+              "First message:",
+              " ",
+              /* @__PURE__ */ t("span", { className: "text-lg", children: o.current?.message })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: oe, children: /* @__PURE__ */ t(Ae, { containerId: "history-table" }) }),
+    /* @__PURE__ */ t(Ie, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(
+      be,
+      {
+        filteredHistory: l,
+        historyState: I,
+        lastEntryToLoad: p,
+        onClickSort: $,
+        onClickRestore: W,
+        onClickDelete: X,
+        onClickFavorite: q,
+        infinityScrollMarkerRef: S
+      }
+    ) })
+  ] });
+}, Pe = ({
+  open: l,
+  onOpenChange: h
+}) => {
+  const { getAccessToken: T, user: u } = P(), { dispatch: d } = R(M), [C, S] = F([]), o = H(null), { state: c, dispatch: g } = R(z), {
+    data: p,
+    refetch: k,
+    isLoading: i,
+    isError: A
+  } = he({
+    enabled: l,
+    user: u?.username || "",
+    searchString: c.searchString || "",
+    sortDirection: c.sortDirection || m.DESC,
+    sortedCell: c.sortedCell || L,
+    getAccessToken: T
+  }), [, I] = E({
+    key: y + me,
+    initialValue: c.searchString
+  }), [f, w] = E({
+    key: y + ue,
+    initialValue: !1
+  });
+  U(() => {
+    p && S(
+      f ? p.filter((s) => s.favoriteChat === !0) : p
+    );
+  }, [p, f]);
+  const _ = async (s) => {
+    I(s), g({
+      type: ye,
+      payload: { searchString: s }
+    });
+  }, N = Te((s) => {
+    _(s.target.value.trim());
+  }, 500), O = async (s) => {
+    s.preventDefault();
+  }, D = (s) => {
+    w(s);
+  };
+  return /* @__PURE__ */ n(
+    Le,
+    {
+      open: l,
+      onOpenChange: h,
+      title: Ce,
+      animation: !0,
+      animationType: "fade",
+      children: [
+        /* @__PURE__ */ t(
+          Se,
+          {
+            header: "Filters",
+            className: "prose-dark dark:prose-lighter mb-4",
+            noBorder: !0,
+            compact: !0,
+            children: /* @__PURE__ */ n("form", { autoComplete: "off", onSubmit: O, children: [
+              /* @__PURE__ */ t(
+                pe,
+                {
+                  placeholder: "Search",
+                  labelHidden: !0,
+                  noBorder: !0,
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  ref: o,
+                  defaultValue: c.searchString,
+                  mode: "alt-system",
+                  name: "Search",
+                  label: "Search",
+                  onChange: N,
+                  className: "my-2",
+                  rightElement: /* @__PURE__ */ t("div", { className: "dark:text-copy-dark text-copy-light", children: /* @__PURE__ */ t(Ne, { monotone: !0, size: "size-3" }) })
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "flex flex-col justify-between sm:flex-row gap-2 sm:mb-0 mb-1", children: [
+                /* @__PURE__ */ t("div", { className: "order-1 sm:order-0", children: /* @__PURE__ */ t(
+                  Re,
+                  {
+                    name: "favorites-only",
+                    checked: f,
+                    onChange: D,
+                    label: "Show favorites only",
+                    narrow: !0,
+                    noBorder: !0
+                  }
+                ) }),
+                /* @__PURE__ */ t(
+                  fe,
+                  {
+                    size: "small",
+                    disabled: c.searchString === "",
+                    onClick: () => {
+                      _(""), o.current?.value && (o.current.value = "", o.current.focus());
+                    },
+                    children: "Reset Search"
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "flex flex-col sm:flex-row max-h-[75vh] min-h-[60vh]", children: [
+          i && /* @__PURE__ */ t("p", { className: "m-0", children: "Loading..." }),
+          A && /* @__PURE__ */ t("p", { className: "m-0 text-red-500", children: "Failed to load history." }),
+          !i && !A && /* @__PURE__ */ t(
+            xe,
+            {
+              mutate: k,
+              filteredHistory: C,
+              dispatch: d,
+              onOpenChange: h
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Pe as HistoryPanel
+};

package/dist/chunks/{ProfileEntry.Mao95CEE.js → ProfileEntry.Dno0c0_1.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { se as h } from "./App.D-eIGXB_.js";
-import { n as S, i as R, S as a, renderDataAsList as N, CARDS as r, it as P, isTauri as u, te as T, l as E, L as p, j as l, PROFILE_TITLE as C } from "./index.C5_-KbC2.js";
+import { se as h } from "./App.B8ehtPCy.js";
+import { n as S, i as R, S as a, renderDataAsList as N, CARDS as r, it as P, isTauri as u, te as T, l as E, L as p, j as l, PROFILE_TITLE as C } from "./index.D3golFwx.js";
 const A = () => {
   const { isAuthenticated: n, user: i, registeringForPasskey: o, authenticationType: c } = S(), d = R(), s = i?.username || "";
   return n && s ? /* @__PURE__ */ t(m, { children: [