@versini/sassysaint 8.45.3 → 8.45.5

package/dist/chunks/ChatHistoryTable.S3VOpP_Q.js

@@ -1,1205 +0,0 @@
-import { jsxs as k, jsx as s, Fragment as pe } from "react/jsx-runtime";
-import { I as se, ue$1 as F, pe as P, INFINITE_SCROLL_THRESHOLD as ke, CARDS as ve, pluralize as fe, ue as X, numberFormatter as xe, Ae as _e, isProbablyMobile as we, E as Ne, a as Ce, i as Me } from "./index.iopEJGpu.js";
-import { e as E, st as Z, p$1 as Re, z as Ie, p$2 as Se } from "./App.CBOaelVA.js";
-import A, { useContext as T, useRef as I, useLayoutEffect as ee, useEffect as j, useState as Te, useMemo as le, useCallback as ze, Fragment as Be } from "react";
-import i from "clsx";
-const Ee = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...l
-}) => /* @__PURE__ */ k(
-  se,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Delete",
-    ...l,
-    children: [
-      /* @__PURE__ */ s(
-        "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: a ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ s("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" })
-    ]
-  }
-), Oe = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...l
-}) => /* @__PURE__ */ k(
-  se,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Restore",
-    ...l,
-    children: [
-      /* @__PURE__ */ s(
-        "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: a ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ s("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" })
-    ]
-  }
-), te = "av-button", G = "icon", oe = "button", $ = "link", Ae = ({
-  type: e,
-  size: r,
-  labelRight: t,
-  labelLeft: a,
-  align: l,
-  animated: o
-}) => {
-  const d = "max-h-8 py-0 px-2", g = "max-h-9 h-8 px-3", m = "max-h-12 py-2 px-4";
-  switch (e) {
-    case oe:
-    case $:
-      return i({
-        [d]: r === "small",
-        [g]: r === "medium",
-        [m]: r === "large"
-      });
-    case G:
-      return i("flex items-center", {
-        "justify-center": l === "center",
-        "justify-start": l === "left",
-        "justify-end": l === "right",
-        "h-6 w-6 p-0": r === "small" && !o && !(t || a),
-        "h-6 px-1 sm:px-2": r === "small" && !o && (t || a),
-        "h-8 w-8 p-1": r === "medium" && !o && !(t || a),
-        "h-8 px-3": r === "medium" && !o && (t || a),
-        "h-12 w-12 p-2": r === "large" && !o && !(t || a),
-        "h-12 px-4": r === "large" && !o && (t || a),
-        "h-6 py-0": r === "small" && o && !(t || a),
-        "h-6": r === "small" && o && (t || a),
-        "h-8 py-1": r === "medium" && o && !(t || a),
-        "h-8": r === "medium" && o && (t || a),
-        "h-12 py-2": r === "large" && o && !(t || a),
-        "h-12": r === "large" && o && (t || a)
-      });
-  }
-}, Ve = ({
-  type: e,
-  size: r,
-  labelRight: t,
-  labelLeft: a
-}) => {
-  const l = "text-sm font-medium", o = "text-base font-medium", d = "text-lg font-medium";
-  switch (e) {
-    case oe:
-    case $:
-      return i({
-        "text-center": e === $,
-        [l]: r === "small",
-        [o]: r === "medium",
-        [d]: r === "large"
-      });
-    case G:
-      return i({
-        [l]: r === "small" && (t || a),
-        [o]: r === "medium" && (t || a),
-        [d]: r === "large" && (t || a)
-      });
-  }
-}, He = ({
-  mode: e,
-  noBackground: r,
-  truncate: t,
-  variant: a
-}) => {
-  if (r)
-    return "not-prose";
-  if (a === "primary")
-    return i("not-prose", {
-      truncate: t,
-      "text-copy-dark": e === "dark" || e === "system",
-      "text-copy-light": e === "light" || e === "alt-system",
-      "dark:text-copy-light": e === "system",
-      "dark:text-copy-dark": e === "alt-system"
-    });
-  if (a === "secondary")
-    return i("not-prose", {
-      truncate: t,
-      "text-copy-light": e === "dark" || e === "system",
-      "text-copy-dark": e === "light" || e === "alt-system",
-      "dark:text-copy-dark": e === "system",
-      "dark:text-copy-light": e === "alt-system"
-    });
-  if (a === "danger")
-    return i("not-prose", {
-      truncate: t,
-      "text-copy-light": e === "dark" || e === "system",
-      "text-copy-lighter": e === "light" || e === "alt-system",
-      "dark:text-copy-lighter": e === "system",
-      "dark:text-copy-light": e === "alt-system"
-    });
-  if (a === "selected")
-    return i("not-prose text-copy-lighter", {
-      truncate: t
-    });
-}, Ue = ({
-  mode: e,
-  noBackground: r,
-  variant: t
-}) => {
-  if (!r) {
-    if (t === "primary")
-      return i({
-        "bg-action-light": e === "dark",
-        "bg-action-dark": e === "light",
-        "bg-action-light dark:bg-action-dark": e === "system",
-        "bg-action-dark dark:bg-action-light": e === "alt-system"
-      });
-    if (t === "secondary")
-      return i({
-        "bg-action-light": e === "light",
-        "bg-action-dark": e === "dark",
-        "bg-action-light dark:bg-action-dark": e === "alt-system",
-        "bg-action-dark dark:bg-action-light": e === "system"
-      });
-    if (t === "danger")
-      return i({
-        "bg-action-danger-dark": e === "dark",
-        "bg-action-danger-light": e === "light",
-        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
-        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
-      });
-    if (t === "selected")
-      return "bg-action-selected-dark";
-  }
-}, De = ({
-  radius: e
-}) => i({
-  "rounded-full": e === "large",
-  "rounded-md": e === "medium",
-  "rounded-xs": e === "small"
-}), We = ({
-  mode: e,
-  disabled: r,
-  variant: t
-}) => {
-  if (r)
-    return "";
-  if (t === "primary")
-    return i({
-      "hover:text-copy-dark-hover": e === "dark" || e === "system",
-      "hover:text-copy-light-hover": e === "light" || e === "alt-system",
-      "dark:hover:text-copy-light-hover": e === "system",
-      "dark:hover:text-copy-dark-hover": e === "alt-system",
-      "hover:bg-action-light-hover": e === "dark",
-      "hover:bg-action-dark-hover": e === "light",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system"
-    });
-  if (t === "secondary")
-    return i({
-      "hover:text-copy-light-hover": e === "dark" || e === "system",
-      "hover:text-copy-dark-hover": e === "light" || e === "alt-system",
-      "dark:hover:text-copy-dark-hover": e === "system",
-      "dark:hover:text-copy-light-hover": e === "alt-system",
-      "hover:bg-action-light-hover": e === "light",
-      "hover:bg-action-dark-hover": e === "dark",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system"
-    });
-  if (t === "danger")
-    return i("hover:text-copy-light-hover", {
-      "hover:bg-action-danger-dark-hover": e === "dark",
-      "hover:bg-action-danger-light-hover": e === "light",
-      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
-      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
-    });
-  if (t === "selected")
-    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Le = ({
-  mode: e,
-  disabled: r,
-  variant: t
-}) => {
-  if (r)
-    return "";
-  if (t === "primary")
-    return i({
-      "active:text-copy-dark-active": e === "dark" || e === "system",
-      "active:text-copy-light-active": e === "light" || e === "alt-system",
-      "dark:active:text-copy-light-active": e === "system",
-      "dark:active:text-copy-dark-active": e === "alt-system",
-      "active:bg-action-light-active": e === "dark",
-      "active:bg-action-dark-active": e === "light",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system"
-    });
-  if (t === "secondary")
-    return i({
-      "active:text-copy-light-active": e === "dark" || e === "system",
-      "active:text-copy-dark-active": e === "light" || e === "alt-system",
-      "dark:active:text-copy-dark-active": e === "system",
-      "dark:active:text-copy-light-active": e === "alt-system",
-      "active:bg-action-light-active": e === "light",
-      "active:bg-action-dark-active": e === "dark",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system"
-    });
-  if (t === "danger")
-    return i("active:text-copy-lighter-active", {
-      "active:bg-action-danger-dark-active": e === "dark",
-      "active:bg-action-danger-light-active": e === "light",
-      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
-      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
-    });
-  if (t === "selected")
-    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Fe = ({
-  mode: e,
-  noBorder: r,
-  variant: t
-}) => {
-  if (r)
-    return "border border-transparent";
-  if (t === "primary")
-    return i("border", {
-      "border-border-medium": e === "dark",
-      "border-border-accent": e === "light",
-      "border-border-medium dark:border-border-accent": e === "system",
-      "border-border-accent dark:border-border-medium": e === "alt-system"
-    });
-  if (t === "secondary")
-    return i("border", {
-      "border-border-medium": e === "light",
-      "border-border-accent": e === "dark",
-      "border-border-medium dark:border-border-accent": e === "alt-system",
-      "border-border-accent dark:border-border-medium": e === "system"
-    });
-  if (t === "danger")
-    return i("border", {
-      "border-border-danger-dark": e === "dark",
-      "border-border-danger-medium": e === "light",
-      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
-      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
-    });
-  if (t === "selected")
-    return "border border-border-selected-dark";
-}, Pe = ({
-  focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
-  "focus:outline-focus-dark": e === "dark",
-  "focus:outline-focus-light": e === "light",
-  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
-  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), $e = ({
-  mode: e,
-  raw: r,
-  iconClassName: t,
-  variant: a = "primary"
-}) => {
-  if (r)
-    return "";
-  let l = {};
-  return a === "primary" ? l = {
-    "text-copy-dark": e === "dark" || e === "system",
-    "text-copy-light": e === "light" || e === "alt-system",
-    "dark:text-copy-light": e === "system",
-    "dark:text-copy-dark": e === "alt-system"
-  } : a === "secondary" ? l = {
-    "text-copy-light": e === "dark" || e === "system",
-    "text-copy-dark": e === "light" || e === "alt-system",
-    "dark:text-copy-dark": e === "system",
-    "dark:text-copy-light": e === "alt-system"
-  } : a === "danger" ? l = {
-    "text-copy-light": e === "dark" || e === "system",
-    "text-copy-lighter": e === "light" || e === "alt-system",
-    "dark:text-copy-lighter": e === "system",
-    "dark:text-copy-light": e === "alt-system"
-  } : a === "selected" && (l = {
-    "text-copy-lighter": !0
-  }), i(l, t);
-}, je = ({
-  animated: e
-}) => i({
-  "transition-opacity duration-300 ease-in-out": e
-}), Ge = ({
-  type: e,
-  className: r,
-  raw: t,
-  mode: a,
-  focusMode: l,
-  disabled: o,
-  fullWidth: d,
-  size: g,
-  noBorder: m,
-  labelRight: u,
-  labelLeft: y,
-  noBackground: c,
-  variant: n,
-  truncate: p,
-  align: v,
-  radius: N,
-  animated: z
-}) => (n || (n = "primary"), t ? i(te, r) : i(
-  te,
-  He({
-    mode: a,
-    variant: n,
-    noBackground: c,
-    truncate: p
-  }),
-  Ue({ mode: a, noBackground: c, variant: n }),
-  De({ radius: N }),
-  Ae({
-    type: e,
-    size: g,
-    labelRight: u,
-    labelLeft: y,
-    align: v,
-    animated: z
-  }),
-  Ve({ type: e, size: g, labelRight: u, labelLeft: y }),
-  Fe({ mode: a, variant: n, noBorder: m }),
-  Pe({ focusMode: l }),
-  We({ mode: a, variant: n, disabled: o }),
-  Le({ mode: a, variant: n, disabled: o }),
-  {
-    "w-full": d,
-    "disabled:cursor-not-allowed disabled:opacity-50": o
-  },
-  i({
-    "transition-[width] duration-300 ease-in": z
-  }),
-  r
-)), Ye = (e, r, t) => {
-  !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof e?.currentTarget?.focus == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, ce = A.forwardRef((e, r) => {
-  const { onClick: t, noInternalClick: a = !1, ...l } = e;
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      ref: r,
-      onClick: (o) => {
-        Ye(o, a, t);
-      },
-      ...l
-    }
-  );
-});
-ce.displayName = "BaseButton";
-function Ke() {
-  const e = I(!1);
-  return j(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), ze(() => e.current, []);
-}
-function qe(e) {
-  return le(() => e.every((r) => r == null) ? () => {
-  } : (r) => {
-    e.forEach((t) => {
-      typeof t == "function" ? t(r) : t != null && (t.current = r);
-    });
-  }, [...e]);
-}
-const Je = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function W(e) {
-  const r = Ke(), t = I(0), a = I(null), [l, o] = Te(Je), d = le(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((g) => {
-    const m = g[0];
-    m && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      a.current && r() && o(m.contentRect);
-    }));
-  }), [r]);
-  return j(() => (a.current && d?.observe(a.current, e), () => {
-    d?.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [d, e]), [a, l];
-}
-const O = {
-  small: 24,
-  // w-6
-  medium: 32,
-  // w-8
-  large: 48
-  // w-12
-}, Qe = {
-  small: 16,
-  // px-2 x 2
-  medium: 24,
-  // px-3 x 2
-  large: 32
-  // px-4 x 2
-}, Xe = 2, Ze = 300, ie = A.forwardRef(
-  ({
-    children: e,
-    disabled: r = !1,
-    mode: t = "system",
-    focusMode: a = "system",
-    fullWidth: l = !1,
-    className: o,
-    type: d = "button",
-    raw: g = !1,
-    noBorder: m = !1,
-    "aria-label": u,
-    label: y,
-    size: c = "medium",
-    labelRight: n,
-    labelLeft: p,
-    noBackground: v = !1,
-    align: N = "center",
-    radius: z = "large",
-    variant: q = "secondary",
-    iconClassName: de,
-    animated: _ = !1,
-    ...me
-  }, he) => {
-    const ge = Ge({
-      type: G,
-      mode: t,
-      focusMode: a,
-      fullWidth: l,
-      disabled: r,
-      raw: g,
-      className: o,
-      noBorder: m,
-      size: c,
-      labelRight: n,
-      labelLeft: p,
-      noBackground: v,
-      align: N,
-      radius: z,
-      variant: q,
-      animated: _
-    }), ue = $e({ mode: t, raw: g, iconClassName: de, variant: q }), J = je({ animated: _ }), ye = "flex items-center justify-center relative w-full h-full overflow-hidden", [f, H] = W(), [x, U] = W(), [B, Q] = W(), D = I(0), w = I(null), C = I(null), be = qe([he, w]);
-    return ee(() => {
-      B && B.current && _ && (D.current = Q.width + Qe[c] + (m ? 0 : Xe), w.current && !w.current.style.width && (w.current.style.width = `${O[c]}px`));
-    }, [Q, B, c, m, _]), ee(() => {
-      if (w && w.current && _) {
-        let M = O[c];
-        n && f && H.width > 0 ? M = H.width + D.current : p && x && U.width > 0 && (M = U.width + D.current), C.current && clearTimeout(C.current), M !== parseInt(w.current.style.width || "0", 10) && (f.current && (f.current.style.opacity = "0"), x.current && (x.current.style.opacity = "0"), w.current.style.width = `${M}px`, M > O[c] && (C.current = setTimeout(() => {
-          f.current && n && (f.current.style.opacity = "1"), x.current && p && (x.current.style.opacity = "1"), C.current = null;
-        }, Ze * 0.8))), M === O[c] && (f.current && (f.current.style.opacity = "0"), x.current && (x.current.style.opacity = "0"));
-      }
-    }, [
-      H,
-      n,
-      f,
-      U,
-      p,
-      x,
-      c,
-      _
-    ]), j(() => () => {
-      C.current && clearTimeout(C.current);
-    }, []), /* @__PURE__ */ s(
-      ce,
-      {
-        ref: be,
-        className: ge,
-        disabled: r,
-        type: d,
-        "aria-label": u || y,
-        ...me,
-        children: /* @__PURE__ */ k("div", { className: ye, children: [
-          /* @__PURE__ */ s(
-            re,
-            {
-              label: p,
-              labelRef: x,
-              labelClass: J,
-              labelInnerClass: "pr-2",
-              initiallyHidden: _
-            }
-          ),
-          /* @__PURE__ */ s("span", { ref: B, className: ue, children: e }),
-          /* @__PURE__ */ s(
-            re,
-            {
-              label: n,
-              labelRef: f,
-              labelClass: J,
-              labelInnerClass: "pl-2",
-              initiallyHidden: _
-            }
-          )
-        ] })
-      }
-    );
-  }
-), re = ({
-  labelRef: e,
-  labelClass: r,
-  label: t,
-  labelInnerClass: a,
-  initiallyHidden: l = !1
-}) => /* @__PURE__ */ s(
-  "span",
-  {
-    ref: e,
-    className: r,
-    style: l ? { opacity: 0 } : void 0,
-    children: t && /* @__PURE__ */ s("span", { className: a, children: t })
-  }
-);
-ie.displayName = "ButtonIcon";
-/*!
-  @versini/ui-button v7.1.5
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "7.1.5",
-    buildTime: "08/30/2025 02:56 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const ne = A.forwardRef(
-  ({
-    children: e,
-    mode: r = "system",
-    className: t,
-    active: a = !1,
-    ...l
-  }, o) => {
-    const d = a ? i(
-      "relative",
-      "focus-within:static",
-      "focus-within:after:border-transparent",
-      "after:absolute",
-      "after:content-['']",
-      "after:border-b-2",
-      "after:bottom-[-4px]",
-      "after:left-0",
-      "after:right-0",
-      {
-        "after:border-table-dark": r === "dark",
-        "after:border-table-light": r === "light",
-        "after:border-table-dark dark:after:border-table-light": r === "system",
-        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
-      }
-    ) : "";
-    return /* @__PURE__ */ s("div", { className: d, children: /* @__PURE__ */ s(
-      ie,
-      {
-        className: t,
-        ref: o,
-        mode: r,
-        radius: "small",
-        size: "small",
-        align: "center",
-        ...l,
-        children: e
-      }
-    ) });
-  }
-);
-ne.displayName = "ButtonSort";
-const Y = ({
-  children: e,
-  fill: r,
-  viewBox: t,
-  className: a,
-  defaultViewBox: l,
-  size: o,
-  title: d,
-  semantic: g = !1,
-  ...m
-}) => {
-  const u = i(o, a);
-  return /* @__PURE__ */ s(pe, { children: /* @__PURE__ */ k(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: u,
-      viewBox: t || l,
-      fill: r || "currentColor",
-      role: "img",
-      "aria-hidden": !g,
-      focusable: !1,
-      ...m,
-      children: [
-        d && g && /* @__PURE__ */ s("title", { children: d }),
-        e
-      ]
-    }
-  ) });
-};
-/*!
-  @versini/ui-svgicon v4.2.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.2.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const et = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...l
-}) => /* @__PURE__ */ k(
-  Y,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Sort",
-    ...l,
-    children: [
-      /* @__PURE__ */ s(
-        "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: a ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ s("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" })
-    ]
-  }
-), tt = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...l
-}) => /* @__PURE__ */ k(
-  Y,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Sort Down",
-    ...l,
-    children: [
-      /* @__PURE__ */ s(
-        "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: a ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ s("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" })
-    ]
-  }
-), rt = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...l
-}) => /* @__PURE__ */ k(
-  Y,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Sort Up",
-    ...l,
-    children: [
-      /* @__PURE__ */ s(
-        "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: a ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ s("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.10.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.10.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const S = A.createContext({
-  mode: "light",
-  cellWrapper: "thead",
-  stickyHeader: !1,
-  stickyFooter: !1,
-  compact: !1
-}), V = "thead", K = "tfoot", R = "tbody", at = ({
-  mode: e,
-  className: r,
-  wrapperClassName: t,
-  stickyHeader: a,
-  stickyFooter: l
-}) => ({
-  wrapper: i(
-    "not-prose relative w-full rounded-lg shadow-md",
-    {
-      "overflow-x-auto": !a && !l,
-      "overflow-y-scroll": a || 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"
-    },
-    t
-  ),
-  table: i("my-0 w-full text-left text-sm", r, {
-    "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: i("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"
-  })
-}), st = ({
-  className: e,
-  stickyHeader: r,
-  mode: t
-}) => i(
-  {
-    "sticky top-0 z-10": r,
-    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
-    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "system",
-    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "light",
-    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "alt-system"
-  },
-  e
-), lt = ({
-  className: e,
-  stickyFooter: r,
-  mode: t
-}) => i(
-  {
-    "sticky bottom-0 z-10": r,
-    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
-    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
-    "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
-    "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "alt-system"
-  },
-  e
-), ot = ({
-  mode: e,
-  className: r,
-  cellWrapper: t
-}) => t === V || t === K ? 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"
-  },
-  r
-) : i(
-  "border-b last:border-0",
-  {
-    "border-table-dark": e === "dark" || e === "system",
-    "odd:bg-table-dark-odd even:bg-table-dark-even": t === R && e === "dark",
-    "border-table-light": e === "light" || e === "alt-system",
-    "odd:bg-table-light-odd even:bg-table-light-even": t === R && 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": t === R && 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": t === R && e === "alt-system"
-  },
-  r
-), ct = ({
-  cellWrapper: e,
-  className: r,
-  compact: t,
-  mode: a,
-  align: l
-}) => ({
-  alignClasses: i({
-    "flex justify-start text-left": l === "left",
-    "flex justify-center text-center": l === "center",
-    "flex justify-end text-right": l === "right"
-  }),
-  mainClasses: i(
-    {
-      "text-copy-light": a === "dark" || a === "system",
-      "text-copy-dark": a === "light" || a === "alt-system",
-      "dark:text-copy-dark": a === "system",
-      "dark:text-copy-light": a === "alt-system",
-      "px-4 py-3": !t && (e === V || e === K),
-      "p-4": !t && e === R,
-      "px-2 py-1.5": t
-    },
-    r
-  )
-}), it = ({
-  buttonClassName: e
-}) => i("rounded-none text-sm", e), nt = ({
-  children: e,
-  mode: r = "system",
-  caption: t,
-  compact: a,
-  summary: l,
-  className: o,
-  wrapperClassName: d,
-  maxHeight: g,
-  stickyHeader: m,
-  stickyFooter: u,
-  ...y
-}) => {
-  const c = at({
-    mode: r,
-    className: o,
-    wrapperClassName: d,
-    stickyHeader: m,
-    stickyFooter: u
-  });
-  return /* @__PURE__ */ s(
-    S.Provider,
-    {
-      value: { mode: r, stickyHeader: m, stickyFooter: u, compact: a },
-      children: /* @__PURE__ */ s(
-        "div",
-        {
-          className: c.wrapper,
-          ...g && {
-            style: { maxHeight: g }
-          },
-          children: /* @__PURE__ */ k("table", { className: c.table, summary: l, ...y, children: [
-            t && /* @__PURE__ */ s("caption", { className: c.caption, children: t }),
-            e
-          ] })
-        }
-      )
-    }
-  );
-}, dt = ({
-  children: e,
-  className: r,
-  ...t
-}) => {
-  const a = T(S);
-  a.cellWrapper = V;
-  const l = st({
-    className: r,
-    mode: a.mode,
-    stickyHeader: a.stickyHeader
-  });
-  return /* @__PURE__ */ s("thead", { className: l, ...t, children: e });
-}, mt = ({
-  children: e,
-  className: r,
-  ...t
-}) => {
-  const a = T(S);
-  a.cellWrapper = K;
-  const l = lt({
-    className: r,
-    mode: a.mode,
-    stickyFooter: a.stickyFooter
-  });
-  return /* @__PURE__ */ s("tfoot", { className: l, ...t, children: e });
-}, ht = ({ children: e, ...r }) => {
-  const t = T(S);
-  return t.cellWrapper = R, /* @__PURE__ */ s("tbody", { ...r, children: e });
-}, L = ({
-  children: e,
-  className: r,
-  ...t
-}) => {
-  const a = T(S), l = ot({
-    mode: a.mode,
-    cellWrapper: a.cellWrapper,
-    className: r
-  });
-  return /* @__PURE__ */ s("tr", { className: l, ...t, children: e });
-}, b = ({
-  children: e,
-  component: r,
-  className: t,
-  align: a,
-  ...l
-}) => {
-  const o = T(S), d = r || (o.cellWrapper === V ? "th" : "td"), { mainClasses: g, alignClasses: m } = ct({
-    cellWrapper: o.cellWrapper,
-    className: t,
-    mode: o.mode,
-    compact: o.compact,
-    align: a
-  });
-  return a ? /* @__PURE__ */ s(d, { className: g, ...l, children: /* @__PURE__ */ s("div", { className: m, children: e }) }) : /* @__PURE__ */ s(d, { className: g, ...l, children: e });
-}, ae = ({
-  align: e,
-  children: r,
-  buttonClassName: t,
-  className: a,
-  component: l,
-  focusMode: o = "alt-system",
-  mode: d = "alt-system",
-  onClick: g,
-  sortDirection: m,
-  sortedCell: u,
-  cellId: y,
-  ...c
-}) => {
-  const n = it({ buttonClassName: t });
-  return /* @__PURE__ */ s(
-    b,
-    {
-      component: l,
-      className: a,
-      role: "columnheader",
-      "aria-sort": m === E.ASC && u === y ? "ascending" : m === E.DESC && u === y ? "descending" : "other",
-      ...c,
-      children: /* @__PURE__ */ s(
-        ne,
-        {
-          active: u === y,
-          className: n,
-          onClick: g,
-          align: e,
-          noBorder: !0,
-          focusMode: o,
-          mode: d,
-          fullWidth: !0,
-          labelRight: r,
-          children: m === E.ASC && u === y ? /* @__PURE__ */ s(rt, { className: "size-4", monotone: !0 }) : m === E.DESC && u === y ? /* @__PURE__ */ s(tt, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ s(et, { className: "size-4", monotone: !0 })
-        }
-      )
-    }
-  );
-}, gt = {
-  [Me]: Se,
-  [Ce]: Ie,
-  [Ne]: Re
-}, h = {
-  ROW: "row",
-  TIMESTAMP: F,
-  SUMMARY: "summary",
-  PROVIDER: "provider",
-  TOKEN_USAGE: P,
-  ACTIONS: "actions"
-}, ut = [
-  h.ROW,
-  h.TIMESTAMP,
-  h.SUMMARY,
-  h.ACTIONS
-], yt = [
-  h.ROW,
-  h.SUMMARY,
-  h.TIMESTAMP,
-  h.TOKEN_USAGE,
-  h.PROVIDER,
-  h.ACTIONS
-], xt = ({
-  filteredHistory: e,
-  historyState: r,
-  lastEntryToLoad: t,
-  onClickSort: a,
-  onClickRestore: l,
-  onClickDelete: o,
-  infinityScrollMarkerRef: d
-}) => {
-  const m = we() ? ut : yt, u = (c) => {
-    switch (c) {
-      case h.ROW:
-        return /* @__PURE__ */ s(b, { className: "sr-only", children: "Row" }, c);
-      case h.TIMESTAMP:
-        return /* @__PURE__ */ s(
-          ae,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: F,
-            align: "left",
-            sortDirection: r.sortDirection,
-            sortedCell: r.sortedCell,
-            onClick: () => {
-              a(F);
-            },
-            children: "Date"
-          },
-          c
-        );
-      case h.SUMMARY:
-        return /* @__PURE__ */ s(b, { className: "text-xs sm:text-sm", children: "Summary" }, c);
-      case h.PROVIDER:
-        return /* @__PURE__ */ s(b, { className: "text-xs sm:text-sm", children: "Provider" }, c);
-      case h.TOKEN_USAGE:
-        return /* @__PURE__ */ s(
-          ae,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: P,
-            align: "right",
-            sortDirection: r.sortDirection,
-            sortedCell: r.sortedCell,
-            onClick: () => {
-              a(P);
-            },
-            children: "Tokens"
-          },
-          c
-        );
-      case h.ACTIONS:
-        return /* @__PURE__ */ s(b, { className: "text-xs sm:text-sm text-right", children: "Actions" }, c);
-      default:
-        return null;
-    }
-  }, y = (c, n, p) => {
-    switch (c) {
-      case h.ROW:
-        return /* @__PURE__ */ s(b, { children: p + 1 }, c);
-      case h.TIMESTAMP:
-        return /* @__PURE__ */ s(
-          b,
-          {
-            component: "th",
-            scope: "row",
-            className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-            children: n.timestamp.split(",")[0]
-          },
-          c
-        );
-      case h.SUMMARY: {
-        const v = n.summary || (n.messages.length > 0 ? n.messages[0]?.content : "");
-        return /* @__PURE__ */ s(
-          b,
-          {
-            className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-            style: {
-              wordBreak: "break-word"
-            },
-            children: v
-          },
-          c
-        );
-      }
-      case h.PROVIDER: {
-        const v = n.model ? _e(n.model) : null, N = v ? gt[v] : null;
-        return /* @__PURE__ */ s(
-          b,
-          {
-            component: "th",
-            scope: "row",
-            className: "text-gray-400",
-            align: "center",
-            children: N ? /* @__PURE__ */ s(
-              N,
-              {
-                size: "size-4 sm:size-5",
-                semantic: !0,
-                title: n.model || v
-              }
-            ) : null
-          },
-          c
-        );
-      }
-      case h.TOKEN_USAGE:
-        return /* @__PURE__ */ s(
-          b,
-          {
-            className: "text-gray-400 text-xs sm:text-sm",
-            align: "right",
-            children: n.tokenUsage ? xe.format(n.tokenUsage) : "0"
-          },
-          c
-        );
-      case h.ACTIONS:
-        return /* @__PURE__ */ s(b, { children: /* @__PURE__ */ k("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
-          /* @__PURE__ */ s(
-            Z,
-            {
-              label: "Restore chat",
-              mode: "alt-system",
-              placement: "top",
-              trigger: /* @__PURE__ */ s(
-                X,
-                {
-                  focusMode: "alt-system",
-                  noBorder: !0,
-                  label: "Restore chat",
-                  variant: "primary",
-                  iconClassName: "text-green-800 dark:text-green-500",
-                  onClick: async () => {
-                    await l(n);
-                  },
-                  children: /* @__PURE__ */ s(Oe, { size: "size-3", monotone: !0 })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ s(
-            Z,
-            {
-              label: "Delete chat",
-              mode: "alt-system",
-              placement: "top",
-              trigger: /* @__PURE__ */ s(
-                X,
-                {
-                  focusMode: "alt-system",
-                  noBorder: !0,
-                  label: "Delete chat",
-                  variant: "primary",
-                  iconClassName: "text-red-700 dark:text-red-500",
-                  onClick: () => {
-                    o(n);
-                  },
-                  children: /* @__PURE__ */ s(Ee, { size: "size-3", monotone: !0 })
-                }
-              )
-            }
-          )
-        ] }) }, c);
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ k(nt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-    /* @__PURE__ */ s(dt, { children: /* @__PURE__ */ s(L, { children: m.map((c) => u(c)) }) }),
-    /* @__PURE__ */ s(ht, { children: e.slice(0, t).map((c, n) => c?.messages?.length > 0 ? /* @__PURE__ */ k(Be, { children: [
-      n === t - ke && /* @__PURE__ */ s("tr", { ref: d }),
-      /* @__PURE__ */ s(L, { children: m.map(
-        (p) => y(p, c, n)
-      ) })
-    ] }, `${ve.HISTORY.TITLE}-${c.id}-${n}`) : null) }),
-    /* @__PURE__ */ s(mt, { children: /* @__PURE__ */ s(L, { children: /* @__PURE__ */ s(b, { colSpan: 1e3, children: /* @__PURE__ */ s("div", { children: fe(
-      `${e.length} chat`,
-      e.length
-    ) }) }) }) })
-  ] });
-};
-export {
-  xt as ChatHistoryTable
-};