@versini/sassysaint 8.45.3 → 8.45.5

package/dist/chunks/ChatHistoryTable.DiJXlug9.js

@@ -0,0 +1,649 @@
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { I as V, b as A, ue as M, pe as S, INFINITE_SCROLL_THRESHOLD as B, CARDS as D, pluralize as H, te as T, numberFormatter as U, Ae as W, isProbablyMobile as F, E as P, a as L, i$1 as G } from "./index.D8CPTDrL.js";
+import { e as w, st as E, p$1 as j, z as Y, p$2 as K } from "./App.D11WrOhS.js";
+import $, { useContext as N, Fragment as q } from "react";
+import _ from "clsx";
+const J = ({
+  className: e,
+  viewBox: a,
+  title: s,
+  monotone: r,
+  ...l
+}) => /* @__PURE__ */ y(
+  V,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: a,
+    className: e,
+    title: s || "Delete",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "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: r ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), Q = ({
+  className: e,
+  viewBox: a,
+  title: s,
+  monotone: r,
+  ...l
+}) => /* @__PURE__ */ y(
+  V,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: a,
+    className: e,
+    title: s || "Restore",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "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: r ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("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" })
+    ]
+  }
+), z = ({
+  children: e,
+  fill: a,
+  viewBox: s,
+  className: r,
+  defaultViewBox: l,
+  size: d,
+  title: p,
+  semantic: g = !1,
+  ...n
+}) => {
+  const m = _(d, r);
+  return /* @__PURE__ */ y(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: m,
+      viewBox: s || l,
+      fill: a || "currentColor",
+      role: "img",
+      "aria-hidden": !g,
+      focusable: !1,
+      ...n,
+      children: [
+        p && g && /* @__PURE__ */ t("title", { children: p }),
+        e
+      ]
+    }
+  );
+};
+/*!
+  @versini/ui-svgicon v4.2.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.2.1",
+    buildTime: "08/27/2025 08:27 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const X = ({
+  className: e,
+  viewBox: a,
+  title: s,
+  monotone: r,
+  ...l
+}) => /* @__PURE__ */ y(
+  z,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: a,
+    className: e,
+    title: s || "Sort",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l41.3-41.4V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.3l41.4 41.4c12.5 12.5 32.8 12.5 45.3 0 6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96c-6.3-6.4-14.5-9.5-22.7-9.5s-16.4 3.1-22.6 9.4z",
+          opacity: r ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v306.7l-41.4-41.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
+    ]
+  }
+), Z = ({
+  className: e,
+  viewBox: a,
+  title: s,
+  monotone: r,
+  ...l
+}) => /* @__PURE__ */ y(
+  z,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: a,
+    className: e,
+    title: s || "Sort Down",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M288 64c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32",
+          opacity: r ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32S96 46.3 96 64v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4" })
+    ]
+  }
+), ee = ({
+  className: e,
+  viewBox: a,
+  title: s,
+  monotone: r,
+  ...l
+}) => /* @__PURE__ */ y(
+  z,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: a,
+    className: e,
+    title: s || "Sort Up",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h160c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32m0 128c0-17.7 14.3-32 32-32h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32",
+          opacity: r ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32" })
+    ]
+  }
+);
+/*!
+  @versini/ui-icons v4.11.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.11.0",
+    buildTime: "08/27/2025 08:28 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const k = $.createContext({
+  mode: "light",
+  cellWrapper: "thead",
+  stickyHeader: !1,
+  stickyFooter: !1,
+  compact: !1
+}), v = "thead", I = "tfoot", b = "tbody", te = ({
+  mode: e,
+  className: a,
+  wrapperClassName: s,
+  stickyHeader: r,
+  stickyFooter: l
+}) => ({
+  wrapper: _(
+    "not-prose relative w-full rounded-lg shadow-md",
+    {
+      "overflow-x-auto": !r && !l,
+      "overflow-y-scroll": r || l,
+      "bg-surface-darker": e === "dark" || e === "system",
+      "bg-surface-light": e === "light" || e === "alt-system",
+      "dark:bg-surface-light": e === "system",
+      "dark:bg-surface-darker": e === "alt-system",
+      "text-copy-light": e === "dark",
+      "text-copy-dark": e === "light",
+      "text-copy-light dark:text-copy-dark": e === "system",
+      "text-copy-dark dark:text-copy-light": e === "alt-system"
+    },
+    s
+  ),
+  table: _("my-0 w-full text-left text-sm", a, {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  }),
+  caption: _("py-2 text-sm font-bold", {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  })
+}), se = ({
+  className: e,
+  stickyHeader: a,
+  mode: s
+}) => _(
+  {
+    "sticky top-0 z-10": a,
+    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && s === "dark",
+    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && s === "system",
+    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": a && s === "light",
+    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": a && s === "alt-system"
+  },
+  e
+), ae = ({
+  className: e,
+  stickyFooter: a,
+  mode: s
+}) => _(
+  {
+    "sticky bottom-0 z-10": a,
+    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && s === "dark",
+    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && s === "system",
+    "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": a && s === "light",
+    "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": a && s === "alt-system"
+  },
+  e
+), re = ({
+  mode: e,
+  className: a,
+  cellWrapper: s
+}) => s === v || s === I ? _(
+  {
+    "bg-table-head-dark": e === "dark" || e === "system",
+    "bg-table-head-light": e === "light" || e === "alt-system",
+    "dark:bg-table-head-light": e === "system",
+    "dark:bg-table-head-dark": e === "alt-system"
+  },
+  a
+) : _(
+  "border-b last:border-0",
+  {
+    "border-table-dark": e === "dark" || e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": s === b && e === "dark",
+    "border-table-light": e === "light" || e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even": s === b && e === "light",
+    "dark:border-table-light": e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": s === b && e === "system",
+    "dark:border-table-dark": e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": s === b && e === "alt-system"
+  },
+  a
+), le = ({
+  cellWrapper: e,
+  className: a,
+  compact: s,
+  mode: r,
+  align: l
+}) => ({
+  alignClasses: _({
+    "flex justify-start text-left": l === "left",
+    "flex justify-center text-center": l === "center",
+    "flex justify-end text-right": l === "right"
+  }),
+  mainClasses: _(
+    {
+      "text-copy-light": r === "dark" || r === "system",
+      "text-copy-dark": r === "light" || r === "alt-system",
+      "dark:text-copy-dark": r === "system",
+      "dark:text-copy-light": r === "alt-system",
+      "px-4 py-3": !s && (e === v || e === I),
+      "p-4": !s && e === b,
+      "px-2 py-1.5": s
+    },
+    a
+  )
+}), ce = ({
+  buttonClassName: e
+}) => _("rounded-none text-sm", e), oe = ({
+  children: e,
+  mode: a = "system",
+  caption: s,
+  compact: r,
+  summary: l,
+  className: d,
+  wrapperClassName: p,
+  maxHeight: g,
+  stickyHeader: n,
+  stickyFooter: m,
+  ...x
+}) => {
+  const c = te({
+    mode: a,
+    className: d,
+    wrapperClassName: p,
+    stickyHeader: n,
+    stickyFooter: m
+  });
+  return /* @__PURE__ */ t(
+    k.Provider,
+    {
+      value: { mode: a, stickyHeader: n, stickyFooter: m, compact: r },
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: c.wrapper,
+          ...g && {
+            style: { maxHeight: g }
+          },
+          children: /* @__PURE__ */ y("table", { className: c.table, summary: l, ...x, children: [
+            s && /* @__PURE__ */ t("caption", { className: c.caption, children: s }),
+            e
+          ] })
+        }
+      )
+    }
+  );
+}, ie = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const r = N(k);
+  r.cellWrapper = v;
+  const l = se({
+    className: a,
+    mode: r.mode,
+    stickyHeader: r.stickyHeader
+  });
+  return /* @__PURE__ */ t("thead", { className: l, ...s, children: e });
+}, ne = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const r = N(k);
+  r.cellWrapper = I;
+  const l = ae({
+    className: a,
+    mode: r.mode,
+    stickyFooter: r.stickyFooter
+  });
+  return /* @__PURE__ */ t("tfoot", { className: l, ...s, children: e });
+}, de = ({ children: e, ...a }) => {
+  const s = N(k);
+  return s.cellWrapper = b, /* @__PURE__ */ t("tbody", { ...a, children: e });
+}, C = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const r = N(k), l = re({
+    mode: r.mode,
+    cellWrapper: r.cellWrapper,
+    className: a
+  });
+  return /* @__PURE__ */ t("tr", { className: l, ...s, children: e });
+}, h = ({
+  children: e,
+  component: a,
+  className: s,
+  align: r,
+  ...l
+}) => {
+  const d = N(k), p = a || (d.cellWrapper === v ? "th" : "td"), { mainClasses: g, alignClasses: n } = le({
+    cellWrapper: d.cellWrapper,
+    className: s,
+    mode: d.mode,
+    compact: d.compact,
+    align: r
+  });
+  return r ? /* @__PURE__ */ t(p, { className: g, ...l, children: /* @__PURE__ */ t("div", { className: n, children: e }) }) : /* @__PURE__ */ t(p, { className: g, ...l, children: e });
+}, O = ({
+  align: e,
+  children: a,
+  buttonClassName: s,
+  className: r,
+  component: l,
+  focusMode: d = "alt-system",
+  mode: p = "alt-system",
+  onClick: g,
+  sortDirection: n,
+  sortedCell: m,
+  cellId: x,
+  ...c
+}) => {
+  const i = ce({ buttonClassName: s });
+  return /* @__PURE__ */ t(
+    h,
+    {
+      component: l,
+      className: r,
+      role: "columnheader",
+      "aria-sort": n === w.ASC && m === x ? "ascending" : n === w.DESC && m === x ? "descending" : "other",
+      ...c,
+      children: /* @__PURE__ */ t(
+        A,
+        {
+          active: m === x,
+          className: i,
+          onClick: g,
+          align: e,
+          noBorder: !0,
+          focusMode: d,
+          mode: p,
+          fullWidth: !0,
+          labelRight: a,
+          children: n === w.ASC && m === x ? /* @__PURE__ */ t(ee, { className: "size-4", monotone: !0 }) : n === w.DESC && m === x ? /* @__PURE__ */ t(Z, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ t(X, { className: "size-4", monotone: !0 })
+        }
+      )
+    }
+  );
+}, me = {
+  [G]: K,
+  [L]: Y,
+  [P]: j
+}, o = {
+  ROW: "row",
+  TIMESTAMP: M,
+  SUMMARY: "summary",
+  PROVIDER: "provider",
+  TOKEN_USAGE: S,
+  ACTIONS: "actions"
+}, he = [
+  o.ROW,
+  o.TIMESTAMP,
+  o.SUMMARY,
+  o.ACTIONS
+], pe = [
+  o.ROW,
+  o.SUMMARY,
+  o.TIMESTAMP,
+  o.TOKEN_USAGE,
+  o.PROVIDER,
+  o.ACTIONS
+], ke = ({
+  filteredHistory: e,
+  historyState: a,
+  lastEntryToLoad: s,
+  onClickSort: r,
+  onClickRestore: l,
+  onClickDelete: d,
+  infinityScrollMarkerRef: p
+}) => {
+  const n = F() ? he : pe, m = (c) => {
+    switch (c) {
+      case o.ROW:
+        return /* @__PURE__ */ t(h, { className: "sr-only", children: "Row" }, c);
+      case o.TIMESTAMP:
+        return /* @__PURE__ */ t(
+          O,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: M,
+            align: "left",
+            sortDirection: a.sortDirection,
+            sortedCell: a.sortedCell,
+            onClick: () => {
+              r(M);
+            },
+            children: "Date"
+          },
+          c
+        );
+      case o.SUMMARY:
+        return /* @__PURE__ */ t(h, { className: "text-xs sm:text-sm", children: "Summary" }, c);
+      case o.PROVIDER:
+        return /* @__PURE__ */ t(h, { className: "text-xs sm:text-sm", children: "Provider" }, c);
+      case o.TOKEN_USAGE:
+        return /* @__PURE__ */ t(
+          O,
+          {
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: S,
+            align: "right",
+            sortDirection: a.sortDirection,
+            sortedCell: a.sortedCell,
+            onClick: () => {
+              r(S);
+            },
+            children: "Tokens"
+          },
+          c
+        );
+      case o.ACTIONS:
+        return /* @__PURE__ */ t(h, { className: "text-xs sm:text-sm text-right", children: "Actions" }, c);
+      default:
+        return null;
+    }
+  }, x = (c, i, f) => {
+    switch (c) {
+      case o.ROW:
+        return /* @__PURE__ */ t(h, { children: f + 1 }, c);
+      case o.TIMESTAMP:
+        return /* @__PURE__ */ t(
+          h,
+          {
+            component: "th",
+            scope: "row",
+            className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+            children: i.timestamp.split(",")[0]
+          },
+          c
+        );
+      case o.SUMMARY: {
+        const u = i.summary || (i.messages.length > 0 ? i.messages[0]?.content : "");
+        return /* @__PURE__ */ t(
+          h,
+          {
+            className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+            style: {
+              wordBreak: "break-word"
+            },
+            children: u
+          },
+          c
+        );
+      }
+      case o.PROVIDER: {
+        const u = i.model ? W(i.model) : null, R = u ? me[u] : null;
+        return /* @__PURE__ */ t(
+          h,
+          {
+            component: "th",
+            scope: "row",
+            className: "text-gray-400",
+            align: "center",
+            children: R ? /* @__PURE__ */ t(
+              R,
+              {
+                size: "size-4 sm:size-5",
+                semantic: !0,
+                title: i.model || u
+              }
+            ) : null
+          },
+          c
+        );
+      }
+      case o.TOKEN_USAGE:
+        return /* @__PURE__ */ t(
+          h,
+          {
+            className: "text-gray-400 text-xs sm:text-sm",
+            align: "right",
+            children: i.tokenUsage ? U.format(i.tokenUsage) : "0"
+          },
+          c
+        );
+      case o.ACTIONS:
+        return /* @__PURE__ */ t(h, { children: /* @__PURE__ */ y("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+          /* @__PURE__ */ t(
+            E,
+            {
+              label: "Restore chat",
+              mode: "alt-system",
+              placement: "top",
+              trigger: /* @__PURE__ */ t(
+                T,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Restore chat",
+                  variant: "primary",
+                  iconClassName: "text-green-800 dark:text-green-500",
+                  onClick: async () => {
+                    await l(i);
+                  },
+                  children: /* @__PURE__ */ t(Q, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            E,
+            {
+              label: "Delete chat",
+              mode: "alt-system",
+              placement: "top",
+              trigger: /* @__PURE__ */ t(
+                T,
+                {
+                  focusMode: "alt-system",
+                  noBorder: !0,
+                  label: "Delete chat",
+                  variant: "primary",
+                  iconClassName: "text-red-700 dark:text-red-500",
+                  onClick: () => {
+                    d(i);
+                  },
+                  children: /* @__PURE__ */ t(J, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          )
+        ] }) }, c);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ y(oe, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+    /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t(C, { children: n.map((c) => m(c)) }) }),
+    /* @__PURE__ */ t(de, { children: e.slice(0, s).map((c, i) => c?.messages?.length > 0 ? /* @__PURE__ */ y(q, { children: [
+      i === s - B && /* @__PURE__ */ t("tr", { ref: p }),
+      /* @__PURE__ */ t(C, { children: n.map(
+        (f) => x(f, c, i)
+      ) })
+    ] }, `${D.HISTORY.TITLE}-${c.id}-${i}`) : null) }),
+    /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(h, { colSpan: 1e3, children: /* @__PURE__ */ t("div", { children: H(
+      `${e.length} chat`,
+      e.length
+    ) }) }) }) })
+  ] });
+};
+export {
+  ke as ChatHistoryTable
+};