@versini/sassysaint 8.120.2 → 8.121.1

package/dist/chunks/HistoryEntry._G88vZeP.js

@@ -0,0 +1,721 @@
+import { jsx as t, jsxs as C, Fragment as F } from "react/jsx-runtime";
+import { y as v, V as Z, INFINITE_SCROLL_THRESHOLD as ue, INFINITE_SCROLL_LIMIT as de, n as ae, LOCAL_STORAGE_PREFIX as G, LOCAL_STORAGE_SORT_TIMESTAMP as me, LOCAL_STORAGE_SORT_TOKEN_USAGE as he, LOCAL_STORAGE_SORT as fe, LOCAL_STORAGE_CHAT_ID as pe, useDeleteChat as Ce, graphQLRequest as ge, SERVICE_TYPES as ye, ACTION_SORT as xe, LOCAL_STORAGE_SEARCH as Se, LOCAL_STORAGE_KEYWORD_MATCH_ALL as Te, LOCAL_STORAGE_HISTORY_WITH_MEDIA_ONLY as be, useChatsHistory as Ae, useUserChatStats as De, ACTION_SEARCH as _e } from "./index.Ds4-4dzy.js";
+import { DataGridContext as K, useColumnMeasurement as we, getBodyClass as ke, DataGridHeader as Ie, DataGridRow as oe, DataGridCell as w, DataGridCellSort as X, ButtonIconDelete as Ee, DataGrid as Re, InlineFilter as Ne, AnimatedWrapper as Le } from "./ButtonIconDelete.B3hYKTP6.js";
+import { pluralize as J, isProbablyMobile as le, numberFormatter as Oe, ResponsiveTooltip as ve, useAiChat as Me, useLocalStorage as P, LazyToastContainerWrapper as He, v4 as Ge, CHAT_RESET as Pe, CHAT_SET_ATTACHMENTS as Be, CHAT_SET_STATUS as Fe, showErrorToast as Ue, ConfirmationPanel as Ve, Panel as $e, debounce as We, Toggle as ee, ButtonCancel as Ye } from "./App.6iDkXSOb.js";
+import { forwardRef as qe, useContext as j, useRef as M, useState as W, useCallback as Y, useEffect as B, useImperativeHandle as je, useMemo as Q } from "react";
+import { CellWrapper as te, IconCloseLight as ze, ButtonIcon as Ke, IconRestore as Xe, CARDS as Qe, HistoryContext as ie, ChatContext as Ze, SortDirections as H, APP_CLASSNAME as Je, TOAST_CHAT_DELETED as et, HISTORY_TITLE as tt } from "./LogoEntry.BtwLANob.js";
+import R from "clsx";
+const rt = 20, st = 5, nt = "20px", re = "data-row-index";
+function at(e) {
+  let r = e.parentElement;
+  for (; r; ) {
+    const a = getComputedStyle(r).overflowY;
+    if (a === "auto" || a === "scroll")
+      return r;
+    r = r.parentElement;
+  }
+  return null;
+}
+function ot({ data: e, children: r, batchSize: n = rt, threshold: a = st, rootMargin: c = nt, onVisibleCountChange: x, className: g }, u) {
+  const l = j(K), y = M(null), f = M(null), i = M(null), o = e.length, A = Math.min(n + a, o), [d, I] = W(A), S = d < o, m = Y((s) => {
+    const b = y.current;
+    if (!b)
+      return;
+    const p = b.querySelector(`[${re}="${s}"]`);
+    if (p) {
+      const _ = p.querySelector('[role="row"]');
+      _ && _.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }
+  }, []);
+  B(() => {
+    if (i.current !== null) {
+      const s = i.current;
+      s < d && (requestAnimationFrame(() => {
+        m(s);
+      }), i.current = null);
+    }
+  }, [
+    d,
+    m
+  ]), je(u, () => ({
+    scrollToIndex: (s) => {
+      if (s < 0 || s >= o) {
+        console.warn(`scrollToIndex: index ${s} is out of bounds (0-${o - 1})`);
+        return;
+      }
+      if (s < d) {
+        m(s);
+        return;
+      }
+      const b = Math.min(s + a + 1, o);
+      i.current = s, I(b);
+    }
+  }), [
+    o,
+    d,
+    a,
+    m
+  ]), B(() => {
+    I(Math.min(n + a, o));
+  }, [
+    o,
+    n,
+    a
+  ]), B(() => {
+    x?.(d, o);
+  }, [
+    d,
+    o,
+    x
+  ]);
+  const T = Y((s) => {
+    s[0]?.isIntersecting && I((p) => Math.min(p + n, o));
+  }, [
+    n,
+    o
+  ]), N = Y((s) => {
+    if (f.current && (f.current.disconnect(), f.current = null), s && S) {
+      const b = at(s);
+      f.current = new IntersectionObserver(T, {
+        root: b,
+        rootMargin: c
+      }), f.current.observe(s);
+    }
+  }, [
+    S,
+    T,
+    c
+  ]);
+  B(() => () => {
+    f.current?.disconnect();
+  }, []);
+  const L = Q(() => S ? Math.max(0, d - a) : -1, [
+    S,
+    d,
+    a
+  ]), U = Q(() => ({
+    ...l,
+    cellWrapper: te.BODY
+  }), [
+    l
+  ]), V = Q(() => {
+    const s = [], b = Math.min(d, o) - 1;
+    for (let p = 0; p < d && p < o; p++) {
+      p === L && s.push(/* @__PURE__ */ t("div", {
+        ref: N,
+        "aria-hidden": "true",
+        style: {
+          height: "1px",
+          background: "transparent"
+        }
+      }, "__infinite-scroll-marker-inline__"));
+      const _ = !S && p === b;
+      s.push(/* @__PURE__ */ t(K.Provider, {
+        value: {
+          ...U,
+          isLastRow: _
+        },
+        children: /* @__PURE__ */ t("div", {
+          [re]: p,
+          style: {
+            display: "contents"
+          },
+          children: r(e[p], p)
+        })
+      }, p));
+    }
+    return L === d && S && s.push(/* @__PURE__ */ t("div", {
+      ref: N,
+      "aria-hidden": "true",
+      style: {
+        height: "1px",
+        background: "transparent"
+      }
+    }, "__infinite-scroll-marker-end__")), s;
+  }, [
+    e,
+    d,
+    o,
+    L,
+    S,
+    r,
+    N,
+    U
+  ]);
+  we(y, V);
+  const O = ke(g);
+  return /* @__PURE__ */ t(K.Provider, {
+    value: {
+      ...l,
+      cellWrapper: te.BODY
+    },
+    children: /* @__PURE__ */ t("div", {
+      ref: y,
+      role: "rowgroup",
+      className: O,
+      children: V
+    })
+  });
+}
+const lt = /* @__PURE__ */ qe(ot), it = ({
+  sortDirection: e,
+  sortedCell: r,
+  onSortChange: n,
+  caption: a,
+  isSearchActive: c = !1,
+  showTokenUsage: x = !0
+}) => {
+  const g = (u) => {
+    n(u);
+  };
+  return /* @__PURE__ */ t(Ie, { caption: a, children: /* @__PURE__ */ C(oe, { children: [
+    /* @__PURE__ */ t(w, { className: "invisible", children: "Row" }),
+    x ? /* @__PURE__ */ C(F, { children: [
+      /* @__PURE__ */ t(w, { className: "text-xs sm:text-sm", children: "Summary" }),
+      c ? /* @__PURE__ */ t(w, { className: "text-xs sm:text-sm", children: "Date" }) : /* @__PURE__ */ t(
+        X,
+        {
+          buttonClassName: "text-xs sm:text-sm",
+          cellId: v,
+          align: "left",
+          sortDirection: r === v ? e : !1,
+          sortedCell: r,
+          onSort: g,
+          children: "Date"
+        }
+      ),
+      c ? /* @__PURE__ */ t(w, { align: "right", className: "text-xs sm:text-sm", children: "Tokens" }) : /* @__PURE__ */ t(
+        X,
+        {
+          buttonClassName: "text-xs sm:text-sm",
+          cellId: Z,
+          align: "right",
+          sortDirection: r === Z ? e : !1,
+          sortedCell: r,
+          onSort: g,
+          children: "Tokens"
+        }
+      )
+    ] }) : /* @__PURE__ */ C(F, { children: [
+      c ? /* @__PURE__ */ t(w, { className: "text-xs sm:text-sm", children: "Date" }) : /* @__PURE__ */ t(
+        X,
+        {
+          buttonClassName: "text-xs sm:text-sm",
+          cellId: v,
+          align: "left",
+          sortDirection: r === v ? e : !1,
+          sortedCell: r,
+          onSort: g,
+          children: "Date"
+        }
+      ),
+      /* @__PURE__ */ t(w, { className: "text-xs sm:text-sm", children: "Summary" })
+    ] }),
+    /* @__PURE__ */ t(w, { align: "right", className: "text-xs sm:text-sm", children: "Actions" })
+  ] }) });
+};
+const ct = "av-pill", ut = ({ variant: e }) => R("rounded-xs border", {
+  "border-border-information": e === "information",
+  "border-border-warning": e === "warning",
+  "border-border-success": e === "success",
+  "border-border-error": e === "error"
+}), se = ({ variant: e }) => R("not-prose", {
+  "text-copy-information": e === "information",
+  "text-copy-warning": e === "warning",
+  "text-copy-success": e === "success",
+  "text-copy-error": e === "error"
+}), dt = ({ variant: e }) => R({
+  "bg-surface-information": e === "information",
+  "bg-surface-warning": e === "warning",
+  "bg-surface-success": e === "success",
+  "bg-surface-error": e === "error"
+}), mt = (e) => {
+  const { className: r, variant: n } = e;
+  return {
+    main: R(ct, "inline-flex items-center gap-1 px-2 py-0.5 text-xs", ut({
+      variant: n
+    }), se({
+      variant: n
+    }), dt(e), r),
+    button: R("inline-flex items-center justify-center", "ml-1", "focus:outline", "focus:outline-1", "focus:outline-offset-1", "focus:outline-focus-dark", "hover:bg-surface-medium/50", "rounded-full", se({
+      variant: n
+    }))
+  };
+}, ne = ({ label: e, className: r, variant: n = "information", description: a, onClose: c }) => {
+  const [x, g] = W(!0), u = (y) => {
+    c && (c(y), y.defaultPrevented || g(!1));
+  };
+  if (!x)
+    return null;
+  const l = mt({
+    className: r,
+    variant: n
+  });
+  return /* @__PURE__ */ C("div", {
+    role: "text",
+    className: l.main,
+    children: [
+      a && /* @__PURE__ */ t("span", {
+        className: "sr-only",
+        children: a
+      }),
+      /* @__PURE__ */ t("span", {
+        children: e
+      }),
+      c && /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: u,
+        className: l.button,
+        "aria-label": "Close",
+        children: /* @__PURE__ */ t(ze, {
+          size: "size-3"
+        })
+      })
+    ]
+  });
+};
+function ht(e, r, n) {
+  return n && r > e ? `Showing ${J(`${e} chat`, e)} out of ${r}` : J(`${e} chat`, e);
+}
+const q = {
+  rowNumber: "dark:text-copy-medium",
+  summary: "dark:text-white sm:max-w-full text-xs sm:text-sm",
+  timestamp: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+  tokenUsage: "dark:text-copy-medium text-xs sm:text-sm"
+};
+function ft({
+  item: e,
+  index: r,
+  onClickRestore: n,
+  onClickDelete: a,
+  showTokenUsage: c = !0,
+  isActive: x = !1
+}) {
+  const g = e.timestamp.split(",")[0], u = e.similarityScore !== void 0 && e.similarityScore !== null ? Math.round(e.similarityScore * 100) : null, l = u !== null && u < 40 ? "warning" : "success", y = e.keywordMatch === !0, f = /* @__PURE__ */ t(w, { className: R(q.summary), children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-1", children: [
+    (u !== null || y) && /* @__PURE__ */ C("div", { className: "flex flex-wrap gap-1", children: [
+      u !== null && /* @__PURE__ */ t(
+        ne,
+        {
+          variant: l,
+          label: `${u}% semantic`
+        }
+      ),
+      y && /* @__PURE__ */ t(ne, { variant: "information", label: "keyword" })
+    ] }),
+    le() ? /* @__PURE__ */ t("span", { title: e.summary, children: e.summary }) : /* @__PURE__ */ t("span", { className: "truncate", title: e.summary, children: e.summary })
+  ] }) }), i = /* @__PURE__ */ t(w, { className: R(q.timestamp), children: g }), o = c ? /* @__PURE__ */ t(w, { align: "right", className: R(q.tokenUsage), children: e.tokenUsage ? Oe.format(e.tokenUsage) : "0" }) : null, A = /* @__PURE__ */ t(w, { align: "center", borderLeft: !0, children: /* @__PURE__ */ C("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+    /* @__PURE__ */ t(
+      ve,
+      {
+        label: "Restore chat",
+        placement: "top",
+        trigger: /* @__PURE__ */ t(
+          Ke,
+          {
+            noBorder: !0,
+            label: "Restore chat",
+            variant: "primary",
+            onClick: async () => {
+              await n(e);
+            },
+            children: /* @__PURE__ */ t(
+              Xe,
+              {
+                size: "size-3",
+                monotone: !0,
+                className: "text-copy-success dark:text-copy-success-light"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      Ee,
+      {
+        label: "Delete chat",
+        disabled: !1,
+        onClick: () => {
+          a(e);
+        }
+      }
+    )
+  ] }) });
+  return /* @__PURE__ */ C(oe, { active: x, children: [
+    /* @__PURE__ */ t(w, { className: R(q.rowNumber), children: r + 1 }),
+    c ? /* @__PURE__ */ C(F, { children: [
+      f,
+      i,
+      o
+    ] }) : /* @__PURE__ */ C(F, { children: [
+      i,
+      f
+    ] }),
+    A
+  ] });
+}
+const pt = ({
+  filteredHistory: e,
+  sortDirection: r,
+  sortedCell: n,
+  onSortChange: a,
+  onClickRestore: c,
+  onClickDelete: x,
+  isLoading: g = !1,
+  totalHistoryCount: u,
+  isFiltered: l = !1,
+  isSearchActive: y = !1,
+  activeChatId: f
+}) => {
+  const i = le(), o = M(null), A = M(!1);
+  B(() => {
+    if (!f || A.current)
+      return;
+    const m = e.findIndex(
+      (T) => T.id === f
+    );
+    if (m !== -1) {
+      A.current = !0;
+      const T = setTimeout(() => {
+        o.current?.scrollToIndex(m);
+      }, 100);
+      return () => clearTimeout(T);
+    }
+  }, [f, e]), B(() => {
+    A.current = !1;
+  }, [f]);
+  const d = ht(
+    e.length,
+    u ?? e.length,
+    l
+  );
+  return /* @__PURE__ */ C(
+    Re,
+    {
+      columns: i ? ["auto", "auto", "1fr", "0.4fr"] : [
+        "auto",
+        "minmax(10px, 1fr)",
+        "0.3fr",
+        "0.3fr",
+        "0.3fr"
+      ],
+      loading: g && e.length > 0,
+      children: [
+        /* @__PURE__ */ t(
+          it,
+          {
+            sortDirection: r,
+            sortedCell: n,
+            onSortChange: a,
+            caption: d,
+            isSearchActive: y,
+            showTokenUsage: !i
+          }
+        ),
+        g && e.length === 0 ? /* @__PURE__ */ t("div", { className: "p-4 text-center", role: "status", "aria-live": "polite", children: "Loading..." }) : /* @__PURE__ */ t(
+          lt,
+          {
+            ref: o,
+            data: e.filter((m) => m?.summary),
+            batchSize: de,
+            threshold: ue,
+            children: (m, T) => /* @__PURE__ */ t(
+              ft,
+              {
+                item: m,
+                index: T,
+                onClickRestore: c,
+                onClickDelete: x,
+                showTokenUsage: !i,
+                isActive: f === m.id
+              },
+              `${Qe.HISTORY.TITLE}-${m.id}-${T}`
+            )
+          }
+        )
+      ]
+    }
+  );
+}, Ct = ({
+  filteredHistory: e,
+  onOpenChange: r,
+  mutate: n,
+  isLoading: a = !1,
+  totalHistoryCount: c,
+  isFiltered: x = !1,
+  isSearchActive: g = !1,
+  requestConfirmation: u
+}) => {
+  const { user: l, getAccessToken: y } = ae(), f = M({
+    id: "",
+    timestamp: "",
+    message: ""
+  }), { state: i, dispatch: o } = j(ie), A = {
+    sortDirection: i.sortDirection || H.DESC,
+    sortedCell: i.sortedCell || v
+  }, {
+    setChatId: d,
+    setInitialMessages: I,
+    dispatch: S
+  } = j(Ze), { setInput: m } = Me(), [T, N] = P({
+    key: G + me,
+    initialValue: H.DESC
+  }), [L, U] = P({
+    key: G + he,
+    initialValue: H.ASC
+  }), [, V] = P({
+    key: G + fe,
+    initialValue: v
+  }), [O] = P({
+    key: G + pe,
+    initialValue: ""
+  }), { mutateAsync: s } = Ce({ getAccessToken: y }), b = (h) => {
+    const E = i.sortedCell === h;
+    let k, $;
+    switch (h) {
+      case v:
+        $ = N, k = E ? i.sortDirection : T;
+        break;
+      case Z:
+        $ = U, k = E ? i.sortDirection : L;
+        break;
+      default:
+        $ = N, k = E ? i.sortDirection : T;
+        break;
+    }
+    const D = k === H.ASC ? H.DESC : H.ASC;
+    $(D), V(h), o({
+      type: xe,
+      payload: {
+        sortedCell: h,
+        sortDirection: D
+      }
+    });
+  }, p = async (h) => {
+    try {
+      await s({
+        userId: l?.username || "",
+        id: h
+      }), n(""), await Ue(et, {
+        autoClose: 2e3,
+        containerId: "history-table"
+      });
+    } catch {
+    }
+  }, _ = async (h) => {
+    try {
+      const E = await y(), k = await ge({
+        accessToken: E,
+        type: ye.GET_CHAT,
+        params: {
+          id: h.id
+        }
+      });
+      S({
+        type: Fe,
+        payload: {
+          streaming: !1,
+          loading: !1,
+          restoring: !0,
+          restoredModel: k.data?.model || "",
+          restoredTimestamp: k.data?.timestamp || "",
+          restoredUsage: k.data?.tokenUsage || 0
+        }
+      }), m(""), d(h.id), I(k.data.messages), r(!1);
+    } catch {
+    }
+  }, z = (h) => {
+    f.current = {
+      id: h.id,
+      timestamp: h.timestamp,
+      message: h.summary
+    }, u(
+      () => p(h.id),
+      /* @__PURE__ */ C(F, { children: [
+        /* @__PURE__ */ t("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
+        /* @__PURE__ */ C("ul", { className: "m-0", children: [
+          /* @__PURE__ */ C("li", { children: [
+            "Timestamp: ",
+            /* @__PURE__ */ t("span", { className: "text-lg", children: h.timestamp })
+          ] }),
+          /* @__PURE__ */ C("li", { children: [
+            "First message: ",
+            /* @__PURE__ */ t("span", { className: "text-lg", children: h.summary })
+          ] })
+        ] })
+      ] })
+    ), O === h.id && (d(Ge()), I([]), m(""), S({
+      type: Pe,
+      payload: {
+        privateChat: !1,
+        reasoningText: !1
+      }
+    }), S({
+      type: Be,
+      payload: {
+        attachments: 0
+      }
+    }));
+  };
+  return /* @__PURE__ */ C("div", { children: [
+    /* @__PURE__ */ t("div", { className: Je, children: /* @__PURE__ */ t(He, { containerId: "history-table" }) }),
+    /* @__PURE__ */ t(
+      pt,
+      {
+        filteredHistory: e,
+        sortDirection: A.sortDirection,
+        sortedCell: A.sortedCell,
+        onSortChange: b,
+        onClickRestore: _,
+        onClickDelete: z,
+        isLoading: a,
+        totalHistoryCount: c,
+        isFiltered: x,
+        isSearchActive: g,
+        activeChatId: O
+      }
+    )
+  ] });
+}, Dt = ({
+  open: e,
+  onOpenChange: r
+}) => {
+  const n = M(null), { getAccessToken: a, user: c } = ae(), [x, g] = W([]), u = M(null), { state: l, dispatch: y } = j(ie), [, f] = P({
+    key: G + Se,
+    initialValue: l.searchString
+  }), [i, o] = P({
+    key: G + Te,
+    initialValue: !0
+  }), [A, d] = P({
+    key: G + be,
+    initialValue: !1
+  }), [I, S] = W(!1), [m, T] = W(null), [N, L] = W(null), U = Y(
+    (D, ce) => {
+      T(() => D), L(ce), S(!0);
+    },
+    []
+  ), V = Y(() => {
+    m && m(), T(null), L(null);
+  }, [m]), {
+    data: O,
+    refetch: s,
+    isLoading: b,
+    isError: p
+  } = Ae({
+    enabled: e,
+    user: c?.username || "",
+    searchString: l.searchString || "",
+    sortDirection: l.sortDirection || H.DESC,
+    sortedCell: l.sortedCell || v,
+    getAccessToken: a,
+    keywordMatchAll: i,
+    withMediaOnly: A
+  }), { data: _ } = De({
+    user: c?.username,
+    getAccessToken: a
+  }), z = _ && _.totalChats ? _.totalChats - _.privateChats - _.deletedChats : 0;
+  B(() => {
+    O && g(O);
+  }, [O]);
+  const h = async (D) => {
+    f(D), y({
+      type: _e,
+      payload: { searchString: D }
+    });
+  }, E = We((D) => {
+    h(D.target.value.trim());
+  }, 800), k = (D) => {
+    o(D);
+  }, $ = (D) => {
+    d(D);
+  };
+  return /* @__PURE__ */ C(F, { children: [
+    /* @__PURE__ */ t(
+      Ve,
+      {
+        showConfirmation: I,
+        setShowConfirmation: S,
+        action: V,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: N
+      }
+    ),
+    /* @__PURE__ */ t(
+      $e,
+      {
+        open: e,
+        onOpenChange: r,
+        title: tt,
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: n,
+        className: "h-full sm:h-max",
+        footer: /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-end gap-x-2 pb-8 sm:pb-0", children: /* @__PURE__ */ t("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ t(Ye, { onOpenChange: r, ref: n }) }) }),
+        children: /* @__PURE__ */ C("div", { className: "flex h-full flex-col gap-4", children: [
+          /* @__PURE__ */ t(
+            Ne,
+            {
+              header: b && l.searchString ? "Loading..." : l.searchString ? "Filters applied" : "Filters",
+              toggles: /* @__PURE__ */ C(F, { children: [
+                /* @__PURE__ */ t(
+                  ee,
+                  {
+                    name: "keyword-match-all",
+                    checked: i,
+                    onChange: k,
+                    label: "Match all keywords",
+                    narrow: !0,
+                    noBorder: !0
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  ee,
+                  {
+                    name: "history-with-media-only",
+                    checked: A,
+                    onChange: $,
+                    label: "Generated images only",
+                    narrow: !0,
+                    noBorder: !0
+                  }
+                )
+              ] }),
+              inputSearchRef: u,
+              onSearchChange: E,
+              defaultValue: l.searchString,
+              resetDisabled: l.searchString === "",
+              onResetSearch: () => {
+                h(""), u.current?.value && (u.current.value = "", u.current.focus());
+              }
+            }
+          ),
+          p && /* @__PURE__ */ t("p", { className: "m-0 text-copy-error-light", children: "Failed to load history." }),
+          !p && /* @__PURE__ */ t(Le, { dependency: x?.length ?? 0, children: /* @__PURE__ */ t(
+            Ct,
+            {
+              mutate: s,
+              filteredHistory: x,
+              onOpenChange: r,
+              isLoading: b,
+              totalHistoryCount: z,
+              isFiltered: !!l.searchString,
+              isSearchActive: !!l.searchString,
+              requestConfirmation: U
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  Dt as HistoryPanel
+};