@versini/sassysaint 8.109.1 → 8.110.0

package/dist/chunks/{Bubble.B5Bk6utN.js → Bubble.fxUgvZMG.js}

@@ -1,5 +1,5 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { ButtonIcon as N, IconCopied as $, IconCopy as E } from "./LogoEntry.Et0a-97_.js";
+import { ButtonIcon as N, IconCopied as $, IconCopy as E } from "./LogoEntry.CucXks5G.js";
 import { useState as z, useEffect as j } from "react";
 import t from "clsx";
 const u = "av-bubble";

package/dist/chunks/{ButtonIconDelete.C0IuterV.js → ButtonIconDelete.Bw7zU6Rb.js}

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as b, Fragment as I } from "react/jsx-runtime";
 import c from "clsx";
 import N, { useContext as y } from "react";
-import { ButtonIcon as v, e as k, IconDelete as z } from "./LogoEntry.Et0a-97_.js";
-import { ResponsiveTooltip as S } from "./App.CvQU6EGq.js";
+import { ButtonIcon as v, e as k, IconDelete as z } from "./LogoEntry.CucXks5G.js";
+import { ResponsiveTooltip as S } from "./App.BD0e8HgV.js";
 const w = /* @__PURE__ */ N.forwardRef(({ children: e, mode: t = "system", className: a, active: r = !1, ...l }, o) => {
   const d = r ? c("relative", "focus-within:static", "focus-within:after:border-transparent", "after:absolute", "after:content-['']", "after:border-b-2", "after:-bottom-1", "after:left-0", "after:right-0", {
     "after:border-table-light": t === "dark",

package/dist/chunks/{Chart.Bhit-mtQ.js → Chart.C-EqsPgy.js}

@@ -1,7 +1,7 @@
 import { jsx as Pp } from "react/jsx-runtime";
-import { getDefaultExportFromCjs as dn, isProbablyMobile as Op } from "./App.CvQU6EGq.js";
+import { getDefaultExportFromCjs as dn, isProbablyMobile as Op } from "./App.BD0e8HgV.js";
 import Lp, { useMemo as Ep } from "react";
-import { TRIMESTERS_SHORT as Ip, TRIMESTERS as on, TIME_RANGES as ls, TIME_RANGE_LABELS as an } from "./LogoEntry.Et0a-97_.js";
+import { TRIMESTERS_SHORT as Ip, TRIMESTERS as on, TIME_RANGES as ls, TIME_RANGE_LABELS as an } from "./LogoEntry.CucXks5G.js";
 var hs = { exports: {} }, Dp = hs.exports, nn;
 function Bp() {
   return nn || (nn = 1, (function(Ae, pe) {

package/dist/chunks/{ChatBubbleAssistant.BFdbFREH.js → ChatBubbleAssistant.hM8owVIk.js}

@@ -1,10 +1,10 @@
 import { jsx as rs } from "react/jsx-runtime";
-import { n as as, useUserPreferences as os, formatTimestamp as vt } from "./index.BNY6p-fk.js";
-import { numberFormatter as ls, pluralize as us, AsyncBubble as cs } from "./App.CvQU6EGq.js";
+import { n as as, useUserPreferences as os, formatTimestamp as vt } from "./index.CBEv2y_C.js";
+import { numberFormatter as ls, pluralize as us, AsyncBubble as cs } from "./App.BD0e8HgV.js";
 import Ht from "clsx";
 import fs, { useState as Ae, useEffect as Zt, useContext as Vt } from "react";
-import { useMarkdown as hs } from "./useMarkdown.C-Fn6Ae-.js";
-import { ChatContext as ds, AppContext as ps } from "./LogoEntry.Et0a-97_.js";
+import { useMarkdown as hs } from "./useMarkdown.BWJCktGN.js";
+import { ChatContext as ds, AppContext as ps } from "./LogoEntry.CucXks5G.js";
 const Me = {
   isEmpty: !0
 };

package/dist/chunks/{ChatBubbleUser.BR5AqwE9.js → ChatBubbleUser.CnsuEhxO.js}

@@ -1,8 +1,8 @@
 import { jsx as i, Fragment as C, jsxs as S } from "react/jsx-runtime";
-import { Button as b } from "./LogoEntry.Et0a-97_.js";
+import { Button as b } from "./LogoEntry.CucXks5G.js";
 import { useState as k, useMemo as m, isValidElement as T, useEffect as H } from "react";
-import { useMarkdown as h } from "./useMarkdown.C-Fn6Ae-.js";
-import { AsyncBubble as M } from "./App.CvQU6EGq.js";
+import { useMarkdown as h } from "./useMarkdown.BWJCktGN.js";
+import { AsyncBubble as M } from "./App.BD0e8HgV.js";
 const O = 200, w = ({ string: e, idealLength: r = O }) => {
   if (e.length <= r)
     return {

package/dist/chunks/{ChatHistoryTable.BJUF2mNs.js → ChatHistoryTable.WRplbgo4.js}

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { y as N, v as S, INFINITE_SCROLL_THRESHOLD as L } from "./index.BNY6p-fk.js";
-import { IconCloseLight as D, CARDS as z, ButtonIcon as T, IconRestore as B, IconStarInCircle as _, IconStarInCircleLight as $ } from "./LogoEntry.Et0a-97_.js";
+import { y as N, v as S, INFINITE_SCROLL_THRESHOLD as L } from "./index.CBEv2y_C.js";
+import { IconCloseLight as D, CARDS as z, ButtonIcon as T, IconRestore as B, IconStarInCircle as _, IconStarInCircleLight as $ } from "./LogoEntry.CucXks5G.js";
 import { useState as Y, Fragment as K } from "react";
 import i from "clsx";
-import { H as W, F, q as C, Y as G, O as o, J as w, ButtonIconDelete as H } from "./ButtonIconDelete.C0IuterV.js";
-import { pluralize as A, ResponsiveTooltip as k, numberFormatter as j, isProbablyMobile as V } from "./App.CvQU6EGq.js";
+import { H as W, F, q as C, Y as G, O as o, J as w, ButtonIconDelete as H } from "./ButtonIconDelete.Bw7zU6Rb.js";
+import { pluralize as A, ResponsiveTooltip as k, numberFormatter as j, isProbablyMobile as V } from "./App.BD0e8HgV.js";
 const q = "av-pill", J = ({ variant: t }) => i("rounded-xs border", {
   "border-border-information": t === "information",
   "border-border-warning": t === "warning",

package/dist/chunks/HistoryEntry.BgO_PD7Q.js

@@ -0,0 +1,373 @@
+import { jsxs as n, Fragment as Q, jsx as t } from "react/jsx-runtime";
+import { n as ee, INFINITE_SCROLL_LIMIT as Z, INFINITE_SCROLL_THRESHOLD as ae, LOCAL_STORAGE_PREFIX as d, LOCAL_STORAGE_SORT_TIMESTAMP as re, LOCAL_STORAGE_SORT_TOKEN_USAGE as oe, LOCAL_STORAGE_SORT as se, y as F, LOCAL_STORAGE_CHAT_ID as ne, useDeleteChat as ie, useToggleFavoriteChat as ce, graphQLRequest as le, SERVICE_TYPES as de, ACTION_SORT as he, v as me, LOCAL_STORAGE_SEARCH as ue, LOCAL_STORAGE_FAVORITES_ONLY as Ce, LOCAL_STORAGE_KEYWORD_MATCH_ALL as fe, useChatsHistory as Se, useUserChatStats as ye, ACTION_SEARCH as pe } from "./index.CBEv2y_C.js";
+import { HistoryContext as te, ChatContext as Te, e as l, APP_CLASSNAME as ge, TOAST_CHAT_DELETED as Ae, HISTORY_TITLE as Ee, IconSearch as _e, Button as Le, L as De, j as Oe } from "./LogoEntry.CucXks5G.js";
+import { Card as ke } from "./index.BYDZbdMZ.js";
+import { useAiChat as ve, useLocalStorage as h, LazyToastContainerWrapper as Re, v4 as be, CHAT_RESET as Ie, CHAT_SET_ATTACHMENTS as xe, CHAT_SET_STATUS as we, showErrorToast as He, ConfirmationPanel as Ne, Panel as Fe, debounce as Me, Toggle as $, ButtonCancel as Ge } from "./App.BD0e8HgV.js";
+import { TextInput as Ve } from "./index.CURM9PiU.js";
+import ze from "clsx";
+import { useRef as M, useState as L, useContext as X, useCallback as G, Suspense as Pe, lazy as Ue, useEffect as Be } from "react";
+const je = Ue(
+  () => import(
+    /* webpackChunkName: "history-table" */
+    "./ChatHistoryTable.WRplbgo4.js"
+  ).then((m) => ({ default: m.ChatHistoryTable }))
+), Ke = ({
+  filteredHistory: m,
+  onOpenChange: y,
+  mutate: p,
+  isLoading: D = !1,
+  totalHistoryCount: O,
+  isFiltered: V = !1,
+  isSearchActive: k = !1,
+  requestConfirmation: u
+}) => {
+  const { user: o, getAccessToken: T } = ee(), g = M(null), C = M({
+    id: "",
+    timestamp: "",
+    message: ""
+  }), [z, v] = L(
+    Z + ae
+  ), { state: i, dispatch: P } = X(te), R = {
+    searchString: i.searchString || "",
+    sortDirection: i.sortDirection || l.DESC,
+    sortedCell: i.sortedCell || F
+  }, {
+    setChatId: f,
+    setInitialMessages: A,
+    dispatch: E
+  } = X(Te), { setInput: _ } = ve(), [b, I] = h({
+    key: d + re,
+    initialValue: l.DESC
+  }), [S, U] = h({
+    key: d + oe,
+    initialValue: l.ASC
+  }), [, x] = h({
+    key: d + se,
+    initialValue: F
+  }), [w] = h({
+    key: d + ne,
+    initialValue: ""
+  }), { mutateAsync: c } = ie({ getAccessToken: T }), { mutateAsync: B } = ce({
+    getAccessToken: T
+  }), H = (e) => {
+    const s = i.sortedCell === e;
+    let r, N;
+    switch (e) {
+      case F:
+        N = I, r = s ? i.sortDirection : b;
+        break;
+      case me:
+        N = U, r = s ? i.sortDirection : S;
+        break;
+      default:
+        N = I, r = s ? i.sortDirection : b;
+        break;
+    }
+    const J = r === l.ASC ? l.DESC : l.ASC;
+    N(J), x(e), P({
+      type: he,
+      payload: {
+        sortedCell: e,
+        sortDirection: J
+      }
+    });
+  }, j = async (e) => {
+    try {
+      await c({
+        userId: o?.username || "",
+        id: e
+      }), p(""), await He(Ae, {
+        autoClose: 2e3,
+        containerId: "history-table"
+      });
+    } catch {
+    }
+  }, K = async (e) => {
+    try {
+      const s = await T(), r = await le({
+        accessToken: s,
+        type: de.GET_CHAT,
+        params: {
+          id: e.id
+        }
+      });
+      E({
+        type: we,
+        payload: {
+          streaming: !1,
+          loading: !1,
+          restoring: !0,
+          restoredModel: r.data?.model || "",
+          restoredTimestamp: r.data?.timestamp || "",
+          restoredUsage: r.data?.tokenUsage || 0
+        }
+      }), _(""), f(e.id), A(r.data.messages), y(!1);
+    } catch {
+    }
+  }, Y = (e) => {
+    C.current = {
+      id: e.id,
+      timestamp: e.timestamp,
+      message: e.summary
+    }, u(
+      () => j(e.id),
+      /* @__PURE__ */ n(Q, { 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: e.timestamp })
+          ] }),
+          /* @__PURE__ */ n("li", { children: [
+            "First message: ",
+            /* @__PURE__ */ t("span", { className: "text-lg", children: e.summary })
+          ] })
+        ] })
+      ] })
+    ), w === e.id && (f(be()), A([]), _(""), E({
+      type: Ie,
+      payload: {
+        privateChat: !1,
+        reasoningText: !1
+      }
+    }), E({
+      type: xe,
+      payload: {
+        attachments: 0
+      }
+    }));
+  }, q = async (e) => {
+    try {
+      await B({
+        userId: o?.username || "",
+        id: e.id
+      }), p("");
+    } catch {
+    }
+  }, a = G((e) => {
+    e[0].isIntersecting && v((r) => r + Z);
+  }, []), W = G(
+    (e) => {
+      if (g.current && g.current.disconnect(), e) {
+        const s = {
+          rootMargin: "20px"
+        }, r = new IntersectionObserver(a, s);
+        r.observe(e), g.current = r;
+      }
+    },
+    [a]
+  );
+  return /* @__PURE__ */ n(Q, { children: [
+    /* @__PURE__ */ t("div", { className: ge, children: /* @__PURE__ */ t(Re, { containerId: "history-table" }) }),
+    /* @__PURE__ */ t(Pe, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(
+      je,
+      {
+        filteredHistory: m,
+        historyState: R,
+        lastEntryToLoad: z,
+        onClickSort: H,
+        onClickRestore: K,
+        onClickDelete: Y,
+        onClickFavorite: q,
+        infinityScrollMarkerRef: W,
+        isLoading: D,
+        totalHistoryCount: O,
+        isFiltered: V,
+        isSearchActive: k
+      }
+    ) })
+  ] });
+}, et = ({
+  open: m,
+  onOpenChange: y
+}) => {
+  const p = M(null), { getAccessToken: D, user: O } = ee(), [V, k] = L([]), u = M(null), { state: o, dispatch: T } = X(te), [, g] = h({
+    key: d + ue,
+    initialValue: o.searchString
+  }), [C, z] = h({
+    key: d + Ce,
+    initialValue: !1
+  }), [v, i] = h({
+    key: d + fe,
+    initialValue: !0
+  }), [P, R] = L(!1), [f, A] = L(null), [E, _] = L(null), b = G(
+    (a, W) => {
+      A(() => a), _(W), R(!0);
+    },
+    []
+  ), I = G(() => {
+    f && f(), A(null), _(null);
+  }, [f]), {
+    data: S,
+    refetch: U,
+    isLoading: x,
+    isError: w
+  } = Se({
+    enabled: m,
+    user: O?.username || "",
+    searchString: o.searchString || "",
+    sortDirection: o.sortDirection || l.DESC,
+    sortedCell: o.sortedCell || F,
+    getAccessToken: D,
+    keywordMatchAll: v
+  }), { data: c } = ye({
+    user: O?.username,
+    getAccessToken: D
+  }), B = c && c.totalChats ? c.totalChats - c.privateChats - c.deletedChats : 0;
+  Be(() => {
+    S && k(
+      C ? S.filter((a) => a.favoriteChat === !0) : S
+    );
+  }, [S, C]);
+  const H = async (a) => {
+    g(a), T({
+      type: pe,
+      payload: { searchString: a }
+    });
+  }, j = Me((a) => {
+    H(a.target.value.trim());
+  }, 800), K = async (a) => {
+    a.preventDefault();
+  }, Y = (a) => {
+    z(a);
+  }, q = (a) => {
+    i(a);
+  };
+  return /* @__PURE__ */ n(Q, { children: [
+    /* @__PURE__ */ t(
+      Ne,
+      {
+        showConfirmation: P,
+        setShowConfirmation: R,
+        action: I,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: E
+      }
+    ),
+    /* @__PURE__ */ n(
+      Fe,
+      {
+        open: m,
+        onOpenChange: y,
+        title: Ee,
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: p,
+        footer: /* @__PURE__ */ t(
+          De,
+          {
+            columnGap: 2,
+            alignHorizontal: "flex-end",
+            className: "pb-8 sm:pb-0",
+            children: /* @__PURE__ */ t(Oe, { children: /* @__PURE__ */ t(Ge, { onOpenChange: y, ref: p }) })
+          }
+        ),
+        children: [
+          /* @__PURE__ */ t(
+            ke,
+            {
+              header: x && o.searchString ? "Loading..." : o.searchString ? "Filters applied" : "Filters",
+              className: "prose-dark dark:prose-lighter mb-4",
+              noBorder: !0,
+              compact: !0,
+              children: /* @__PURE__ */ n("form", { autoComplete: "off", onSubmit: K, children: [
+                /* @__PURE__ */ t(
+                  Ve,
+                  {
+                    placeholder: "Search",
+                    labelHidden: !0,
+                    noBorder: !0,
+                    autoCapitalize: "off",
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    ref: u,
+                    defaultValue: o.searchString,
+                    mode: "alt-system",
+                    name: "Search",
+                    label: "Search",
+                    onChange: j,
+                    className: "my-2",
+                    rightElement: /* @__PURE__ */ t("div", { className: "dark:text-copy-dark text-copy-light", children: /* @__PURE__ */ t(_e, { 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__ */ n("div", { className: "flex flex-col sm:flex-row gap-2 order-1 sm:order-0", children: [
+                    /* @__PURE__ */ t(
+                      $,
+                      {
+                        name: "favorites-only",
+                        checked: C,
+                        onChange: Y,
+                        label: "Show favorites only",
+                        narrow: !0,
+                        noBorder: !0
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      $,
+                      {
+                        name: "keyword-match-all",
+                        checked: v,
+                        onChange: q,
+                        label: "Match all keywords",
+                        narrow: !0,
+                        noBorder: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ t(
+                    Le,
+                    {
+                      mode: "light",
+                      size: "small",
+                      disabled: o.searchString === "",
+                      onClick: () => {
+                        H(""), u.current?.value && (u.current.value = "", u.current.focus());
+                      },
+                      children: "Reset Search"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: ze(
+                "flex flex-col sm:flex-row",
+                "max-h-[65vh]",
+                "sm:max-h-[75vh]",
+                "min-h-[60vh]"
+              ),
+              children: [
+                w && /* @__PURE__ */ t("p", { className: "m-0 text-copy-error-light", children: "Failed to load history." }),
+                !w && /* @__PURE__ */ t(
+                  Ke,
+                  {
+                    mutate: U,
+                    filteredHistory: V,
+                    onOpenChange: y,
+                    isLoading: x,
+                    totalHistoryCount: B,
+                    isFiltered: !!(o.searchString || C),
+                    isSearchActive: !!o.searchString,
+                    requestConfirmation: b
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  et as HistoryPanel
+};

package/dist/chunks/{LoginEntry.DKzVM9lq.js → LoginEntry.DvDNWT7T.js}

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { n as L, getLayoutPaddingClass as M, getMessageContaintWrapperClass as b, isTauri as I } from "./index.BNY6p-fk.js";
-import { Logo as N, L as E, j as t, PASSWORD_PLACEHOLDER as y, ButtonIcon as p, IconShow as S, IconHide as v, Button as w, LOG_IN as P, LOG_IN_PASSKEY as z, IconPasskey as B } from "./LogoEntry.Et0a-97_.js";
-import { Card as O } from "./index.7QjsCYx3.js";
-import { TextInput as T, TextInputMask as W } from "./index.D0bvjdAE.js";
+import { n as L, getLayoutPaddingClass as M, getMessageContaintWrapperClass as b, isTauri as I } from "./index.CBEv2y_C.js";
+import { Logo as N, L as E, j as t, PASSWORD_PLACEHOLDER as y, ButtonIcon as p, IconShow as S, IconHide as v, Button as w, LOG_IN as P, LOG_IN_PASSKEY as z, IconPasskey as B } from "./LogoEntry.CucXks5G.js";
+import { Card as O } from "./index.BYDZbdMZ.js";
+import { TextInput as T, TextInputMask as W } from "./index.CURM9PiU.js";
 import { useState as s, useEffect as h } from "react";
 const q = () => {
   const { login: g, logoutReason: o, loginWithPasskey: f } = L(), [n, l] = s(""), [d, m] = s(""), [c, C] = s(!0), [r, u] = s({

package/dist/chunks/{LogoEntry.Et0a-97_.js → LogoEntry.CucXks5G.js}

@@ -1,7 +1,7 @@
 import w, { useRef as _, useEffect as P, useCallback as e1, useState as h1, useMemo as Y, useContext as t1, useId as d1, useLayoutEffect as X } from "react";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import n from "clsx";
-import { V as d, e as u1, P as m1, r as p1 } from "./index.BNY6p-fk.js";
+import { V as d, e as u1, P as m1, r as p1 } from "./index.CBEv2y_C.js";
 function y1() {
   const e = _(!1);
   return P(() => (e.current = !0, () => {
@@ -201,7 +201,7 @@ const f1 = {
   state: {
     provider: m1,
     privateChat: !1,
-    reasoning: !1,
+    reasoningText: !1,
     streaming: !1,
     loading: !1,
     restoring: !1,

package/dist/chunks/{MemoriesEntry.yJKFVG54.js → MemoriesEntry.OQ1K4KNa.js}

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import { n as Se, LOCAL_STORAGE_PREFIX as ee, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Te, LOCAL_STORAGE_SORT_MEMORY_COLUMN as we, useUserMemories as De, useExpiredMemories as ve, useDeleteMemory as Ee, useDeleteAllActiveMemories as Me, useDeleteAllExpiredMemories as be, useUpdateMemory as Re, useRestoreMemory as Ie } from "./index.BNY6p-fk.js";
-import { L as R, j as f, Button as _, e as l, ButtonIcon as G, IconEdit as Le, IconRestore as Oe, IconDelete as _e } from "./LogoEntry.Et0a-97_.js";
-import { Panel as ce, Toggle as L, ButtonCancel as se, useLocalStorage as te, ConfirmationPanel as re, ResponsiveTooltip as U } from "./App.CvQU6EGq.js";
-import { H as ie, F as oe, q as v, O as c, J as O, Y as ne, ButtonIconDelete as ze, G as le } from "./ButtonIconDelete.C0IuterV.js";
+import { n as Se, LOCAL_STORAGE_PREFIX as ee, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Te, LOCAL_STORAGE_SORT_MEMORY_COLUMN as we, useUserMemories as De, useExpiredMemories as ve, useDeleteMemory as Ee, useDeleteAllActiveMemories as Me, useDeleteAllExpiredMemories as be, useUpdateMemory as Re, useRestoreMemory as Ie } from "./index.CBEv2y_C.js";
+import { L as R, j as f, Button as _, e as l, ButtonIcon as G, IconEdit as Le, IconRestore as Oe, IconDelete as _e } from "./LogoEntry.CucXks5G.js";
+import { Panel as ce, Toggle as L, ButtonCancel as se, useLocalStorage as te, ConfirmationPanel as re, ResponsiveTooltip as U } from "./App.BD0e8HgV.js";
+import { H as ie, F as oe, q as v, O as c, J as O, Y as ne, ButtonIconDelete as ze, G as le } from "./ButtonIconDelete.Bw7zU6Rb.js";
 import C from "clsx";
 import { useState as N, useEffect as Be, useRef as q } from "react";
-import { TextArea as Pe } from "./index.CNOm7KYJ.js";
+import { TextArea as Pe } from "./index.DAuo-OH1.js";
 const Fe = ({
   open: k,
   onOpenChange: E,